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

.icon-font {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Icons' !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;
}

.icon-font::before {
  display: inline-block;
}

.icon-times:before {
  content: '\e906';
}
.icon-bars.thin::before {
  content: '\e926';
}
.icon-bars::before {
  content: '\e927';
}
.icon-search.thin::before {
  content: '\e93a';
}
.icon-search::before {
  content: '\e93b';
}
.icon-caret.thin::before {
  content: '\e900';
}
.icon-caret::before {
  content: '\e901';
}
.icon-caret-circle.thin::before {
  content: '\e914';
}
.icon-caret-circle::before {
  content: '\e915';
}
.icon-chevron.thin::before {
  content: '\e918';
}
.icon-chevron::before {
  content: '\e919';
}
.icon-chevron-circle.thin::before {
  content: '\e91c';
}
.icon-chevron-circle::before {
  content: '\e91d';
}
.icon-arrow.thin::before {
  content: '\e91a';
}
.icon-arrow::before {
  content: '\e91b';
}
.icon-arrow-circle.thin::before {
  content: '\e91e';
}
.icon-arrow-circle::before {
  content: '\e91f';
}
.icon-arrow-alt.thin::before {
  content: '\e916';
}
.icon-arrow-alt::before {
  content: '\e917';
}
.icon-arrow-alt-circle.thin::before {
  content: '\e904';
}
.icon-arrow-alt-circle::before {
  content: '\e905';
}
.icon-angle-double.thin::before {
  content: '\e902';
}
.icon-angle-double::before {
  content: '\e903';
}
.icon-long-arrow.thin::before {
  content: '\e90a';
}
.icon-long-arrow::before {
  content: '\e90b';
}

.icon-font.down::before {
  transform: rotate(90deg);
}

.icon-font.left::before {
  transform: rotate(180deg);
  top: -0.075em;
}

.icon-font.up::before {
  transform: rotate(-90deg);
}