@font-face {
  font-family: 'insales-icons';
  src: url('insales-icons.eot');
	src: url('insales-icons.eot?#iefix') format('eot'),
    url('insales-icons.woff2') format('woff2'),
    url('insales-icons.woff') format('woff'),
    url('insales-icons.ttf') format('truetype'),
    url('insales-icons.svg#insales-icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --icon-code-viber: "\e902";--icon-code-email: "\e900";--icon-code-whatsapp: "\e901";--icon-code-tiktok: "\e903";--icon-code-telegram: "\e904";--icon-code-pinterest: "\e905";--icon-code-youtube: "\e906";--icon-code-ok: "\e907";--icon-code-vk: "\e908";--icon-code-cart: "\e909";--icon-code-phone: "\e90a";--icon-code-hamburger: "\e90b";--icon-code-view: "\e90c";--icon-code-hide: "\e90d";--icon-code-circle-tick: "\e90e";--icon-code-chevron-down: "\e90f";--icon-code-chevron-up: "\e910";--icon-code-chevron-right: "\e911";--icon-code-chevron-left: "\e912";--icon-code-cancel: "\e913";--icon-code-delete: "\e914";--icon-code-plus: "\e915";--icon-code-minus: "\e916";--icon-code-ellipsis: "\e818";
}

[class^="icon-"], [class*=" icon-"] {
  font-family: "insales-icons";
  speak: none;
  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;
}

.icon-viber:before {
  content: "\e902";
}
.icon-email:before {
  content: "\e900";
}
.icon-whatsapp:before {
  content: "\e901";
}
.icon-tiktok:before {
  content: "\e903";
}
.icon-telegram:before {
  content: "\e904";
}
.icon-pinterest:before {
  content: "\e905";
}
.icon-youtube:before {
  content: "\e906";
}
.icon-ok:before {
  content: "\e907";
}
.icon-vk:before {
  content: "\e908";
}
.icon-cart:before {
  content: "\e909";
}
.icon-phone:before {
  content: "\e90a";
}
.icon-hamburger:before {
  content: "\e90b";
}
.icon-view:before {
  content: "\e90c";
}
.icon-hide:before {
  content: "\e90d";
}
.icon-circle-tick:before {
  content: "\e90e";
}
.icon-chevron-down:before {
  content: "\e90f";
}
.icon-chevron-up:before {
  content: "\e910";
}
.icon-chevron-right:before {
  content: "\e911";
}
.icon-chevron-left:before {
  content: "\e912";
}
.icon-cancel:before {
  content: "\e913";
}
.icon-delete:before {
  content: "\e914";
}
.icon-plus:before {
  content: "\e915";
}
.icon-minus:before {
  content: "\e916";
}
.icon-ellipsis:before {
  content: "\e818";
}