@font-face {
    font-family: "insales-icons";
    src: url("insales-icons.woff2") format("woff2"),
        url("insales-icons.ttf") format("truetype"),
        url('insales-icons.eot?#iefix') format('eot'),
        url("insales-icons.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.icon, [class^="icon-"], [class*=" icon-"] {
    /* Keep icon font rendering consistent across contexts. */
    font-family: "insales-icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
    content: var(--content);
    content: var(--content) / "";
}
:root {
    --icon-max: "\f001";
    --icon-minus: "\e916";
    --icon-plus: "\e915";
    --icon-delete: "\e914";
    --icon-cancel: "\e913";
    --icon-chevron-left: "\e912";
    --icon-chevron-right: "\e911";
    --icon-chevron-up: "\e910";
    --icon-chevron-down: "\e90f";
    --icon-circle-tick: "\e90e";
    --icon-hide: "\e90d";
    --icon-view: "\e90c";
    --icon-hamburger: "\e90b";
    --icon-phone: "\e90a";
    --icon-cart: "\e909";
    --icon-vk: "\e908";
    --icon-ok: "\e907";
    --icon-youtube: "\e906";
    --icon-pinterest: "\e905";
    --icon-telegram: "\e904";
    --icon-tiktok: "\e903";
    --icon-viber: "\e902";
    --icon-whatsapp: "\e901";
    --icon-email: "\e900";
    --icon-ellipsis: "\e818";
    --icon-space: "\20";
    --icon-insales-icons: "\f000";
}
.icon-max:before {
    --content: var(--icon-max);
}
.icon-minus:before {
    --content: var(--icon-minus);
}
.icon-plus:before {
    --content: var(--icon-plus);
}
.icon-delete:before {
    --content: var(--icon-delete);
}
.icon-cancel:before {
    --content: var(--icon-cancel);
}
.icon-chevron-left:before {
    --content: var(--icon-chevron-left);
}
.icon-chevron-right:before {
    --content: var(--icon-chevron-right);
}
.icon-chevron-up:before {
    --content: var(--icon-chevron-up);
}
.icon-chevron-down:before {
    --content: var(--icon-chevron-down);
}
.icon-circle-tick:before {
    --content: var(--icon-circle-tick);
}
.icon-hide:before {
    --content: var(--icon-hide);
}
.icon-view:before {
    --content: var(--icon-view);
}
.icon-hamburger:before {
    --content: var(--icon-hamburger);
}
.icon-phone:before {
    --content: var(--icon-phone);
}
.icon-cart:before {
    --content: var(--icon-cart);
}
.icon-vk:before {
    --content: var(--icon-vk);
}
.icon-ok:before {
    --content: var(--icon-ok);
}
.icon-youtube:before {
    --content: var(--icon-youtube);
}
.icon-pinterest:before {
    --content: var(--icon-pinterest);
}
.icon-telegram:before {
    --content: var(--icon-telegram);
}
.icon-tiktok:before {
    --content: var(--icon-tiktok);
}
.icon-viber:before {
    --content: var(--icon-viber);
}
.icon-whatsapp:before {
    --content: var(--icon-whatsapp);
}
.icon-email:before {
    --content: var(--icon-email);
}
.icon-ellipsis:before {
    --content: var(--icon-ellipsis);
}
.icon-space:before {
    --content: var(--icon-space);
}
.icon-insales-icons:before {
    --content: var(--icon-insales-icons);
}

/* size helpers */
.icon-sm {
    font-size: 0.8em;
}
.icon-lg {
    font-size: 1.2em;
}
.icon-16 {
    font-size: 16px;
}
.icon-32 {
    font-size: 32px;
}

/* rotation/flip helpers */
.icon-rotate-90 {
    transform: rotate(90deg);
}
.icon-rotate-180 {
    transform: rotate(180deg);
}
.icon-rotate-270 {
    transform: rotate(270deg);
}
.icon-flip-x {
    transform: scaleX(-1);
}
.icon-flip-y {
    transform: scaleY(-1);
}

/* spin helper */
.icon-is-spinning {
    display: inline-block;
    animation: icon-is-spinning 1s infinite linear;
}

@keyframes icon-is-spinning {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}