$font: 'icomoon';

@font-face {
  font-family: 'icomoon';
  src:  url('icomoon/fonts/icomoon.eot?16m5f7');
  src:  url('icomoon/fonts/icomoon.eot?16m5f7#iefix') format('embedded-opentype'),
        url('icomoon/fonts/icomoon.ttf?16m5f7') format('truetype'),
        url('icomoon/fonts/icomoon.woff?16m5f7') format('woff'),
        url('icomoon/fonts/icomoon.svg?16m5f7#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

%icon-base {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: $font !important;
  speak: never;
  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 {
  @extend %icon-base;
}*/

@mixin icon($content, $color: inherit) {
  &:before {
    @extend %icon-base;
    content: $content;
    @if $color != inherit {
      color: $color;
    }
  }
}

.bz-icon-linkedin { @include icon("\e900", #fff); }
.bz-icon-youtube { @include icon("\e901", #fff); }
.bz-icon-facebook { @include icon("\e902", #fff); }
.bz-icon-tiktok { @include icon("\e903", #fff); }
.bz-icon-x-platform { @include icon("\e904", #fff); }
.bz-icon-instagram { @include icon("\e905", #fff); }
.bz-icon-close { @include icon("\e906"); }
.bz-icon-health { @include icon("\e907", #2e93d0); }
.bz-icon-arrow-simple-left { @include icon("\e908"); }
.bz-icon-arrow-simple-right { @include icon("\e909"); }

.bz-icon-map-pin {
  .path1 { @include icon("\e90a", rgb(46, 147, 208)); }
  .path2 { 
    @include icon("\e90b", rgb(255, 255, 255));
    margin-left: -0.7197265625em;
  }
}

.bz-icon-services { @include icon("\e90c", #2e93d0); }
.bz-icon-transports { @include icon("\e90d", #2e93d0); }
.bz-icon-fashion { @include icon("\e90e", #2e93d0); }
.bz-icon-bets { @include icon("\e90f", #2e93d0); }
.bz-icon-restaurants { @include icon("\e910", #2e93d0); }
.bz-icon-search { @include icon("\e911"); }
.bz-icon-chevron-down { @include icon("\e912", #f64ea3); }
.bz-icon-arrow-right { @include icon("\e913", #f64ea3); }
.bz-icon-whatsapp { @include icon("\e914"); }
.bz-icon-telephone-call { @include icon("\e915"); }
.bz-icon-arrow-up { @include icon("\e917", #ea3a93); }
.bz-icon-arrow-down { @include icon("\e916", #d91578); }
.bz-icon-whatsapp-r { @include icon("\e918"); }
.bz-icon-net { @include icon("\e919"); }
.bz-icon-spotify { @include icon("\e91a"); }
.bz-icon-sms { @include icon("\e91b"); }
.bz-icon-audio { @include icon("\e91c"); }
.bz-icon-coffee { @include icon("\e91d"); }
.bz-icon-eye { @include icon("\e91e"); }
.bz-icon-1 { @include icon("\e91f"); }
.bz-icon-2 { @include icon("\e920"); }
.bz-icon-3 { @include icon("\e921"); }
.bz-icon-pencil { @include icon("\e922"); }
.bz-icon-check { @include icon("\e923"); }
.bz-icon-mobile { @include icon("\e924"); }
.bz-icon-yellow-arrow { @include icon("\e925"); }
.bz-icon-yellow-r-arrow { @include icon("\e926"); }
.bz-icon-sun { @include icon("\e928"); }
.bz-icon-moon { @include icon("\e927"); }


// Special
.bz-icon-as-bg {
  position: relative;
  padding-left: 0.5rem + 1rem;
  &::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translatey(-50%);
  }
  &.bz-icon-margin-xs {
    padding-left: 0.5rem + 1rem;
    &.bz-icon-xs {
      padding-left: 0.5rem + 0.5rem;
    }
    &.bz-icon-s {
      padding-left: 0.5rem + 1rem;
    }
    &.bz-icon-m {
      padding-left: 0.5rem + 1.5rem;
    }
    &.bz-icon-l {
      padding-left: 0.5rem + 2rem;
    }
    &.bz-icon-xl {
      padding-left: 0.5rem + 2.5rem;
    }
    &.bz-icon-xxl {
      padding-left: 0.5rem +  3rem;
    }
  }
  &.bz-icon-margin-s {
    padding-left: 1rem + 1rem;
    &.bz-icon-xs {
      padding-left: 1rem + 0.5rem;
    }
    &.bz-icon-s {
      padding-left: 1rem + 1rem;
    }
    &.bz-icon-m {
      padding-left: 1rem + 1.5rem;
    }
    &.bz-icon-l {
      padding-left: 1rem + 2rem;
    }
    &.bz-icon-xl {
      padding-left: 1rem + 2.5rem;
    }
    &.bz-icon-xxl {
      padding-left: 1rem +  3rem;
    }
  }
}



// Sizes
.bz-icon-xs {
  font-size: 0.5rem;
}
.bz-icon-s {
  font-size: 1rem;
}
.bz-icon-m {
  font-size: 1.5rem;
}
.bz-icon-l {
  font-size: 2rem;
}
.bz-icon-xl {
  font-size: 2.5rem;
}
.bz-icon-xxl {
  font-size: 3rem;
}
.bz-icon-xxxl {
  font-size: 4.5rem;
}
.bz-icon-huge {
  font-size: 6rem;
}

.bz-icon-margin-xs {
  &:before {
    margin-right: 0.5rem;
  }
}

.bz-icon-margin-s {
  &:before {
    margin-right: 1rem;
  }
}

.bz-icon-relative {
  position: relative;
  top: 5px;
}