/* HugeIcons Font Face */
@font-face {
  font-family: 'hgi-stroke-rounded';
  src: url('../fonts/hugeicons/hgi-stroke-rounded.eot');
  src: url('../fonts/hugeicons/hgi-stroke-rounded.eot?#iefix') format('embedded-opentype'),
       url('../fonts/hugeicons/hgi-stroke-rounded.woff2') format('woff2'),
       url('../fonts/hugeicons/hgi-stroke-rounded.woff') format('woff'),
       url('../fonts/hugeicons/hgi-stroke-rounded.ttf') format('truetype'),
       url('../fonts/hugeicons/hgi-stroke-rounded.svg#hgi-stroke-rounded') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Base Icon Class */
.hgi-stroke {
  font-family: 'hgi-stroke-rounded' !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  speak: never;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
}

/* Icon Definitions - Essential Icons */
.hgi-stroke.hgi-user:before{content:"䧬"}
.hgi-stroke.hgi-user-add-01:before{content:"䧂"}
.hgi-stroke.hgi-mail-01:before{content:"䋮"}
.hgi-stroke.hgi-menu-01:before{content:"䍚"}
.hgi-stroke.hgi-menu-02:before{content:"䍛"}
.hgi-stroke.hgi-search-01:before{content:"䚕"}
.hgi-stroke.hgi-package:before{content:"䓀"}
.hgi-stroke.hgi-favourite:before{content:"㿲"}
.hgi-stroke.hgi-login-02:before{content:"䋉"}
.hgi-stroke.hgi-shopping-basket-03:before{content:"䛷"}
.hgi-stroke.hgi-shopping-cart-01:before{content:"䜍"}
.hgi-stroke.hgi-truck:before{content:"䥻"}
.hgi-stroke.hgi-help-circle:before{content:"䄺"}
.hgi-stroke.hgi-information-circle:before{content:"䆾"}
.hgi-stroke.hgi-headphones:before{content:"䄯"}
.hgi-stroke.hgi-scooter-04:before{content:"䚉"}
.hgi-stroke.hgi-ev-charging:before{content:"㿟"}
.hgi-stroke.hgi-automotive-battery-02:before{content:"㮷"}
.hgi-stroke.hgi-batteries-energy:before{content:"㯜"}
.hgi-stroke.hgi-bicycle:before{content:"㯹"}
.hgi-stroke.hgi-battery-eco-charging:before{content:"㯟"}

/* Common Icon Sizes */
.hgi-sm {
  font-size: 0.875rem;
}

.hgi-lg {
  font-size: 1.25rem;
}

.hgi-2x {
  font-size: 2rem;
}

.hgi-3x {
  font-size: 3rem;
}

/* Icon Utilities */
.hgi-fw {
  width: 1.25em;
  text-align: center;
}

.hgi-spin {
  animation: hgi-spin 2s infinite linear;
}

@keyframes hgi-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}