.i.arrow-next::before,
.icon-arrow-next {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E.s0%7Bopacity%3A0%7D%20.s1%7Bfill%3A%23361e1a%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22s0%22%20d%3D%22M24%2C12.6L12.7%2C1.2L9.9%2C3.9l6.4%2C6.1H0l0%2C4h16.3l-6.4%2C6.8l2.8%2C3.2%22%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22M24%2C11.3L12.7%2C0L9.9%2C2.7L16.3%2C9H0l0%2C4h16.3l-6.4%2C6.7l2.8%2C3%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

.i.arrow-prev-blue::before,
.icon-arrow-prev-blue {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E.s0%7Bopacity%3A0%7D%20.s1%7Bfill%3A%2335b1ff%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22s0%22%20d%3D%22M11.3%2024l2.8-3.2L7.7%2014H24v-4H7.7l6.4-6.1-2.8-2.7L0%2012.6%22%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22M11.3%2022.7l2.8-3L7.7%2013H24V9H7.7l6.4-6.3L11.3%200%200%2011.3%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

.i.arrow-prev::before,
.icon-arrow-prev {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E.s0%7Bopacity%3A0%7D%20.s1%7Bfill%3A%23361e1a%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22s0%22%20d%3D%22M11.3%2024l2.8-3.2L7.7%2014H24v-4H7.7l6.4-6.1-2.8-2.7L0%2012.6%22%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22M11.3%2022.7l2.8-3L7.7%2013H24V9H7.7l6.4-6.3L11.3%200%200%2011.3%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

.i.close::before,
.icon-close {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2210%22%20width%3D%2210%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2010%22%3E%20%20%20%20%3Cpath%20fill%3D%22%233b2c17%22%20opacity%3D%220.2%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%209.95%208.53%20C%209.95%208.53%208.54%209.95%208.54%209.95%20C%208.54%209.95%205%206.41%205%206.41%20C%205%206.41%201.46%209.95%201.46%209.95%20C%201.46%209.95%200.05%208.53%200.05%208.53%20C%200.05%208.53%203.59%205%203.59%205%20C%203.59%205%200.05%201.46%200.05%201.46%20C%200.05%201.46%201.46%200.05%201.46%200.05%20C%201.46%200.05%205%203.59%205%203.59%20C%205%203.59%208.54%200.05%208.54%200.05%20C%208.54%200.05%209.95%201.46%209.95%201.46%20C%209.95%201.46%206.41%205%206.41%205%20C%206.41%205%209.95%208.53%209.95%208.53%20Z%22%20%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
}

.i.material-acrylic-dark::before,
.icon-material-acrylic-dark {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2015%22%3E%3Cstyle%3E.s0%7Bfill%3A%23361E1A%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22s0%22%20d%3D%22M21.3%208l-8.6%204.7c-.9.5-2.5.5-3.4%200L.7%208c-.9.5-.9%201.4%200%201.9l8.6%204.7c.9.5%202.5.5%203.4%200l8.6-4.7c.9-.5.9-1.4%200-1.9z%22%2F%3E%3Cpath%20class%3D%22s0%22%20d%3D%22M21.3%207l-8.6%204.7c-.9.5-2.5.5-3.4%200L.7%207c-.9-.5-.9-1.4%200-1.9L9.3.4c.9-.5%202.5-.5%203.4%200l8.6%204.7c.9.5.9%201.4%200%201.9z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    width: 22px;
    height: 15px;
}

.i.material-acrylic .icon,
.icon-material-acrylic {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2016%22%3E%3Cstyle%3E.s0%7Bopacity%3A.12%7D%20.s1%7Bfill%3A%23FFF%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22s0%22%20d%3D%22M21.3%209.9l-8.6%204.7c-.9.5-2.5.5-3.4%200L.7%209.9c-.2-.1-.4-.3-.5-.4-.4.5-.2%201.1.5%201.4l8.6%204.7c.9.5%202.5.5%203.4%200l8.6-4.7c.7-.4.9-1%20.5-1.4-.1.1-.3.3-.5.4z%22%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22M21.3%208l-8.6%204.7c-.9.5-2.5.5-3.4%200L.7%208c-.9.5-.9%201.4%200%201.9l8.6%204.7c.9.5%202.5.5%203.4%200l8.6-4.7c.9-.5.9-1.4%200-1.9z%22%2F%3E%3Cpath%20class%3D%22s0%22%20d%3D%22M21.3%207l-8.6%204.7c-.9.5-2.5.5-3.4%200L.7%207c-.2-.1-.4-.3-.5-.5C-.2%207%200%207.6.7%208l8.6%204.7c.9.5%202.5.5%203.4%200L21.3%208c.7-.4.9-1%20.5-1.4-.1.1-.3.3-.5.4z%22%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22M21.3%207l-8.6%204.7c-.9.5-2.5.5-3.4%200L.7%207c-.9-.5-.9-1.4%200-1.9L9.3.4c.9-.5%202.5-.5%203.4%200l8.6%204.7c.9.5.9%201.4%200%201.9z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    width: 22px;
    height: 16px;
}

.block.catalog .i.material-acrylic .icon:hover {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2016%22%3E%3Cstyle%3E.s0%7Bopacity%3A.12%7D%20.s1%7Bfill%3A%23a82d17%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22s0%22%20d%3D%22M21.3%209.9l-8.6%204.7c-.9.5-2.5.5-3.4%200L.7%209.9c-.2-.1-.4-.3-.5-.4-.4.5-.2%201.1.5%201.4l8.6%204.7c.9.5%202.5.5%203.4%200l8.6-4.7c.7-.4.9-1%20.5-1.4-.1.1-.3.3-.5.4z%22%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22M21.3%208l-8.6%204.7c-.9.5-2.5.5-3.4%200L.7%208c-.9.5-.9%201.4%200%201.9l8.6%204.7c.9.5%202.5.5%203.4%200l8.6-4.7c.9-.5.9-1.4%200-1.9z%22%2F%3E%3Cpath%20class%3D%22s0%22%20d%3D%22M21.3%207l-8.6%204.7c-.9.5-2.5.5-3.4%200L.7%207c-.2-.1-.4-.3-.5-.5C-.2%207%200%207.6.7%208l8.6%204.7c.9.5%202.5.5%203.4%200L21.3%208c.7-.4.9-1%20.5-1.4-.1.1-.3.3-.5.4z%22%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22M21.3%207l-8.6%204.7c-.9.5-2.5.5-3.4%200L.7%207c-.9-.5-.9-1.4%200-1.9L9.3.4c.9-.5%202.5-.5%203.4%200l8.6%204.7c.9.5.9%201.4%200%201.9z%22%2F%3E%3C%2Fsvg%3E');
}


.i.material-kerama-dark::before,
.icon-material-acrylic-dark {
    background-image: url("/icons/kerama-brown.png");
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
}

.i.material-kerama .icon,
.icon-material-acrylic {
    background-image: url("/icons/kerama.png");
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
}

.block.catalog .i.material-kerama .icon:hover {
    background-image: url("/icons/kerama-red.png");
}

.i.material-quartz-dark::before,
.icon-material-quartz-dark {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2023%22%3E%3Cstyle%3E.s0%7Bfill%3A%23361E1A%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22s0%22%20d%3D%22M7%200v11H0%22%2F%3E%3Cpath%20class%3D%22s0%22%20d%3D%22M8%200v11h7%22%2F%3E%3Cpath%20class%3D%22s0%22%20d%3D%22M7%2023V12H0%22%2F%3E%3Cpath%20class%3D%22s0%22%20d%3D%22M8%2023V12h7%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    width: 15px;
    height: 23px;
}

.i.material-quartz .icon,
.icon-material-quartz {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2025%22%3E%3Cstyle%3E.s0%7Bopacity%3A.12%7D%20.s1%7Bfill%3A%23FFF%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22s0%22%20d%3D%22M7.5%201L0%2013l7.5%2012L15%2013z%22%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22M7%200v11H0%22%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22M8%200v11h7%22%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22M7%2023V12H0%22%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22M8%2023V12h7%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    width: 15px;
    height: 25px;
}

.block.catalog .i.material-quartz .icon:hover {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2025%22%3E%3Cstyle%3E.s0%7Bopacity%3A.12%7D%20.s1%7Bfill%3A%23a82d17%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22s0%22%20d%3D%22M7.5%201L0%2013l7.5%2012L15%2013z%22%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22M7%200v11H0%22%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22M8%200v11h7%22%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22M7%2023V12H0%22%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22M8%2023V12h7%22%2F%3E%3C%2Fsvg%3E');
}

.i.material-stone-dark::before,
.icon-material-stone-dark {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2016%22%3E%3Cstyle%3E.s0%7Bfill%3A%23361E1A%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22s0%22%20d%3D%22M14.6%209H4.4c-.1%200-.3.1-.4.2l-3.6%206c-.2.3%200%20.7.4.7h17.3c.4%200%20.6-.4.4-.7l-3.6-6c0-.1-.2-.2-.3-.2z%22%2F%3E%3Cpath%20class%3D%22s0%22%20d%3D%22M9.5%200c-.2%200-.3.1-.4.2L5%207.5c-.1.2%200%20.5.3.5h8.4c.3%200%20.4-.3.3-.5L9.9.2C9.8.1%209.7%200%209.5%200z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    width: 19px;
    height: 16px;
}

.i.material-stone .icon,
.icon-material-stone {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2017%22%3E%3Cstyle%3E.s0%7Bopacity%3A.12%7D%20.s1%7Bfill%3A%23FFF%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22s0%22%20d%3D%22M14.6%2010H4.4c-.2%200-.3.1-.4.2l-3.6%206c-.2.3%200%20.7.4.7h17.3c.4%200%20.6-.4.4-.7l-3.6-6c0-.1-.2-.2-.3-.2z%22%2F%3E%3Cpath%20class%3D%22s0%22%20d%3D%22M9.5%201c-.2%200-.3.1-.4.2L5%208.5c-.1.2%200%20.5.3.5h8.4c.3%200%20.4-.3.3-.5L9.9%201.2c-.1-.1-.2-.2-.4-.2z%22%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22M14.6%209H4.4c-.1%200-.3.1-.4.2l-3.6%206c-.2.3%200%20.7.4.7h17.3c.4%200%20.6-.4.4-.7l-3.6-6c0-.1-.2-.2-.3-.2z%22%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22M9.5%200c-.2%200-.3.1-.4.2L5%207.5c-.1.2%200%20.5.3.5h8.4c.3%200%20.4-.3.3-.5L9.9.2C9.8.1%209.7%200%209.5%200z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    width: 19px;
    height: 17px;
}

.block.catalog .i.material-stone .icon:hover {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2017%22%3E%3Cstyle%3E.s0%7Bopacity%3A.12%7D%20.s1%7Bfill%3A%23a82d17%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22s0%22%20d%3D%22M14.6%2010H4.4c-.2%200-.3.1-.4.2l-3.6%206c-.2.3%200%20.7.4.7h17.3c.4%200%20.6-.4.4-.7l-3.6-6c0-.1-.2-.2-.3-.2z%22%2F%3E%3Cpath%20class%3D%22s0%22%20d%3D%22M9.5%201c-.2%200-.3.1-.4.2L5%208.5c-.1.2%200%20.5.3.5h8.4c.3%200%20.4-.3.3-.5L9.9%201.2c-.1-.1-.2-.2-.4-.2z%22%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22M14.6%209H4.4c-.1%200-.3.1-.4.2l-3.6%206c-.2.3%200%20.7.4.7h17.3c.4%200%20.6-.4.4-.7l-3.6-6c0-.1-.2-.2-.3-.2z%22%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22M9.5%200c-.2%200-.3.1-.4.2L5%207.5c-.1.2%200%20.5.3.5h8.4c.3%200%20.4-.3.3-.5L9.9.2C9.8.1%209.7%200%209.5%200z%22%2F%3E%3C%2Fsvg%3E');
}

.i.plus::before,
.icon-plus {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2216%22%20width%3D%2216%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%20%20%20%20%3Cpath%20fill%3D%22%2335b1ff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%207%200%20C%207%200%209%200%209%200%20C%209%200%209%2016%209%2016%20C%209%2016%207%2016%207%2016%20C%207%2016%207%200%207%200%20Z%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%2335b1ff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%200%207%20C%200%207%2016%207%2016%207%20C%2016%207%2016%209%2016%209%20C%2016%209%200%209%200%209%20C%200%209%200%207%200%207%20Z%22%20%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.i.spin-arrow::before,
.icon-spin-arrow {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aa%3D%22http%3A%2F%2Fns.adobe.com%2FAdobeSVGViewerExtensions%2F3.0%2F%22%20%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23a82d17%22%20d%3D%22M20.1%2C16c-1.5%2C3-4.7%2C5.1-8.3%2C5C7%2C20.9%2C3.1%2C17%2C3%2C12.3C2.9%2C7.2%2C6.9%2C3%2C12%2C3c2.1%2C0%2C4.1%2C0.7%2C5.6%2C2l-3%2C3H20h2.5%20V6.3V0l-2.8%2C2.8c-2.2-1.9-5.2-3-8.4-2.8C5.2%2C0.4%2C0.2%2C5.4%2C0%2C11.5C-0.3%2C18.4%2C5.2%2C24%2C12%2C24c4.9%2C0%2C9-2.9%2C10.9-7.1%20c0.4-0.9-0.2-1.9-1.2-1.9h0C21%2C15%2C20.4%2C15.4%2C20.1%2C16z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}