.icon-Arrow-bottom {
    background: url("svg/sprite.css-8c5c3f7c.svg") 0 0 no-repeat;
}

.icon-Arrow-bottom-dims {
    width: 24px;
    height: 24px;
}

.icon-Arrow-left {
    background: url("svg/sprite.css-8c5c3f7c.svg") 25% 0 no-repeat;
}

.icon-Arrow-left-dims {
    width: 24px;
    height: 24px;
}

.icon-Arrow-right {
    background: url("svg/sprite.css-8c5c3f7c.svg") 0 25% no-repeat;
}

.icon-Arrow-right-dims {
    width: 24px;
    height: 24px;
}

.icon-Arrow-top {
    background: url("svg/sprite.css-8c5c3f7c.svg") 25% 25% no-repeat;
}

.icon-Arrow-top-dims {
    width: 24px;
    height: 24px;
}

.icon-Arrow-top-left {
    background: url("svg/sprite.css-8c5c3f7c.svg") 50% 0 no-repeat;
}

.icon-Arrow-top-left-dims {
    width: 24px;
    height: 24px;
}

.icon-Arrow-top-right {
    background: url("svg/sprite.css-8c5c3f7c.svg") 50% 25% no-repeat;
}

.icon-Arrow-top-right-dims {
    width: 24px;
    height: 24px;
}

.icon-Basket {
    background: url("svg/sprite.css-8c5c3f7c.svg") 0 50% no-repeat;
}

.icon-Basket-dims {
    width: 24px;
    height: 24px;
}

.icon-Chevron-bottom {
    background: url("svg/sprite.css-8c5c3f7c.svg") 25% 50% no-repeat;
}

.icon-Chevron-bottom-dims {
    width: 24px;
    height: 24px;
}

.icon-Chevron-top {
    background: url("svg/sprite.css-8c5c3f7c.svg") 50% 50% no-repeat;
}

.icon-Chevron-top-dims {
    width: 24px;
    height: 24px;
}

.icon-Close {
    background: url("svg/sprite.css-8c5c3f7c.svg") 75% 0 no-repeat;
}

.icon-Close-dims {
    width: 24px;
    height: 24px;
}

.icon-Marker {
    background: url("svg/sprite.css-8c5c3f7c.svg") 75% 25% no-repeat;
}

.icon-Marker-dims {
    width: 24px;
    height: 24px;
}

.icon-Menu {
    background: url("svg/sprite.css-8c5c3f7c.svg") 75% 50% no-repeat;
}

.icon-Menu-dims {
    width: 24px;
    height: 24px;
}

.icon-Play {
    background: url("svg/sprite.css-8c5c3f7c.svg") 0 75% no-repeat;
}

.icon-Play-dims {
    width: 24px;
    height: 24px;
}

.icon-Pluse {
    background: url("svg/sprite.css-8c5c3f7c.svg") 25% 75% no-repeat;
}

.icon-Pluse-dims {
    width: 24px;
    height: 24px;
}

.icon-Point {
    background: url("svg/sprite.css-8c5c3f7c.svg") 50% 75% no-repeat;
}

.icon-Point-dims {
    width: 24px;
    height: 24px;
}

.icon-User {
    background: url("svg/sprite.css-8c5c3f7c.svg") 75% 75% no-repeat;
}

.icon-User-dims {
    width: 24px;
    height: 24px;
}

.icon-VK {
    background: url("svg/sprite.css-8c5c3f7c.svg") 100% 0 no-repeat;
}

.icon-VK-dims {
    width: 24px;
    height: 24px;
}

.icon-Whatsapp {
    background: url("svg/sprite.css-8c5c3f7c.svg") 100% 25% no-repeat;
}

.icon-Whatsapp-dims {
    width: 24px;
    height: 24px;
}

.icon-Telegram-dims {
    width: 24px;
    height: 24px;
}

.icon-arrow-left-white {
    background: url("svg/sprite.css-8c5c3f7c.svg") 100% 50% no-repeat;
}

.icon-arrow-left-white-dims {
    width: 24px;
    height: 24px;
}

.icon-arrow-right-white {
    background: url("svg/sprite.css-8c5c3f7c.svg") 100% 75% no-repeat;
}

.icon-arrow-right-white-dims {
    width: 24px;
    height: 24px;
}

.icon-map-point-ico {
    background: url("svg/sprite.css-8c5c3f7c.svg") 0 100% no-repeat;
}

.icon-map-point-ico-dims {
    width: 24px;
    height: 24px;
}

/* Local fallback when sprite file is unavailable */
i[class^="icon-"],
i[class*=" icon-"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    line-height: 1;
    font-style: normal;
    background-repeat: no-repeat;
    background-position: center;
}

i[class^="icon-"]::before,
i[class*=" icon-"]::before {
    color: currentColor;
    font-size: 14px;
    line-height: 1;
}

.icon-Menu::before { content: "\2261"; }
.icon-Close::before { content: "\00D7"; }
.icon-Pluse::before { content: "+"; }
.icon-Arrow-left::before,
.icon-arrow-left-white::before { content: "\2190"; }
.icon-Arrow-right::before,
.icon-arrow-right-white::before { content: "\2192"; }
.icon-Arrow-top-right::before { content: "\2197"; }
.icon-Point::before,
.icon-Marker::before,
.icon-map-point-ico::before { content: "\2022"; }
.icon-User::before { content: "\25EF"; }
.icon-Play::before { content: "\25B6"; }
.icon-VK::before { content: "VK"; font-size: 10px; font-weight: 700; }
.icon-Whatsapp::before { content: "W"; font-size: 12px; font-weight: 700; }
.icon-Telegram::before {
    content: "\27A4";
    font-size: 12px;
    font-weight: 700;
    transform: rotate(-18deg) translateY(-0.5px);
}


