@font-face {
  font-family: 'iconset';
  src:
    url('icons/iconset.ttf?qy25zg') format('truetype'),
    url('icons/iconset.woff?qy25zg') format('woff'),
    url('icons/iconset.svg?qy25zg#iconset') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

i.colored{
  color: var(--primarycolor);
}

p>i, h1>i,h2>i,h3>i,h4>i,h5>i,h6>i {
  position: relative;
  display: inline-block;
  padding-inline-end: 0.5rem;
  top: calc((var(--p-size) * 0.1) * 1rem);
}

[class^="icon-"], [class*=" icon-"], i, .icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconset' !important;
  speak: never;
  font-style: normal;
  font-weight: 100!important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrowdown:before {
  content: "\e900";
}
.icon-arrowleft:before {
  content: "\e901";
}
.icon-arrowright:before {
  content: "\e902";
}
.icon-attention:before {
  content: "\e903";
}
.icon-bag:before {
  content: "\e904";
}
.icon-bank:before {
  content: "\e905";
}
.icon-banknote:before {
  content: "\e906";
}
.icon-banknotes:before {
  content: "\e907";
}
.icon-bell:before {
  content: "\e908";
}
.icon-bike:before {
  content: "\e909";
}
.icon-bin:before {
  content: "\e90a";
}
.icon-bluetoooth:before {
  content: "\e90b";
}
.icon-book:before {
  content: "\e90c";
}
.icon-booking:before {
  content: "\e90d";
}
.icon-bottle:before {
  content: "\e90e";
}
.icon-bottom:before {
  content: "\e90f";
}
.icon-bulb:before {
  content: "\e910";
}
.icon-bus:before {
  content: "\e911";
}
.icon-calender:before {
  content: "\e912";
}
.icon-camera:before {
  content: "\e913";
}
.icon-car:before {
  content: "\e914";
}
.icon-certificate:before {
  content: "\e915";
}
.icon-chat:before {
  content: "\e916";
}
.icon-check:before {
  content: "\e917";
}
.icon-clock:before {
  content: "\e918";
}
.icon-cocktail:before {
  content: "\e919";
}
.icon-coding:before {
  content: "\e91a";
}
.icon-coins:before {
  content: "\e91b";
}
.icon-construction:before {
  content: "\e91c";
}
.icon-controlboard:before {
  content: "\e91d";
}
.icon-cooking:before {
  content: "\e91e";
}
.icon-copy:before {
  content: "\e91f";
}
.icon-creditcard:before {
  content: "\e920";
}
.icon-cross:before {
  content: "\e921";
}
.icon-cup:before {
  content: "\e922";
}
.icon-cv:before {
  content: "\e923";
}
.icon-dashboard:before {
  content: "\e924";
}
.icon-datasheet:before {
  content: "\e925";
}
.icon-desktop:before {
  content: "\e926";
}
.icon-doc:before {
  content: "\e927";
}
.icon-dollarcoin:before {
  content: "\e928";
}
.icon-ecommerce:before {
  content: "\e929";
}
.icon-enlarge:before {
  content: "\e92a";
}
.icon-eurocoin:before {
  content: "\e92b";
}
.icon-exit:before {
  content: "\e92c";
}
.icon-facebook:before {
  content: "\e92d";
}
.icon-folder:before {
  content: "\e92e";
}
.icon-gallery:before {
  content: "\e92f";
}
.icon-gear:before {
  content: "\e930";
}
.icon-globe:before {
  content: "\e931";
}
.icon-group:before {
  content: "\e932";
}
.icon-heading:before {
  content: "\e933";
}
.icon-headset:before {
  content: "\e934";
}
.icon-home:before {
  content: "\e935";
}
.icon-hourglass:before {
  content: "\e936";
}
.icon-hrbook:before {
  content: "\e937";
}
.icon-image:before {
  content: "\e938";
}
.icon-instagram:before {
  content: "\e939";
}
.icon-layout:before {
  content: "\e93a";
}
.icon-left:before {
  content: "\e93b";
}
.icon-lifebuoy:before {
  content: "\e93c";
}
.icon-link:before {
  content: "\e93d";
}
.icon-lock:before {
  content: "\e93e";
}
.icon-magnify:before {
  content: "\e93f";
}
.icon-mail:before {
  content: "\e940";
}
.icon-mailto:before {
  content: "\e941";
}
.icon-megaphone:before {
  content: "\e942";
}
.icon-microphone:before {
  content: "\e943";
}
.icon-minus:before {
  content: "\e944";
}
.icon-move:before {
  content: "\e945";
}
.icon-music:before {
  content: "\e946";
}
.icon-noimage:before {
  content: "\e947";
}
.icon-office:before {
  content: "\e948";
}
.icon-paperclip:before {
  content: "\e949";
}
.icon-paperplane:before {
  content: "\e94a";
}
.icon-pen:before {
  content: "\e94b";
}
.icon-person:before {
  content: "\e94c";
}
.icon-phone:before {
  content: "\e94d";
}
.icon-phonebook:before {
  content: "\e94e";
}
.icon-piggybank:before {
  content: "\e94f";
}
.icon-placement:before {
  content: "\e950";
}
.icon-plane:before {
  content: "\e951";
}
.icon-plate:before {
  content: "\e952";
}
.icon-plus:before {
  content: "\e953";
}
.icon-position:before {
  content: "\e954";
}
.icon-puzzlepiece:before {
  content: "\e955";
}
.icon-redo:before {
  content: "\e956";
}
.icon-refresh:before {
  content: "\e957";
}
.icon-right:before {
  content: "\e958";
}
.icon-ruler:before {
  content: "\e959";
}
.icon-scale:before {
  content: "\e95a";
}
.icon-sccard:before {
  content: "\e95b";
}
.icon-selection:before {
  content: "\e95c";
}
.icon-shield:before {
  content: "\e95d";
}
.icon-shippingbox:before {
  content: "\e95e";
}
.icon-shoppingbox:before {
  content: "\e95f";
}
.icon-silverware:before {
  content: "\e960";
}
.icon-sissors:before {
  content: "\e961";
}
.icon-slider:before {
  content: "\e962";
}
.icon-smartphone:before {
  content: "\e963";
}
.icon-source:before {
  content: "\e964";
}
.icon-statistics:before {
  content: "\e965";
}
.icon-suitcase:before {
  content: "\e966";
}
.icon-table:before {
  content: "\e967";
}
.icon-text:before {
  content: "\e968";
}
.icon-thermometer:before {
  content: "\e969";
}
.icon-top:before {
  content: "\e96a";
}
.icon-transform:before {
  content: "\e96b";
}
.icon-travelbag:before {
  content: "\e96c";
}
.icon-tresor:before {
  content: "\e96d";
}
.icon-truck:before {
  content: "\e96e";
}
.icon-tuition:before {
  content: "\e96f";
}
.icon-twitter:before {
  content: "\e970";
}
.icon-umbrella:before {
  content: "\e971";
}
.icon-undo:before {
  content: "\e972";
}
.icon-video:before {
  content: "\e973";
}
.icon-wallet:before {
  content: "\e974";
}
.icon-weight:before {
  content: "\e975";
}
.icon-whatsapp:before {
  content: "\e976";
}
.icon-wineglass:before {
  content: "\e977";
}
.icon-wlan:before {
  content: "\e978";
}
.icon-world:before {
  content: "\e979";
}
.icon-wrench:before {
  content: "\e97a";
}