/*!
 * # Fomantic-UI - Label
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/* ------------------
       Theme
------------------- */
/* --------------------
   Site Variables
--------------------- */
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/***********************************************************
  Central element variation compilation enablers
***********************************************************/
/* General */
/*******************************
           Elements
*******************************/
/* Button */
/* Container */
/* Divider */
/* Header */
/* Icon */
/* Font Awesome Pro only */
/* Font Awesome Pro only */
/* Image */
/* Input */
/* Label */
/* List */
/* Loader */
/* Placeholder */
/* Rail */
/* Reveal */
/* Segment */
/* Step */
/* Text */
/*******************************
           Collections
*******************************/
/* Breadcrumb */
/* Form */
/* Grid */
/* Menu */
/* Message */
/* Table */
/*******************************
             Views
*******************************/
/* Ad */
/* Card */
/* Comment */
/* Feed */
/* Item */
/* Statistic */
/*******************************
            Modules
*******************************/
/* Accordion */
/* Calendar */
/* Checkbox */
/* Dimmer */
/* Dropdown */
/* Embed */
/* Flyout */
/* Modal */
/* Nag */
/* Popup */
/* Progress */
/* Rating */
/* Search */
/* Shape */
/* Sidebar */
/* Slider */
/* Tab */
/* Toast */
/* Transition */
/* Emojis */
/* -------------------
       Fonts
-------------------- */
/* -------------------
      Base Sizes
-------------------- */
/* This is the single variable that controls them all */
/* The size of page text */
/* -------------------
    Border Radius
-------------------- */
/* See Power-user section below
   for explanation of @px variables
*/
/* -------------------
    Brand Colors
-------------------- */
/* Whenever a color needs to get calculated (screen()/multiply()) out of a base color */
/* --------------
  Page Heading
--------------- */
/* --------------
   Form Input
--------------- */
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/* -------------------
    Focused Input
-------------------- */
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/* -------------------
        Sizes
-------------------- */
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/* -------------------
        Page
-------------------- */
/* -------------------
      Paragraph
-------------------- */
/* -------------------
       Links
-------------------- */
/* -------------------
    Scroll Bars
-------------------- */
/* Inverted */
/* IE needs hex values */
/* Scrolling */
/* -------------------
  Highlighted Text
-------------------- */
/* -------------------
       Loader
-------------------- */
/* -------------------
        Grid
-------------------- */
/* -------------------
     Transitions
-------------------- */
/* -------------------
     Breakpoints
-------------------- */
/* -------------------
      Site Colors
-------------------- */
/* ---  Colors  --- */
/* ---  Light Colors  --- */
/* ---   Neutrals  --- */
/* --- Colored Backgrounds --- */
/* --- Colored Headers --- */
/* --- Colored Text --- */
/* --- Light Colored Text --- */
/* --- Hovered Colored Text --- */
/* --- Colored Border --- */
/* --- Shadows --- */
/* Inverted */
/* Box Shadows */
/* -------------------
     Alpha Colors
-------------------- */
/* -------------------
       Accents
-------------------- */
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/* -------------------
    Emotive Colors
-------------------- */
/* Positive */
/* Negative */
/* Info */
/* Warning */
/* -------------------
        Paths
-------------------- */
/* For source only. Modified in gulp for dist */
/* -------------------
       Em Sizes
-------------------- */
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/* -------------------
       Icons
-------------------- */
/* Maximum Glyph Width of Icon */
/* -------------------
     Neutral Text
-------------------- */
/* -------------------
     Brand Colors
-------------------- */
/* -------------------
      Borders
-------------------- */
/* -------------------
    Derived Values
-------------------- */
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* -------------------
  Exact Pixel Values
-------------------- */
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/* -------------------
      Disabled
-------------------- */
/* -------------------
        Hover
-------------------- */
/* ---  Shadows  --- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
        Focus
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
    Down (:active)
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
        Active
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* ---  Tertiary  --- */
/* ---  Bright  --- */
/*******************************
 States shared in Form-related components
 *******************************/
/* Form state */
/* Input state */
/* AutoFill */
/* Dropdown state */
/* Focused state */
/* Placeholder state */
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/***********************************************************
  Central element variation compilation enablers
***********************************************************/
/* General */
/*******************************
           Elements
*******************************/
/* Button */
/* Container */
/* Divider */
/* Header */
/* Icon */
/* Font Awesome Pro only */
/* Font Awesome Pro only */
/* Image */
/* Input */
/* Label */
/* List */
/* Loader */
/* Placeholder */
/* Rail */
/* Reveal */
/* Segment */
/* Step */
/* Text */
/*******************************
           Collections
*******************************/
/* Breadcrumb */
/* Form */
/* Grid */
/* Menu */
/* Message */
/* Table */
/*******************************
             Views
*******************************/
/* Ad */
/* Card */
/* Comment */
/* Feed */
/* Item */
/* Statistic */
/*******************************
            Modules
*******************************/
/* Accordion */
/* Calendar */
/* Checkbox */
/* Dimmer */
/* Dropdown */
/* Embed */
/* Flyout */
/* Modal */
/* Nag */
/* Popup */
/* Progress */
/* Rating */
/* Search */
/* Shape */
/* Sidebar */
/* Slider */
/* Tab */
/* Toast */
/* Transition */
/* Emojis */
/* -------------------
       Fonts
-------------------- */
/* -------------------
      Base Sizes
-------------------- */
/* This is the single variable that controls them all */
/* The size of page text */
/* -------------------
    Border Radius
-------------------- */
/* See Power-user section below
   for explanation of @px variables
*/
/* -------------------
    Brand Colors
-------------------- */
/* Whenever a color needs to get calculated (screen()/multiply()) out of a base color */
/* --------------
  Page Heading
--------------- */
/* --------------
   Form Input
--------------- */
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/* -------------------
    Focused Input
-------------------- */
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/* -------------------
        Sizes
-------------------- */
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/* -------------------
        Page
-------------------- */
/* -------------------
      Paragraph
-------------------- */
/* -------------------
       Links
-------------------- */
/* -------------------
    Scroll Bars
-------------------- */
/* Inverted */
/* IE needs hex values */
/* Scrolling */
/* -------------------
  Highlighted Text
-------------------- */
/* -------------------
       Loader
-------------------- */
/* -------------------
        Grid
-------------------- */
/* -------------------
     Transitions
-------------------- */
/* -------------------
     Breakpoints
-------------------- */
/* -------------------
      Site Colors
-------------------- */
/* ---  Colors  --- */
/* ---  Light Colors  --- */
/* ---   Neutrals  --- */
/* --- Colored Backgrounds --- */
/* --- Colored Headers --- */
/* --- Colored Text --- */
/* --- Light Colored Text --- */
/* --- Hovered Colored Text --- */
/* --- Colored Border --- */
/* --- Shadows --- */
/* Inverted */
/* Box Shadows */
/* -------------------
     Alpha Colors
-------------------- */
/* -------------------
       Accents
-------------------- */
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/* -------------------
    Emotive Colors
-------------------- */
/* Positive */
/* Negative */
/* Info */
/* Warning */
/* -------------------
        Paths
-------------------- */
/* For source only. Modified in gulp for dist */
/* -------------------
       Em Sizes
-------------------- */
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/* -------------------
       Icons
-------------------- */
/* Maximum Glyph Width of Icon */
/* -------------------
     Neutral Text
-------------------- */
/* -------------------
     Brand Colors
-------------------- */
/* -------------------
      Borders
-------------------- */
/* -------------------
    Derived Values
-------------------- */
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* -------------------
  Exact Pixel Values
-------------------- */
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/* -------------------
      Disabled
-------------------- */
/* -------------------
        Hover
-------------------- */
/* ---  Shadows  --- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
        Focus
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
    Down (:active)
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
        Active
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* ---  Tertiary  --- */
/* ---  Bright  --- */
/*******************************
 States shared in Form-related components
 *******************************/
/* Form state */
/* Input state */
/* AutoFill */
/* Dropdown state */
/* Focused state */
/* Placeholder state */
/* Component's site.variables */
/* Site theme site.variables */
/* -------------------
 Component Variables
--------------------- */
/* Default */
/*******************************
             Label
*******************************/
/* -------------------
       Element
-------------------- */
/* medium is not @emSize custom value required */
/* Group */
/* -------------------
        Parts
-------------------- */
/* Link */
/* Icon */
/* Image */
/* Detail */
/* Delete */
/* -------------------
        Types
-------------------- */
/* Image Label */
/* -------------------
        States
-------------------- */
/* Hover */
/* Active */
/* Active Hover */
/* -------------------
      Variations
-------------------- */
/* Basic */
/* Tag */
/* Avoids error with background: inherit; on animation */
/* Ribbon */
/* Rounding Offset on Triangle */
/* Rounding Offset on Triangle */
/* Inverted */
/* Colors */
/* Attached */
/* Corner */
/* Corner Text */
/* Horizontal */
/* Circular Padding */
/* Pointing */
/* Avoids error with background: inherit; on animation */
/* Basic Pointing */
/* Floating */
/* -------------------
        Group
-------------------- */
/* Sizing */
/* Packaged Theme */
/* Site Theme */
/* -------------------------
    Central Color Map
------------------------- */
/* Default */
/***********************************************************
  Central Color Mapping Base for all components to iterate
***********************************************************/
/***********************************************************
  Color Mapping Base for form components to iterate
***********************************************************/
/* Packaged colors.less */
/***********************************************************
  Central Color Mapping Base for all components to iterate
***********************************************************/
/***********************************************************
  Color Mapping Base for form components to iterate
***********************************************************/
/* Packaged Theme */
/* Site Theme */
/*******************************
             Mix-ins
*******************************/
/* ------------------
       Fonts
------------------- */
/* ------------------
     Overrides
------------------- */
/* End Config */
/*******************************
            Label
*******************************/
.ui.label {
  display: inline-block;
  line-height: 1;
  vertical-align: baseline;
  margin: 0 0.14285714em;
  background-color: #ED8F49;
  background-image: none;
  padding: 0.5833em 0.833em;
  color: white;
  text-transform: none;
  font-weight: normal;
  border: 0 solid transparent;
  border-radius: 0.28571429rem;
  transition: background 0.1s ease;
}
.ui.label:first-child {
  margin-left: 0;
}
.ui.label:last-child {
  margin-right: 0;
}
/* Link */
a.ui.label {
  cursor: pointer;
}
/* Inside Link */
.ui.label > a {
  cursor: pointer;
  color: inherit;
  opacity: 0.5;
  transition: 0.1s opacity ease;
}
.ui.label > a:hover {
  opacity: 1;
}
/* Image */
.ui.label > img {
  width: auto !important;
  vertical-align: middle;
  height: 2.1666em;
}
/* Icon */
.ui.ui[class*="left icon"].label > .icon,
.ui.label > .icon {
  width: auto;
  margin: 0 0.75em 0 0;
}
/* Detail */
.ui.label > .detail {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  margin-left: 1em;
  opacity: 0.8;
}
.ui.label > .detail .icon {
  margin: 0 0.25em 0 0;
}
/* Removable label */
.ui.label > .close.icon,
.ui.label > .delete.icon {
  cursor: pointer;
  font-size: 0.92857143em;
  opacity: 0.5;
  transition: background 0.1s ease;
}
.ui.label > .close.icon:hover,
.ui.label > .delete.icon:hover {
  opacity: 1;
}
/* Backward compatible positioning */
.ui.label[class*="left icon"] > .close.icon,
.ui.label[class*="left icon"] > .delete.icon {
  margin: 0 0.5em 0 0;
}
.ui.label[class*="left icon"] > .close.icon.right,
.ui.label[class*="left icon"] > .delete.icon.right {
  margin: 0 0 0 0.5em;
}
.ui.label:not(.icon) > .close.icon,
.ui.label:not(.icon) > .delete.icon {
  margin: 0 0 0 0.5em;
}
/* Label for only an icon */
.ui.icon.label > .icon {
  margin: 0 auto;
}
/* Right Side Icon */
.ui[class*="right icon"].label > .icon {
  margin: 0 0 0 0.75em;
}
/* -------------------
       Group
-------------------- */
.ui.labels > .label {
  margin: 0 0.5em 0.5em 0;
}
/* -------------------
       Coupling
-------------------- */
.ui.header > .ui.label {
  margin-top: -0.29165em;
}
/* Remove border radius on attached segment */
.ui.attached.segment > .ui.top.left.attached.label,
.ui.bottom.attached.segment > .ui.top.left.attached.label {
  border-top-left-radius: 0;
}
.ui.attached.segment > .ui.top.right.attached.label,
.ui.bottom.attached.segment > .ui.top.right.attached.label {
  border-top-right-radius: 0;
}
.ui.top.attached.segment > .ui.bottom.left.attached.label {
  border-bottom-left-radius: 0;
}
.ui.top.attached.segment > .ui.bottom.right.attached.label {
  border-bottom-right-radius: 0;
}
/* Padding on next content after a label */
.ui.top.attached.label ~ .ui.bottom.attached.label + :not(.attached),
.ui.top.attached.label + :not(.attached) {
  margin-top: 2rem !important;
}
.ui.bottom.attached.label ~ :last-child:not(.attached) {
  margin-top: 0;
  margin-bottom: 2rem !important;
}
.ui.segment:not(.basic) > .ui.top.attached.label {
  margin-top: -1px;
}
.ui.segment:not(.basic) > .ui.bottom.attached.label {
  margin-bottom: -1px;
}
.ui.segment:not(.basic) > .ui.attached.label:not(.right) {
  margin-left: -1px;
}
.ui.segment:not(.basic) > .ui.right.attached.label {
  margin-right: -1px;
}
.ui.segment:not(.basic) > .ui.attached.label:not(.left):not(.right) {
  width: calc(100% + 2px);
}
/*******************************
             Types
*******************************/
.ui.image.labels .label,
.ui.image.label {
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 9999px;
  vertical-align: baseline;
  text-transform: none;
  background: #ED8F49;
  padding: 0.5833em 0.833em 0.5833em 0.5em;
  border-radius: 0.28571429rem;
  box-shadow: none;
}
.ui.image.labels .label.attached:not(.basic),
.ui.image.label.attached:not(.basic) {
  padding: 0.5833em 0.833em 0.5833em 0.5em;
}
.ui.labels .image.label,
.ui.image.labels .label {
  margin-bottom: 0.5em;
}
.ui.image.label img {
  display: inline-block;
  vertical-align: top;
  height: 2.1666em;
  margin: -0.5833em 0.5em -0.5833em -0.5em;
  border-radius: 0.28571429rem 0 0 0.28571429rem;
}
.ui.image.label .detail {
  background: rgba(0, 0, 0, 0.1);
  margin: -0.5833em -0.833em -0.5833em 0.5em;
  padding: 0.5833em 0.833em;
  border-radius: 0 0.28571429rem 0.28571429rem 0;
}
.ui.bottom.attached.image.label:not(.right) > img,
.ui.top.right.attached.image.label > img {
  border-top-left-radius: 0;
}
.ui.top.attached.image.label:not(.right) > img,
.ui.bottom.right.attached.image.label > img {
  border-bottom-left-radius: 0;
}
/* -------------------
             Tag
    -------------------- */
.ui.tag.labels .label,
.ui.tag.label {
  margin-left: 1em;
  position: relative;
  padding-left: 1.5em;
  padding-right: 1.5em;
  border-radius: 0 0.28571429rem 0.28571429rem 0;
  transition: none;
}
.ui.tag.labels .label::before,
.ui.tag.label::before {
  position: absolute;
  transform: translateY(-50%) translateX(50%) rotate(-45deg);
  top: 50%;
  right: 100%;
  content: "";
  background-color: inherit;
  background-image: none;
  width: 1.56em;
  height: 1.56em;
  transition: none;
}
.ui.tag.labels .label::after,
.ui.tag.label::after {
  position: absolute;
  content: "";
  top: 50%;
  left: -0.25em;
  margin-top: -0.25em;
  background-color: #fff;
  width: 0.5em;
  height: 0.5em;
  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
  border-radius: 500rem;
}
.ui.basic.tag.labels .label::before,
.ui.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  right: calc(100% + 1px);
}
.ui.basic.tag.labels .label::after,
.ui.basic.tag.label::after {
  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.8);
}
/* -------------------
        Corner Label
    -------------------- */
.ui.corner.label {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  text-align: center;
  border-color: #ED8F49;
  width: 4em;
  height: 4em;
  z-index: 1;
  transition: border-color 0.1s ease;
}
/* Icon Label */
.ui.corner.label {
  background-color: transparent !important;
}
.ui.corner.label::after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  z-index: -1;
  width: 0;
  height: 0;
  background-color: transparent;
  border-top: 0 solid transparent;
  border-right: 4em solid transparent;
  border-bottom: 4em solid transparent;
  border-left: 0 solid transparent;
  border-right-color: inherit;
  transition: border-color 0.1s ease;
}
.ui.corner.label .icon {
  cursor: inherit;
  position: absolute;
  top: 0.64285714em;
  left: auto;
  right: 0.57142857em;
  font-size: 1.14285714em;
  margin: 0;
}
/* Left Corner */
.ui.left.corner.label,
.ui.left.corner.label::after {
  right: auto;
  left: 0;
}
.ui.left.corner.label::after {
  border-top: 4em solid transparent;
  border-right: 4em solid transparent;
  border-bottom: 0 solid transparent;
  border-left: 0 solid transparent;
  border-top-color: inherit;
}
.ui.left.corner.label .icon {
  left: 0.57142857em;
  right: auto;
}
/* Segment */
.ui.segment > .ui.corner.label {
  top: -1px;
  right: -1px;
}
.ui.segment > .ui.left.corner.label {
  right: auto;
  left: -1px;
}
/* -------------------
           Ribbon
    -------------------- */
.ui.ribbon.label {
  position: relative;
  margin: 0;
  min-width: max-content;
  border-radius: 0 0.28571429rem 0.28571429rem 0;
  border-color: rgba(0, 0, 0, 0.15);
}
.ui.ribbon.label::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  background-color: transparent;
  border-style: solid;
  border-width: 0 1.2em 1.2em 0;
  border-color: transparent;
  border-right-color: inherit;
  width: 0;
  height: 0;
}
/* Positioning */
.ui.ribbon.label {
  left: calc(-1rem - 1.2em);
  margin-right: -1.2em;
  padding-left: calc(1rem + 1.2em);
  padding-right: 1.2em;
}
.ui[class*="right ribbon"].label {
  left: calc(100% + 1rem + 1.2em);
  padding-left: 1.2em;
  padding-right: calc(1rem + 1.2em);
}
.ui.basic.ribbon.label {
  padding-top: calc(0.5833em - 1px);
  padding-bottom: calc(0.5833em - 1px);
}
.ui.basic.ribbon.label:not([class*="right ribbon"]) {
  padding-left: calc(1rem + 1.2em - 1px);
  padding-right: calc(1.2em - 1px);
}
.ui.basic[class*="right ribbon"].label {
  padding-left: calc(1.2em - 1px);
  padding-right: calc(1rem + 1.2em - 1px);
}
.ui.basic.ribbon.label::after {
  top: calc(100% + 1px);
}
.ui.basic.ribbon.label:not([class*="right ribbon"])::after {
  left: -1px;
}
.ui.basic[class*="right ribbon"].label::after {
  right: -1px;
}
/* Right Ribbon */
.ui[class*="right ribbon"].label {
  text-align: left;
  transform: translateX(-100%);
  border-radius: 0.28571429rem 0 0 0.28571429rem;
}
.ui[class*="right ribbon"].label::after {
  left: auto;
  right: 0;
  border-style: solid;
  border-width: 1.2em 1.2em 0 0;
  border-color: transparent;
  border-top-color: inherit;
}
.ui.ui.center.ribbon.label {
  top: calc(50% - 1em);
  z-index: 1;
}
.ui.bottom.ribbon.label::after {
  bottom: 100%;
  top: auto;
  border-width: 1.2em 1.2em 0 0;
}
.ui.bottom[class*="right ribbon"].label::after {
  border-width: 1.2em 0 0 1.2em;
  border-color: transparent;
  border-left-color: inherit;
}
/* Inside Image */
.ui.image > .ribbon.label,
.ui.card .image > .ribbon.label {
  position: absolute;
  top: 1rem;
}
.ui.card .image > .ui.ribbon.label,
.ui.image > .ui.ribbon.label {
  left: calc(0.05rem - 1.2em);
}
.ui.card .image > .ui[class*="right ribbon"].label,
.ui.image > .ui[class*="right ribbon"].label {
  left: calc(100% + -0.05rem + 1.2em);
  padding-left: 0.833em;
}
.ui.card .image > .ui.bottom.ribbon.label,
.ui.image > .ui.bottom.ribbon.label {
  bottom: 1rem;
  top: auto;
}
/* Inside Table */
.ui.table td > .ui.ribbon.label {
  left: calc(-1em - 1.2em);
}
.ui.table td > .ui[class*="right ribbon"].label {
  left: calc(100% + 1em + 1.2em);
  padding-left: 0.833em;
}
/* -------------------
          Attached
    -------------------- */
.ui[class*="top attached"].label,
.ui.attached.label {
  width: 100%;
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  padding: 0.75em 1em;
  border-radius: 0.21428571rem 0.21428571rem 0 0;
}
.ui[class*="bottom attached"].label {
  top: auto;
  bottom: 0;
  border-radius: 0 0 0.21428571rem 0.21428571rem;
}
.ui[class*="top left attached"].label {
  width: auto;
  margin-top: 0;
  border-radius: 0.21428571rem 0 0.28571429rem 0;
}
.ui[class*="top right attached"].label {
  width: auto;
  left: auto;
  right: 0;
  border-radius: 0 0.21428571rem 0 0.28571429rem;
}
.ui[class*="bottom left attached"].label {
  width: auto;
  top: auto;
  bottom: 0;
  border-radius: 0 0.28571429rem 0 0.21428571rem;
}
.ui[class*="bottom right attached"].label {
  top: auto;
  bottom: 0;
  left: auto;
  right: 0;
  width: auto;
  border-radius: 0.28571429rem 0 0.21428571rem 0;
}
/*******************************
             States
*******************************/
/* -------------------
      Disabled
-------------------- */
.ui.disabled.labels .label,
.ui.label.disabled {
  opacity: 0.45;
  pointer-events: none;
}
/* -------------------
        Hover
-------------------- */
.ui.labels a.label:hover,
a.ui.label:hover {
  background-color: #eb8132;
  border-color: #eb8132;
  background-image: none;
  color: white;
}
.ui.labels a.label:hover::before,
a.ui.label:hover::before {
  color: white;
}
/* -------------------
        Active
-------------------- */
.ui.active.label {
  background-color: #d0d0d0;
  border-color: #d0d0d0;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}
.ui.active.label::before {
  background-color: #d0d0d0;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}
/* -------------------
     Active Hover
-------------------- */
.ui.labels a.active.label:hover,
a.ui.active.label:hover {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}
.ui.labels a.active.label:hover::before,
a.ui.active.label:hover::before {
  background-color: #c8c8c8;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}
/* -------------------
      Visible
-------------------- */
.ui.labels.visible .label,
.ui.label.visible:not(.dropdown) {
  display: inline-block !important;
}
/* -------------------
      Hidden
-------------------- */
.ui.labels.hidden .label,
.ui.label.hidden {
  display: none !important;
}
/*******************************
           Variations
*******************************/
/* -------------------
            Basic
    -------------------- */
.ui.basic.labels .label,
.ui.basic.label {
  background: none #fff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  box-shadow: none;
  padding-top: calc(0.5833em - 1px);
  padding-bottom: calc(0.5833em - 1px);
  padding-right: calc(0.833em - 1px);
}
.ui.basic.labels:not(.tag):not(.image):not(.ribbon) .label,
.ui.basic.label:not(.tag):not(.image):not(.ribbon) {
  padding-left: calc(0.833em - 1px);
}
.ui.basic.image.label {
  padding-left: calc(0.5em - 1px);
}
/* Link */
.ui.basic.labels a.label:hover,
a.ui.basic.label:hover {
  text-decoration: none;
  background: none #fff;
  color: #1e70bf;
  box-shadow: none;
}
/* Pointing */
.ui.basic.pointing.label::before {
  border-color: inherit;
}
/* -------------------
           Fluid
    -------------------- */
.ui.label.fluid,
.ui.fluid.labels > .label {
  width: 100%;
  box-sizing: border-box;
}
.ui.centered.labels .label,
.ui.centered.label {
  text-align: center;
}
/* -------------------
           Inverted
    -------------------- */
.ui.inverted.labels .label,
.ui.inverted.label {
  color: rgba(255, 255, 255, 0.9);
  background-color: #bd5c13;
}
.ui.inverted.corner.label {
  border-color: #bd5c13;
}
.ui.inverted.corner.label:hover {
  border-color: #ED8F49;
  transition: none;
}
.ui.inverted.basic.labels .label,
.ui.inverted.basic.label,
.ui.inverted.basic.label:hover {
  border-color: rgba(255, 255, 255, 0.5);
  background: #1b1c1d;
}
.ui.inverted.basic.label:hover {
  color: #4183c4;
}
/* -------------------
       Colors
-------------------- */
.ui.primary.labels .label,
.ui.ui.ui.primary.label {
  background-color: #2185d0;
  border-color: #2185d0;
  color: rgba(255, 255, 255, 0.9);
}
/* Link */
.ui.primary.labels a.label:hover,
a.ui.ui.ui.primary.label:hover {
  background-color: #1678c2;
  border-color: #1678c2;
  color: #fff;
}
/* Ribbon */
.ui.ui.ui.primary.ribbon.label {
  border-color: #1a69a4;
}
/* Basic */
.ui.basic.labels .primary.label,
.ui.ui.ui.basic.primary.label {
  background: none #fff;
  border-color: #2185d0;
  color: #2185d0;
}
.ui.basic.labels a.primary.label:hover,
a.ui.ui.ui.basic.primary.label:hover {
  background: none #fff;
  border-color: #1678c2;
  color: #1678c2;
}
/* Inverted */
.ui.inverted.labels .primary.label,
.ui.ui.ui.inverted.primary.label {
  background-color: #54c8ff;
  border-color: #54c8ff;
  color: #1b1c1d;
}
/* Inverted Link */
.ui.inverted.labels a.primary.label:hover,
a.ui.ui.ui.inverted.primary.label:hover {
  background-color: #21b8ff;
  border-color: #21b8ff;
  color: #1b1c1d;
}
/* Inverted Ribbon */
.ui.ui.ui.inverted.primary.ribbon.label {
  border-color: #21b8ff;
}
/* Inverted Basic */
.ui.inverted.basic.labels .primary.label,
.ui.ui.ui.inverted.basic.primary.label {
  background-color: #1b1c1d;
  border-color: #54c8ff;
  color: #54c8ff;
}
.ui.inverted.basic.labels a.primary.label:hover,
a.ui.ui.ui.inverted.basic.primary.label:hover {
  border-color: #21b8ff;
  background-color: #1b1c1d;
  color: #21b8ff;
}
/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .primary.label,
.ui.ui.ui.inverted.primary.basic.tag.label {
  border: 1px solid #54c8ff;
}
.ui.inverted.basic.tag.labels .primary.label::before,
.ui.ui.ui.inverted.primary.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.secondary.labels .label,
.ui.ui.ui.secondary.label {
  background-color: #1b1c1d;
  border-color: #1b1c1d;
  color: rgba(255, 255, 255, 0.9);
}
/* Link */
.ui.secondary.labels a.label:hover,
a.ui.ui.ui.secondary.label:hover {
  background-color: #27292a;
  border-color: #27292a;
  color: #fff;
}
/* Ribbon */
.ui.ui.ui.secondary.ribbon.label {
  border-color: #020203;
}
/* Basic */
.ui.basic.labels .secondary.label,
.ui.ui.ui.basic.secondary.label {
  background: none #fff;
  border-color: #1b1c1d;
  color: #1b1c1d;
}
.ui.basic.labels a.secondary.label:hover,
a.ui.ui.ui.basic.secondary.label:hover {
  background: none #fff;
  border-color: #27292a;
  color: #27292a;
}
/* Inverted */
.ui.inverted.labels .secondary.label,
.ui.ui.ui.inverted.secondary.label {
  background-color: #545454;
  border-color: #545454;
  color: #1b1c1d;
}
/* Inverted Link */
.ui.inverted.labels a.secondary.label:hover,
a.ui.ui.ui.inverted.secondary.label:hover {
  background-color: #6e6e6e;
  border-color: #6e6e6e;
  color: #1b1c1d;
}
/* Inverted Ribbon */
.ui.ui.ui.inverted.secondary.ribbon.label {
  border-color: #3b3b3b;
}
/* Inverted Basic */
.ui.inverted.basic.labels .secondary.label,
.ui.ui.ui.inverted.basic.secondary.label {
  background-color: #1b1c1d;
  border-color: #545454;
  color: #545454;
}
.ui.inverted.basic.labels a.secondary.label:hover,
a.ui.ui.ui.inverted.basic.secondary.label:hover {
  border-color: #6e6e6e;
  background-color: #1b1c1d;
  color: #6e6e6e;
}
/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .secondary.label,
.ui.ui.ui.inverted.secondary.basic.tag.label {
  border: 1px solid #545454;
}
.ui.inverted.basic.tag.labels .secondary.label::before,
.ui.ui.ui.inverted.secondary.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.red.labels .label,
.ui.ui.ui.red.label {
  background-color: #db2828;
  border-color: #db2828;
  color: #fff;
}
/* Link */
.ui.red.labels a.label:hover,
a.ui.ui.ui.red.label:hover {
  background-color: #d01919;
  border-color: #d01919;
  color: #fff;
}
/* Ribbon */
.ui.ui.ui.red.ribbon.label {
  border-color: #b21e1e;
}
/* Basic */
.ui.basic.labels .red.label,
.ui.ui.ui.basic.red.label {
  background: none #fff;
  border-color: #db2828;
  color: #db2828;
}
.ui.basic.labels a.red.label:hover,
a.ui.ui.ui.basic.red.label:hover {
  background: none #fff;
  border-color: #d01919;
  color: #d01919;
}
/* Inverted */
.ui.inverted.labels .red.label,
.ui.ui.ui.inverted.red.label {
  background-color: #ff695e;
  border-color: #ff695e;
  color: #1b1c1d;
}
/* Inverted Link */
.ui.inverted.labels a.red.label:hover,
a.ui.ui.ui.inverted.red.label:hover {
  background-color: #ff392b;
  border-color: #ff392b;
  color: #1b1c1d;
}
/* Inverted Ribbon */
.ui.ui.ui.inverted.red.ribbon.label {
  border-color: #ff392b;
}
/* Inverted Basic */
.ui.inverted.basic.labels .red.label,
.ui.ui.ui.inverted.basic.red.label {
  background-color: #1b1c1d;
  border-color: #ff695e;
  color: #ff695e;
}
.ui.inverted.basic.labels a.red.label:hover,
a.ui.ui.ui.inverted.basic.red.label:hover {
  border-color: #ff392b;
  background-color: #1b1c1d;
  color: #ff392b;
}
/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .red.label,
.ui.ui.ui.inverted.red.basic.tag.label {
  border: 1px solid #ff695e;
}
.ui.inverted.basic.tag.labels .red.label::before,
.ui.ui.ui.inverted.red.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.orange.labels .label,
.ui.ui.ui.orange.label {
  background-color: #f2711c;
  border-color: #f2711c;
  color: #fff;
}
/* Link */
.ui.orange.labels a.label:hover,
a.ui.ui.ui.orange.label:hover {
  background-color: #f26202;
  border-color: #f26202;
  color: #fff;
}
/* Ribbon */
.ui.ui.ui.orange.ribbon.label {
  border-color: #cf590c;
}
/* Basic */
.ui.basic.labels .orange.label,
.ui.ui.ui.basic.orange.label {
  background: none #fff;
  border-color: #f2711c;
  color: #f2711c;
}
.ui.basic.labels a.orange.label:hover,
a.ui.ui.ui.basic.orange.label:hover {
  background: none #fff;
  border-color: #f26202;
  color: #f26202;
}
/* Inverted */
.ui.inverted.labels .orange.label,
.ui.ui.ui.inverted.orange.label {
  background-color: #ff851b;
  border-color: #ff851b;
  color: #1b1c1d;
}
/* Inverted Link */
.ui.inverted.labels a.orange.label:hover,
a.ui.ui.ui.inverted.orange.label:hover {
  background-color: #e76b00;
  border-color: #e76b00;
  color: #1b1c1d;
}
/* Inverted Ribbon */
.ui.ui.ui.inverted.orange.ribbon.label {
  border-color: #e76b00;
}
/* Inverted Basic */
.ui.inverted.basic.labels .orange.label,
.ui.ui.ui.inverted.basic.orange.label {
  background-color: #1b1c1d;
  border-color: #ff851b;
  color: #ff851b;
}
.ui.inverted.basic.labels a.orange.label:hover,
a.ui.ui.ui.inverted.basic.orange.label:hover {
  border-color: #e76b00;
  background-color: #1b1c1d;
  color: #e76b00;
}
/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .orange.label,
.ui.ui.ui.inverted.orange.basic.tag.label {
  border: 1px solid #ff851b;
}
.ui.inverted.basic.tag.labels .orange.label::before,
.ui.ui.ui.inverted.orange.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.yellow.labels .label,
.ui.ui.ui.yellow.label {
  background-color: #fbbd08;
  border-color: #fbbd08;
  color: #fff;
}
/* Link */
.ui.yellow.labels a.label:hover,
a.ui.ui.ui.yellow.label:hover {
  background-color: #eaae00;
  border-color: #eaae00;
  color: #fff;
}
/* Ribbon */
.ui.ui.ui.yellow.ribbon.label {
  border-color: #cd9903;
}
/* Basic */
.ui.basic.labels .yellow.label,
.ui.ui.ui.basic.yellow.label {
  background: none #fff;
  border-color: #fbbd08;
  color: #fbbd08;
}
.ui.basic.labels a.yellow.label:hover,
a.ui.ui.ui.basic.yellow.label:hover {
  background: none #fff;
  border-color: #eaae00;
  color: #eaae00;
}
/* Inverted */
.ui.inverted.labels .yellow.label,
.ui.ui.ui.inverted.yellow.label {
  background-color: #ffe21f;
  border-color: #ffe21f;
  color: #1b1c1d;
}
/* Inverted Link */
.ui.inverted.labels a.yellow.label:hover,
a.ui.ui.ui.inverted.yellow.label:hover {
  background-color: #ebcd00;
  border-color: #ebcd00;
  color: #1b1c1d;
}
/* Inverted Ribbon */
.ui.ui.ui.inverted.yellow.ribbon.label {
  border-color: #ebcd00;
}
/* Inverted Basic */
.ui.inverted.basic.labels .yellow.label,
.ui.ui.ui.inverted.basic.yellow.label {
  background-color: #1b1c1d;
  border-color: #ffe21f;
  color: #ffe21f;
}
.ui.inverted.basic.labels a.yellow.label:hover,
a.ui.ui.ui.inverted.basic.yellow.label:hover {
  border-color: #ebcd00;
  background-color: #1b1c1d;
  color: #ebcd00;
}
/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .yellow.label,
.ui.ui.ui.inverted.yellow.basic.tag.label {
  border: 1px solid #ffe21f;
}
.ui.inverted.basic.tag.labels .yellow.label::before,
.ui.ui.ui.inverted.yellow.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.olive.labels .label,
.ui.ui.ui.olive.label {
  background-color: #b5cc18;
  border-color: #b5cc18;
  color: #fff;
}
/* Link */
.ui.olive.labels a.label:hover,
a.ui.ui.ui.olive.label:hover {
  background-color: #a7bd0d;
  border-color: #a7bd0d;
  color: #fff;
}
/* Ribbon */
.ui.ui.ui.olive.ribbon.label {
  border-color: #8d9e13;
}
/* Basic */
.ui.basic.labels .olive.label,
.ui.ui.ui.basic.olive.label {
  background: none #fff;
  border-color: #b5cc18;
  color: #b5cc18;
}
.ui.basic.labels a.olive.label:hover,
a.ui.ui.ui.basic.olive.label:hover {
  background: none #fff;
  border-color: #a7bd0d;
  color: #a7bd0d;
}
/* Inverted */
.ui.inverted.labels .olive.label,
.ui.ui.ui.inverted.olive.label {
  background-color: #d9e778;
  border-color: #d9e778;
  color: #1b1c1d;
}
/* Inverted Link */
.ui.inverted.labels a.olive.label:hover,
a.ui.ui.ui.inverted.olive.label:hover {
  background-color: #d2e745;
  border-color: #d2e745;
  color: #1b1c1d;
}
/* Inverted Ribbon */
.ui.ui.ui.inverted.olive.ribbon.label {
  border-color: #cddf4d;
}
/* Inverted Basic */
.ui.inverted.basic.labels .olive.label,
.ui.ui.ui.inverted.basic.olive.label {
  background-color: #1b1c1d;
  border-color: #d9e778;
  color: #d9e778;
}
.ui.inverted.basic.labels a.olive.label:hover,
a.ui.ui.ui.inverted.basic.olive.label:hover {
  border-color: #d2e745;
  background-color: #1b1c1d;
  color: #d2e745;
}
/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .olive.label,
.ui.ui.ui.inverted.olive.basic.tag.label {
  border: 1px solid #d9e778;
}
.ui.inverted.basic.tag.labels .olive.label::before,
.ui.ui.ui.inverted.olive.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.green.labels .label,
.ui.ui.ui.green.label {
  background-color: #21ba45;
  border-color: #21ba45;
  color: #fff;
}
/* Link */
.ui.green.labels a.label:hover,
a.ui.ui.ui.green.label:hover {
  background-color: #16ab39;
  border-color: #16ab39;
  color: #fff;
}
/* Ribbon */
.ui.ui.ui.green.ribbon.label {
  border-color: #198f35;
}
/* Basic */
.ui.basic.labels .green.label,
.ui.ui.ui.basic.green.label {
  background: none #fff;
  border-color: #21ba45;
  color: #21ba45;
}
.ui.basic.labels a.green.label:hover,
a.ui.ui.ui.basic.green.label:hover {
  background: none #fff;
  border-color: #16ab39;
  color: #16ab39;
}
/* Inverted */
.ui.inverted.labels .green.label,
.ui.ui.ui.inverted.green.label {
  background-color: #2ecc40;
  border-color: #2ecc40;
  color: #1b1c1d;
}
/* Inverted Link */
.ui.inverted.labels a.green.label:hover,
a.ui.ui.ui.inverted.green.label:hover {
  background-color: #1ea92e;
  border-color: #1ea92e;
  color: #1b1c1d;
}
/* Inverted Ribbon */
.ui.ui.ui.inverted.green.ribbon.label {
  border-color: #25a233;
}
/* Inverted Basic */
.ui.inverted.basic.labels .green.label,
.ui.ui.ui.inverted.basic.green.label {
  background-color: #1b1c1d;
  border-color: #2ecc40;
  color: #2ecc40;
}
.ui.inverted.basic.labels a.green.label:hover,
a.ui.ui.ui.inverted.basic.green.label:hover {
  border-color: #1ea92e;
  background-color: #1b1c1d;
  color: #1ea92e;
}
/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .green.label,
.ui.ui.ui.inverted.green.basic.tag.label {
  border: 1px solid #2ecc40;
}
.ui.inverted.basic.tag.labels .green.label::before,
.ui.ui.ui.inverted.green.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.teal.labels .label,
.ui.ui.ui.teal.label {
  background-color: #00b5ad;
  border-color: #00b5ad;
  color: #fff;
}
/* Link */
.ui.teal.labels a.label:hover,
a.ui.ui.ui.teal.label:hover {
  background-color: #009c95;
  border-color: #009c95;
  color: #fff;
}
/* Ribbon */
.ui.ui.ui.teal.ribbon.label {
  border-color: #00827c;
}
/* Basic */
.ui.basic.labels .teal.label,
.ui.ui.ui.basic.teal.label {
  background: none #fff;
  border-color: #00b5ad;
  color: #00b5ad;
}
.ui.basic.labels a.teal.label:hover,
a.ui.ui.ui.basic.teal.label:hover {
  background: none #fff;
  border-color: #009c95;
  color: #009c95;
}
/* Inverted */
.ui.inverted.labels .teal.label,
.ui.ui.ui.inverted.teal.label {
  background-color: #6dffff;
  border-color: #6dffff;
  color: #1b1c1d;
}
/* Inverted Link */
.ui.inverted.labels a.teal.label:hover,
a.ui.ui.ui.inverted.teal.label:hover {
  background-color: #3affff;
  border-color: #3affff;
  color: #1b1c1d;
}
/* Inverted Ribbon */
.ui.ui.ui.inverted.teal.ribbon.label {
  border-color: #3affff;
}
/* Inverted Basic */
.ui.inverted.basic.labels .teal.label,
.ui.ui.ui.inverted.basic.teal.label {
  background-color: #1b1c1d;
  border-color: #6dffff;
  color: #6dffff;
}
.ui.inverted.basic.labels a.teal.label:hover,
a.ui.ui.ui.inverted.basic.teal.label:hover {
  border-color: #3affff;
  background-color: #1b1c1d;
  color: #3affff;
}
/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .teal.label,
.ui.ui.ui.inverted.teal.basic.tag.label {
  border: 1px solid #6dffff;
}
.ui.inverted.basic.tag.labels .teal.label::before,
.ui.ui.ui.inverted.teal.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.blue.labels .label,
.ui.ui.ui.blue.label {
  background-color: #2185d0;
  border-color: #2185d0;
  color: #fff;
}
/* Link */
.ui.blue.labels a.label:hover,
a.ui.ui.ui.blue.label:hover {
  background-color: #1678c2;
  border-color: #1678c2;
  color: #fff;
}
/* Ribbon */
.ui.ui.ui.blue.ribbon.label {
  border-color: #1a69a4;
}
/* Basic */
.ui.basic.labels .blue.label,
.ui.ui.ui.basic.blue.label {
  background: none #fff;
  border-color: #2185d0;
  color: #2185d0;
}
.ui.basic.labels a.blue.label:hover,
a.ui.ui.ui.basic.blue.label:hover {
  background: none #fff;
  border-color: #1678c2;
  color: #1678c2;
}
/* Inverted */
.ui.inverted.labels .blue.label,
.ui.ui.ui.inverted.blue.label {
  background-color: #54c8ff;
  border-color: #54c8ff;
  color: #1b1c1d;
}
/* Inverted Link */
.ui.inverted.labels a.blue.label:hover,
a.ui.ui.ui.inverted.blue.label:hover {
  background-color: #21b8ff;
  border-color: #21b8ff;
  color: #1b1c1d;
}
/* Inverted Ribbon */
.ui.ui.ui.inverted.blue.ribbon.label {
  border-color: #21b8ff;
}
/* Inverted Basic */
.ui.inverted.basic.labels .blue.label,
.ui.ui.ui.inverted.basic.blue.label {
  background-color: #1b1c1d;
  border-color: #54c8ff;
  color: #54c8ff;
}
.ui.inverted.basic.labels a.blue.label:hover,
a.ui.ui.ui.inverted.basic.blue.label:hover {
  border-color: #21b8ff;
  background-color: #1b1c1d;
  color: #21b8ff;
}
/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .blue.label,
.ui.ui.ui.inverted.blue.basic.tag.label {
  border: 1px solid #54c8ff;
}
.ui.inverted.basic.tag.labels .blue.label::before,
.ui.ui.ui.inverted.blue.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.violet.labels .label,
.ui.ui.ui.violet.label {
  background-color: #6435c9;
  border-color: #6435c9;
  color: #fff;
}
/* Link */
.ui.violet.labels a.label:hover,
a.ui.ui.ui.violet.label:hover {
  background-color: #5829bb;
  border-color: #5829bb;
  color: #fff;
}
/* Ribbon */
.ui.ui.ui.violet.ribbon.label {
  border-color: #502aa1;
}
/* Basic */
.ui.basic.labels .violet.label,
.ui.ui.ui.basic.violet.label {
  background: none #fff;
  border-color: #6435c9;
  color: #6435c9;
}
.ui.basic.labels a.violet.label:hover,
a.ui.ui.ui.basic.violet.label:hover {
  background: none #fff;
  border-color: #5829bb;
  color: #5829bb;
}
/* Inverted */
.ui.inverted.labels .violet.label,
.ui.ui.ui.inverted.violet.label {
  background-color: #a291fb;
  border-color: #a291fb;
  color: #1b1c1d;
}
/* Inverted Link */
.ui.inverted.labels a.violet.label:hover,
a.ui.ui.ui.inverted.violet.label:hover {
  background-color: #745aff;
  border-color: #745aff;
  color: #1b1c1d;
}
/* Inverted Ribbon */
.ui.ui.ui.inverted.violet.ribbon.label {
  border-color: #7860f9;
}
/* Inverted Basic */
.ui.inverted.basic.labels .violet.label,
.ui.ui.ui.inverted.basic.violet.label {
  background-color: #1b1c1d;
  border-color: #a291fb;
  color: #a291fb;
}
.ui.inverted.basic.labels a.violet.label:hover,
a.ui.ui.ui.inverted.basic.violet.label:hover {
  border-color: #745aff;
  background-color: #1b1c1d;
  color: #745aff;
}
/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .violet.label,
.ui.ui.ui.inverted.violet.basic.tag.label {
  border: 1px solid #a291fb;
}
.ui.inverted.basic.tag.labels .violet.label::before,
.ui.ui.ui.inverted.violet.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.purple.labels .label,
.ui.ui.ui.purple.label {
  background-color: #a333c8;
  border-color: #a333c8;
  color: #fff;
}
/* Link */
.ui.purple.labels a.label:hover,
a.ui.ui.ui.purple.label:hover {
  background-color: #9627ba;
  border-color: #9627ba;
  color: #fff;
}
/* Ribbon */
.ui.ui.ui.purple.ribbon.label {
  border-color: #82299f;
}
/* Basic */
.ui.basic.labels .purple.label,
.ui.ui.ui.basic.purple.label {
  background: none #fff;
  border-color: #a333c8;
  color: #a333c8;
}
.ui.basic.labels a.purple.label:hover,
a.ui.ui.ui.basic.purple.label:hover {
  background: none #fff;
  border-color: #9627ba;
  color: #9627ba;
}
/* Inverted */
.ui.inverted.labels .purple.label,
.ui.ui.ui.inverted.purple.label {
  background-color: #dc73ff;
  border-color: #dc73ff;
  color: #1b1c1d;
}
/* Inverted Link */
.ui.inverted.labels a.purple.label:hover,
a.ui.ui.ui.inverted.purple.label:hover {
  background-color: #cf40ff;
  border-color: #cf40ff;
  color: #1b1c1d;
}
/* Inverted Ribbon */
.ui.ui.ui.inverted.purple.ribbon.label {
  border-color: #cf40ff;
}
/* Inverted Basic */
.ui.inverted.basic.labels .purple.label,
.ui.ui.ui.inverted.basic.purple.label {
  background-color: #1b1c1d;
  border-color: #dc73ff;
  color: #dc73ff;
}
.ui.inverted.basic.labels a.purple.label:hover,
a.ui.ui.ui.inverted.basic.purple.label:hover {
  border-color: #cf40ff;
  background-color: #1b1c1d;
  color: #cf40ff;
}
/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .purple.label,
.ui.ui.ui.inverted.purple.basic.tag.label {
  border: 1px solid #dc73ff;
}
.ui.inverted.basic.tag.labels .purple.label::before,
.ui.ui.ui.inverted.purple.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.pink.labels .label,
.ui.ui.ui.pink.label {
  background-color: #e03997;
  border-color: #e03997;
  color: #fff;
}
/* Link */
.ui.pink.labels a.label:hover,
a.ui.ui.ui.pink.label:hover {
  background-color: #e61a8d;
  border-color: #e61a8d;
  color: #fff;
}
/* Ribbon */
.ui.ui.ui.pink.ribbon.label {
  border-color: #c71f7e;
}
/* Basic */
.ui.basic.labels .pink.label,
.ui.ui.ui.basic.pink.label {
  background: none #fff;
  border-color: #e03997;
  color: #e03997;
}
.ui.basic.labels a.pink.label:hover,
a.ui.ui.ui.basic.pink.label:hover {
  background: none #fff;
  border-color: #e61a8d;
  color: #e61a8d;
}
/* Inverted */
.ui.inverted.labels .pink.label,
.ui.ui.ui.inverted.pink.label {
  background-color: #ff8edf;
  border-color: #ff8edf;
  color: #1b1c1d;
}
/* Inverted Link */
.ui.inverted.labels a.pink.label:hover,
a.ui.ui.ui.inverted.pink.label:hover {
  background-color: #ff5bd1;
  border-color: #ff5bd1;
  color: #1b1c1d;
}
/* Inverted Ribbon */
.ui.ui.ui.inverted.pink.ribbon.label {
  border-color: #ff5bd1;
}
/* Inverted Basic */
.ui.inverted.basic.labels .pink.label,
.ui.ui.ui.inverted.basic.pink.label {
  background-color: #1b1c1d;
  border-color: #ff8edf;
  color: #ff8edf;
}
.ui.inverted.basic.labels a.pink.label:hover,
a.ui.ui.ui.inverted.basic.pink.label:hover {
  border-color: #ff5bd1;
  background-color: #1b1c1d;
  color: #ff5bd1;
}
/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .pink.label,
.ui.ui.ui.inverted.pink.basic.tag.label {
  border: 1px solid #ff8edf;
}
.ui.inverted.basic.tag.labels .pink.label::before,
.ui.ui.ui.inverted.pink.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.brown.labels .label,
.ui.ui.ui.brown.label {
  background-color: #a5673f;
  border-color: #a5673f;
  color: #fff;
}
/* Link */
.ui.brown.labels a.label:hover,
a.ui.ui.ui.brown.label:hover {
  background-color: #975b33;
  border-color: #975b33;
  color: #fff;
}
/* Ribbon */
.ui.ui.ui.brown.ribbon.label {
  border-color: #805031;
}
/* Basic */
.ui.basic.labels .brown.label,
.ui.ui.ui.basic.brown.label {
  background: none #fff;
  border-color: #a5673f;
  color: #a5673f;
}
.ui.basic.labels a.brown.label:hover,
a.ui.ui.ui.basic.brown.label:hover {
  background: none #fff;
  border-color: #975b33;
  color: #975b33;
}
/* Inverted */
.ui.inverted.labels .brown.label,
.ui.ui.ui.inverted.brown.label {
  background-color: #d67c1c;
  border-color: #d67c1c;
  color: #1b1c1d;
}
/* Inverted Link */
.ui.inverted.labels a.brown.label:hover,
a.ui.ui.ui.inverted.brown.label:hover {
  background-color: #b0620f;
  border-color: #b0620f;
  color: #1b1c1d;
}
/* Inverted Ribbon */
.ui.ui.ui.inverted.brown.ribbon.label {
  border-color: #a96216;
}
/* Inverted Basic */
.ui.inverted.basic.labels .brown.label,
.ui.ui.ui.inverted.basic.brown.label {
  background-color: #1b1c1d;
  border-color: #d67c1c;
  color: #d67c1c;
}
.ui.inverted.basic.labels a.brown.label:hover,
a.ui.ui.ui.inverted.basic.brown.label:hover {
  border-color: #b0620f;
  background-color: #1b1c1d;
  color: #b0620f;
}
/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .brown.label,
.ui.ui.ui.inverted.brown.basic.tag.label {
  border: 1px solid #d67c1c;
}
.ui.inverted.basic.tag.labels .brown.label::before,
.ui.ui.ui.inverted.brown.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.grey.labels .label,
.ui.ui.ui.grey.label {
  background-color: #767676;
  border-color: #767676;
  color: #fff;
}
/* Link */
.ui.grey.labels a.label:hover,
a.ui.ui.ui.grey.label:hover {
  background-color: #838383;
  border-color: #838383;
  color: #fff;
}
/* Ribbon */
.ui.ui.ui.grey.ribbon.label {
  border-color: #5d5d5d;
}
/* Basic */
.ui.basic.labels .grey.label,
.ui.ui.ui.basic.grey.label {
  background: none #fff;
  border-color: #767676;
  color: #767676;
}
.ui.basic.labels a.grey.label:hover,
a.ui.ui.ui.basic.grey.label:hover {
  background: none #fff;
  border-color: #838383;
  color: #838383;
}
/* Inverted */
.ui.inverted.labels .grey.label,
.ui.ui.ui.inverted.grey.label {
  background-color: #dcddde;
  border-color: #dcddde;
  color: #1b1c1d;
}
/* Inverted Link */
.ui.inverted.labels a.grey.label:hover,
a.ui.ui.ui.inverted.grey.label:hover {
  background-color: #c2c4c5;
  border-color: #c2c4c5;
  color: #fff;
}
/* Inverted Ribbon */
.ui.ui.ui.inverted.grey.ribbon.label {
  border-color: #e9eaea;
}
/* Inverted Basic */
.ui.inverted.basic.labels .grey.label,
.ui.ui.ui.inverted.basic.grey.label {
  background-color: #1b1c1d;
  border-color: #dcddde;
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.basic.labels a.grey.label:hover,
a.ui.ui.ui.inverted.basic.grey.label:hover {
  border-color: #c2c4c5;
  background-color: #1b1c1d;
}
/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .grey.label,
.ui.ui.ui.inverted.grey.basic.tag.label {
  border: 1px solid #dcddde;
}
.ui.inverted.basic.tag.labels .grey.label::before,
.ui.ui.ui.inverted.grey.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.black.labels .label,
.ui.ui.ui.black.label {
  background-color: #1b1c1d;
  border-color: #1b1c1d;
  color: #fff;
}
/* Link */
.ui.black.labels a.label:hover,
a.ui.ui.ui.black.label:hover {
  background-color: #27292a;
  border-color: #27292a;
  color: #fff;
}
/* Ribbon */
.ui.ui.ui.black.ribbon.label {
  border-color: #020203;
}
/* Basic */
.ui.basic.labels .black.label,
.ui.ui.ui.basic.black.label {
  background: none #fff;
  border-color: #1b1c1d;
  color: #1b1c1d;
}
.ui.basic.labels a.black.label:hover,
a.ui.ui.ui.basic.black.label:hover {
  background: none #fff;
  border-color: #27292a;
  color: #27292a;
}
/* Inverted */
.ui.inverted.labels .black.label,
.ui.ui.ui.inverted.black.label {
  background-color: #545454;
  border-color: #545454;
  color: #1b1c1d;
}
/* Inverted Link */
.ui.inverted.labels a.black.label:hover,
a.ui.ui.ui.inverted.black.label:hover {
  background-color: #000000;
  border-color: #000000;
  color: #fff;
}
/* Inverted Ribbon */
.ui.ui.ui.inverted.black.ribbon.label {
  border-color: #616161;
}
/* Inverted Basic */
.ui.inverted.basic.labels .black.label,
.ui.ui.ui.inverted.basic.black.label {
  background-color: #1b1c1d;
  border-color: #545454;
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.basic.labels a.black.label:hover,
a.ui.ui.ui.inverted.basic.black.label:hover {
  border-color: #000000;
  background-color: #1b1c1d;
}
/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .black.label,
.ui.ui.ui.inverted.black.basic.tag.label {
  border: 1px solid #545454;
}
.ui.inverted.basic.tag.labels .black.label::before,
.ui.ui.ui.inverted.black.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
/* -------------------
     Horizontal
-------------------- */
.ui.horizontal.labels .label,
.ui.horizontal.label {
  margin: 0 0.5em 0 0;
  padding: 0.4em 0.833em;
  min-width: 3em;
  text-align: center;
}
/* -------------------
           Circular
    -------------------- */
.ui.circular.labels .label,
.ui.circular.label {
  min-width: 2em;
  min-height: 2em;
  padding: 0.5em !important;
  line-height: 1em;
  text-align: center;
  border-radius: 500rem;
}
.ui.empty.circular.labels .label,
.ui.empty.circular.label {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  width: 0.5em;
  height: 0.5em;
  vertical-align: baseline;
}
/* -------------------
           Pointing
    -------------------- */
.ui.pointing.label {
  position: relative;
}
.ui.attached.pointing.label {
  position: absolute;
}
.ui.pointing.label::before {
  background-color: inherit;
  background-image: inherit;
  border-width: 0;
  border-style: solid;
  border-color: inherit;
}
/* Arrow */
.ui.pointing.label::before {
  position: absolute;
  content: "";
  transform: rotate(45deg);
  background-image: none;
  z-index: 2;
  width: 0.6666em;
  height: 0.6666em;
  transition: none;
}
/* --- Above --- */
.ui.pointing.label,
.ui[class*="pointing above"].label {
  margin-top: 1em;
}
.ui.pointing.label::before,
.ui[class*="pointing above"].label::before {
  border-width: 1px 0 0 1px;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  top: 0;
  left: 50%;
}
/* --- Below --- */
.ui[class*="bottom pointing"].label,
.ui[class*="pointing below"].label {
  margin-top: 0;
  margin-bottom: 1em;
}
.ui[class*="bottom pointing"].label::before,
.ui[class*="pointing below"].label::before {
  border-width: 0 1px 1px 0;
  right: auto;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  top: 100%;
  left: 50%;
}
/* --- Left --- */
.ui[class*="left pointing"].label {
  margin-top: 0;
  margin-left: 0.6666em;
}
.ui[class*="left pointing"].label::before {
  border-width: 0 0 1px 1px;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  bottom: auto;
  right: auto;
  top: 50%;
  left: 0;
}
/* --- Right --- */
.ui[class*="right pointing"].label {
  margin-top: 0;
  margin-right: 0.6666em;
}
.ui[class*="right pointing"].label::before {
  border-width: 1px 1px 0 0;
  transform: translateX(50%) translateY(-50%) rotate(45deg);
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
}
/* Basic Pointing */
/* --- Above --- */
.ui.basic.pointing.label::before,
.ui.basic[class*="pointing above"].label::before {
  margin-top: -1px;
}
/* --- Below --- */
.ui.basic[class*="bottom pointing"].label::before,
.ui.basic[class*="pointing below"].label::before {
  bottom: auto;
  top: 100%;
  margin-top: 1px;
}
/* --- Left --- */
.ui.basic[class*="left pointing"].label::before {
  top: 50%;
  left: -1px;
}
/* --- Right --- */
.ui.basic[class*="right pointing"].label::before {
  top: 50%;
  right: -1px;
}
/* ------------------
       Floating Label
    ------------------- */
.ui.floating.label {
  position: absolute;
  z-index: 100;
  top: -1em;
  right: 0;
  white-space: nowrap;
  transform: translateX(50%);
}
.ui.right.aligned.floating.label {
  transform: translateX(1.2em);
}
.ui.left.floating.label {
  left: 0;
  right: auto;
  transform: translateX(-50%);
}
.ui.left.aligned.floating.label {
  transform: translateX(-1.2em);
}
.ui.bottom.floating.label {
  top: auto;
  bottom: -1em;
}
/* -------------------
        Sizes
-------------------- */
.ui.labels .label,
.ui.label {
  font-size: 0.85714286rem;
}
.ui.mini.labels .label,
.ui.mini.label {
  font-size: 0.64285714rem;
}
.ui.tiny.labels .label,
.ui.tiny.label {
  font-size: 0.71428571rem;
}
.ui.small.labels .label,
.ui.small.label {
  font-size: 0.78571429rem;
}
.ui.large.labels .label,
.ui.large.label {
  font-size: 1rem;
}
.ui.big.labels .label,
.ui.big.label {
  font-size: 1.28571429rem;
}
.ui.huge.labels .label,
.ui.huge.label {
  font-size: 1.42857143rem;
}
.ui.massive.labels .label,
.ui.massive.label {
  font-size: 1.71428571rem;
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Fomantic-UI - Icon
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/* ------------------
       Theme
------------------- */
/* --------------------
   Site Variables
--------------------- */
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/***********************************************************
  Central element variation compilation enablers
***********************************************************/
/* General */
/*******************************
           Elements
*******************************/
/* Button */
/* Container */
/* Divider */
/* Header */
/* Icon */
/* Font Awesome Pro only */
/* Font Awesome Pro only */
/* Image */
/* Input */
/* Label */
/* List */
/* Loader */
/* Placeholder */
/* Rail */
/* Reveal */
/* Segment */
/* Step */
/* Text */
/*******************************
           Collections
*******************************/
/* Breadcrumb */
/* Form */
/* Grid */
/* Menu */
/* Message */
/* Table */
/*******************************
             Views
*******************************/
/* Ad */
/* Card */
/* Comment */
/* Feed */
/* Item */
/* Statistic */
/*******************************
            Modules
*******************************/
/* Accordion */
/* Calendar */
/* Checkbox */
/* Dimmer */
/* Dropdown */
/* Embed */
/* Flyout */
/* Modal */
/* Nag */
/* Popup */
/* Progress */
/* Rating */
/* Search */
/* Shape */
/* Sidebar */
/* Slider */
/* Tab */
/* Toast */
/* Transition */
/* Emojis */
/* -------------------
       Fonts
-------------------- */
/* -------------------
      Base Sizes
-------------------- */
/* This is the single variable that controls them all */
/* The size of page text */
/* -------------------
    Border Radius
-------------------- */
/* See Power-user section below
   for explanation of @px variables
*/
/* -------------------
    Brand Colors
-------------------- */
/* Whenever a color needs to get calculated (screen()/multiply()) out of a base color */
/* --------------
  Page Heading
--------------- */
/* --------------
   Form Input
--------------- */
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/* -------------------
    Focused Input
-------------------- */
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/* -------------------
        Sizes
-------------------- */
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/* -------------------
        Page
-------------------- */
/* -------------------
      Paragraph
-------------------- */
/* -------------------
       Links
-------------------- */
/* -------------------
    Scroll Bars
-------------------- */
/* Inverted */
/* IE needs hex values */
/* Scrolling */
/* -------------------
  Highlighted Text
-------------------- */
/* -------------------
       Loader
-------------------- */
/* -------------------
        Grid
-------------------- */
/* -------------------
     Transitions
-------------------- */
/* -------------------
     Breakpoints
-------------------- */
/* -------------------
      Site Colors
-------------------- */
/* ---  Colors  --- */
/* ---  Light Colors  --- */
/* ---   Neutrals  --- */
/* --- Colored Backgrounds --- */
/* --- Colored Headers --- */
/* --- Colored Text --- */
/* --- Light Colored Text --- */
/* --- Hovered Colored Text --- */
/* --- Colored Border --- */
/* --- Shadows --- */
/* Inverted */
/* Box Shadows */
/* -------------------
     Alpha Colors
-------------------- */
/* -------------------
       Accents
-------------------- */
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/* -------------------
    Emotive Colors
-------------------- */
/* Positive */
/* Negative */
/* Info */
/* Warning */
/* -------------------
        Paths
-------------------- */
/* For source only. Modified in gulp for dist */
/* -------------------
       Em Sizes
-------------------- */
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/* -------------------
       Icons
-------------------- */
/* Maximum Glyph Width of Icon */
/* -------------------
     Neutral Text
-------------------- */
/* -------------------
     Brand Colors
-------------------- */
/* -------------------
      Borders
-------------------- */
/* -------------------
    Derived Values
-------------------- */
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* -------------------
  Exact Pixel Values
-------------------- */
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/* -------------------
      Disabled
-------------------- */
/* -------------------
        Hover
-------------------- */
/* ---  Shadows  --- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
        Focus
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
    Down (:active)
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
        Active
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* ---  Tertiary  --- */
/* ---  Bright  --- */
/*******************************
 States shared in Form-related components
 *******************************/
/* Form state */
/* Input state */
/* AutoFill */
/* Dropdown state */
/* Focused state */
/* Placeholder state */
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/***********************************************************
  Central element variation compilation enablers
***********************************************************/
/* General */
/*******************************
           Elements
*******************************/
/* Button */
/* Container */
/* Divider */
/* Header */
/* Icon */
/* Font Awesome Pro only */
/* Font Awesome Pro only */
/* Image */
/* Input */
/* Label */
/* List */
/* Loader */
/* Placeholder */
/* Rail */
/* Reveal */
/* Segment */
/* Step */
/* Text */
/*******************************
           Collections
*******************************/
/* Breadcrumb */
/* Form */
/* Grid */
/* Menu */
/* Message */
/* Table */
/*******************************
             Views
*******************************/
/* Ad */
/* Card */
/* Comment */
/* Feed */
/* Item */
/* Statistic */
/*******************************
            Modules
*******************************/
/* Accordion */
/* Calendar */
/* Checkbox */
/* Dimmer */
/* Dropdown */
/* Embed */
/* Flyout */
/* Modal */
/* Nag */
/* Popup */
/* Progress */
/* Rating */
/* Search */
/* Shape */
/* Sidebar */
/* Slider */
/* Tab */
/* Toast */
/* Transition */
/* Emojis */
/* -------------------
       Fonts
-------------------- */
/* -------------------
      Base Sizes
-------------------- */
/* This is the single variable that controls them all */
/* The size of page text */
/* -------------------
    Border Radius
-------------------- */
/* See Power-user section below
   for explanation of @px variables
*/
/* -------------------
    Brand Colors
-------------------- */
/* Whenever a color needs to get calculated (screen()/multiply()) out of a base color */
/* --------------
  Page Heading
--------------- */
/* --------------
   Form Input
--------------- */
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/* -------------------
    Focused Input
-------------------- */
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/* -------------------
        Sizes
-------------------- */
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/* -------------------
        Page
-------------------- */
/* -------------------
      Paragraph
-------------------- */
/* -------------------
       Links
-------------------- */
/* -------------------
    Scroll Bars
-------------------- */
/* Inverted */
/* IE needs hex values */
/* Scrolling */
/* -------------------
  Highlighted Text
-------------------- */
/* -------------------
       Loader
-------------------- */
/* -------------------
        Grid
-------------------- */
/* -------------------
     Transitions
-------------------- */
/* -------------------
     Breakpoints
-------------------- */
/* -------------------
      Site Colors
-------------------- */
/* ---  Colors  --- */
/* ---  Light Colors  --- */
/* ---   Neutrals  --- */
/* --- Colored Backgrounds --- */
/* --- Colored Headers --- */
/* --- Colored Text --- */
/* --- Light Colored Text --- */
/* --- Hovered Colored Text --- */
/* --- Colored Border --- */
/* --- Shadows --- */
/* Inverted */
/* Box Shadows */
/* -------------------
     Alpha Colors
-------------------- */
/* -------------------
       Accents
-------------------- */
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/* -------------------
    Emotive Colors
-------------------- */
/* Positive */
/* Negative */
/* Info */
/* Warning */
/* -------------------
        Paths
-------------------- */
/* For source only. Modified in gulp for dist */
/* -------------------
       Em Sizes
-------------------- */
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/* -------------------
       Icons
-------------------- */
/* Maximum Glyph Width of Icon */
/* -------------------
     Neutral Text
-------------------- */
/* -------------------
     Brand Colors
-------------------- */
/* -------------------
      Borders
-------------------- */
/* -------------------
    Derived Values
-------------------- */
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* -------------------
  Exact Pixel Values
-------------------- */
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/* -------------------
      Disabled
-------------------- */
/* -------------------
        Hover
-------------------- */
/* ---  Shadows  --- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
        Focus
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
    Down (:active)
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
        Active
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* ---  Tertiary  --- */
/* ---  Bright  --- */
/*******************************
 States shared in Form-related components
 *******************************/
/* Form state */
/* Input state */
/* AutoFill */
/* Dropdown state */
/* Focused state */
/* Placeholder state */
/* Component's site.variables */
/* Site theme site.variables */
/* -------------------
 Component Variables
--------------------- */
/* Default */
/*
* Font Awesome 5.15.4 by @fontawesome [https://fontawesome.com]
* License - https://fontawesome.com/license (Icons: CC BY 4.0 License, Fonts: SIL OFL 1.1 License, CSS: MIT License)
*/
/*******************************

Fomantic-UI integration of FontAwesome:

// class names are separated
i.icon.angle-left  =>  i.icon.angle.left

// variations are extracted
i.icon.circle      =>  i.icon.circle
i.icon.circle-o    =>  i.icon.circle.outline

// abbreviation are replaced by full words
i.icon.*-h         =>  i.icon.*.horizontal
i.icon.*-v         =>  i.icon.*.vertical
i.icon.alpha       =>  i.icon.alphabet
i.icon.asc         =>  i.icon.ascending
i.icon.desc        =>  i.icon.descending
i.icon.alt         =>  i.icon.alternate

Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand

*******************************/
/*******************************
             Icon
*******************************/
/* --------------
   Font Files
--------------- */
/* Solid Icons */
/* Deprecated (In/Out Naming Conflict) */
/* Icons */
/* --------------
   Definition
--------------- */
/* Icon Variables */
/* Variations */
/* Duotone specifics */
/* Packaged Theme */
/* Site Theme */
/* -------------------------
    Central Color Map
------------------------- */
/* Default */
/***********************************************************
  Central Color Mapping Base for all components to iterate
***********************************************************/
/***********************************************************
  Color Mapping Base for form components to iterate
***********************************************************/
/* Packaged colors.less */
/***********************************************************
  Central Color Mapping Base for all components to iterate
***********************************************************/
/***********************************************************
  Color Mapping Base for form components to iterate
***********************************************************/
/* Packaged Theme */
/* Site Theme */
/*******************************
             Mix-ins
*******************************/
/* ------------------
       Fonts
------------------- */
/* ------------------
     Overrides
------------------- */
/* End Config */
/*******************************
             Icon
*******************************/
@font-face {
  font-family: "icons";
  src: url("assets/fonts/icons.woff2") format("woff2") , url("assets/fonts/icons.woff") format("woff");
  font-style: normal;
  font-weight: normal;
  font-display: block;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none;
}
@font-face {
  font-family: "outline-icons";
  src: url("assets/fonts/outline-icons.woff2") format("woff2") , url("assets/fonts/outline-icons.woff") format("woff");
  font-style: normal;
  font-weight: normal;
  font-display: block;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none;
}
@font-face {
  font-family: "brand-icons";
  src: url("assets/fonts/brand-icons.woff2") format("woff2") , url("assets/fonts/brand-icons.woff") format("woff");
  font-style: normal;
  font-weight: normal;
  font-display: block;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none;
}
i.icon {
  display: inline-block;
  opacity: 1;
  margin: 0 0.25rem 0 0;
  width: 1.18em;
  height: 1em;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  backface-visibility: hidden;
}
i.icon::before {
  background: none;
}
/*******************************
             Types
*******************************/
/* --------------
        Loading
    --------------- */
i.loading.icon {
  height: 1em;
  line-height: 1;
}
i.loading.icon,
i.loading.icons {
  animation: loader 2s linear infinite;
}
/*******************************
             States
*******************************/
i.icon:hover,
i.icons:hover,
i.icon:active,
i.icons:active,
i.emphasized.icon:not(.disabled),
i.emphasized.icons:not(.disabled) {
  opacity: 1;
}
i.disabled.icon,
i.disabled.icons {
  opacity: 0.45;
  cursor: default;
  pointer-events: none;
}
/*******************************
           Variations
*******************************/
/* -------------------
            Fitted
    -------------------- */
i.fitted.icons,
i.fitted.icon {
  width: auto;
  margin: 0 !important;
}
/* -------------------
             Link
    -------------------- */
i.link.icon:not(.disabled),
i.link.icons:not(.disabled) {
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.1s ease;
}
i.link.icon:hover,
i.link.icons:hover {
  opacity: 1;
}
/* -------------------
          Circular
    -------------------- */
i.circular.icon {
  border-radius: 500em !important;
  line-height: 1 !important;
  padding: 0.5em 0 !important;
  box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
  width: 2em !important;
  height: 2em !important;
}
i.circular.icon.colored {
  box-shadow: 0 0 0 0.1em currentColor inset;
}
i.circular.inverted.icon {
  border: none;
  box-shadow: none;
}
/* -------------------
          Flipped
    -------------------- */
i.flipped.icon,
i.horizontally.flipped.icon {
  transform: scale(-1, 1);
}
i.vertically.flipped.icon {
  transform: scale(1, -1);
}
.icons i.flipped.icon:not(.corner):not(:first-child),
.icons i.horizontally.flipped.icon:not(.corner):not(:first-child) {
  transform: translateX(-50%) translateY(-50%) scale(-1, 1);
}
.icons i.vertically.flipped.icon:not(.corner):not(:first-child) {
  transform: translateX(-50%) translateY(-50%) scale(1, -1);
}
/* -------------------
          Rotated
    -------------------- */
i.rotated.icon,
i.right.rotated.icon,
i.clockwise.rotated.icon {
  transform: rotate(90deg);
}
i.left.rotated.icon,
i.counterclockwise.rotated.icon {
  transform: rotate(-90deg);
}
i.halfway.rotated.icon {
  transform: rotate(180deg);
}
.icons i.rotated.rotated.icon:not(.corner):not(:first-child),
.icons i.right.rotated.icon:not(.corner):not(:first-child),
.icons i.clockwise.rotated.icon:not(.corner):not(:first-child) {
  transform: translateX(-50%) translateY(-50%) rotate(90deg);
}
.icons i.left.rotated.icon:not(.corner):not(:first-child),
.icons i.counterclockwise.rotated.icon:not(.corner):not(:first-child) {
  transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}
.icons i.halfway.rotated.icon:not(.corner):not(:first-child) {
  transform: translateX(-50%) translateY(-50%) rotate(180deg);
}
/* --------------------------
          Flipped & Rotated
    --------------------------- */
i.rotated.flipped.icon,
i.right.rotated.flipped.icon,
i.clockwise.rotated.flipped.icon {
  transform: scale(-1, 1) rotate(90deg);
}
i.left.rotated.flipped.icon,
i.counterclockwise.rotated.flipped.icon {
  transform: scale(-1, 1) rotate(-90deg);
}
i.halfway.rotated.flipped.icon {
  transform: scale(-1, 1) rotate(180deg);
}
i.rotated.vertically.flipped.icon,
i.right.rotated.vertically.flipped.icon,
i.clockwise.rotated.vertically.flipped.icon {
  transform: scale(1, -1) rotate(90deg);
}
i.left.rotated.vertically.flipped.icon,
i.counterclockwise.rotated.vertically.flipped.icon {
  transform: scale(1, -1) rotate(-90deg);
}
i.halfway.rotated.vertically.flipped.icon {
  transform: scale(1, -1) rotate(180deg);
}
.icons i.rotated.flipped.icon:not(.corner):not(:first-child),
.icons i.right.rotated.flipped.icon:not(.corner):not(:first-child),
.icons i.clockwise.rotated.flipped.icon:not(.corner):not(:first-child) {
  transform: translateX(-50%) translateY(-50%) scale(-1, 1) rotate(90deg);
}
.icons i.left.rotated.flipped.icon:not(.corner):not(:first-child),
.icons i.counterclockwise.rotated.flipped.icon:not(.corner):not(:first-child) {
  transform: translateX(-50%) translateY(-50%) scale(-1, 1) rotate(-90deg);
}
.icons i.halfway.rotated.flipped.icon:not(.corner):not(:first-child) {
  transform: translateX(-50%) translateY(-50%) scale(-1, 1) rotate(180deg);
}
.icons i.rotated.vertically.flipped.icon:not(.corner):not(:first-child),
.icons i.right.rotated.vertically.flipped.icon:not(.corner):not(:first-child),
.icons i.clockwise.rotated.vertically.flipped.icon:not(.corner):not(:first-child) {
  transform: translateX(-50%) translateY(-50%) scale(1, -1) rotate(90deg);
}
.icons i.left.rotated.vertically.flipped.icon:not(.corner):not(:first-child),
.icons i.counterclockwise.rotated.vertically.flipped.icon:not(.corner):not(:first-child) {
  transform: translateX(-50%) translateY(-50%) scale(1, -1) rotate(-90deg);
}
.icons i.halfway.rotated.vertically.flipped.icon:not(.corner):not(:first-child) {
  transform: translateX(-50%) translateY(-50%) scale(1, -1) rotate(180deg);
}
/* -------------------
          Bordered
    -------------------- */
i.bordered.icon {
  line-height: 1;
  vertical-align: baseline;
  width: 2em;
  height: 2em;
  padding: 0.5em 0 !important;
  box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
}
i.bordered.icon.colored {
  box-shadow: 0 0 0 0.1em currentColor inset;
}
i.bordered.inverted.icon {
  border: none;
  box-shadow: none;
}
/* -------------------
          Inverted
    -------------------- */
/* Inverted Shapes */
i.inverted.bordered.icon,
i.inverted.circular.icon {
  background-color: #1b1c1d;
  color: #fff;
}
i.inverted.icon {
  color: #fff;
}
/* -------------------
       Colors
-------------------- */
i.primary.icon.icon.icon.icon.icon.icon {
  color: #2185d0;
}
i.inverted.primary.icon.icon.icon.icon.icon.icon {
  color: #54c8ff;
}
i.inverted.bordered.primary.icon.icon.icon.icon.icon.icon,
i.inverted.circular.primary.icon.icon.icon.icon.icon.icon,
i.inverted.bordered.primary.icons,
i.inverted.circular.primary.icons {
  background-color: #2185d0;
  color: #fff;
}
i.secondary.icon.icon.icon.icon.icon.icon {
  color: #1b1c1d;
}
i.inverted.secondary.icon.icon.icon.icon.icon.icon {
  color: #545454;
}
i.inverted.bordered.secondary.icon.icon.icon.icon.icon.icon,
i.inverted.circular.secondary.icon.icon.icon.icon.icon.icon,
i.inverted.bordered.secondary.icons,
i.inverted.circular.secondary.icons {
  background-color: #1b1c1d;
  color: #fff;
}
i.red.icon.icon.icon.icon.icon.icon {
  color: #db2828;
}
i.inverted.red.icon.icon.icon.icon.icon.icon {
  color: #ff695e;
}
i.inverted.bordered.red.icon.icon.icon.icon.icon.icon,
i.inverted.circular.red.icon.icon.icon.icon.icon.icon,
i.inverted.bordered.red.icons,
i.inverted.circular.red.icons {
  background-color: #db2828;
  color: #fff;
}
i.orange.icon.icon.icon.icon.icon.icon {
  color: #f2711c;
}
i.inverted.orange.icon.icon.icon.icon.icon.icon {
  color: #ff851b;
}
i.inverted.bordered.orange.icon.icon.icon.icon.icon.icon,
i.inverted.circular.orange.icon.icon.icon.icon.icon.icon,
i.inverted.bordered.orange.icons,
i.inverted.circular.orange.icons {
  background-color: #f2711c;
  color: #fff;
}
i.yellow.icon.icon.icon.icon.icon.icon {
  color: #fbbd08;
}
i.inverted.yellow.icon.icon.icon.icon.icon.icon {
  color: #ffe21f;
}
i.inverted.bordered.yellow.icon.icon.icon.icon.icon.icon,
i.inverted.circular.yellow.icon.icon.icon.icon.icon.icon,
i.inverted.bordered.yellow.icons,
i.inverted.circular.yellow.icons {
  background-color: #fbbd08;
  color: #fff;
}
i.olive.icon.icon.icon.icon.icon.icon {
  color: #b5cc18;
}
i.inverted.olive.icon.icon.icon.icon.icon.icon {
  color: #d9e778;
}
i.inverted.bordered.olive.icon.icon.icon.icon.icon.icon,
i.inverted.circular.olive.icon.icon.icon.icon.icon.icon,
i.inverted.bordered.olive.icons,
i.inverted.circular.olive.icons {
  background-color: #b5cc18;
  color: #fff;
}
i.green.icon.icon.icon.icon.icon.icon {
  color: #21ba45;
}
i.inverted.green.icon.icon.icon.icon.icon.icon {
  color: #2ecc40;
}
i.inverted.bordered.green.icon.icon.icon.icon.icon.icon,
i.inverted.circular.green.icon.icon.icon.icon.icon.icon,
i.inverted.bordered.green.icons,
i.inverted.circular.green.icons {
  background-color: #21ba45;
  color: #fff;
}
i.teal.icon.icon.icon.icon.icon.icon {
  color: #00b5ad;
}
i.inverted.teal.icon.icon.icon.icon.icon.icon {
  color: #6dffff;
}
i.inverted.bordered.teal.icon.icon.icon.icon.icon.icon,
i.inverted.circular.teal.icon.icon.icon.icon.icon.icon,
i.inverted.bordered.teal.icons,
i.inverted.circular.teal.icons {
  background-color: #00b5ad;
  color: #fff;
}
i.blue.icon.icon.icon.icon.icon.icon {
  color: #2185d0;
}
i.inverted.blue.icon.icon.icon.icon.icon.icon {
  color: #54c8ff;
}
i.inverted.bordered.blue.icon.icon.icon.icon.icon.icon,
i.inverted.circular.blue.icon.icon.icon.icon.icon.icon,
i.inverted.bordered.blue.icons,
i.inverted.circular.blue.icons {
  background-color: #2185d0;
  color: #fff;
}
i.violet.icon.icon.icon.icon.icon.icon {
  color: #6435c9;
}
i.inverted.violet.icon.icon.icon.icon.icon.icon {
  color: #a291fb;
}
i.inverted.bordered.violet.icon.icon.icon.icon.icon.icon,
i.inverted.circular.violet.icon.icon.icon.icon.icon.icon,
i.inverted.bordered.violet.icons,
i.inverted.circular.violet.icons {
  background-color: #6435c9;
  color: #fff;
}
i.purple.icon.icon.icon.icon.icon.icon {
  color: #a333c8;
}
i.inverted.purple.icon.icon.icon.icon.icon.icon {
  color: #dc73ff;
}
i.inverted.bordered.purple.icon.icon.icon.icon.icon.icon,
i.inverted.circular.purple.icon.icon.icon.icon.icon.icon,
i.inverted.bordered.purple.icons,
i.inverted.circular.purple.icons {
  background-color: #a333c8;
  color: #fff;
}
i.pink.icon.icon.icon.icon.icon.icon {
  color: #e03997;
}
i.inverted.pink.icon.icon.icon.icon.icon.icon {
  color: #ff8edf;
}
i.inverted.bordered.pink.icon.icon.icon.icon.icon.icon,
i.inverted.circular.pink.icon.icon.icon.icon.icon.icon,
i.inverted.bordered.pink.icons,
i.inverted.circular.pink.icons {
  background-color: #e03997;
  color: #fff;
}
i.brown.icon.icon.icon.icon.icon.icon {
  color: #a5673f;
}
i.inverted.brown.icon.icon.icon.icon.icon.icon {
  color: #d67c1c;
}
i.inverted.bordered.brown.icon.icon.icon.icon.icon.icon,
i.inverted.circular.brown.icon.icon.icon.icon.icon.icon,
i.inverted.bordered.brown.icons,
i.inverted.circular.brown.icons {
  background-color: #a5673f;
  color: #fff;
}
i.grey.icon.icon.icon.icon.icon.icon {
  color: #767676;
}
i.inverted.grey.icon.icon.icon.icon.icon.icon {
  color: #dcddde;
}
i.inverted.bordered.grey.icon.icon.icon.icon.icon.icon,
i.inverted.circular.grey.icon.icon.icon.icon.icon.icon,
i.inverted.bordered.grey.icons,
i.inverted.circular.grey.icons {
  background-color: #767676;
  color: #fff;
}
i.black.icon.icon.icon.icon.icon.icon {
  color: #1b1c1d;
}
i.inverted.black.icon.icon.icon.icon.icon.icon {
  color: #545454;
}
i.inverted.bordered.black.icon.icon.icon.icon.icon.icon,
i.inverted.circular.black.icon.icon.icon.icon.icon.icon,
i.inverted.bordered.black.icons,
i.inverted.circular.black.icons {
  background-color: #1b1c1d;
  color: #fff;
}
/* -------------------
        Sizes
-------------------- */
i.icon,
i.icons {
  font-size: 1em;
  line-height: 1;
  font-style: normal;
}
i.mini.mini.mini.icon,
i.mini.mini.mini.icons {
  font-size: 0.4em;
  vertical-align: middle;
}
i.tiny.tiny.tiny.icon,
i.tiny.tiny.tiny.icons {
  font-size: 0.5em;
  vertical-align: middle;
}
i.small.small.small.icon,
i.small.small.small.icons {
  font-size: 0.75em;
  vertical-align: middle;
}
i.large.large.large.icon,
i.large.large.large.icons {
  font-size: 1.5em;
  vertical-align: middle;
}
i.big.big.big.icon,
i.big.big.big.icons {
  font-size: 2em;
  vertical-align: middle;
}
i.huge.huge.huge.icon,
i.huge.huge.huge.icons {
  font-size: 4em;
  vertical-align: middle;
}
i.massive.massive.massive.icon,
i.massive.massive.massive.icons {
  font-size: 8em;
  vertical-align: middle;
}
/*******************************
                Groups
    *******************************/
i.icons {
  display: inline-block;
  position: relative;
  line-height: 1;
  min-width: 1.18em;
  min-height: 1em;
  margin: 0 0.25rem 0 0;
  text-align: center;
}
i.icons .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
}
i.icons .icon:not(.corner):not(.rotated):not(.flipped) {
  transform: translateX(-50%) translateY(-50%);
}
i.icons .icon:first-child {
  position: static;
  width: auto;
  height: auto;
  vertical-align: top;
}
i.icons:not(.bordered):not(.circular) .icon:first-child:not(.rotated):not(.flipped) {
  transform: none;
}
/* Corner Icon */
i.icons .corner.icon {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  font-size: 0.45em;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
i.icons .corner.icon:not(.rotated):not(.flipped) {
  transform: none;
}
i.icons .icon.corner[class*="top right"] {
  top: 0;
  left: auto;
  right: 0;
  bottom: auto;
}
i.icons .icon.corner[class*="top left"] {
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
}
i.icons .icon.corner[class*="bottom left"] {
  top: auto;
  left: 0;
  right: auto;
  bottom: 0;
}
i.icons .icon.corner[class*="bottom right"] {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
}
i.icons .inverted.corner.icon {
  text-shadow: -1px -1px 0 #1b1c1d, 1px -1px 0 #1b1c1d, -1px 1px 0 #1b1c1d, 1px 1px 0 #1b1c1d;
}
/*************************************************
       Bordered/circular with corner or group icons
    *************************************************/
i.bordered.icons,
i.circular.icons {
  width: 2em;
  height: 2em;
  box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
  vertical-align: middle;
}
i.bordered.icons.colored,
i.circular.icons.colored {
  box-shadow: 0 0 0 0.1em currentColor inset;
}
i.circular.icons {
  border-radius: 500em;
}
i.bordered.icons i.icon:first-child,
i.circular.icons i.icon:first-child {
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
}
/* Inverted Icon */
i.bordered.inverted.icons,
i.circular.inverted.icons {
  border: none;
  box-shadow: none;
  background-color: #1b1c1d;
  color: #fff;
}
/* Corner Icon */
i.bordered.icons .icon.corner,
i.circular.icons .icon.corner,
i.bordered.icons .icon.corner[class*="bottom right"],
i.circular.icons .icon.corner[class*="bottom right"] {
  top: auto;
  left: auto;
  right: 1.15em;
  bottom: 1.15em;
}
i.bordered.icons .icon.corner[class*="top right"],
i.circular.icons .icon.corner[class*="top right"] {
  top: 1.15em;
  left: auto;
  right: 1.15em;
  bottom: auto;
}
i.bordered.icons .icon.corner[class*="top left"],
i.circular.icons .icon.corner[class*="top left"] {
  top: 1.15em;
  left: 1.15em;
  right: auto;
  bottom: auto;
}
i.bordered.icons .icon.corner[class*="bottom left"],
i.circular.icons .icon.corner[class*="bottom left"] {
  top: auto;
  left: 1.15em;
  right: auto;
  bottom: 1.15em;
}
/* Deprecated *In/Out Naming Conflict) */
i.icon.linkedin.in::before {
  content: "\f0e1";
}
i.icon.zoom.in::before {
  content: "\f00e";
}
i.icon.zoom.out::before {
  content: "\f010";
}
i.icon.sign.in::before {
  content: "\f2f6";
}
i.icon.in.cart::before {
  content: "\f218";
}
i.icon.log.out::before {
  content: "\f2f5";
}
i.icon.sign.out::before {
  content: "\f2f5";
}
i.icon.sign.in.alternate::before {
  content: "\f2f6";
}
i.icon.sign.out.alternate::before {
  content: "\f2f5";
}
/*******************************
            Solid Icons
    *******************************/
/* Icons */
i.icon.ad::before {
  content: "\f641";
}
i.icon.address.book::before {
  content: "\f2b9";
}
i.icon.address.card::before {
  content: "\f2bb";
}
i.icon.adjust::before {
  content: "\f042";
}
i.icon.air.freshener::before {
  content: "\f5d0";
}
i.icon.align.center::before {
  content: "\f037";
}
i.icon.align.justify::before {
  content: "\f039";
}
i.icon.align.left::before {
  content: "\f036";
}
i.icon.align.right::before {
  content: "\f038";
}
i.icon.allergies::before {
  content: "\f461";
}
i.icon.ambulance::before {
  content: "\f0f9";
}
i.icon.american.sign.language.interpreting::before {
  content: "\f2a3";
}
i.icon.anchor::before {
  content: "\f13d";
}
i.icon.angle.double.down::before {
  content: "\f103";
}
i.icon.angle.double.left::before {
  content: "\f100";
}
i.icon.angle.double.right::before {
  content: "\f101";
}
i.icon.angle.double.up::before {
  content: "\f102";
}
i.icon.angle.left::before {
  content: "\f104";
}
i.icon.angle.right::before {
  content: "\f105";
}
i.icon.angle.up::before {
  content: "\f106";
}
i.icon.angle.down::before {
  content: "\f107";
}
i.icon.angry::before {
  content: "\f556";
}
i.icon.ankh::before {
  content: "\f644";
}
i.icon.archive::before {
  content: "\f187";
}
i.icon.archway::before {
  content: "\f557";
}
i.icon.arrow.alternate.circle.down::before {
  content: "\f358";
}
i.icon.arrow.alternate.circle.left::before {
  content: "\f359";
}
i.icon.arrow.alternate.circle.right::before {
  content: "\f35a";
}
i.icon.arrow.alternate.circle.up::before {
  content: "\f35b";
}
i.icon.arrow.circle.down::before {
  content: "\f0ab";
}
i.icon.arrow.circle.left::before {
  content: "\f0a8";
}
i.icon.arrow.circle.right::before {
  content: "\f0a9";
}
i.icon.arrow.circle.up::before {
  content: "\f0aa";
}
i.icon.arrow.down::before {
  content: "\f063";
}
i.icon.arrow.left::before {
  content: "\f060";
}
i.icon.arrow.right::before {
  content: "\f061";
}
i.icon.arrow.up::before {
  content: "\f062";
}
i.icon.arrows.alternate::before {
  content: "\f0b2";
}
i.icon.arrows.alternate.horizontal::before {
  content: "\f337";
}
i.icon.arrows.alternate.vertical::before {
  content: "\f338";
}
i.icon.assistive.listening.systems::before {
  content: "\f2a2";
}
i.icon.asterisk::before {
  content: "\f069";
}
i.icon.at::before {
  content: "\f1fa";
}
i.icon.atlas::before {
  content: "\f558";
}
i.icon.atom::before {
  content: "\f5d2";
}
i.icon.audio.description::before {
  content: "\f29e";
}
i.icon.award::before {
  content: "\f559";
}
i.icon.baby::before {
  content: "\f77c";
}
i.icon.baby.carriage::before {
  content: "\f77d";
}
i.icon.backspace::before {
  content: "\f55a";
}
i.icon.backward::before {
  content: "\f04a";
}
i.icon.bacon::before {
  content: "\f7e5";
}
i.icon.bacteria::before {
  content: "\e059";
}
i.icon.bacterium::before {
  content: "\e05a";
}
i.icon.bahai::before {
  content: "\f666";
}
i.icon.balance.scale::before {
  content: "\f24e";
}
i.icon.balance.scale.left::before {
  content: "\f515";
}
i.icon.balance.scale.right::before {
  content: "\f516";
}
i.icon.ban::before {
  content: "\f05e";
}
i.icon.band.aid::before {
  content: "\f462";
}
i.icon.barcode::before {
  content: "\f02a";
}
i.icon.bars::before {
  content: "\f0c9";
}
i.icon.baseball.ball::before {
  content: "\f433";
}
i.icon.basketball.ball::before {
  content: "\f434";
}
i.icon.bath::before {
  content: "\f2cd";
}
i.icon.battery.empty::before {
  content: "\f244";
}
i.icon.battery.full::before {
  content: "\f240";
}
i.icon.battery.half::before {
  content: "\f242";
}
i.icon.battery.quarter::before {
  content: "\f243";
}
i.icon.battery.three.quarters::before {
  content: "\f241";
}
i.icon.bed::before {
  content: "\f236";
}
i.icon.beer::before {
  content: "\f0fc";
}
i.icon.bell::before {
  content: "\f0f3";
}
i.icon.bell.slash::before {
  content: "\f1f6";
}
i.icon.bezier.curve::before {
  content: "\f55b";
}
i.icon.bible::before {
  content: "\f647";
}
i.icon.bicycle::before {
  content: "\f206";
}
i.icon.biking::before {
  content: "\f84a";
}
i.icon.binoculars::before {
  content: "\f1e5";
}
i.icon.biohazard::before {
  content: "\f780";
}
i.icon.birthday.cake::before {
  content: "\f1fd";
}
i.icon.blender::before {
  content: "\f517";
}
i.icon.blender.phone::before {
  content: "\f6b6";
}
i.icon.blind::before {
  content: "\f29d";
}
i.icon.blog::before {
  content: "\f781";
}
i.icon.bold::before {
  content: "\f032";
}
i.icon.bolt::before {
  content: "\f0e7";
}
i.icon.bomb::before {
  content: "\f1e2";
}
i.icon.bone::before {
  content: "\f5d7";
}
i.icon.bong::before {
  content: "\f55c";
}
i.icon.book::before {
  content: "\f02d";
}
i.icon.book.dead::before {
  content: "\f6b7";
}
i.icon.book.medical::before {
  content: "\f7e6";
}
i.icon.book.open::before {
  content: "\f518";
}
i.icon.book.reader::before {
  content: "\f5da";
}
i.icon.bookmark::before {
  content: "\f02e";
}
i.icon.border.all::before {
  content: "\f84c";
}
i.icon.border.none::before {
  content: "\f850";
}
i.icon.border.style::before {
  content: "\f853";
}
i.icon.bowling.ball::before {
  content: "\f436";
}
i.icon.box::before {
  content: "\f466";
}
i.icon.box.open::before {
  content: "\f49e";
}
i.icon.box.tissue::before {
  content: "\e05b";
}
i.icon.boxes::before {
  content: "\f468";
}
i.icon.braille::before {
  content: "\f2a1";
}
i.icon.brain::before {
  content: "\f5dc";
}
i.icon.bread.slice::before {
  content: "\f7ec";
}
i.icon.briefcase::before {
  content: "\f0b1";
}
i.icon.briefcase.medical::before {
  content: "\f469";
}
i.icon.broadcast.tower::before {
  content: "\f519";
}
i.icon.broom::before {
  content: "\f51a";
}
i.icon.brush::before {
  content: "\f55d";
}
i.icon.bug::before {
  content: "\f188";
}
i.icon.building::before {
  content: "\f1ad";
}
i.icon.bullhorn::before {
  content: "\f0a1";
}
i.icon.bullseye::before {
  content: "\f140";
}
i.icon.burn::before {
  content: "\f46a";
}
i.icon.bus::before {
  content: "\f207";
}
i.icon.bus.alternate::before {
  content: "\f55e";
}
i.icon.business.time::before {
  content: "\f64a";
}
i.icon.calculator::before {
  content: "\f1ec";
}
i.icon.calendar::before {
  content: "\f133";
}
i.icon.calendar.alternate::before {
  content: "\f073";
}
i.icon.calendar.check::before {
  content: "\f274";
}
i.icon.calendar.day::before {
  content: "\f783";
}
i.icon.calendar.minus::before {
  content: "\f272";
}
i.icon.calendar.plus::before {
  content: "\f271";
}
i.icon.calendar.times::before {
  content: "\f273";
}
i.icon.calendar.week::before {
  content: "\f784";
}
i.icon.camera::before {
  content: "\f030";
}
i.icon.camera.retro::before {
  content: "\f083";
}
i.icon.campground::before {
  content: "\f6bb";
}
i.icon.candy.cane::before {
  content: "\f786";
}
i.icon.cannabis::before {
  content: "\f55f";
}
i.icon.capsules::before {
  content: "\f46b";
}
i.icon.car::before {
  content: "\f1b9";
}
i.icon.car.alternate::before {
  content: "\f5de";
}
i.icon.car.battery::before {
  content: "\f5df";
}
i.icon.car.crash::before {
  content: "\f5e1";
}
i.icon.car.side::before {
  content: "\f5e4";
}
i.icon.caravan::before {
  content: "\f8ff";
}
i.icon.caret.down::before {
  content: "\f0d7";
}
i.icon.caret.left::before {
  content: "\f0d9";
}
i.icon.caret.right::before {
  content: "\f0da";
}
i.icon.caret.square.down::before {
  content: "\f150";
}
i.icon.caret.square.left::before {
  content: "\f191";
}
i.icon.caret.square.right::before {
  content: "\f152";
}
i.icon.caret.square.up::before {
  content: "\f151";
}
i.icon.caret.up::before {
  content: "\f0d8";
}
i.icon.carrot::before {
  content: "\f787";
}
i.icon.cart.arrow.down::before {
  content: "\f218";
}
i.icon.cart.plus::before {
  content: "\f217";
}
i.icon.cash.register::before {
  content: "\f788";
}
i.icon.cat::before {
  content: "\f6be";
}
i.icon.certificate::before {
  content: "\f0a3";
}
i.icon.chair::before {
  content: "\f6c0";
}
i.icon.chalkboard::before {
  content: "\f51b";
}
i.icon.chalkboard.teacher::before {
  content: "\f51c";
}
i.icon.charging.station::before {
  content: "\f5e7";
}
i.icon.chart.area::before {
  content: "\f1fe";
}
i.icon.chart.bar::before {
  content: "\f080";
}
i.icon.chart.pie::before {
  content: "\f200";
}
i.icon.chartline::before {
  content: "\f201";
}
i.icon.check::before {
  content: "\f00c";
}
i.icon.check.circle::before {
  content: "\f058";
}
i.icon.check.double::before {
  content: "\f560";
}
i.icon.check.square::before {
  content: "\f14a";
}
i.icon.cheese::before {
  content: "\f7ef";
}
i.icon.chess::before {
  content: "\f439";
}
i.icon.chess.bishop::before {
  content: "\f43a";
}
i.icon.chess.board::before {
  content: "\f43c";
}
i.icon.chess.king::before {
  content: "\f43f";
}
i.icon.chess.knight::before {
  content: "\f441";
}
i.icon.chess.pawn::before {
  content: "\f443";
}
i.icon.chess.queen::before {
  content: "\f445";
}
i.icon.chess.rook::before {
  content: "\f447";
}
i.icon.chevron.circle.down::before {
  content: "\f13a";
}
i.icon.chevron.circle.left::before {
  content: "\f137";
}
i.icon.chevron.circle.right::before {
  content: "\f138";
}
i.icon.chevron.circle.up::before {
  content: "\f139";
}
i.icon.chevron.down::before {
  content: "\f078";
}
i.icon.chevron.left::before {
  content: "\f053";
}
i.icon.chevron.right::before {
  content: "\f054";
}
i.icon.chevron.up::before {
  content: "\f077";
}
i.icon.child::before {
  content: "\f1ae";
}
i.icon.church::before {
  content: "\f51d";
}
i.icon.circle::before {
  content: "\f111";
}
i.icon.circle.notch::before {
  content: "\f1ce";
}
i.icon.city::before {
  content: "\f64f";
}
i.icon.clinic.medical::before {
  content: "\f7f2";
}
i.icon.clipboard::before {
  content: "\f328";
}
i.icon.clipboard.check::before {
  content: "\f46c";
}
i.icon.clipboard.list::before {
  content: "\f46d";
}
i.icon.clock::before {
  content: "\f017";
}
i.icon.clone::before {
  content: "\f24d";
}
i.icon.closed.captioning::before {
  content: "\f20a";
}
i.icon.cloud::before {
  content: "\f0c2";
}
i.icon.cloud.download.alternate::before {
  content: "\f381";
}
i.icon.cloud.meatball::before {
  content: "\f73b";
}
i.icon.cloud.moon::before {
  content: "\f6c3";
}
i.icon.cloud.moon.rain::before {
  content: "\f73c";
}
i.icon.cloud.rain::before {
  content: "\f73d";
}
i.icon.cloud.showers.heavy::before {
  content: "\f740";
}
i.icon.cloud.sun::before {
  content: "\f6c4";
}
i.icon.cloud.sun.rain::before {
  content: "\f743";
}
i.icon.cloud.upload.alternate::before {
  content: "\f382";
}
i.icon.cocktail::before {
  content: "\f561";
}
i.icon.code::before {
  content: "\f121";
}
i.icon.code.branch::before {
  content: "\f126";
}
i.icon.coffee::before {
  content: "\f0f4";
}
i.icon.cog::before {
  content: "\f013";
}
i.icon.cogs::before {
  content: "\f085";
}
i.icon.coins::before {
  content: "\f51e";
}
i.icon.columns::before {
  content: "\f0db";
}
i.icon.comment::before {
  content: "\f075";
}
i.icon.comment.alternate::before {
  content: "\f27a";
}
i.icon.comment.dollar::before {
  content: "\f651";
}
i.icon.comment.dots::before {
  content: "\f4ad";
}
i.icon.comment.medical::before {
  content: "\f7f5";
}
i.icon.comment.slash::before {
  content: "\f4b3";
}
i.icon.comments::before {
  content: "\f086";
}
i.icon.comments.dollar::before {
  content: "\f653";
}
i.icon.compact.disc::before {
  content: "\f51f";
}
i.icon.compass::before {
  content: "\f14e";
}
i.icon.compress::before {
  content: "\f066";
}
i.icon.compress.alternate::before {
  content: "\f422";
}
i.icon.compress.arrows.alternate::before {
  content: "\f78c";
}
i.icon.concierge.bell::before {
  content: "\f562";
}
i.icon.cookie::before {
  content: "\f563";
}
i.icon.cookie.bite::before {
  content: "\f564";
}
i.icon.copy::before {
  content: "\f0c5";
}
i.icon.copyright::before {
  content: "\f1f9";
}
i.icon.couch::before {
  content: "\f4b8";
}
i.icon.credit.card::before {
  content: "\f09d";
}
i.icon.crop::before {
  content: "\f125";
}
i.icon.crop.alternate::before {
  content: "\f565";
}
i.icon.cross::before {
  content: "\f654";
}
i.icon.crosshairs::before {
  content: "\f05b";
}
i.icon.crow::before {
  content: "\f520";
}
i.icon.crown::before {
  content: "\f521";
}
i.icon.crutch::before {
  content: "\f7f7";
}
i.icon.cube::before {
  content: "\f1b2";
}
i.icon.cubes::before {
  content: "\f1b3";
}
i.icon.cut::before {
  content: "\f0c4";
}
i.icon.database::before {
  content: "\f1c0";
}
i.icon.deaf::before {
  content: "\f2a4";
}
i.icon.democrat::before {
  content: "\f747";
}
i.icon.desktop::before {
  content: "\f108";
}
i.icon.dharmachakra::before {
  content: "\f655";
}
i.icon.diagnoses::before {
  content: "\f470";
}
i.icon.dice::before {
  content: "\f522";
}
i.icon.dice.d20::before {
  content: "\f6cf";
}
i.icon.dice.d6::before {
  content: "\f6d1";
}
i.icon.dice.five::before {
  content: "\f523";
}
i.icon.dice.four::before {
  content: "\f524";
}
i.icon.dice.one::before {
  content: "\f525";
}
i.icon.dice.six::before {
  content: "\f526";
}
i.icon.dice.three::before {
  content: "\f527";
}
i.icon.dice.two::before {
  content: "\f528";
}
i.icon.digital.tachograph::before {
  content: "\f566";
}
i.icon.directions::before {
  content: "\f5eb";
}
i.icon.disease::before {
  content: "\f7fa";
}
i.icon.divide::before {
  content: "\f529";
}
i.icon.dizzy::before {
  content: "\f567";
}
i.icon.dna::before {
  content: "\f471";
}
i.icon.dog::before {
  content: "\f6d3";
}
i.icon.dollar.sign::before {
  content: "\f155";
}
i.icon.dolly::before {
  content: "\f472";
}
i.icon.dolly.flatbed::before {
  content: "\f474";
}
i.icon.donate::before {
  content: "\f4b9";
}
i.icon.door.closed::before {
  content: "\f52a";
}
i.icon.door.open::before {
  content: "\f52b";
}
i.icon.dot.circle::before {
  content: "\f192";
}
i.icon.dove::before {
  content: "\f4ba";
}
i.icon.download::before {
  content: "\f019";
}
i.icon.drafting.compass::before {
  content: "\f568";
}
i.icon.dragon::before {
  content: "\f6d5";
}
i.icon.draw.polygon::before {
  content: "\f5ee";
}
i.icon.drum::before {
  content: "\f569";
}
i.icon.drum.steelpan::before {
  content: "\f56a";
}
i.icon.drumstick.bite::before {
  content: "\f6d7";
}
i.icon.dumbbell::before {
  content: "\f44b";
}
i.icon.dumpster::before {
  content: "\f793";
}
i.icon.dumpster.fire::before {
  content: "\f794";
}
i.icon.dungeon::before {
  content: "\f6d9";
}
i.icon.edit::before {
  content: "\f044";
}
i.icon.egg::before {
  content: "\f7fb";
}
i.icon.eject::before {
  content: "\f052";
}
i.icon.ellipsis.horizontal::before {
  content: "\f141";
}
i.icon.ellipsis.vertical::before {
  content: "\f142";
}
i.icon.envelope::before {
  content: "\f0e0";
}
i.icon.envelope.open::before {
  content: "\f2b6";
}
i.icon.envelope.open.text::before {
  content: "\f658";
}
i.icon.envelope.square::before {
  content: "\f199";
}
i.icon.equals::before {
  content: "\f52c";
}
i.icon.eraser::before {
  content: "\f12d";
}
i.icon.ethernet::before {
  content: "\f796";
}
i.icon.euro.sign::before {
  content: "\f153";
}
i.icon.exchange.alternate::before {
  content: "\f362";
}
i.icon.exclamation::before {
  content: "\f12a";
}
i.icon.exclamation.circle::before {
  content: "\f06a";
}
i.icon.exclamation.triangle::before {
  content: "\f071";
}
i.icon.expand::before {
  content: "\f065";
}
i.icon.expand.alternate::before {
  content: "\f424";
}
i.icon.expand.arrows.alternate::before {
  content: "\f31e";
}
i.icon.external.alternate::before {
  content: "\f35d";
}
i.icon.external.link.square.alternate::before {
  content: "\f360";
}
i.icon.eye::before {
  content: "\f06e";
}
i.icon.eye.dropper::before {
  content: "\f1fb";
}
i.icon.eye.slash::before {
  content: "\f070";
}
i.icon.fan::before {
  content: "\f863";
}
i.icon.fast.backward::before {
  content: "\f049";
}
i.icon.fast.forward::before {
  content: "\f050";
}
i.icon.faucet::before {
  content: "\e005";
}
i.icon.fax::before {
  content: "\f1ac";
}
i.icon.feather::before {
  content: "\f52d";
}
i.icon.feather.alternate::before {
  content: "\f56b";
}
i.icon.female::before {
  content: "\f182";
}
i.icon.fighter.jet::before {
  content: "\f0fb";
}
i.icon.file::before {
  content: "\f15b";
}
i.icon.file.alternate::before {
  content: "\f15c";
}
i.icon.file.archive::before {
  content: "\f1c6";
}
i.icon.file.audio::before {
  content: "\f1c7";
}
i.icon.file.code::before {
  content: "\f1c9";
}
i.icon.file.contract::before {
  content: "\f56c";
}
i.icon.file.csv::before {
  content: "\f6dd";
}
i.icon.file.download::before {
  content: "\f56d";
}
i.icon.file.excel::before {
  content: "\f1c3";
}
i.icon.file.export::before {
  content: "\f56e";
}
i.icon.file.image::before {
  content: "\f1c5";
}
i.icon.file.import::before {
  content: "\f56f";
}
i.icon.file.invoice::before {
  content: "\f570";
}
i.icon.file.invoice.dollar::before {
  content: "\f571";
}
i.icon.file.medical::before {
  content: "\f477";
}
i.icon.file.medical.alternate::before {
  content: "\f478";
}
i.icon.file.pdf::before {
  content: "\f1c1";
}
i.icon.file.powerpoint::before {
  content: "\f1c4";
}
i.icon.file.prescription::before {
  content: "\f572";
}
i.icon.file.signature::before {
  content: "\f573";
}
i.icon.file.upload::before {
  content: "\f574";
}
i.icon.file.video::before {
  content: "\f1c8";
}
i.icon.file.word::before {
  content: "\f1c2";
}
i.icon.fill::before {
  content: "\f575";
}
i.icon.fill.drip::before {
  content: "\f576";
}
i.icon.film::before {
  content: "\f008";
}
i.icon.filter::before {
  content: "\f0b0";
}
i.icon.fingerprint::before {
  content: "\f577";
}
i.icon.fire::before {
  content: "\f06d";
}
i.icon.fire.alternate::before {
  content: "\f7e4";
}
i.icon.fire.extinguisher::before {
  content: "\f134";
}
i.icon.first.aid::before {
  content: "\f479";
}
i.icon.fish::before {
  content: "\f578";
}
i.icon.fist.raised::before {
  content: "\f6de";
}
i.icon.flag::before {
  content: "\f024";
}
i.icon.flag.checkered::before {
  content: "\f11e";
}
i.icon.flag.usa::before {
  content: "\f74d";
}
i.icon.flask::before {
  content: "\f0c3";
}
i.icon.flushed::before {
  content: "\f579";
}
i.icon.folder::before {
  content: "\f07b";
}
i.icon.folder.minus::before {
  content: "\f65d";
}
i.icon.folder.open::before {
  content: "\f07c";
}
i.icon.folder.plus::before {
  content: "\f65e";
}
i.icon.font::before {
  content: "\f031";
}
i.icon.football.ball::before {
  content: "\f44e";
}
i.icon.forward::before {
  content: "\f04e";
}
i.icon.frog::before {
  content: "\f52e";
}
i.icon.frown::before {
  content: "\f119";
}
i.icon.frown.open::before {
  content: "\f57a";
}
i.icon.fruit-apple::before {
  content: "\f5d1";
}
i.icon.funnel.dollar::before {
  content: "\f662";
}
i.icon.futbol::before {
  content: "\f1e3";
}
i.icon.gamepad::before {
  content: "\f11b";
}
i.icon.gas.pump::before {
  content: "\f52f";
}
i.icon.gavel::before {
  content: "\f0e3";
}
i.icon.gem::before {
  content: "\f3a5";
}
i.icon.genderless::before {
  content: "\f22d";
}
i.icon.ghost::before {
  content: "\f6e2";
}
i.icon.gift::before {
  content: "\f06b";
}
i.icon.gifts::before {
  content: "\f79c";
}
i.icon.glass.cheers::before {
  content: "\f79f";
}
i.icon.glass.martini::before {
  content: "\f000";
}
i.icon.glass.martini.alternate::before {
  content: "\f57b";
}
i.icon.glass.whiskey::before {
  content: "\f7a0";
}
i.icon.glasses::before {
  content: "\f530";
}
i.icon.globe::before {
  content: "\f0ac";
}
i.icon.globe.africa::before {
  content: "\f57c";
}
i.icon.globe.americas::before {
  content: "\f57d";
}
i.icon.globe.asia::before {
  content: "\f57e";
}
i.icon.globe.europe::before {
  content: "\f7a2";
}
i.icon.golf.ball::before {
  content: "\f450";
}
i.icon.gopuram::before {
  content: "\f664";
}
i.icon.graduation.cap::before {
  content: "\f19d";
}
i.icon.greater.than::before {
  content: "\f531";
}
i.icon.greater.than.equal::before {
  content: "\f532";
}
i.icon.grimace::before {
  content: "\f57f";
}
i.icon.grin::before {
  content: "\f580";
}
i.icon.grin.alternate::before {
  content: "\f581";
}
i.icon.grin.beam::before {
  content: "\f582";
}
i.icon.grin.beam.sweat::before {
  content: "\f583";
}
i.icon.grin.hearts::before {
  content: "\f584";
}
i.icon.grin.squint::before {
  content: "\f585";
}
i.icon.grin.squint.tears::before {
  content: "\f586";
}
i.icon.grin.stars::before {
  content: "\f587";
}
i.icon.grin.tears::before {
  content: "\f588";
}
i.icon.grin.tongue::before {
  content: "\f589";
}
i.icon.grin.tongue.squint::before {
  content: "\f58a";
}
i.icon.grin.tongue.wink::before {
  content: "\f58b";
}
i.icon.grin.wink::before {
  content: "\f58c";
}
i.icon.grip.horizontal::before {
  content: "\f58d";
}
i.icon.grip.lines::before {
  content: "\f7a4";
}
i.icon.grip.lines.vertical::before {
  content: "\f7a5";
}
i.icon.grip.vertical::before {
  content: "\f58e";
}
i.icon.guitar::before {
  content: "\f7a6";
}
i.icon.h.square::before {
  content: "\f0fd";
}
i.icon.hamburger::before {
  content: "\f805";
}
i.icon.hammer::before {
  content: "\f6e3";
}
i.icon.hamsa::before {
  content: "\f665";
}
i.icon.hand.holding::before {
  content: "\f4bd";
}
i.icon.hand.holding.heart::before {
  content: "\f4be";
}
i.icon.hand.holding.medical::before {
  content: "\e05c";
}
i.icon.hand.holding.usd::before {
  content: "\f4c0";
}
i.icon.hand.holding.water::before {
  content: "\f4c1";
}
i.icon.hand.lizard::before {
  content: "\f258";
}
i.icon.hand.middle.finger::before {
  content: "\f806";
}
i.icon.hand.paper::before {
  content: "\f256";
}
i.icon.hand.peace::before {
  content: "\f25b";
}
i.icon.hand.point.down::before {
  content: "\f0a7";
}
i.icon.hand.point.left::before {
  content: "\f0a5";
}
i.icon.hand.point.right::before {
  content: "\f0a4";
}
i.icon.hand.point.up::before {
  content: "\f0a6";
}
i.icon.hand.pointer::before {
  content: "\f25a";
}
i.icon.hand.rock::before {
  content: "\f255";
}
i.icon.hand.scissors::before {
  content: "\f257";
}
i.icon.hand.sparkles::before {
  content: "\e05d";
}
i.icon.hand.spock::before {
  content: "\f259";
}
i.icon.hands::before {
  content: "\f4c2";
}
i.icon.hands.helping::before {
  content: "\f4c4";
}
i.icon.hands.wash::before {
  content: "\e05e";
}
i.icon.handshake::before {
  content: "\f2b5";
}
i.icon.handshake.alternate.slash::before {
  content: "\e05f";
}
i.icon.handshake.slash::before {
  content: "\e060";
}
i.icon.hanukiah::before {
  content: "\f6e6";
}
i.icon.hard.hat::before {
  content: "\f807";
}
i.icon.hashtag::before {
  content: "\f292";
}
i.icon.hat.cowboy::before {
  content: "\f8c0";
}
i.icon.hat.cowboy.side::before {
  content: "\f8c1";
}
i.icon.hat.wizard::before {
  content: "\f6e8";
}
i.icon.hdd::before {
  content: "\f0a0";
}
i.icon.head.side.cough::before {
  content: "\e061";
}
i.icon.head.side.cough.slash::before {
  content: "\e062";
}
i.icon.head.side.mask::before {
  content: "\e063";
}
i.icon.head.side.virus::before {
  content: "\e064";
}
i.icon.heading::before {
  content: "\f1dc";
}
i.icon.headphones::before {
  content: "\f025";
}
i.icon.headphones.alternate::before {
  content: "\f58f";
}
i.icon.headset::before {
  content: "\f590";
}
i.icon.heart::before {
  content: "\f004";
}
i.icon.heart.broken::before {
  content: "\f7a9";
}
i.icon.heartbeat::before {
  content: "\f21e";
}
i.icon.helicopter::before {
  content: "\f533";
}
i.icon.highlighter::before {
  content: "\f591";
}
i.icon.hiking::before {
  content: "\f6ec";
}
i.icon.hippo::before {
  content: "\f6ed";
}
i.icon.history::before {
  content: "\f1da";
}
i.icon.hockey.puck::before {
  content: "\f453";
}
i.icon.holly.berry::before {
  content: "\f7aa";
}
i.icon.home::before {
  content: "\f015";
}
i.icon.horse::before {
  content: "\f6f0";
}
i.icon.horse.head::before {
  content: "\f7ab";
}
i.icon.hospital::before {
  content: "\f0f8";
}
i.icon.hospital.alternate::before {
  content: "\f47d";
}
i.icon.hospital.symbol::before {
  content: "\f47e";
}
i.icon.hospital.user::before {
  content: "\f80d";
}
i.icon.hot.tub::before {
  content: "\f593";
}
i.icon.hotdog::before {
  content: "\f80f";
}
i.icon.hotel::before {
  content: "\f594";
}
i.icon.hourglass::before {
  content: "\f254";
}
i.icon.hourglass.end::before {
  content: "\f253";
}
i.icon.hourglass.half::before {
  content: "\f252";
}
i.icon.hourglass.start::before {
  content: "\f251";
}
i.icon.house.damage::before {
  content: "\f6f1";
}
i.icon.house.user::before {
  content: "\e065";
}
i.icon.hryvnia::before {
  content: "\f6f2";
}
i.icon.i.cursor::before {
  content: "\f246";
}
i.icon.ice.cream::before {
  content: "\f810";
}
i.icon.icicles::before {
  content: "\f7ad";
}
i.icon.icons::before {
  content: "\f86d";
}
i.icon.id.badge::before {
  content: "\f2c1";
}
i.icon.id.card::before {
  content: "\f2c2";
}
i.icon.id.card.alternate::before {
  content: "\f47f";
}
i.icon.igloo::before {
  content: "\f7ae";
}
i.icon.image::before {
  content: "\f03e";
}
i.icon.images::before {
  content: "\f302";
}
i.icon.inbox::before {
  content: "\f01c";
}
i.icon.indent::before {
  content: "\f03c";
}
i.icon.industry::before {
  content: "\f275";
}
i.icon.infinity::before {
  content: "\f534";
}
i.icon.info::before {
  content: "\f129";
}
i.icon.info.circle::before {
  content: "\f05a";
}
i.icon.italic::before {
  content: "\f033";
}
i.icon.jedi::before {
  content: "\f669";
}
i.icon.joint::before {
  content: "\f595";
}
i.icon.journal.whills::before {
  content: "\f66a";
}
i.icon.kaaba::before {
  content: "\f66b";
}
i.icon.key::before {
  content: "\f084";
}
i.icon.keyboard::before {
  content: "\f11c";
}
i.icon.khanda::before {
  content: "\f66d";
}
i.icon.kiss::before {
  content: "\f596";
}
i.icon.kiss.beam::before {
  content: "\f597";
}
i.icon.kiss.wink.heart::before {
  content: "\f598";
}
i.icon.kiwi.bird::before {
  content: "\f535";
}
i.icon.landmark::before {
  content: "\f66f";
}
i.icon.language::before {
  content: "\f1ab";
}
i.icon.laptop::before {
  content: "\f109";
}
i.icon.laptop.code::before {
  content: "\f5fc";
}
i.icon.laptop.house::before {
  content: "\e066";
}
i.icon.laptop.medical::before {
  content: "\f812";
}
i.icon.laugh::before {
  content: "\f599";
}
i.icon.laugh.beam::before {
  content: "\f59a";
}
i.icon.laugh.squint::before {
  content: "\f59b";
}
i.icon.laugh.wink::before {
  content: "\f59c";
}
i.icon.layer.group::before {
  content: "\f5fd";
}
i.icon.leaf::before {
  content: "\f06c";
}
i.icon.lemon::before {
  content: "\f094";
}
i.icon.less.than::before {
  content: "\f536";
}
i.icon.less.than.equal::before {
  content: "\f537";
}
i.icon.level.down.alternate::before {
  content: "\f3be";
}
i.icon.level.up.alternate::before {
  content: "\f3bf";
}
i.icon.life.ring::before {
  content: "\f1cd";
}
i.icon.lightbulb::before {
  content: "\f0eb";
}
i.icon.linkify::before {
  content: "\f0c1";
}
i.icon.lira.sign::before {
  content: "\f195";
}
i.icon.list::before {
  content: "\f03a";
}
i.icon.list.alternate::before {
  content: "\f022";
}
i.icon.list.ol::before {
  content: "\f0cb";
}
i.icon.list.ul::before {
  content: "\f0ca";
}
i.icon.location.arrow::before {
  content: "\f124";
}
i.icon.lock::before {
  content: "\f023";
}
i.icon.lock.open::before {
  content: "\f3c1";
}
i.icon.long.arrow.alternate.down::before {
  content: "\f309";
}
i.icon.long.arrow.alternate.left::before {
  content: "\f30a";
}
i.icon.long.arrow.alternate.right::before {
  content: "\f30b";
}
i.icon.long.arrow.alternate.up::before {
  content: "\f30c";
}
i.icon.low.vision::before {
  content: "\f2a8";
}
i.icon.luggage.cart::before {
  content: "\f59d";
}
i.icon.lungs::before {
  content: "\f604";
}
i.icon.lungs.virus::before {
  content: "\e067";
}
i.icon.magic::before {
  content: "\f0d0";
}
i.icon.magnet::before {
  content: "\f076";
}
i.icon.mail.bulk::before {
  content: "\f674";
}
i.icon.male::before {
  content: "\f183";
}
i.icon.map::before {
  content: "\f279";
}
i.icon.map.marked::before {
  content: "\f59f";
}
i.icon.map.marked.alternate::before {
  content: "\f5a0";
}
i.icon.map.marker::before {
  content: "\f041";
}
i.icon.map.marker.alternate::before {
  content: "\f3c5";
}
i.icon.map.pin::before {
  content: "\f276";
}
i.icon.map.signs::before {
  content: "\f277";
}
i.icon.marker::before {
  content: "\f5a1";
}
i.icon.mars::before {
  content: "\f222";
}
i.icon.mars.double::before {
  content: "\f227";
}
i.icon.mars.stroke::before {
  content: "\f229";
}
i.icon.mars.stroke.horizontal::before {
  content: "\f22b";
}
i.icon.mars.stroke.vertical::before {
  content: "\f22a";
}
i.icon.mask::before {
  content: "\f6fa";
}
i.icon.medal::before {
  content: "\f5a2";
}
i.icon.medkit::before {
  content: "\f0fa";
}
i.icon.meh::before {
  content: "\f11a";
}
i.icon.meh.blank::before {
  content: "\f5a4";
}
i.icon.meh.rolling.eyes::before {
  content: "\f5a5";
}
i.icon.memory::before {
  content: "\f538";
}
i.icon.menorah::before {
  content: "\f676";
}
i.icon.mercury::before {
  content: "\f223";
}
i.icon.meteor::before {
  content: "\f753";
}
i.icon.microchip::before {
  content: "\f2db";
}
i.icon.microphone::before {
  content: "\f130";
}
i.icon.microphone.alternate::before {
  content: "\f3c9";
}
i.icon.microphone.alternate.slash::before {
  content: "\f539";
}
i.icon.microphone.slash::before {
  content: "\f131";
}
i.icon.microscope::before {
  content: "\f610";
}
i.icon.minus::before {
  content: "\f068";
}
i.icon.minus.circle::before {
  content: "\f056";
}
i.icon.minus.square::before {
  content: "\f146";
}
i.icon.mitten::before {
  content: "\f7b5";
}
i.icon.mobile::before {
  content: "\f10b";
}
i.icon.mobile.alternate::before {
  content: "\f3cd";
}
i.icon.money.bill::before {
  content: "\f0d6";
}
i.icon.money.bill.alternate::before {
  content: "\f3d1";
}
i.icon.money.bill.wave::before {
  content: "\f53a";
}
i.icon.money.bill.wave.alternate::before {
  content: "\f53b";
}
i.icon.money.check::before {
  content: "\f53c";
}
i.icon.money.check.alternate::before {
  content: "\f53d";
}
i.icon.monument::before {
  content: "\f5a6";
}
i.icon.moon::before {
  content: "\f186";
}
i.icon.mortar.pestle::before {
  content: "\f5a7";
}
i.icon.mosque::before {
  content: "\f678";
}
i.icon.motorcycle::before {
  content: "\f21c";
}
i.icon.mountain::before {
  content: "\f6fc";
}
i.icon.mouse::before {
  content: "\f8cc";
}
i.icon.mouse.pointer::before {
  content: "\f245";
}
i.icon.mug.hot::before {
  content: "\f7b6";
}
i.icon.music::before {
  content: "\f001";
}
i.icon.network.wired::before {
  content: "\f6ff";
}
i.icon.neuter::before {
  content: "\f22c";
}
i.icon.newspaper::before {
  content: "\f1ea";
}
i.icon.not.equal::before {
  content: "\f53e";
}
i.icon.notes.medical::before {
  content: "\f481";
}
i.icon.object.group::before {
  content: "\f247";
}
i.icon.object.ungroup::before {
  content: "\f248";
}
i.icon.oil.can::before {
  content: "\f613";
}
i.icon.om::before {
  content: "\f679";
}
i.icon.otter::before {
  content: "\f700";
}
i.icon.outdent::before {
  content: "\f03b";
}
i.icon.pager::before {
  content: "\f815";
}
i.icon.paint.brush::before {
  content: "\f1fc";
}
i.icon.paint.roller::before {
  content: "\f5aa";
}
i.icon.palette::before {
  content: "\f53f";
}
i.icon.pallet::before {
  content: "\f482";
}
i.icon.paper.plane::before {
  content: "\f1d8";
}
i.icon.paperclip::before {
  content: "\f0c6";
}
i.icon.parachute.box::before {
  content: "\f4cd";
}
i.icon.paragraph::before {
  content: "\f1dd";
}
i.icon.parking::before {
  content: "\f540";
}
i.icon.passport::before {
  content: "\f5ab";
}
i.icon.pastafarianism::before {
  content: "\f67b";
}
i.icon.paste::before {
  content: "\f0ea";
}
i.icon.pause::before {
  content: "\f04c";
}
i.icon.pause.circle::before {
  content: "\f28b";
}
i.icon.paw::before {
  content: "\f1b0";
}
i.icon.peace::before {
  content: "\f67c";
}
i.icon.pen::before {
  content: "\f304";
}
i.icon.pen.alternate::before {
  content: "\f305";
}
i.icon.pen.fancy::before {
  content: "\f5ac";
}
i.icon.pen.nib::before {
  content: "\f5ad";
}
i.icon.pen.square::before {
  content: "\f14b";
}
i.icon.pencil.alternate::before {
  content: "\f303";
}
i.icon.pencil.ruler::before {
  content: "\f5ae";
}
i.icon.people.arrows::before {
  content: "\e068";
}
i.icon.people.carry::before {
  content: "\f4ce";
}
i.icon.pepper.hot::before {
  content: "\f816";
}
i.icon.percent::before {
  content: "\f295";
}
i.icon.percentage::before {
  content: "\f541";
}
i.icon.person.booth::before {
  content: "\f756";
}
i.icon.phone::before {
  content: "\f095";
}
i.icon.phone.alternate::before {
  content: "\f879";
}
i.icon.phone.slash::before {
  content: "\f3dd";
}
i.icon.phone.square::before {
  content: "\f098";
}
i.icon.phone.square.alternate::before {
  content: "\f87b";
}
i.icon.phone.volume::before {
  content: "\f2a0";
}
i.icon.photo.video::before {
  content: "\f87c";
}
i.icon.piggy.bank::before {
  content: "\f4d3";
}
i.icon.pills::before {
  content: "\f484";
}
i.icon.pizza.slice::before {
  content: "\f818";
}
i.icon.place.of.worship::before {
  content: "\f67f";
}
i.icon.plane::before {
  content: "\f072";
}
i.icon.plane.arrival::before {
  content: "\f5af";
}
i.icon.plane.departure::before {
  content: "\f5b0";
}
i.icon.plane.slash::before {
  content: "\e069";
}
i.icon.play::before {
  content: "\f04b";
}
i.icon.play.circle::before {
  content: "\f144";
}
i.icon.plug::before {
  content: "\f1e6";
}
i.icon.plus::before {
  content: "\f067";
}
i.icon.plus.circle::before {
  content: "\f055";
}
i.icon.plus.square::before {
  content: "\f0fe";
}
i.icon.podcast::before {
  content: "\f2ce";
}
i.icon.poll::before {
  content: "\f681";
}
i.icon.poll.horizontal::before {
  content: "\f682";
}
i.icon.poo::before {
  content: "\f2fe";
}
i.icon.poo.storm::before {
  content: "\f75a";
}
i.icon.poop::before {
  content: "\f619";
}
i.icon.portrait::before {
  content: "\f3e0";
}
i.icon.pound.sign::before {
  content: "\f154";
}
i.icon.power.off::before {
  content: "\f011";
}
i.icon.pray::before {
  content: "\f683";
}
i.icon.praying.hands::before {
  content: "\f684";
}
i.icon.prescription::before {
  content: "\f5b1";
}
i.icon.prescription.bottle::before {
  content: "\f485";
}
i.icon.prescription.bottle.alternate::before {
  content: "\f486";
}
i.icon.print::before {
  content: "\f02f";
}
i.icon.procedures::before {
  content: "\f487";
}
i.icon.project.diagram::before {
  content: "\f542";
}
i.icon.pump.medical::before {
  content: "\e06a";
}
i.icon.pump.soap::before {
  content: "\e06b";
}
i.icon.puzzle.piece::before {
  content: "\f12e";
}
i.icon.qrcode::before {
  content: "\f029";
}
i.icon.question::before {
  content: "\f128";
}
i.icon.question.circle::before {
  content: "\f059";
}
i.icon.quidditch::before {
  content: "\f458";
}
i.icon.quote.left::before {
  content: "\f10d";
}
i.icon.quote.right::before {
  content: "\f10e";
}
i.icon.quran::before {
  content: "\f687";
}
i.icon.radiation::before {
  content: "\f7b9";
}
i.icon.radiation.alternate::before {
  content: "\f7ba";
}
i.icon.rainbow::before {
  content: "\f75b";
}
i.icon.random::before {
  content: "\f074";
}
i.icon.receipt::before {
  content: "\f543";
}
i.icon.record.vinyl::before {
  content: "\f8d9";
}
i.icon.recycle::before {
  content: "\f1b8";
}
i.icon.redo::before {
  content: "\f01e";
}
i.icon.redo.alternate::before {
  content: "\f2f9";
}
i.icon.registered::before {
  content: "\f25d";
}
i.icon.remove.format::before {
  content: "\f87d";
}
i.icon.reply::before {
  content: "\f3e5";
}
i.icon.reply.all::before {
  content: "\f122";
}
i.icon.republican::before {
  content: "\f75e";
}
i.icon.restroom::before {
  content: "\f7bd";
}
i.icon.retweet::before {
  content: "\f079";
}
i.icon.ribbon::before {
  content: "\f4d6";
}
i.icon.ring::before {
  content: "\f70b";
}
i.icon.road::before {
  content: "\f018";
}
i.icon.robot::before {
  content: "\f544";
}
i.icon.rocket::before {
  content: "\f135";
}
i.icon.route::before {
  content: "\f4d7";
}
i.icon.rss::before {
  content: "\f09e";
}
i.icon.rss.square::before {
  content: "\f143";
}
i.icon.ruble.sign::before {
  content: "\f158";
}
i.icon.ruler::before {
  content: "\f545";
}
i.icon.ruler.combined::before {
  content: "\f546";
}
i.icon.ruler.horizontal::before {
  content: "\f547";
}
i.icon.ruler.vertical::before {
  content: "\f548";
}
i.icon.running::before {
  content: "\f70c";
}
i.icon.rupee.sign::before {
  content: "\f156";
}
i.icon.sad.cry::before {
  content: "\f5b3";
}
i.icon.sad.tear::before {
  content: "\f5b4";
}
i.icon.satellite::before {
  content: "\f7bf";
}
i.icon.satellite.dish::before {
  content: "\f7c0";
}
i.icon.save::before {
  content: "\f0c7";
}
i.icon.school::before {
  content: "\f549";
}
i.icon.screwdriver::before {
  content: "\f54a";
}
i.icon.scroll::before {
  content: "\f70e";
}
i.icon.sd.card::before {
  content: "\f7c2";
}
i.icon.search::before {
  content: "\f002";
}
i.icon.search.dollar::before {
  content: "\f688";
}
i.icon.search.location::before {
  content: "\f689";
}
i.icon.search.minus::before {
  content: "\f010";
}
i.icon.search.plus::before {
  content: "\f00e";
}
i.icon.seedling::before {
  content: "\f4d8";
}
i.icon.server::before {
  content: "\f233";
}
i.icon.shapes::before {
  content: "\f61f";
}
i.icon.share::before {
  content: "\f064";
}
i.icon.share.alternate::before {
  content: "\f1e0";
}
i.icon.share.alternate.square::before {
  content: "\f1e1";
}
i.icon.share.square::before {
  content: "\f14d";
}
i.icon.shekel.sign::before {
  content: "\f20b";
}
i.icon.shield.alternate::before {
  content: "\f3ed";
}
i.icon.shield.virus::before {
  content: "\e06c";
}
i.icon.ship::before {
  content: "\f21a";
}
i.icon.shipping.fast::before {
  content: "\f48b";
}
i.icon.shoe.prints::before {
  content: "\f54b";
}
i.icon.shopping.bag::before {
  content: "\f290";
}
i.icon.shopping.basket::before {
  content: "\f291";
}
i.icon.shopping.cart::before {
  content: "\f07a";
}
i.icon.shower::before {
  content: "\f2cc";
}
i.icon.shuttle.van::before {
  content: "\f5b6";
}
i.icon.sign::before {
  content: "\f4d9";
}
i.icon.sign.language::before {
  content: "\f2a7";
}
i.icon.signal::before {
  content: "\f012";
}
i.icon.signature::before {
  content: "\f5b7";
}
i.icon.sim.card::before {
  content: "\f7c4";
}
i.icon.sink::before {
  content: "\e06d";
}
i.icon.sitemap::before {
  content: "\f0e8";
}
i.icon.skating::before {
  content: "\f7c5";
}
i.icon.skiing::before {
  content: "\f7c9";
}
i.icon.skiing.nordic::before {
  content: "\f7ca";
}
i.icon.skull::before {
  content: "\f54c";
}
i.icon.skull.crossbones::before {
  content: "\f714";
}
i.icon.slash::before {
  content: "\f715";
}
i.icon.sleigh::before {
  content: "\f7cc";
}
i.icon.sliders.horizontal::before {
  content: "\f1de";
}
i.icon.smile::before {
  content: "\f118";
}
i.icon.smile.beam::before {
  content: "\f5b8";
}
i.icon.smile.wink::before {
  content: "\f4da";
}
i.icon.smog::before {
  content: "\f75f";
}
i.icon.smoking::before {
  content: "\f48d";
}
i.icon.smoking.ban::before {
  content: "\f54d";
}
i.icon.sms::before {
  content: "\f7cd";
}
i.icon.snowboarding::before {
  content: "\f7ce";
}
i.icon.snowflake::before {
  content: "\f2dc";
}
i.icon.snowman::before {
  content: "\f7d0";
}
i.icon.snowplow::before {
  content: "\f7d2";
}
i.icon.soap::before {
  content: "\e06e";
}
i.icon.socks::before {
  content: "\f696";
}
i.icon.solar.panel::before {
  content: "\f5ba";
}
i.icon.sort::before {
  content: "\f0dc";
}
i.icon.sort.alphabet.down::before {
  content: "\f15d";
}
i.icon.sort.alphabet.down.alternate::before {
  content: "\f881";
}
i.icon.sort.alphabet.up::before {
  content: "\f15e";
}
i.icon.sort.alphabet.up.alternate::before {
  content: "\f882";
}
i.icon.sort.amount.down::before {
  content: "\f160";
}
i.icon.sort.amount.down.alternate::before {
  content: "\f884";
}
i.icon.sort.amount.up::before {
  content: "\f161";
}
i.icon.sort.amount.up.alternate::before {
  content: "\f885";
}
i.icon.sort.down::before {
  content: "\f0dd";
}
i.icon.sort.numeric.down::before {
  content: "\f162";
}
i.icon.sort.numeric.down.alternate::before {
  content: "\f886";
}
i.icon.sort.numeric.up::before {
  content: "\f163";
}
i.icon.sort.numeric.up.alternate::before {
  content: "\f887";
}
i.icon.sort.up::before {
  content: "\f0de";
}
i.icon.spa::before {
  content: "\f5bb";
}
i.icon.space.shuttle::before {
  content: "\f197";
}
i.icon.spell.check::before {
  content: "\f891";
}
i.icon.spider::before {
  content: "\f717";
}
i.icon.spinner::before {
  content: "\f110";
}
i.icon.splotch::before {
  content: "\f5bc";
}
i.icon.spray.can::before {
  content: "\f5bd";
}
i.icon.square::before {
  content: "\f0c8";
}
i.icon.square.full::before {
  content: "\f45c";
}
i.icon.square.root.alternate::before {
  content: "\f698";
}
i.icon.stamp::before {
  content: "\f5bf";
}
i.icon.star::before {
  content: "\f005";
}
i.icon.star.and.crescent::before {
  content: "\f699";
}
i.icon.star.half::before {
  content: "\f089";
}
i.icon.star.half.alternate::before {
  content: "\f5c0";
}
i.icon.star.of.david::before {
  content: "\f69a";
}
i.icon.star.of.life::before {
  content: "\f621";
}
i.icon.step.backward::before {
  content: "\f048";
}
i.icon.step.forward::before {
  content: "\f051";
}
i.icon.stethoscope::before {
  content: "\f0f1";
}
i.icon.sticky.note::before {
  content: "\f249";
}
i.icon.stop::before {
  content: "\f04d";
}
i.icon.stop.circle::before {
  content: "\f28d";
}
i.icon.stopwatch::before {
  content: "\f2f2";
}
i.icon.stopwatch.twenty::before {
  content: "\e06f";
}
i.icon.store::before {
  content: "\f54e";
}
i.icon.store.alternate::before {
  content: "\f54f";
}
i.icon.store.alternate.slash::before {
  content: "\e070";
}
i.icon.store.slash::before {
  content: "\e071";
}
i.icon.stream::before {
  content: "\f550";
}
i.icon.street.view::before {
  content: "\f21d";
}
i.icon.strikethrough::before {
  content: "\f0cc";
}
i.icon.stroopwafel::before {
  content: "\f551";
}
i.icon.subscript::before {
  content: "\f12c";
}
i.icon.subway::before {
  content: "\f239";
}
i.icon.suitcase::before {
  content: "\f0f2";
}
i.icon.suitcase.rolling::before {
  content: "\f5c1";
}
i.icon.sun::before {
  content: "\f185";
}
i.icon.superscript::before {
  content: "\f12b";
}
i.icon.surprise::before {
  content: "\f5c2";
}
i.icon.swatchbook::before {
  content: "\f5c3";
}
i.icon.swimmer::before {
  content: "\f5c4";
}
i.icon.swimming.pool::before {
  content: "\f5c5";
}
i.icon.synagogue::before {
  content: "\f69b";
}
i.icon.sync::before {
  content: "\f021";
}
i.icon.sync.alternate::before {
  content: "\f2f1";
}
i.icon.syringe::before {
  content: "\f48e";
}
i.icon.table::before {
  content: "\f0ce";
}
i.icon.table.tennis::before {
  content: "\f45d";
}
i.icon.tablet::before {
  content: "\f10a";
}
i.icon.tablet.alternate::before {
  content: "\f3fa";
}
i.icon.tablets::before {
  content: "\f490";
}
i.icon.tachometer.alternate::before {
  content: "\f3fd";
}
i.icon.tag::before {
  content: "\f02b";
}
i.icon.tags::before {
  content: "\f02c";
}
i.icon.tape::before {
  content: "\f4db";
}
i.icon.tasks::before {
  content: "\f0ae";
}
i.icon.taxi::before {
  content: "\f1ba";
}
i.icon.teeth::before {
  content: "\f62e";
}
i.icon.teeth.open::before {
  content: "\f62f";
}
i.icon.temperature.high::before {
  content: "\f769";
}
i.icon.temperature.low::before {
  content: "\f76b";
}
i.icon.tenge::before {
  content: "\f7d7";
}
i.icon.terminal::before {
  content: "\f120";
}
i.icon.text.height::before {
  content: "\f034";
}
i.icon.text.width::before {
  content: "\f035";
}
i.icon.th::before {
  content: "\f00a";
}
i.icon.th.large::before {
  content: "\f009";
}
i.icon.th.list::before {
  content: "\f00b";
}
i.icon.theater.masks::before {
  content: "\f630";
}
i.icon.thermometer::before {
  content: "\f491";
}
i.icon.thermometer.empty::before {
  content: "\f2cb";
}
i.icon.thermometer.full::before {
  content: "\f2c7";
}
i.icon.thermometer.half::before {
  content: "\f2c9";
}
i.icon.thermometer.quarter::before {
  content: "\f2ca";
}
i.icon.thermometer.three.quarters::before {
  content: "\f2c8";
}
i.icon.thumbs.down::before {
  content: "\f165";
}
i.icon.thumbs.up::before {
  content: "\f164";
}
i.icon.thumbtack::before {
  content: "\f08d";
}
i.icon.ticket.alternate::before {
  content: "\f3ff";
}
i.icon.times::before {
  content: "\f00d";
}
i.icon.times.circle::before {
  content: "\f057";
}
i.icon.tint::before {
  content: "\f043";
}
i.icon.tint.slash::before {
  content: "\f5c7";
}
i.icon.tired::before {
  content: "\f5c8";
}
i.icon.toggle.off::before {
  content: "\f204";
}
i.icon.toggle.on::before {
  content: "\f205";
}
i.icon.toilet::before {
  content: "\f7d8";
}
i.icon.toilet.paper::before {
  content: "\f71e";
}
i.icon.toilet.paper.slash::before {
  content: "\e072";
}
i.icon.toolbox::before {
  content: "\f552";
}
i.icon.tools::before {
  content: "\f7d9";
}
i.icon.tooth::before {
  content: "\f5c9";
}
i.icon.torah::before {
  content: "\f6a0";
}
i.icon.torii.gate::before {
  content: "\f6a1";
}
i.icon.tractor::before {
  content: "\f722";
}
i.icon.trademark::before {
  content: "\f25c";
}
i.icon.traffic.light::before {
  content: "\f637";
}
i.icon.trailer::before {
  content: "\e041";
}
i.icon.train::before {
  content: "\f238";
}
i.icon.tram::before {
  content: "\f7da";
}
i.icon.transgender::before {
  content: "\f224";
}
i.icon.transgender.alternate::before {
  content: "\f225";
}
i.icon.trash::before {
  content: "\f1f8";
}
i.icon.trash.alternate::before {
  content: "\f2ed";
}
i.icon.trash.restore::before {
  content: "\f829";
}
i.icon.trash.restore.alternate::before {
  content: "\f82a";
}
i.icon.tree::before {
  content: "\f1bb";
}
i.icon.trophy::before {
  content: "\f091";
}
i.icon.truck::before {
  content: "\f0d1";
}
i.icon.truck.monster::before {
  content: "\f63b";
}
i.icon.truck.moving::before {
  content: "\f4df";
}
i.icon.truck.packing::before {
  content: "\f4de";
}
i.icon.truck.pickup::before {
  content: "\f63c";
}
i.icon.tshirt::before {
  content: "\f553";
}
i.icon.tty::before {
  content: "\f1e4";
}
i.icon.tv::before {
  content: "\f26c";
}
i.icon.umbrella::before {
  content: "\f0e9";
}
i.icon.umbrella.beach::before {
  content: "\f5ca";
}
i.icon.underline::before {
  content: "\f0cd";
}
i.icon.undo::before {
  content: "\f0e2";
}
i.icon.undo.alternate::before {
  content: "\f2ea";
}
i.icon.universal.access::before {
  content: "\f29a";
}
i.icon.university::before {
  content: "\f19c";
}
i.icon.unlink::before {
  content: "\f127";
}
i.icon.unlock::before {
  content: "\f09c";
}
i.icon.unlock.alternate::before {
  content: "\f13e";
}
i.icon.upload::before {
  content: "\f093";
}
i.icon.user::before {
  content: "\f007";
}
i.icon.user.alternate::before {
  content: "\f406";
}
i.icon.user.alternate.slash::before {
  content: "\f4fa";
}
i.icon.user.astronaut::before {
  content: "\f4fb";
}
i.icon.user.check::before {
  content: "\f4fc";
}
i.icon.user.circle::before {
  content: "\f2bd";
}
i.icon.user.clock::before {
  content: "\f4fd";
}
i.icon.user.cog::before {
  content: "\f4fe";
}
i.icon.user.edit::before {
  content: "\f4ff";
}
i.icon.user.friends::before {
  content: "\f500";
}
i.icon.user.graduate::before {
  content: "\f501";
}
i.icon.user.injured::before {
  content: "\f728";
}
i.icon.user.lock::before {
  content: "\f502";
}
i.icon.user.md::before {
  content: "\f0f0";
}
i.icon.user.minus::before {
  content: "\f503";
}
i.icon.user.ninja::before {
  content: "\f504";
}
i.icon.user.nurse::before {
  content: "\f82f";
}
i.icon.user.plus::before {
  content: "\f234";
}
i.icon.user.secret::before {
  content: "\f21b";
}
i.icon.user.shield::before {
  content: "\f505";
}
i.icon.user.slash::before {
  content: "\f506";
}
i.icon.user.tag::before {
  content: "\f507";
}
i.icon.user.tie::before {
  content: "\f508";
}
i.icon.user.times::before {
  content: "\f235";
}
i.icon.users::before {
  content: "\f0c0";
}
i.icon.users.cog::before {
  content: "\f509";
}
i.icon.users.slash::before {
  content: "\e073";
}
i.icon.utensil.spoon::before {
  content: "\f2e5";
}
i.icon.utensils::before {
  content: "\f2e7";
}
i.icon.vector.square::before {
  content: "\f5cb";
}
i.icon.venus::before {
  content: "\f221";
}
i.icon.venus.double::before {
  content: "\f226";
}
i.icon.venus.mars::before {
  content: "\f228";
}
i.icon.vest::before {
  content: "\e085";
}
i.icon.vest.patches::before {
  content: "\e086";
}
i.icon.vial::before {
  content: "\f492";
}
i.icon.vials::before {
  content: "\f493";
}
i.icon.video::before {
  content: "\f03d";
}
i.icon.video.slash::before {
  content: "\f4e2";
}
i.icon.vihara::before {
  content: "\f6a7";
}
i.icon.virus::before {
  content: "\e074";
}
i.icon.virus.slash::before {
  content: "\e075";
}
i.icon.viruses::before {
  content: "\e076";
}
i.icon.voicemail::before {
  content: "\f897";
}
i.icon.volleyball.ball::before {
  content: "\f45f";
}
i.icon.volume.down::before {
  content: "\f027";
}
i.icon.volume.mute::before {
  content: "\f6a9";
}
i.icon.volume.off::before {
  content: "\f026";
}
i.icon.volume.up::before {
  content: "\f028";
}
i.icon.vote.yea::before {
  content: "\f772";
}
i.icon.vr.cardboard::before {
  content: "\f729";
}
i.icon.walking::before {
  content: "\f554";
}
i.icon.wallet::before {
  content: "\f555";
}
i.icon.warehouse::before {
  content: "\f494";
}
i.icon.water::before {
  content: "\f773";
}
i.icon.wave.square::before {
  content: "\f83e";
}
i.icon.weight::before {
  content: "\f496";
}
i.icon.weight.hanging::before {
  content: "\f5cd";
}
i.icon.wheelchair::before {
  content: "\f193";
}
i.icon.wifi::before {
  content: "\f1eb";
}
i.icon.wind::before {
  content: "\f72e";
}
i.icon.window.close::before {
  content: "\f410";
}
i.icon.window.maximize::before {
  content: "\f2d0";
}
i.icon.window.minimize::before {
  content: "\f2d1";
}
i.icon.window.restore::before {
  content: "\f2d2";
}
i.icon.wine.bottle::before {
  content: "\f72f";
}
i.icon.wine.glass::before {
  content: "\f4e3";
}
i.icon.wine.glass.alternate::before {
  content: "\f5ce";
}
i.icon.won.sign::before {
  content: "\f159";
}
i.icon.wrench::before {
  content: "\f0ad";
}
i.icon.x.ray::before {
  content: "\f497";
}
i.icon.yen.sign::before {
  content: "\f157";
}
i.icon.yin.yang::before {
  content: "\f6ad";
}
/* Aliases */
i.icon.add::before {
  content: "\f067";
}
i.icon.add.circle::before {
  content: "\f055";
}
i.icon.add.square::before {
  content: "\f0fe";
}
i.icon.add.to.calendar::before {
  content: "\f271";
}
i.icon.add.to.cart::before {
  content: "\f217";
}
i.icon.add.user::before {
  content: "\f234";
}
i.icon.alarm::before {
  content: "\f0f3";
}
i.icon.alarm.mute::before {
  content: "\f1f6";
}
i.icon.ald::before {
  content: "\f2a2";
}
i.icon.als::before {
  content: "\f2a2";
}
i.icon.announcement::before {
  content: "\f0a1";
}
i.icon.area.chart::before {
  content: "\f1fe";
}
i.icon.area.graph::before {
  content: "\f1fe";
}
i.icon.arrow.down.cart::before {
  content: "\f218";
}
i.icon.asexual::before {
  content: "\f22d";
}
i.icon.asl::before {
  content: "\f2a3";
}
i.icon.asl.interpreting::before {
  content: "\f2a3";
}
i.icon.assistive.listening.devices::before {
  content: "\f2a2";
}
i.icon.attach::before {
  content: "\f0c6";
}
i.icon.attention::before {
  content: "\f06a";
}
i.icon.balance::before {
  content: "\f24e";
}
i.icon.bar::before {
  content: "\f0fc";
}
i.icon.bathtub::before {
  content: "\f2cd";
}
i.icon.battery.four::before {
  content: "\f240";
}
i.icon.battery.high::before {
  content: "\f241";
}
i.icon.battery.low::before {
  content: "\f243";
}
i.icon.battery.medium::before {
  content: "\f242";
}
i.icon.battery.one::before {
  content: "\f243";
}
i.icon.battery.three::before {
  content: "\f241";
}
i.icon.battery.two::before {
  content: "\f242";
}
i.icon.battery.zero::before {
  content: "\f244";
}
i.icon.birthday::before {
  content: "\f1fd";
}
i.icon.block.layout::before {
  content: "\f009";
}
i.icon.broken.chain::before {
  content: "\f127";
}
i.icon.browser::before {
  content: "\f022";
}
i.icon.call::before {
  content: "\f095";
}
i.icon.call.square::before {
  content: "\f098";
}
i.icon.cancel::before {
  content: "\f00d";
}
i.icon.cart::before {
  content: "\f07a";
}
i.icon.cc::before {
  content: "\f20a";
}
i.icon.chain::before {
  content: "\f0c1";
}
i.icon.chat::before {
  content: "\f075";
}
i.icon.checked.calendar::before {
  content: "\f274";
}
i.icon.checkmark::before {
  content: "\f00c";
}
i.icon.checkmark.box::before {
  content: "\f14a";
}
i.icon.chess.rock::before {
  content: "\f447";
}
i.icon.circle.notched::before {
  content: "\f1ce";
}
i.icon.circle.thin::before {
  content: "\f111";
}
i.icon.close::before {
  content: "\f00d";
}
i.icon.cloud.download::before {
  content: "\f381";
}
i.icon.cloud.upload::before {
  content: "\f382";
}
i.icon.cny::before {
  content: "\f157";
}
i.icon.cocktail::before {
  content: "\f000";
}
i.icon.commenting::before {
  content: "\f27a";
}
i.icon.compose::before {
  content: "\f303";
}
i.icon.computer::before {
  content: "\f108";
}
i.icon.configure::before {
  content: "\f0ad";
}
i.icon.content::before {
  content: "\f0c9";
}
i.icon.conversation::before {
  content: "\f086";
}
i.icon.credit.card.alternative::before {
  content: "\f09d";
}
i.icon.currency::before {
  content: "\f3d1";
}
i.icon.dashboard::before {
  content: "\f3fd";
}
i.icon.deafness::before {
  content: "\f2a4";
}
i.icon.delete::before {
  content: "\f00d";
}
i.icon.delete.calendar::before {
  content: "\f273";
}
i.icon.detective::before {
  content: "\f21b";
}
i.icon.diamond::before {
  content: "\f3a5";
}
i.icon.discussions::before {
  content: "\f086";
}
i.icon.disk::before {
  content: "\f0a0";
}
i.icon.doctor::before {
  content: "\f0f0";
}
i.icon.dollar::before {
  content: "\f155";
}
i.icon.dont::before {
  content: "\f05e";
}
i.icon.drivers.license::before {
  content: "\f2c2";
}
i.icon.dropdown::before {
  content: "\f0d7";
}
i.icon.emergency::before {
  content: "\f0f9";
}
i.icon.erase::before {
  content: "\f12d";
}
i.icon.eur::before {
  content: "\f153";
}
i.icon.euro::before {
  content: "\f153";
}
i.icon.exchange::before {
  content: "\f362";
}
i.icon.external::before {
  content: "\f35d";
}
i.icon.external.share::before {
  content: "\f14d";
}
i.icon.external.square::before {
  content: "\f360";
}
i.icon.eyedropper::before {
  content: "\f1fb";
}
i.icon.factory::before {
  content: "\f275";
}
i.icon.favorite::before {
  content: "\f005";
}
i.icon.feed::before {
  content: "\f09e";
}
i.icon.female.homosexual::before {
  content: "\f226";
}
i.icon.file.text::before {
  content: "\f15c";
}
i.icon.find::before {
  content: "\f1e5";
}
i.icon.first.aid::before {
  content: "\f0fa";
}
i.icon.food::before {
  content: "\f2e7";
}
i.icon.fork::before {
  content: "\f126";
}
i.icon.game::before {
  content: "\f11b";
}
i.icon.gay::before {
  content: "\f227";
}
i.icon.gbp::before {
  content: "\f154";
}
i.icon.grab::before {
  content: "\f255";
}
i.icon.graduation::before {
  content: "\f19d";
}
i.icon.grid.layout::before {
  content: "\f00a";
}
i.icon.group::before {
  content: "\f0c0";
}
i.icon.h::before {
  content: "\f0fd";
}
i.icon.hamburger::before {
  content: "\f0c9";
}
i.icon.hand.victory::before {
  content: "\f25b";
}
i.icon.handicap::before {
  content: "\f193";
}
i.icon.hard.of.hearing::before {
  content: "\f2a4";
}
i.icon.header::before {
  content: "\f1dc";
}
i.icon.heart.empty::before {
  content: "\f004";
}
i.icon.help::before {
  content: "\f128";
}
i.icon.help.circle::before {
  content: "\f059";
}
i.icon.heterosexual::before {
  content: "\f228";
}
i.icon.hide::before {
  content: "\f070";
}
i.icon.hotel::before {
  content: "\f236";
}
i.icon.hourglass.four::before {
  content: "\f254";
}
i.icon.hourglass.full::before {
  content: "\f254";
}
i.icon.hourglass.one::before {
  content: "\f251";
}
i.icon.hourglass.three::before {
  content: "\f253";
}
i.icon.hourglass.two::before {
  content: "\f252";
}
i.icon.hourglass.zero::before {
  content: "\f253";
}
i.icon.idea::before {
  content: "\f0eb";
}
i.icon.ils::before {
  content: "\f20b";
}
i.icon.inr::before {
  content: "\f156";
}
i.icon.intergender::before {
  content: "\f224";
}
i.icon.intersex::before {
  content: "\f224";
}
i.icon.jpy::before {
  content: "\f157";
}
i.icon.krw::before {
  content: "\f159";
}
i.icon.lab::before {
  content: "\f0c3";
}
i.icon.law::before {
  content: "\f24e";
}
i.icon.legal::before {
  content: "\f0e3";
}
i.icon.lesbian::before {
  content: "\f226";
}
i.icon.level.down::before {
  content: "\f3be";
}
i.icon.level.up::before {
  content: "\f3bf";
}
i.icon.lightning::before {
  content: "\f0e7";
}
i.icon.like::before {
  content: "\f004";
}
i.icon.linegraph::before {
  content: "\f201";
}
i.icon.linkify::before {
  content: "\f0c1";
}
i.icon.lira::before {
  content: "\f195";
}
i.icon.list.layout::before {
  content: "\f00b";
}
i.icon.magnify::before {
  content: "\f00e";
}
i.icon.mail::before {
  content: "\f0e0";
}
i.icon.mail.forward::before {
  content: "\f064";
}
i.icon.mail.square::before {
  content: "\f199";
}
i.icon.male.homosexual::before {
  content: "\f227";
}
i.icon.man::before {
  content: "\f222";
}
i.icon.marker::before {
  content: "\f041";
}
i.icon.mars.alternate::before {
  content: "\f229";
}
i.icon.mars.horizontal::before {
  content: "\f22b";
}
i.icon.mars.vertical::before {
  content: "\f22a";
}
i.icon.meanpath::before {
  content: "\f0c8";
}
i.icon.military::before {
  content: "\f0fb";
}
i.icon.money::before {
  content: "\f3d1";
}
i.icon.move::before {
  content: "\f0b2";
}
i.icon.mute::before {
  content: "\f131";
}
i.icon.non.binary.transgender::before {
  content: "\f223";
}
i.icon.numbered.list::before {
  content: "\f0cb";
}
i.icon.options::before {
  content: "\f1de";
}
i.icon.ordered.list::before {
  content: "\f0cb";
}
i.icon.other.gender::before {
  content: "\f229";
}
i.icon.other.gender.horizontal::before {
  content: "\f22b";
}
i.icon.other.gender.vertical::before {
  content: "\f22a";
}
i.icon.payment::before {
  content: "\f09d";
}
i.icon.pencil::before {
  content: "\f303";
}
i.icon.pencil.square::before {
  content: "\f14b";
}
i.icon.photo::before {
  content: "\f030";
}
i.icon.picture::before {
  content: "\f03e";
}
i.icon.pie.chart::before {
  content: "\f200";
}
i.icon.pie.graph::before {
  content: "\f200";
}
i.icon.pin::before {
  content: "\f08d";
}
i.icon.plus.cart::before {
  content: "\f217";
}
i.icon.point::before {
  content: "\f041";
}
i.icon.pointing.down::before {
  content: "\f0a7";
}
i.icon.pointing.left::before {
  content: "\f0a5";
}
i.icon.pointing.right::before {
  content: "\f0a4";
}
i.icon.pointing.up::before {
  content: "\f0a6";
}
i.icon.pound::before {
  content: "\f154";
}
i.icon.power::before {
  content: "\f011";
}
i.icon.power.cord::before {
  content: "\f1e6";
}
i.icon.privacy::before {
  content: "\f084";
}
i.icon.protect::before {
  content: "\f023";
}
i.icon.puzzle::before {
  content: "\f12e";
}
i.icon.r.circle::before {
  content: "\f25d";
}
i.icon.radio::before {
  content: "\f192";
}
i.icon.rain::before {
  content: "\f0e9";
}
i.icon.record::before {
  content: "\f03d";
}
i.icon.refresh::before {
  content: "\f021";
}
i.icon.remove::before {
  content: "\f00d";
}
i.icon.remove.bookmark::before {
  content: "\f02e";
}
i.icon.remove.circle::before {
  content: "\f057";
}
i.icon.remove.from.calendar::before {
  content: "\f272";
}
i.icon.remove.user::before {
  content: "\f235";
}
i.icon.repeat::before {
  content: "\f01e";
}
i.icon.resize.horizontal::before {
  content: "\f337";
}
i.icon.resize.vertical::before {
  content: "\f338";
}
i.icon.rmb::before {
  content: "\f157";
}
i.icon.rouble::before {
  content: "\f158";
}
i.icon.rub::before {
  content: "\f158";
}
i.icon.ruble::before {
  content: "\f158";
}
i.icon.rupee::before {
  content: "\f156";
}
i.icon.s15::before {
  content: "\f2cd";
}
i.icon.selected.radio::before {
  content: "\f192";
}
i.icon.send::before {
  content: "\f1d8";
}
i.icon.setting::before {
  content: "\f013";
}
i.icon.settings::before {
  content: "\f085";
}
i.icon.shekel::before {
  content: "\f20b";
}
i.icon.sheqel::before {
  content: "\f20b";
}
i.icon.shield::before {
  content: "\f3ed";
}
i.icon.shipping::before {
  content: "\f0d1";
}
i.icon.shop::before {
  content: "\f07a";
}
i.icon.shuffle::before {
  content: "\f074";
}
i.icon.shutdown::before {
  content: "\f011";
}
i.icon.sidebar::before {
  content: "\f0c9";
}
i.icon.signing::before {
  content: "\f2a7";
}
i.icon.signup::before {
  content: "\f044";
}
i.icon.sliders::before {
  content: "\f1de";
}
i.icon.soccer::before {
  content: "\f1e3";
}
i.icon.sort.alphabet.ascending::before {
  content: "\f15d";
}
i.icon.sort.alphabet.descending::before {
  content: "\f15e";
}
i.icon.sort.ascending::before {
  content: "\f0de";
}
i.icon.sort.content.ascending::before {
  content: "\f160";
}
i.icon.sort.content.descending::before {
  content: "\f161";
}
i.icon.sort.descending::before {
  content: "\f0dd";
}
i.icon.sort.numeric.ascending::before {
  content: "\f162";
}
i.icon.sort.numeric.descending::before {
  content: "\f163";
}
i.icon.sound::before {
  content: "\f025";
}
i.icon.spoon::before {
  content: "\f2e5";
}
i.icon.spy::before {
  content: "\f21b";
}
i.icon.star.empty::before {
  content: "\f005";
}
i.icon.star.half.empty::before {
  content: "\f089";
}
i.icon.star.half.full::before {
  content: "\f089";
}
i.icon.student::before {
  content: "\f19d";
}
i.icon.talk::before {
  content: "\f27a";
}
i.icon.target::before {
  content: "\f140";
}
i.icon.teletype::before {
  content: "\f1e4";
}
i.icon.television::before {
  content: "\f26c";
}
i.icon.text.cursor::before {
  content: "\f246";
}
i.icon.text.telephone::before {
  content: "\f1e4";
}
i.icon.theme::before {
  content: "\f043";
}
i.icon.thermometer::before {
  content: "\f2c7";
}
i.icon.thumb.tack::before {
  content: "\f08d";
}
i.icon.ticket::before {
  content: "\f3ff";
}
i.icon.time::before {
  content: "\f017";
}
i.icon.times.rectangle::before {
  content: "\f410";
}
i.icon.tm::before {
  content: "\f25c";
}
i.icon.toggle.down::before {
  content: "\f150";
}
i.icon.toggle.left::before {
  content: "\f191";
}
i.icon.toggle.right::before {
  content: "\f152";
}
i.icon.toggle.up::before {
  content: "\f151";
}
i.icon.translate::before {
  content: "\f1ab";
}
i.icon.travel::before {
  content: "\f0b1";
}
i.icon.treatment::before {
  content: "\f0f1";
}
i.icon.triangle.down::before {
  content: "\f0d7";
}
i.icon.triangle.left::before {
  content: "\f0d9";
}
i.icon.triangle.right::before {
  content: "\f0da";
}
i.icon.triangle.up::before {
  content: "\f0d8";
}
i.icon.try::before {
  content: "\f195";
}
i.icon.unhide::before {
  content: "\f06e";
}
i.icon.unlinkify::before {
  content: "\f127";
}
i.icon.unmute::before {
  content: "\f130";
}
i.icon.unordered.list::before {
  content: "\f0ca";
}
i.icon.usd::before {
  content: "\f155";
}
i.icon.user.cancel::before {
  content: "\f235";
}
i.icon.user.close::before {
  content: "\f235";
}
i.icon.user.delete::before {
  content: "\f235";
}
i.icon.user.doctor::before {
  content: "\f0f0";
}
i.icon.user.x::before {
  content: "\f235";
}
i.icon.vcard::before {
  content: "\f2bb";
}
i.icon.video.camera::before {
  content: "\f03d";
}
i.icon.video.play::before {
  content: "\f144";
}
i.icon.volume.control.phone::before {
  content: "\f2a0";
}
i.icon.wait::before {
  content: "\f017";
}
i.icon.warning::before {
  content: "\f12a";
}
i.icon.warning.circle::before {
  content: "\f06a";
}
i.icon.warning.sign::before {
  content: "\f071";
}
i.icon.wi.fi::before {
  content: "\f1eb";
}
i.icon.winner::before {
  content: "\f091";
}
i.icon.wizard::before {
  content: "\f0d0";
}
i.icon.woman::before {
  content: "\f221";
}
i.icon.won::before {
  content: "\f159";
}
i.icon.world::before {
  content: "\f0ac";
}
i.icon.write::before {
  content: "\f303";
}
i.icon.write.square::before {
  content: "\f14b";
}
i.icon.x::before {
  content: "\f00d";
}
i.icon.yen::before {
  content: "\f157";
}
i.icon.zip::before {
  content: "\f187";
}
i.icon.zoom::before {
  content: "\f00e";
}
/*******************************
             Outline Icons
    *******************************/
i.icon.outline {
  font-family: "outline-icons";
}
/* Icons */
i.icon.address.book.outline::before {
  content: "\f2b9";
}
i.icon.address.card.outline::before {
  content: "\f2bb";
}
i.icon.angry.outline::before {
  content: "\f556";
}
i.icon.arrow.alternate.circle.down.outline::before {
  content: "\f358";
}
i.icon.arrow.alternate.circle.left.outline::before {
  content: "\f359";
}
i.icon.arrow.alternate.circle.right.outline::before {
  content: "\f35a";
}
i.icon.arrow.alternate.circle.up.outline::before {
  content: "\f35b";
}
i.icon.bell.outline::before {
  content: "\f0f3";
}
i.icon.bell.slash.outline::before {
  content: "\f1f6";
}
i.icon.bookmark.outline::before {
  content: "\f02e";
}
i.icon.building.outline::before {
  content: "\f1ad";
}
i.icon.calendar.alternate.outline::before {
  content: "\f073";
}
i.icon.calendar.check.outline::before {
  content: "\f274";
}
i.icon.calendar.minus.outline::before {
  content: "\f272";
}
i.icon.calendar.outline::before {
  content: "\f133";
}
i.icon.calendar.plus.outline::before {
  content: "\f271";
}
i.icon.calendar.times.outline::before {
  content: "\f273";
}
i.icon.caret.square.down.outline::before {
  content: "\f150";
}
i.icon.caret.square.left.outline::before {
  content: "\f191";
}
i.icon.caret.square.right.outline::before {
  content: "\f152";
}
i.icon.caret.square.up.outline::before {
  content: "\f151";
}
i.icon.chart.bar.outline::before {
  content: "\f080";
}
i.icon.check.circle.outline::before {
  content: "\f058";
}
i.icon.check.square.outline::before {
  content: "\f14a";
}
i.icon.circle.outline::before {
  content: "\f111";
}
i.icon.clipboard.outline::before {
  content: "\f328";
}
i.icon.clock.outline::before {
  content: "\f017";
}
i.icon.clone.outline::before {
  content: "\f24d";
}
i.icon.closed.captioning.outline::before {
  content: "\f20a";
}
i.icon.comment.alternate.outline::before {
  content: "\f27a";
}
i.icon.comment.dots.outline::before {
  content: "\f4ad";
}
i.icon.comment.outline::before {
  content: "\f075";
}
i.icon.comments.outline::before {
  content: "\f086";
}
i.icon.compass.outline::before {
  content: "\f14e";
}
i.icon.copy.outline::before {
  content: "\f0c5";
}
i.icon.copyright.outline::before {
  content: "\f1f9";
}
i.icon.credit.card.outline::before {
  content: "\f09d";
}
i.icon.dizzy.outline::before {
  content: "\f567";
}
i.icon.dot.circle.outline::before {
  content: "\f192";
}
i.icon.edit.outline::before {
  content: "\f044";
}
i.icon.envelope.open.outline::before {
  content: "\f2b6";
}
i.icon.envelope.outline::before {
  content: "\f0e0";
}
i.icon.eye.outline::before {
  content: "\f06e";
}
i.icon.eye.slash.outline::before {
  content: "\f070";
}
i.icon.file.alternate.outline::before {
  content: "\f15c";
}
i.icon.file.archive.outline::before {
  content: "\f1c6";
}
i.icon.file.audio.outline::before {
  content: "\f1c7";
}
i.icon.file.code.outline::before {
  content: "\f1c9";
}
i.icon.file.excel.outline::before {
  content: "\f1c3";
}
i.icon.file.image.outline::before {
  content: "\f1c5";
}
i.icon.file.outline::before {
  content: "\f15b";
}
i.icon.file.pdf.outline::before {
  content: "\f1c1";
}
i.icon.file.powerpoint.outline::before {
  content: "\f1c4";
}
i.icon.file.video.outline::before {
  content: "\f1c8";
}
i.icon.file.word.outline::before {
  content: "\f1c2";
}
i.icon.flag.outline::before {
  content: "\f024";
}
i.icon.flushed.outline::before {
  content: "\f579";
}
i.icon.folder.open.outline::before {
  content: "\f07c";
}
i.icon.folder.outline::before {
  content: "\f07b";
}
i.icon.frown.open.outline::before {
  content: "\f57a";
}
i.icon.frown.outline::before {
  content: "\f119";
}
i.icon.futbol.outline::before {
  content: "\f1e3";
}
i.icon.gem.outline::before {
  content: "\f3a5";
}
i.icon.grimace.outline::before {
  content: "\f57f";
}
i.icon.grin.alternate.outline::before {
  content: "\f581";
}
i.icon.grin.beam.outline::before {
  content: "\f582";
}
i.icon.grin.beam.sweat.outline::before {
  content: "\f583";
}
i.icon.grin.hearts.outline::before {
  content: "\f584";
}
i.icon.grin.outline::before {
  content: "\f580";
}
i.icon.grin.squint.outline::before {
  content: "\f585";
}
i.icon.grin.squint.tears.outline::before {
  content: "\f586";
}
i.icon.grin.stars.outline::before {
  content: "\f587";
}
i.icon.grin.tears.outline::before {
  content: "\f588";
}
i.icon.grin.tongue.outline::before {
  content: "\f589";
}
i.icon.grin.tongue.squint.outline::before {
  content: "\f58a";
}
i.icon.grin.tongue.wink.outline::before {
  content: "\f58b";
}
i.icon.grin.wink.outline::before {
  content: "\f58c";
}
i.icon.hand.lizard.outline::before {
  content: "\f258";
}
i.icon.hand.paper.outline::before {
  content: "\f256";
}
i.icon.hand.peace.outline::before {
  content: "\f25b";
}
i.icon.hand.point.down.outline::before {
  content: "\f0a7";
}
i.icon.hand.point.left.outline::before {
  content: "\f0a5";
}
i.icon.hand.point.right.outline::before {
  content: "\f0a4";
}
i.icon.hand.point.up.outline::before {
  content: "\f0a6";
}
i.icon.hand.pointer.outline::before {
  content: "\f25a";
}
i.icon.hand.rock.outline::before {
  content: "\f255";
}
i.icon.hand.scissors.outline::before {
  content: "\f257";
}
i.icon.hand.spock.outline::before {
  content: "\f259";
}
i.icon.handshake.outline::before {
  content: "\f2b5";
}
i.icon.hdd.outline::before {
  content: "\f0a0";
}
i.icon.heart.outline::before {
  content: "\f004";
}
i.icon.hospital.outline::before {
  content: "\f0f8";
}
i.icon.hourglass.outline::before {
  content: "\f254";
}
i.icon.id.badge.outline::before {
  content: "\f2c1";
}
i.icon.id.card.outline::before {
  content: "\f2c2";
}
i.icon.image.outline::before {
  content: "\f03e";
}
i.icon.images.outline::before {
  content: "\f302";
}
i.icon.keyboard.outline::before {
  content: "\f11c";
}
i.icon.kiss.beam.outline::before {
  content: "\f597";
}
i.icon.kiss.outline::before {
  content: "\f596";
}
i.icon.kiss.wink.heart.outline::before {
  content: "\f598";
}
i.icon.laugh.beam.outline::before {
  content: "\f59a";
}
i.icon.laugh.outline::before {
  content: "\f599";
}
i.icon.laugh.squint.outline::before {
  content: "\f59b";
}
i.icon.laugh.wink.outline::before {
  content: "\f59c";
}
i.icon.lemon.outline::before {
  content: "\f094";
}
i.icon.life.ring.outline::before {
  content: "\f1cd";
}
i.icon.lightbulb.outline::before {
  content: "\f0eb";
}
i.icon.list.alternate.outline::before {
  content: "\f022";
}
i.icon.map.outline::before {
  content: "\f279";
}
i.icon.meh.blank.outline::before {
  content: "\f5a4";
}
i.icon.meh.outline::before {
  content: "\f11a";
}
i.icon.meh.rolling.eyes.outline::before {
  content: "\f5a5";
}
i.icon.minus.square.outline::before {
  content: "\f146";
}
i.icon.money.bill.alternate.outline::before {
  content: "\f3d1";
}
i.icon.moon.outline::before {
  content: "\f186";
}
i.icon.newspaper.outline::before {
  content: "\f1ea";
}
i.icon.object.group.outline::before {
  content: "\f247";
}
i.icon.object.ungroup.outline::before {
  content: "\f248";
}
i.icon.paper.plane.outline::before {
  content: "\f1d8";
}
i.icon.pause.circle.outline::before {
  content: "\f28b";
}
i.icon.play.circle.outline::before {
  content: "\f144";
}
i.icon.plus.square.outline::before {
  content: "\f0fe";
}
i.icon.question.circle.outline::before {
  content: "\f059";
}
i.icon.registered.outline::before {
  content: "\f25d";
}
i.icon.sad.cry.outline::before {
  content: "\f5b3";
}
i.icon.sad.tear.outline::before {
  content: "\f5b4";
}
i.icon.save.outline::before {
  content: "\f0c7";
}
i.icon.share.square.outline::before {
  content: "\f14d";
}
i.icon.smile.beam.outline::before {
  content: "\f5b8";
}
i.icon.smile.outline::before {
  content: "\f118";
}
i.icon.smile.wink.outline::before {
  content: "\f4da";
}
i.icon.snowflake.outline::before {
  content: "\f2dc";
}
i.icon.square.outline::before {
  content: "\f0c8";
}
i.icon.star.half.outline::before {
  content: "\f089";
}
i.icon.star.outline::before {
  content: "\f005";
}
i.icon.sticky.note.outline::before {
  content: "\f249";
}
i.icon.stop.circle.outline::before {
  content: "\f28d";
}
i.icon.sun.outline::before {
  content: "\f185";
}
i.icon.surprise.outline::before {
  content: "\f5c2";
}
i.icon.thumbs.down.outline::before {
  content: "\f165";
}
i.icon.thumbs.up.outline::before {
  content: "\f164";
}
i.icon.times.circle.outline::before {
  content: "\f057";
}
i.icon.tired.outline::before {
  content: "\f5c8";
}
i.icon.trash.alternate.outline::before {
  content: "\f2ed";
}
i.icon.user.circle.outline::before {
  content: "\f2bd";
}
i.icon.user.outline::before {
  content: "\f007";
}
i.icon.window.close.outline::before {
  content: "\f410";
}
i.icon.window.maximize.outline::before {
  content: "\f2d0";
}
i.icon.window.minimize.outline::before {
  content: "\f2d1";
}
i.icon.window.restore.outline::before {
  content: "\f2d2";
}
/* Aliases */
/*******************************
              Brand Icons
    *******************************/
/* Icons */
i.icon.\35 00px::before {
  content: "\f26e";
  font-family: "brand-icons";
}
i.icon.accessible::before {
  content: "\f368";
  font-family: "brand-icons";
}
i.icon.accusoft::before {
  content: "\f369";
  font-family: "brand-icons";
}
i.icon.acquisitions.incorporated::before {
  content: "\f6af";
  font-family: "brand-icons";
}
i.icon.adn::before {
  content: "\f170";
  font-family: "brand-icons";
}
i.icon.adversal::before {
  content: "\f36a";
  font-family: "brand-icons";
}
i.icon.affiliatetheme::before {
  content: "\f36b";
  font-family: "brand-icons";
}
i.icon.airbnb::before {
  content: "\f834";
  font-family: "brand-icons";
}
i.icon.algolia::before {
  content: "\f36c";
  font-family: "brand-icons";
}
i.icon.alipay::before {
  content: "\f642";
  font-family: "brand-icons";
}
i.icon.amazon::before {
  content: "\f270";
  font-family: "brand-icons";
}
i.icon.amazon.pay::before {
  content: "\f42c";
  font-family: "brand-icons";
}
i.icon.amilia::before {
  content: "\f36d";
  font-family: "brand-icons";
}
i.icon.android::before {
  content: "\f17b";
  font-family: "brand-icons";
}
i.icon.angellist::before {
  content: "\f209";
  font-family: "brand-icons";
}
i.icon.angrycreative::before {
  content: "\f36e";
  font-family: "brand-icons";
}
i.icon.angular::before {
  content: "\f420";
  font-family: "brand-icons";
}
i.icon.app.store::before {
  content: "\f36f";
  font-family: "brand-icons";
}
i.icon.app.store.ios::before {
  content: "\f370";
  font-family: "brand-icons";
}
i.icon.apper::before {
  content: "\f371";
  font-family: "brand-icons";
}
i.icon.apple::before {
  content: "\f179";
  font-family: "brand-icons";
}
i.icon.apple.pay::before {
  content: "\f415";
  font-family: "brand-icons";
}
i.icon.artstation::before {
  content: "\f77a";
  font-family: "brand-icons";
}
i.icon.asymmetrik::before {
  content: "\f372";
  font-family: "brand-icons";
}
i.icon.atlassian::before {
  content: "\f77b";
  font-family: "brand-icons";
}
i.icon.audible::before {
  content: "\f373";
  font-family: "brand-icons";
}
i.icon.autoprefixer::before {
  content: "\f41c";
  font-family: "brand-icons";
}
i.icon.avianex::before {
  content: "\f374";
  font-family: "brand-icons";
}
i.icon.aviato::before {
  content: "\f421";
  font-family: "brand-icons";
}
i.icon.aws::before {
  content: "\f375";
  font-family: "brand-icons";
}
i.icon.bandcamp::before {
  content: "\f2d5";
  font-family: "brand-icons";
}
i.icon.battle.net::before {
  content: "\f835";
  font-family: "brand-icons";
}
i.icon.behance::before {
  content: "\f1b4";
  font-family: "brand-icons";
}
i.icon.behance.square::before {
  content: "\f1b5";
  font-family: "brand-icons";
}
i.icon.bimobject::before {
  content: "\f378";
  font-family: "brand-icons";
}
i.icon.bitbucket::before {
  content: "\f171";
  font-family: "brand-icons";
}
i.icon.bitcoin::before {
  content: "\f379";
  font-family: "brand-icons";
}
i.icon.bity::before {
  content: "\f37a";
  font-family: "brand-icons";
}
i.icon.black.tie::before {
  content: "\f27e";
  font-family: "brand-icons";
}
i.icon.blackberry::before {
  content: "\f37b";
  font-family: "brand-icons";
}
i.icon.blogger::before {
  content: "\f37c";
  font-family: "brand-icons";
}
i.icon.blogger.b::before {
  content: "\f37d";
  font-family: "brand-icons";
}
i.icon.bluetooth::before {
  content: "\f293";
  font-family: "brand-icons";
}
i.icon.bluetooth.b::before {
  content: "\f294";
  font-family: "brand-icons";
}
i.icon.bootstrap::before {
  content: "\f836";
  font-family: "brand-icons";
}
i.icon.btc::before {
  content: "\f15a";
  font-family: "brand-icons";
}
i.icon.buffer::before {
  content: "\f837";
  font-family: "brand-icons";
}
i.icon.buromobelexperte::before {
  content: "\f37f";
  font-family: "brand-icons";
}
i.icon.buy.n.large::before {
  content: "\f8a6";
  font-family: "brand-icons";
}
i.icon.buysellads::before {
  content: "\f20d";
  font-family: "brand-icons";
}
i.icon.canadian.maple.leaf::before {
  content: "\f785";
  font-family: "brand-icons";
}
i.icon.cc.amazon.pay::before {
  content: "\f42d";
  font-family: "brand-icons";
}
i.icon.cc.amex::before {
  content: "\f1f3";
  font-family: "brand-icons";
}
i.icon.cc.apple.pay::before {
  content: "\f416";
  font-family: "brand-icons";
}
i.icon.cc.diners.club::before {
  content: "\f24c";
  font-family: "brand-icons";
}
i.icon.cc.discover::before {
  content: "\f1f2";
  font-family: "brand-icons";
}
i.icon.cc.jcb::before {
  content: "\f24b";
  font-family: "brand-icons";
}
i.icon.cc.mastercard::before {
  content: "\f1f1";
  font-family: "brand-icons";
}
i.icon.cc.paypal::before {
  content: "\f1f4";
  font-family: "brand-icons";
}
i.icon.cc.stripe::before {
  content: "\f1f5";
  font-family: "brand-icons";
}
i.icon.cc.visa::before {
  content: "\f1f0";
  font-family: "brand-icons";
}
i.icon.centercode::before {
  content: "\f380";
  font-family: "brand-icons";
}
i.icon.centos::before {
  content: "\f789";
  font-family: "brand-icons";
}
i.icon.chrome::before {
  content: "\f268";
  font-family: "brand-icons";
}
i.icon.chromecast::before {
  content: "\f838";
  font-family: "brand-icons";
}
i.icon.cloudflare::before {
  content: "\e07d";
  font-family: "brand-icons";
}
i.icon.cloudscale::before {
  content: "\f383";
  font-family: "brand-icons";
}
i.icon.cloudsmith::before {
  content: "\f384";
  font-family: "brand-icons";
}
i.icon.cloudversify::before {
  content: "\f385";
  font-family: "brand-icons";
}
i.icon.codepen::before {
  content: "\f1cb";
  font-family: "brand-icons";
}
i.icon.codiepie::before {
  content: "\f284";
  font-family: "brand-icons";
}
i.icon.confluence::before {
  content: "\f78d";
  font-family: "brand-icons";
}
i.icon.connectdevelop::before {
  content: "\f20e";
  font-family: "brand-icons";
}
i.icon.contao::before {
  content: "\f26d";
  font-family: "brand-icons";
}
i.icon.cotton.bureau::before {
  content: "\f89e";
  font-family: "brand-icons";
}
i.icon.cpanel::before {
  content: "\f388";
  font-family: "brand-icons";
}
i.icon.creative.commons::before {
  content: "\f25e";
  font-family: "brand-icons";
}
i.icon.creative.commons.by::before {
  content: "\f4e7";
  font-family: "brand-icons";
}
i.icon.creative.commons.nc::before {
  content: "\f4e8";
  font-family: "brand-icons";
}
i.icon.creative.commons.nc.eu::before {
  content: "\f4e9";
  font-family: "brand-icons";
}
i.icon.creative.commons.nc.jp::before {
  content: "\f4ea";
  font-family: "brand-icons";
}
i.icon.creative.commons.nd::before {
  content: "\f4eb";
  font-family: "brand-icons";
}
i.icon.creative.commons.pd::before {
  content: "\f4ec";
  font-family: "brand-icons";
}
i.icon.creative.commons.pd.alternate::before {
  content: "\f4ed";
  font-family: "brand-icons";
}
i.icon.creative.commons.remix::before {
  content: "\f4ee";
  font-family: "brand-icons";
}
i.icon.creative.commons.sa::before {
  content: "\f4ef";
  font-family: "brand-icons";
}
i.icon.creative.commons.sampling::before {
  content: "\f4f0";
  font-family: "brand-icons";
}
i.icon.creative.commons.sampling.plus::before {
  content: "\f4f1";
  font-family: "brand-icons";
}
i.icon.creative.commons.share::before {
  content: "\f4f2";
  font-family: "brand-icons";
}
i.icon.creative.commons.zero::before {
  content: "\f4f3";
  font-family: "brand-icons";
}
i.icon.critical.role::before {
  content: "\f6c9";
  font-family: "brand-icons";
}
i.icon.css3::before {
  content: "\f13c";
  font-family: "brand-icons";
}
i.icon.css3.alternate::before {
  content: "\f38b";
  font-family: "brand-icons";
}
i.icon.cuttlefish::before {
  content: "\f38c";
  font-family: "brand-icons";
}
i.icon.d.and.d::before {
  content: "\f38d";
  font-family: "brand-icons";
}
i.icon.d.and.d.beyond::before {
  content: "\f6ca";
  font-family: "brand-icons";
}
i.icon.dailymotion::before {
  content: "\e052";
  font-family: "brand-icons";
}
i.icon.dashcube::before {
  content: "\f210";
  font-family: "brand-icons";
}
i.icon.deezer::before {
  content: "\e077";
  font-family: "brand-icons";
}
i.icon.delicious::before {
  content: "\f1a5";
  font-family: "brand-icons";
}
i.icon.deploydog::before {
  content: "\f38e";
  font-family: "brand-icons";
}
i.icon.deskpro::before {
  content: "\f38f";
  font-family: "brand-icons";
}
i.icon.dev::before {
  content: "\f6cc";
  font-family: "brand-icons";
}
i.icon.deviantart::before {
  content: "\f1bd";
  font-family: "brand-icons";
}
i.icon.dhl::before {
  content: "\f790";
  font-family: "brand-icons";
}
i.icon.diaspora::before {
  content: "\f791";
  font-family: "brand-icons";
}
i.icon.digg::before {
  content: "\f1a6";
  font-family: "brand-icons";
}
i.icon.digital.ocean::before {
  content: "\f391";
  font-family: "brand-icons";
}
i.icon.discord::before {
  content: "\f392";
  font-family: "brand-icons";
}
i.icon.discourse::before {
  content: "\f393";
  font-family: "brand-icons";
}
i.icon.dochub::before {
  content: "\f394";
  font-family: "brand-icons";
}
i.icon.docker::before {
  content: "\f395";
  font-family: "brand-icons";
}
i.icon.draft2digital::before {
  content: "\f396";
  font-family: "brand-icons";
}
i.icon.dribbble::before {
  content: "\f17d";
  font-family: "brand-icons";
}
i.icon.dribbble.square::before {
  content: "\f397";
  font-family: "brand-icons";
}
i.icon.dropbox::before {
  content: "\f16b";
  font-family: "brand-icons";
}
i.icon.drupal::before {
  content: "\f1a9";
  font-family: "brand-icons";
}
i.icon.dyalog::before {
  content: "\f399";
  font-family: "brand-icons";
}
i.icon.earlybirds::before {
  content: "\f39a";
  font-family: "brand-icons";
}
i.icon.ebay::before {
  content: "\f4f4";
  font-family: "brand-icons";
}
i.icon.edge::before {
  content: "\f282";
  font-family: "brand-icons";
}
i.icon.edge.legacy::before {
  content: "\e078";
  font-family: "brand-icons";
}
i.icon.elementor::before {
  content: "\f430";
  font-family: "brand-icons";
}
i.icon.ello::before {
  content: "\f5f1";
  font-family: "brand-icons";
}
i.icon.ember::before {
  content: "\f423";
  font-family: "brand-icons";
}
i.icon.empire::before {
  content: "\f1d1";
  font-family: "brand-icons";
}
i.icon.envira::before {
  content: "\f299";
  font-family: "brand-icons";
}
i.icon.erlang::before {
  content: "\f39d";
  font-family: "brand-icons";
}
i.icon.ethereum::before {
  content: "\f42e";
  font-family: "brand-icons";
}
i.icon.etsy::before {
  content: "\f2d7";
  font-family: "brand-icons";
}
i.icon.evernote::before {
  content: "\f839";
  font-family: "brand-icons";
}
i.icon.expeditedssl::before {
  content: "\f23e";
  font-family: "brand-icons";
}
i.icon.facebook::before {
  content: "\f09a";
  font-family: "brand-icons";
}
i.icon.facebook.f::before {
  content: "\f39e";
  font-family: "brand-icons";
}
i.icon.facebook.messenger::before {
  content: "\f39f";
  font-family: "brand-icons";
}
i.icon.facebook.square::before {
  content: "\f082";
  font-family: "brand-icons";
}
i.icon.fantasy.flight.games::before {
  content: "\f6dc";
  font-family: "brand-icons";
}
i.icon.fedex::before {
  content: "\f797";
  font-family: "brand-icons";
}
i.icon.fedora::before {
  content: "\f798";
  font-family: "brand-icons";
}
i.icon.figma::before {
  content: "\f799";
  font-family: "brand-icons";
}
i.icon.firefox::before {
  content: "\f269";
  font-family: "brand-icons";
}
i.icon.firefox.browser::before {
  content: "\e007";
  font-family: "brand-icons";
}
i.icon.first.order::before {
  content: "\f2b0";
  font-family: "brand-icons";
}
i.icon.first.order.alternate::before {
  content: "\f50a";
  font-family: "brand-icons";
}
i.icon.firstdraft::before {
  content: "\f3a1";
  font-family: "brand-icons";
}
i.icon.flickr::before {
  content: "\f16e";
  font-family: "brand-icons";
}
i.icon.flipboard::before {
  content: "\f44d";
  font-family: "brand-icons";
}
i.icon.fly::before {
  content: "\f417";
  font-family: "brand-icons";
}
i.icon.font.awesome::before {
  content: "\f2b4";
  font-family: "brand-icons";
}
i.icon.font.awesome.alternate::before {
  content: "\f35c";
  font-family: "brand-icons";
}
i.icon.font.awesome.flag::before {
  content: "\f425";
  font-family: "brand-icons";
}
i.icon.fonticons::before {
  content: "\f280";
  font-family: "brand-icons";
}
i.icon.fonticons.fi::before {
  content: "\f3a2";
  font-family: "brand-icons";
}
i.icon.fort.awesome::before {
  content: "\f286";
  font-family: "brand-icons";
}
i.icon.fort.awesome.alternate::before {
  content: "\f3a3";
  font-family: "brand-icons";
}
i.icon.forumbee::before {
  content: "\f211";
  font-family: "brand-icons";
}
i.icon.foursquare::before {
  content: "\f180";
  font-family: "brand-icons";
}
i.icon.free.code.camp::before {
  content: "\f2c5";
  font-family: "brand-icons";
}
i.icon.freebsd::before {
  content: "\f3a4";
  font-family: "brand-icons";
}
i.icon.fulcrum::before {
  content: "\f50b";
  font-family: "brand-icons";
}
i.icon.galactic.republic::before {
  content: "\f50c";
  font-family: "brand-icons";
}
i.icon.galactic.senate::before {
  content: "\f50d";
  font-family: "brand-icons";
}
i.icon.get.pocket::before {
  content: "\f265";
  font-family: "brand-icons";
}
i.icon.gg::before {
  content: "\f260";
  font-family: "brand-icons";
}
i.icon.gg.circle::before {
  content: "\f261";
  font-family: "brand-icons";
}
i.icon.git::before {
  content: "\f1d3";
  font-family: "brand-icons";
}
i.icon.git.alternate::before {
  content: "\f841";
  font-family: "brand-icons";
}
i.icon.git.square::before {
  content: "\f1d2";
  font-family: "brand-icons";
}
i.icon.github::before {
  content: "\f09b";
  font-family: "brand-icons";
}
i.icon.github.alternate::before {
  content: "\f113";
  font-family: "brand-icons";
}
i.icon.github.square::before {
  content: "\f092";
  font-family: "brand-icons";
}
i.icon.gitkraken::before {
  content: "\f3a6";
  font-family: "brand-icons";
}
i.icon.gitlab::before {
  content: "\f296";
  font-family: "brand-icons";
}
i.icon.gitter::before {
  content: "\f426";
  font-family: "brand-icons";
}
i.icon.glide::before {
  content: "\f2a5";
  font-family: "brand-icons";
}
i.icon.glide.g::before {
  content: "\f2a6";
  font-family: "brand-icons";
}
i.icon.gofore::before {
  content: "\f3a7";
  font-family: "brand-icons";
}
i.icon.goodreads::before {
  content: "\f3a8";
  font-family: "brand-icons";
}
i.icon.goodreads.g::before {
  content: "\f3a9";
  font-family: "brand-icons";
}
i.icon.google::before {
  content: "\f1a0";
  font-family: "brand-icons";
}
i.icon.google.drive::before {
  content: "\f3aa";
  font-family: "brand-icons";
}
i.icon.google.pay::before {
  content: "\e079";
  font-family: "brand-icons";
}
i.icon.google.play::before {
  content: "\f3ab";
  font-family: "brand-icons";
}
i.icon.google.plus::before {
  content: "\f2b3";
  font-family: "brand-icons";
}
i.icon.google.plus.g::before {
  content: "\f0d5";
  font-family: "brand-icons";
}
i.icon.google.plus.square::before {
  content: "\f0d4";
  font-family: "brand-icons";
}
i.icon.google.wallet::before {
  content: "\f1ee";
  font-family: "brand-icons";
}
i.icon.gratipay::before {
  content: "\f184";
  font-family: "brand-icons";
}
i.icon.grav::before {
  content: "\f2d6";
  font-family: "brand-icons";
}
i.icon.gripfire::before {
  content: "\f3ac";
  font-family: "brand-icons";
}
i.icon.grunt::before {
  content: "\f3ad";
  font-family: "brand-icons";
}
i.icon.guilded::before {
  content: "\e07e";
  font-family: "brand-icons";
}
i.icon.gulp::before {
  content: "\f3ae";
  font-family: "brand-icons";
}
i.icon.hacker.news::before {
  content: "\f1d4";
  font-family: "brand-icons";
}
i.icon.hacker.news.square::before {
  content: "\f3af";
  font-family: "brand-icons";
}
i.icon.hackerrank::before {
  content: "\f5f7";
  font-family: "brand-icons";
}
i.icon.hips::before {
  content: "\f452";
  font-family: "brand-icons";
}
i.icon.hire.a.helper::before {
  content: "\f3b0";
  font-family: "brand-icons";
}
i.icon.hive::before {
  content: "\e07f";
  font-family: "brand-icons";
}
i.icon.hooli::before {
  content: "\f427";
  font-family: "brand-icons";
}
i.icon.hornbill::before {
  content: "\f592";
  font-family: "brand-icons";
}
i.icon.hotjar::before {
  content: "\f3b1";
  font-family: "brand-icons";
}
i.icon.houzz::before {
  content: "\f27c";
  font-family: "brand-icons";
}
i.icon.html5::before {
  content: "\f13b";
  font-family: "brand-icons";
}
i.icon.hubspot::before {
  content: "\f3b2";
  font-family: "brand-icons";
}
i.icon.ideal::before {
  content: "\e013";
  font-family: "brand-icons";
}
i.icon.imdb::before {
  content: "\f2d8";
  font-family: "brand-icons";
}
i.icon.innosoft::before {
  content: "\e080";
  font-family: "brand-icons";
}
i.icon.instagram::before {
  content: "\f16d";
  font-family: "brand-icons";
}
i.icon.instagram.square::before {
  content: "\e055";
  font-family: "brand-icons";
}
i.icon.instalod::before {
  content: "\e081";
  font-family: "brand-icons";
}
i.icon.intercom::before {
  content: "\f7af";
  font-family: "brand-icons";
}
i.icon.internet.explorer::before {
  content: "\f26b";
  font-family: "brand-icons";
}
i.icon.invision::before {
  content: "\f7b0";
  font-family: "brand-icons";
}
i.icon.ioxhost::before {
  content: "\f208";
  font-family: "brand-icons";
}
i.icon.itch.io::before {
  content: "\f83a";
  font-family: "brand-icons";
}
i.icon.itunes::before {
  content: "\f3b4";
  font-family: "brand-icons";
}
i.icon.itunes.note::before {
  content: "\f3b5";
  font-family: "brand-icons";
}
i.icon.java::before {
  content: "\f4e4";
  font-family: "brand-icons";
}
i.icon.jedi.order::before {
  content: "\f50e";
  font-family: "brand-icons";
}
i.icon.jenkins::before {
  content: "\f3b6";
  font-family: "brand-icons";
}
i.icon.jira::before {
  content: "\f7b1";
  font-family: "brand-icons";
}
i.icon.joget::before {
  content: "\f3b7";
  font-family: "brand-icons";
}
i.icon.joomla::before {
  content: "\f1aa";
  font-family: "brand-icons";
}
i.icon.js::before {
  content: "\f3b8";
  font-family: "brand-icons";
}
i.icon.js.square::before {
  content: "\f3b9";
  font-family: "brand-icons";
}
i.icon.jsfiddle::before {
  content: "\f1cc";
  font-family: "brand-icons";
}
i.icon.kaggle::before {
  content: "\f5fa";
  font-family: "brand-icons";
}
i.icon.keybase::before {
  content: "\f4f5";
  font-family: "brand-icons";
}
i.icon.keycdn::before {
  content: "\f3ba";
  font-family: "brand-icons";
}
i.icon.kickstarter::before {
  content: "\f3bb";
  font-family: "brand-icons";
}
i.icon.kickstarter.k::before {
  content: "\f3bc";
  font-family: "brand-icons";
}
i.icon.korvue::before {
  content: "\f42f";
  font-family: "brand-icons";
}
i.icon.laravel::before {
  content: "\f3bd";
  font-family: "brand-icons";
}
i.icon.lastfm::before {
  content: "\f202";
  font-family: "brand-icons";
}
i.icon.lastfm.square::before {
  content: "\f203";
  font-family: "brand-icons";
}
i.icon.leanpub::before {
  content: "\f212";
  font-family: "brand-icons";
}
i.icon.lesscss::before {
  content: "\f41d";
  font-family: "brand-icons";
}
i.icon.linechat::before {
  content: "\f3c0";
  font-family: "brand-icons";
}
i.icon.linkedin::before {
  content: "\f08c";
  font-family: "brand-icons";
}
i.icon.linode::before {
  content: "\f2b8";
  font-family: "brand-icons";
}
i.icon.linux::before {
  content: "\f17c";
  font-family: "brand-icons";
}
i.icon.lyft::before {
  content: "\f3c3";
  font-family: "brand-icons";
}
i.icon.magento::before {
  content: "\f3c4";
  font-family: "brand-icons";
}
i.icon.mailchimp::before {
  content: "\f59e";
  font-family: "brand-icons";
}
i.icon.mandalorian::before {
  content: "\f50f";
  font-family: "brand-icons";
}
i.icon.markdown::before {
  content: "\f60f";
  font-family: "brand-icons";
}
i.icon.mastodon::before {
  content: "\f4f6";
  font-family: "brand-icons";
}
i.icon.maxcdn::before {
  content: "\f136";
  font-family: "brand-icons";
}
i.icon.mdb::before {
  content: "\f8ca";
  font-family: "brand-icons";
}
i.icon.medapps::before {
  content: "\f3c6";
  font-family: "brand-icons";
}
i.icon.medium::before {
  content: "\f23a";
  font-family: "brand-icons";
}
i.icon.medium.m::before {
  content: "\f3c7";
  font-family: "brand-icons";
}
i.icon.medrt::before {
  content: "\f3c8";
  font-family: "brand-icons";
}
i.icon.meetup::before {
  content: "\f2e0";
  font-family: "brand-icons";
}
i.icon.megaport::before {
  content: "\f5a3";
  font-family: "brand-icons";
}
i.icon.mendeley::before {
  content: "\f7b3";
  font-family: "brand-icons";
}
i.icon.microblog::before {
  content: "\e01a";
  font-family: "brand-icons";
}
i.icon.microsoft::before {
  content: "\f3ca";
  font-family: "brand-icons";
}
i.icon.mix::before {
  content: "\f3cb";
  font-family: "brand-icons";
}
i.icon.mixcloud::before {
  content: "\f289";
  font-family: "brand-icons";
}
i.icon.mixer::before {
  content: "\e056";
  font-family: "brand-icons";
}
i.icon.mizuni::before {
  content: "\f3cc";
  font-family: "brand-icons";
}
i.icon.modx::before {
  content: "\f285";
  font-family: "brand-icons";
}
i.icon.monero::before {
  content: "\f3d0";
  font-family: "brand-icons";
}
i.icon.napster::before {
  content: "\f3d2";
  font-family: "brand-icons";
}
i.icon.neos::before {
  content: "\f612";
  font-family: "brand-icons";
}
i.icon.nimblr::before {
  content: "\f5a8";
  font-family: "brand-icons";
}
i.icon.node::before {
  content: "\f419";
  font-family: "brand-icons";
}
i.icon.node.js::before {
  content: "\f3d3";
  font-family: "brand-icons";
}
i.icon.npm::before {
  content: "\f3d4";
  font-family: "brand-icons";
}
i.icon.ns8::before {
  content: "\f3d5";
  font-family: "brand-icons";
}
i.icon.nutritionix::before {
  content: "\f3d6";
  font-family: "brand-icons";
}
i.icon.octopus.deploy::before {
  content: "\e082";
  font-family: "brand-icons";
}
i.icon.odnoklassniki::before {
  content: "\f263";
  font-family: "brand-icons";
}
i.icon.odnoklassniki.square::before {
  content: "\f264";
  font-family: "brand-icons";
}
i.icon.old.republic::before {
  content: "\f510";
  font-family: "brand-icons";
}
i.icon.opencart::before {
  content: "\f23d";
  font-family: "brand-icons";
}
i.icon.openid::before {
  content: "\f19b";
  font-family: "brand-icons";
}
i.icon.opera::before {
  content: "\f26a";
  font-family: "brand-icons";
}
i.icon.optin.monster::before {
  content: "\f23c";
  font-family: "brand-icons";
}
i.icon.orcid::before {
  content: "\f8d2";
  font-family: "brand-icons";
}
i.icon.osi::before {
  content: "\f41a";
  font-family: "brand-icons";
}
i.icon.page4::before {
  content: "\f3d7";
  font-family: "brand-icons";
}
i.icon.pagelines::before {
  content: "\f18c";
  font-family: "brand-icons";
}
i.icon.palfed::before {
  content: "\f3d8";
  font-family: "brand-icons";
}
i.icon.patreon::before {
  content: "\f3d9";
  font-family: "brand-icons";
}
i.icon.paypal::before {
  content: "\f1ed";
  font-family: "brand-icons";
}
i.icon.penny.arcade::before {
  content: "\f704";
  font-family: "brand-icons";
}
i.icon.perbyte::before {
  content: "\e083";
  font-family: "brand-icons";
}
i.icon.periscope::before {
  content: "\f3da";
  font-family: "brand-icons";
}
i.icon.phabricator::before {
  content: "\f3db";
  font-family: "brand-icons";
}
i.icon.phoenix.framework::before {
  content: "\f3dc";
  font-family: "brand-icons";
}
i.icon.phoenix.squadron::before {
  content: "\f511";
  font-family: "brand-icons";
}
i.icon.php::before {
  content: "\f457";
  font-family: "brand-icons";
}
i.icon.pied.piper::before {
  content: "\f2ae";
  font-family: "brand-icons";
}
i.icon.pied.piper.alternate::before {
  content: "\f1a8";
  font-family: "brand-icons";
}
i.icon.pied.piper.hat::before {
  content: "\f4e5";
  font-family: "brand-icons";
}
i.icon.pied.piper.pp::before {
  content: "\f1a7";
  font-family: "brand-icons";
}
i.icon.pied.piper.square::before {
  content: "\e01e";
  font-family: "brand-icons";
}
i.icon.pinterest::before {
  content: "\f0d2";
  font-family: "brand-icons";
}
i.icon.pinterest.p::before {
  content: "\f231";
  font-family: "brand-icons";
}
i.icon.pinterest.square::before {
  content: "\f0d3";
  font-family: "brand-icons";
}
i.icon.playstation::before {
  content: "\f3df";
  font-family: "brand-icons";
}
i.icon.product.hunt::before {
  content: "\f288";
  font-family: "brand-icons";
}
i.icon.pushed::before {
  content: "\f3e1";
  font-family: "brand-icons";
}
i.icon.python::before {
  content: "\f3e2";
  font-family: "brand-icons";
}
i.icon.qq::before {
  content: "\f1d6";
  font-family: "brand-icons";
}
i.icon.quinscape::before {
  content: "\f459";
  font-family: "brand-icons";
}
i.icon.quora::before {
  content: "\f2c4";
  font-family: "brand-icons";
}
i.icon.r.project::before {
  content: "\f4f7";
  font-family: "brand-icons";
}
i.icon.raspberry.pi::before {
  content: "\f7bb";
  font-family: "brand-icons";
}
i.icon.ravelry::before {
  content: "\f2d9";
  font-family: "brand-icons";
}
i.icon.react::before {
  content: "\f41b";
  font-family: "brand-icons";
}
i.icon.reacteurope::before {
  content: "\f75d";
  font-family: "brand-icons";
}
i.icon.readme::before {
  content: "\f4d5";
  font-family: "brand-icons";
}
i.icon.rebel::before {
  content: "\f1d0";
  font-family: "brand-icons";
}
i.icon.reddit::before {
  content: "\f1a1";
  font-family: "brand-icons";
}
i.icon.reddit.alien::before {
  content: "\f281";
  font-family: "brand-icons";
}
i.icon.reddit.square::before {
  content: "\f1a2";
  font-family: "brand-icons";
}
i.icon.redhat::before {
  content: "\f7bc";
  font-family: "brand-icons";
}
i.icon.redriver::before {
  content: "\f3e3";
  font-family: "brand-icons";
}
i.icon.redyeti::before {
  content: "\f69d";
  font-family: "brand-icons";
}
i.icon.renren::before {
  content: "\f18b";
  font-family: "brand-icons";
}
i.icon.replyd::before {
  content: "\f3e6";
  font-family: "brand-icons";
}
i.icon.researchgate::before {
  content: "\f4f8";
  font-family: "brand-icons";
}
i.icon.resolving::before {
  content: "\f3e7";
  font-family: "brand-icons";
}
i.icon.rev::before {
  content: "\f5b2";
  font-family: "brand-icons";
}
i.icon.rocketchat::before {
  content: "\f3e8";
  font-family: "brand-icons";
}
i.icon.rockrms::before {
  content: "\f3e9";
  font-family: "brand-icons";
}
i.icon.rust::before {
  content: "\e07a";
  font-family: "brand-icons";
}
i.icon.safari::before {
  content: "\f267";
  font-family: "brand-icons";
}
i.icon.salesforce::before {
  content: "\f83b";
  font-family: "brand-icons";
}
i.icon.sass::before {
  content: "\f41e";
  font-family: "brand-icons";
}
i.icon.schlix::before {
  content: "\f3ea";
  font-family: "brand-icons";
}
i.icon.scribd::before {
  content: "\f28a";
  font-family: "brand-icons";
}
i.icon.searchengin::before {
  content: "\f3eb";
  font-family: "brand-icons";
}
i.icon.sellcast::before {
  content: "\f2da";
  font-family: "brand-icons";
}
i.icon.sellsy::before {
  content: "\f213";
  font-family: "brand-icons";
}
i.icon.servicestack::before {
  content: "\f3ec";
  font-family: "brand-icons";
}
i.icon.shirtsinbulk::before {
  content: "\f214";
  font-family: "brand-icons";
}
i.icon.shopify::before {
  content: "\e057";
  font-family: "brand-icons";
}
i.icon.shopware::before {
  content: "\f5b5";
  font-family: "brand-icons";
}
i.icon.simplybuilt::before {
  content: "\f215";
  font-family: "brand-icons";
}
i.icon.sistrix::before {
  content: "\f3ee";
  font-family: "brand-icons";
}
i.icon.sith::before {
  content: "\f512";
  font-family: "brand-icons";
}
i.icon.sketch::before {
  content: "\f7c6";
  font-family: "brand-icons";
}
i.icon.skyatlas::before {
  content: "\f216";
  font-family: "brand-icons";
}
i.icon.skype::before {
  content: "\f17e";
  font-family: "brand-icons";
}
i.icon.slack::before {
  content: "\f198";
  font-family: "brand-icons";
}
i.icon.slack.hash::before {
  content: "\f3ef";
  font-family: "brand-icons";
}
i.icon.slideshare::before {
  content: "\f1e7";
  font-family: "brand-icons";
}
i.icon.snapchat::before {
  content: "\f2ab";
  font-family: "brand-icons";
}
i.icon.snapchat.ghost::before {
  content: "\f2ac";
  font-family: "brand-icons";
}
i.icon.snapchat.square::before {
  content: "\f2ad";
  font-family: "brand-icons";
}
i.icon.soundcloud::before {
  content: "\f1be";
  font-family: "brand-icons";
}
i.icon.sourcetree::before {
  content: "\f7d3";
  font-family: "brand-icons";
}
i.icon.speakap::before {
  content: "\f3f3";
  font-family: "brand-icons";
}
i.icon.speaker.deck::before {
  content: "\f83c";
  font-family: "brand-icons";
}
i.icon.spotify::before {
  content: "\f1bc";
  font-family: "brand-icons";
}
i.icon.squarespace::before {
  content: "\f5be";
  font-family: "brand-icons";
}
i.icon.stack.exchange::before {
  content: "\f18d";
  font-family: "brand-icons";
}
i.icon.stack.overflow::before {
  content: "\f16c";
  font-family: "brand-icons";
}
i.icon.stackpath::before {
  content: "\f842";
  font-family: "brand-icons";
}
i.icon.staylinked::before {
  content: "\f3f5";
  font-family: "brand-icons";
}
i.icon.steam::before {
  content: "\f1b6";
  font-family: "brand-icons";
}
i.icon.steam.square::before {
  content: "\f1b7";
  font-family: "brand-icons";
}
i.icon.steam.symbol::before {
  content: "\f3f6";
  font-family: "brand-icons";
}
i.icon.sticker.mule::before {
  content: "\f3f7";
  font-family: "brand-icons";
}
i.icon.strava::before {
  content: "\f428";
  font-family: "brand-icons";
}
i.icon.stripe::before {
  content: "\f429";
  font-family: "brand-icons";
}
i.icon.stripe.s::before {
  content: "\f42a";
  font-family: "brand-icons";
}
i.icon.studiovinari::before {
  content: "\f3f8";
  font-family: "brand-icons";
}
i.icon.stumbleupon::before {
  content: "\f1a4";
  font-family: "brand-icons";
}
i.icon.stumbleupon.circle::before {
  content: "\f1a3";
  font-family: "brand-icons";
}
i.icon.superpowers::before {
  content: "\f2dd";
  font-family: "brand-icons";
}
i.icon.supple::before {
  content: "\f3f9";
  font-family: "brand-icons";
}
i.icon.suse::before {
  content: "\f7d6";
  font-family: "brand-icons";
}
i.icon.swift::before {
  content: "\f8e1";
  font-family: "brand-icons";
}
i.icon.symfony::before {
  content: "\f83d";
  font-family: "brand-icons";
}
i.icon.teamspeak::before {
  content: "\f4f9";
  font-family: "brand-icons";
}
i.icon.telegram::before {
  content: "\f2c6";
  font-family: "brand-icons";
}
i.icon.telegram.plane::before {
  content: "\f3fe";
  font-family: "brand-icons";
}
i.icon.tencent.weibo::before {
  content: "\f1d5";
  font-family: "brand-icons";
}
i.icon.themeco::before {
  content: "\f5c6";
  font-family: "brand-icons";
}
i.icon.themeisle::before {
  content: "\f2b2";
  font-family: "brand-icons";
}
i.icon.think.peaks::before {
  content: "\f731";
  font-family: "brand-icons";
}
i.icon.tiktok::before {
  content: "\e07b";
  font-family: "brand-icons";
}
i.icon.trade.federation::before {
  content: "\f513";
  font-family: "brand-icons";
}
i.icon.trello::before {
  content: "\f181";
  font-family: "brand-icons";
}
i.icon.tumblr::before {
  content: "\f173";
  font-family: "brand-icons";
}
i.icon.tumblr.square::before {
  content: "\f174";
  font-family: "brand-icons";
}
i.icon.twitch::before {
  content: "\f1e8";
  font-family: "brand-icons";
}
i.icon.twitter::before {
  content: "\f099";
  font-family: "brand-icons";
}
i.icon.twitter.square::before {
  content: "\f081";
  font-family: "brand-icons";
}
i.icon.typo3::before {
  content: "\f42b";
  font-family: "brand-icons";
}
i.icon.uber::before {
  content: "\f402";
  font-family: "brand-icons";
}
i.icon.ubuntu::before {
  content: "\f7df";
  font-family: "brand-icons";
}
i.icon.uikit::before {
  content: "\f403";
  font-family: "brand-icons";
}
i.icon.umbraco::before {
  content: "\f8e8";
  font-family: "brand-icons";
}
i.icon.uncharted::before {
  content: "\e084";
  font-family: "brand-icons";
}
i.icon.uniregistry::before {
  content: "\f404";
  font-family: "brand-icons";
}
i.icon.unity::before {
  content: "\e049";
  font-family: "brand-icons";
}
i.icon.unsplash::before {
  content: "\e07c";
  font-family: "brand-icons";
}
i.icon.untappd::before {
  content: "\f405";
  font-family: "brand-icons";
}
i.icon.ups::before {
  content: "\f7e0";
  font-family: "brand-icons";
}
i.icon.usb::before {
  content: "\f287";
  font-family: "brand-icons";
}
i.icon.usps::before {
  content: "\f7e1";
  font-family: "brand-icons";
}
i.icon.ussunnah::before {
  content: "\f407";
  font-family: "brand-icons";
}
i.icon.vaadin::before {
  content: "\f408";
  font-family: "brand-icons";
}
i.icon.viacoin::before {
  content: "\f237";
  font-family: "brand-icons";
}
i.icon.viadeo::before {
  content: "\f2a9";
  font-family: "brand-icons";
}
i.icon.viadeo.square::before {
  content: "\f2aa";
  font-family: "brand-icons";
}
i.icon.viber::before {
  content: "\f409";
  font-family: "brand-icons";
}
i.icon.vimeo::before {
  content: "\f40a";
  font-family: "brand-icons";
}
i.icon.vimeo.square::before {
  content: "\f194";
  font-family: "brand-icons";
}
i.icon.vimeo.v::before {
  content: "\f27d";
  font-family: "brand-icons";
}
i.icon.vine::before {
  content: "\f1ca";
  font-family: "brand-icons";
}
i.icon.vk::before {
  content: "\f189";
  font-family: "brand-icons";
}
i.icon.vnv::before {
  content: "\f40b";
  font-family: "brand-icons";
}
i.icon.vuejs::before {
  content: "\f41f";
  font-family: "brand-icons";
}
i.icon.watchman.monitoring::before {
  content: "\e087";
  font-family: "brand-icons";
}
i.icon.waze::before {
  content: "\f83f";
  font-family: "brand-icons";
}
i.icon.weebly::before {
  content: "\f5cc";
  font-family: "brand-icons";
}
i.icon.weibo::before {
  content: "\f18a";
  font-family: "brand-icons";
}
i.icon.weixin::before {
  content: "\f1d7";
  font-family: "brand-icons";
}
i.icon.whatsapp::before {
  content: "\f232";
  font-family: "brand-icons";
}
i.icon.whatsapp.square::before {
  content: "\f40c";
  font-family: "brand-icons";
}
i.icon.whmcs::before {
  content: "\f40d";
  font-family: "brand-icons";
}
i.icon.wikipedia.w::before {
  content: "\f266";
  font-family: "brand-icons";
}
i.icon.windows::before {
  content: "\f17a";
  font-family: "brand-icons";
}
i.icon.wix::before {
  content: "\f5cf";
  font-family: "brand-icons";
}
i.icon.wizards.of.the.coast::before {
  content: "\f730";
  font-family: "brand-icons";
}
i.icon.wodu::before {
  content: "\e088";
  font-family: "brand-icons";
}
i.icon.wolf.pack.battalion::before {
  content: "\f514";
  font-family: "brand-icons";
}
i.icon.wordpress::before {
  content: "\f19a";
  font-family: "brand-icons";
}
i.icon.wordpress.simple::before {
  content: "\f411";
  font-family: "brand-icons";
}
i.icon.wpbeginner::before {
  content: "\f297";
  font-family: "brand-icons";
}
i.icon.wpexplorer::before {
  content: "\f2de";
  font-family: "brand-icons";
}
i.icon.wpforms::before {
  content: "\f298";
  font-family: "brand-icons";
}
i.icon.wpressr::before {
  content: "\f3e4";
  font-family: "brand-icons";
}
i.icon.xbox::before {
  content: "\f412";
  font-family: "brand-icons";
}
i.icon.xing::before {
  content: "\f168";
  font-family: "brand-icons";
}
i.icon.xing.square::before {
  content: "\f169";
  font-family: "brand-icons";
}
i.icon.y.combinator::before {
  content: "\f23b";
  font-family: "brand-icons";
}
i.icon.yahoo::before {
  content: "\f19e";
  font-family: "brand-icons";
}
i.icon.yammer::before {
  content: "\f840";
  font-family: "brand-icons";
}
i.icon.yandex::before {
  content: "\f413";
  font-family: "brand-icons";
}
i.icon.yandex.international::before {
  content: "\f414";
  font-family: "brand-icons";
}
i.icon.yarn::before {
  content: "\f7e3";
  font-family: "brand-icons";
}
i.icon.yelp::before {
  content: "\f1e9";
  font-family: "brand-icons";
}
i.icon.yoast::before {
  content: "\f2b1";
  font-family: "brand-icons";
}
i.icon.youtube::before {
  content: "\f167";
  font-family: "brand-icons";
}
i.icon.youtube.square::before {
  content: "\f431";
  font-family: "brand-icons";
}
i.icon.zhihu::before {
  content: "\f63f";
  font-family: "brand-icons";
}
/* Aliases */
i.icon.american.express::before {
  content: "\f1f3";
  font-family: "brand-icons";
}
i.icon.american.express.card::before {
  content: "\f1f3";
  font-family: "brand-icons";
}
i.icon.amex::before {
  content: "\f1f3";
  font-family: "brand-icons";
}
i.icon.bitbucket.square::before {
  content: "\f171";
  font-family: "brand-icons";
}
i.icon.bluetooth.alternative::before {
  content: "\f294";
  font-family: "brand-icons";
}
i.icon.credit.card.amazon.pay::before {
  content: "\f42d";
  font-family: "brand-icons";
}
i.icon.credit.card.american.express::before {
  content: "\f1f3";
  font-family: "brand-icons";
}
i.icon.credit.card.diners.club::before {
  content: "\f24c";
  font-family: "brand-icons";
}
i.icon.credit.card.discover::before {
  content: "\f1f2";
  font-family: "brand-icons";
}
i.icon.credit.card.jcb::before {
  content: "\f24b";
  font-family: "brand-icons";
}
i.icon.credit.card.mastercard::before {
  content: "\f1f1";
  font-family: "brand-icons";
}
i.icon.credit.card.paypal::before {
  content: "\f1f4";
  font-family: "brand-icons";
}
i.icon.credit.card.stripe::before {
  content: "\f1f5";
  font-family: "brand-icons";
}
i.icon.credit.card.visa::before {
  content: "\f1f0";
  font-family: "brand-icons";
}
i.icon.diners.club::before {
  content: "\f24c";
  font-family: "brand-icons";
}
i.icon.diners.club.card::before {
  content: "\f24c";
  font-family: "brand-icons";
}
i.icon.discover::before {
  content: "\f1f2";
  font-family: "brand-icons";
}
i.icon.discover.card::before {
  content: "\f1f2";
  font-family: "brand-icons";
}
i.icon.disk.outline::before {
  content: "\f369";
  font-family: "brand-icons";
}
i.icon.dribble::before {
  content: "\f17d";
  font-family: "brand-icons";
}
i.icon.eercast::before {
  content: "\f2da";
  font-family: "brand-icons";
}
i.icon.envira.gallery::before {
  content: "\f299";
  font-family: "brand-icons";
}
i.icon.fa::before {
  content: "\f2b4";
  font-family: "brand-icons";
}
i.icon.facebook.official::before {
  content: "\f082";
  font-family: "brand-icons";
}
i.icon.five.hundred.pixels::before {
  content: "\f26e";
  font-family: "brand-icons";
}
i.icon.gittip::before {
  content: "\f184";
  font-family: "brand-icons";
}
i.icon.google.plus.circle::before {
  content: "\f2b3";
  font-family: "brand-icons";
}
i.icon.google.plus.official::before {
  content: "\f2b3";
  font-family: "brand-icons";
}
i.icon.japan.credit.bureau::before {
  content: "\f24b";
  font-family: "brand-icons";
}
i.icon.japan.credit.bureau.card::before {
  content: "\f24b";
  font-family: "brand-icons";
}
i.icon.jcb::before {
  content: "\f24b";
  font-family: "brand-icons";
}
i.icon.linkedin.square::before {
  content: "\f08c";
  font-family: "brand-icons";
}
i.icon.mastercard::before {
  content: "\f1f1";
  font-family: "brand-icons";
}
i.icon.mastercard.card::before {
  content: "\f1f1";
  font-family: "brand-icons";
}
i.icon.microsoft.edge::before {
  content: "\f282";
  font-family: "brand-icons";
}
i.icon.ms.edge::before {
  content: "\f282";
  font-family: "brand-icons";
}
i.icon.new.pied.piper::before {
  content: "\f2ae";
  font-family: "brand-icons";
}
i.icon.optinmonster::before {
  content: "\f23c";
  font-family: "brand-icons";
}
i.icon.paypal.card::before {
  content: "\f1f4";
  font-family: "brand-icons";
}
i.icon.pied.piper.hat::before {
  content: "\f2ae";
  font-family: "brand-icons";
}
i.icon.pocket::before {
  content: "\f265";
  font-family: "brand-icons";
}
i.icon.stripe.card::before {
  content: "\f1f5";
  font-family: "brand-icons";
}
i.icon.theme.isle::before {
  content: "\f2b2";
  font-family: "brand-icons";
}
i.icon.visa::before {
  content: "\f1f0";
  font-family: "brand-icons";
}
i.icon.visa.card::before {
  content: "\f1f0";
  font-family: "brand-icons";
}
i.icon.wechat::before {
  content: "\f1d7";
  font-family: "brand-icons";
}
i.icon.wikipedia::before {
  content: "\f266";
  font-family: "brand-icons";
}
i.icon.wordpress.beginner::before {
  content: "\f297";
  font-family: "brand-icons";
}
i.icon.wordpress.forms::before {
  content: "\f298";
  font-family: "brand-icons";
}
i.icon.yc::before {
  content: "\f23b";
  font-family: "brand-icons";
}
i.icon.ycombinator::before {
  content: "\f23b";
  font-family: "brand-icons";
}
i.icon.youtube.play::before {
  content: "\f167";
  font-family: "brand-icons";
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Fomantic-UI - Loader
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/* ------------------
       Theme
------------------- */
/* --------------------
   Site Variables
--------------------- */
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/***********************************************************
  Central element variation compilation enablers
***********************************************************/
/* General */
/*******************************
           Elements
*******************************/
/* Button */
/* Container */
/* Divider */
/* Header */
/* Icon */
/* Font Awesome Pro only */
/* Font Awesome Pro only */
/* Image */
/* Input */
/* Label */
/* List */
/* Loader */
/* Placeholder */
/* Rail */
/* Reveal */
/* Segment */
/* Step */
/* Text */
/*******************************
           Collections
*******************************/
/* Breadcrumb */
/* Form */
/* Grid */
/* Menu */
/* Message */
/* Table */
/*******************************
             Views
*******************************/
/* Ad */
/* Card */
/* Comment */
/* Feed */
/* Item */
/* Statistic */
/*******************************
            Modules
*******************************/
/* Accordion */
/* Calendar */
/* Checkbox */
/* Dimmer */
/* Dropdown */
/* Embed */
/* Flyout */
/* Modal */
/* Nag */
/* Popup */
/* Progress */
/* Rating */
/* Search */
/* Shape */
/* Sidebar */
/* Slider */
/* Tab */
/* Toast */
/* Transition */
/* Emojis */
/* -------------------
       Fonts
-------------------- */
/* -------------------
      Base Sizes
-------------------- */
/* This is the single variable that controls them all */
/* The size of page text */
/* -------------------
    Border Radius
-------------------- */
/* See Power-user section below
   for explanation of @px variables
*/
/* -------------------
    Brand Colors
-------------------- */
/* Whenever a color needs to get calculated (screen()/multiply()) out of a base color */
/* --------------
  Page Heading
--------------- */
/* --------------
   Form Input
--------------- */
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/* -------------------
    Focused Input
-------------------- */
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/* -------------------
        Sizes
-------------------- */
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/* -------------------
        Page
-------------------- */
/* -------------------
      Paragraph
-------------------- */
/* -------------------
       Links
-------------------- */
/* -------------------
    Scroll Bars
-------------------- */
/* Inverted */
/* IE needs hex values */
/* Scrolling */
/* -------------------
  Highlighted Text
-------------------- */
/* -------------------
       Loader
-------------------- */
/* -------------------
        Grid
-------------------- */
/* -------------------
     Transitions
-------------------- */
/* -------------------
     Breakpoints
-------------------- */
/* -------------------
      Site Colors
-------------------- */
/* ---  Colors  --- */
/* ---  Light Colors  --- */
/* ---   Neutrals  --- */
/* --- Colored Backgrounds --- */
/* --- Colored Headers --- */
/* --- Colored Text --- */
/* --- Light Colored Text --- */
/* --- Hovered Colored Text --- */
/* --- Colored Border --- */
/* --- Shadows --- */
/* Inverted */
/* Box Shadows */
/* -------------------
     Alpha Colors
-------------------- */
/* -------------------
       Accents
-------------------- */
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/* -------------------
    Emotive Colors
-------------------- */
/* Positive */
/* Negative */
/* Info */
/* Warning */
/* -------------------
        Paths
-------------------- */
/* For source only. Modified in gulp for dist */
/* -------------------
       Em Sizes
-------------------- */
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/* -------------------
       Icons
-------------------- */
/* Maximum Glyph Width of Icon */
/* -------------------
     Neutral Text
-------------------- */
/* -------------------
     Brand Colors
-------------------- */
/* -------------------
      Borders
-------------------- */
/* -------------------
    Derived Values
-------------------- */
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* -------------------
  Exact Pixel Values
-------------------- */
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/* -------------------
      Disabled
-------------------- */
/* -------------------
        Hover
-------------------- */
/* ---  Shadows  --- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
        Focus
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
    Down (:active)
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
        Active
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* ---  Tertiary  --- */
/* ---  Bright  --- */
/*******************************
 States shared in Form-related components
 *******************************/
/* Form state */
/* Input state */
/* AutoFill */
/* Dropdown state */
/* Focused state */
/* Placeholder state */
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/***********************************************************
  Central element variation compilation enablers
***********************************************************/
/* General */
/*******************************
           Elements
*******************************/
/* Button */
/* Container */
/* Divider */
/* Header */
/* Icon */
/* Font Awesome Pro only */
/* Font Awesome Pro only */
/* Image */
/* Input */
/* Label */
/* List */
/* Loader */
/* Placeholder */
/* Rail */
/* Reveal */
/* Segment */
/* Step */
/* Text */
/*******************************
           Collections
*******************************/
/* Breadcrumb */
/* Form */
/* Grid */
/* Menu */
/* Message */
/* Table */
/*******************************
             Views
*******************************/
/* Ad */
/* Card */
/* Comment */
/* Feed */
/* Item */
/* Statistic */
/*******************************
            Modules
*******************************/
/* Accordion */
/* Calendar */
/* Checkbox */
/* Dimmer */
/* Dropdown */
/* Embed */
/* Flyout */
/* Modal */
/* Nag */
/* Popup */
/* Progress */
/* Rating */
/* Search */
/* Shape */
/* Sidebar */
/* Slider */
/* Tab */
/* Toast */
/* Transition */
/* Emojis */
/* -------------------
       Fonts
-------------------- */
/* -------------------
      Base Sizes
-------------------- */
/* This is the single variable that controls them all */
/* The size of page text */
/* -------------------
    Border Radius
-------------------- */
/* See Power-user section below
   for explanation of @px variables
*/
/* -------------------
    Brand Colors
-------------------- */
/* Whenever a color needs to get calculated (screen()/multiply()) out of a base color */
/* --------------
  Page Heading
--------------- */
/* --------------
   Form Input
--------------- */
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/* -------------------
    Focused Input
-------------------- */
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/* -------------------
        Sizes
-------------------- */
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/* -------------------
        Page
-------------------- */
/* -------------------
      Paragraph
-------------------- */
/* -------------------
       Links
-------------------- */
/* -------------------
    Scroll Bars
-------------------- */
/* Inverted */
/* IE needs hex values */
/* Scrolling */
/* -------------------
  Highlighted Text
-------------------- */
/* -------------------
       Loader
-------------------- */
/* -------------------
        Grid
-------------------- */
/* -------------------
     Transitions
-------------------- */
/* -------------------
     Breakpoints
-------------------- */
/* -------------------
      Site Colors
-------------------- */
/* ---  Colors  --- */
/* ---  Light Colors  --- */
/* ---   Neutrals  --- */
/* --- Colored Backgrounds --- */
/* --- Colored Headers --- */
/* --- Colored Text --- */
/* --- Light Colored Text --- */
/* --- Hovered Colored Text --- */
/* --- Colored Border --- */
/* --- Shadows --- */
/* Inverted */
/* Box Shadows */
/* -------------------
     Alpha Colors
-------------------- */
/* -------------------
       Accents
-------------------- */
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/* -------------------
    Emotive Colors
-------------------- */
/* Positive */
/* Negative */
/* Info */
/* Warning */
/* -------------------
        Paths
-------------------- */
/* For source only. Modified in gulp for dist */
/* -------------------
       Em Sizes
-------------------- */
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/* -------------------
       Icons
-------------------- */
/* Maximum Glyph Width of Icon */
/* -------------------
     Neutral Text
-------------------- */
/* -------------------
     Brand Colors
-------------------- */
/* -------------------
      Borders
-------------------- */
/* -------------------
    Derived Values
-------------------- */
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* -------------------
  Exact Pixel Values
-------------------- */
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/* -------------------
      Disabled
-------------------- */
/* -------------------
        Hover
-------------------- */
/* ---  Shadows  --- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
        Focus
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
    Down (:active)
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
        Active
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* ---  Tertiary  --- */
/* ---  Bright  --- */
/*******************************
 States shared in Form-related components
 *******************************/
/* Form state */
/* Input state */
/* AutoFill */
/* Dropdown state */
/* Focused state */
/* Placeholder state */
/* Component's site.variables */
/* Site theme site.variables */
/* -------------------
 Component Variables
--------------------- */
/* Default */
/*******************************
             Loader
*******************************/
/* Some global loader styles defined in site.variables */
/* -------------------
      Standard
-------------------- */
/* -------------------
        Types
-------------------- */
/* Text */
/* -------------------
        States
-------------------- */
/* -------------------
      Variations
-------------------- */
/* Exact Sizes (Avoids Rounding Errors) */
/* Packaged Theme */
/* Site Theme */
/* -------------------------
    Central Color Map
------------------------- */
/* Default */
/***********************************************************
  Central Color Mapping Base for all components to iterate
***********************************************************/
/***********************************************************
  Color Mapping Base for form components to iterate
***********************************************************/
/* Packaged colors.less */
/***********************************************************
  Central Color Mapping Base for all components to iterate
***********************************************************/
/***********************************************************
  Color Mapping Base for form components to iterate
***********************************************************/
/* Packaged Theme */
/* Site Theme */
/*******************************
             Mix-ins
*******************************/
/* ------------------
       Fonts
------------------- */
/* ------------------
     Overrides
------------------- */
/* End Config */
/*******************************
            Loader
*******************************/
/* Standard Size */
.ui.loader {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  text-align: center;
  z-index: 1000;
  transform: translateX(-50%) translateY(-50%);
}
/* Static Shape */
.ui.loader::before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}
/* Active Shape */
.ui.loader::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  animation: loader 0.6s infinite linear;
  border: 0.2em solid #767676;
  border-radius: 500rem;
  box-shadow: 0 0 0 1px transparent;
}
/* Speeds */
.ui.ui.fast.loading::after,
.ui.ui.fast.loading .input > i.icon::after,
.ui.ui.fast.loading > i.icon::after,
.ui.fast.loader::after {
  animation-duration: 0.3s;
}
.ui.ui.slow.loading::after,
.ui.ui.slow.loading .input > i.icon::after,
.ui.ui.slow.loading > i.icon::after,
.ui.slow.loader::after {
  animation-duration: 0.9s;
}
/* Active Animation */
@keyframes loader {
  100% {
    transform: rotate(360deg);
  }
}
/* -------------------
      Coupling
-------------------- */
/* Show inside active dimmer */
.ui.dimmer > .loader {
  display: block;
}
/* Black Dimmer */
.ui.dimmer > .ui.loader {
  color: rgba(255, 255, 255, 0.9);
}
.ui.dimmer > .ui.loader:not(.elastic)::before {
  border-color: rgba(255, 255, 255, 0.15);
}
/* White Dimmer (Inverted) */
.ui.inverted.dimmer > .ui.loader {
  color: rgba(0, 0, 0, 0.87);
}
.ui.inverted.dimmer > .ui.loader:not(.elastic)::before {
  border-color: rgba(0, 0, 0, 0.1);
}
/*******************************
             Types
*******************************/
/* -------------------
            Text
    -------------------- */
.ui.ui.ui.ui.text.loader {
  width: auto;
  height: auto;
  text-align: center;
  font-style: normal;
}
/*******************************
            States
*******************************/
.ui.indeterminate.loader::after {
  animation-direction: reverse;
  animation-duration: 1.2s;
}
.ui.loader.active,
.ui.loader.visible {
  display: block;
}
.ui.loader.disabled,
.ui.loader.hidden {
  display: none;
}
/*******************************
            Variations
*******************************/
/* -------------------
        Sizes
-------------------- */
.ui.loader {
  width: 2.28571429rem;
  height: 2.28571429rem;
  font-size: 1em;
}
.ui.loader::before,
.ui.loader::after {
  width: 2.28571429rem;
  height: 2.28571429rem;
  margin: 0 0 0 -1.14285714rem;
}
.ui.text.loader {
  min-width: 2.28571429rem;
  padding-top: 3.07142857rem;
}
.ui.mini.loader {
  width: 1rem;
  height: 1rem;
  font-size: 0.78571429em;
}
.ui.mini.loader::before,
.ui.mini.loader::after {
  width: 1rem;
  height: 1rem;
  margin: 0 0 0 -0.5rem;
}
.ui.mini.text.loader {
  min-width: 1rem;
  padding-top: 1.78571429rem;
}
.ui.tiny.loader {
  width: 1.14285714rem;
  height: 1.14285714rem;
  font-size: 0.85714286em;
}
.ui.tiny.loader::before,
.ui.tiny.loader::after {
  width: 1.14285714rem;
  height: 1.14285714rem;
  margin: 0 0 0 -0.57142857rem;
}
.ui.tiny.text.loader {
  min-width: 1.14285714rem;
  padding-top: 1.92857143rem;
}
.ui.small.loader {
  width: 1.71428571rem;
  height: 1.71428571rem;
  font-size: 0.92857143em;
}
.ui.small.loader::before,
.ui.small.loader::after {
  width: 1.71428571rem;
  height: 1.71428571rem;
  margin: 0 0 0 -0.85714286rem;
}
.ui.small.text.loader {
  min-width: 1.71428571rem;
  padding-top: 2.5rem;
}
.ui.large.loader {
  width: 3.42857143rem;
  height: 3.42857143rem;
  font-size: 1.14285714em;
}
.ui.large.loader::before,
.ui.large.loader::after {
  width: 3.42857143rem;
  height: 3.42857143rem;
  margin: 0 0 0 -1.71428571rem;
}
.ui.large.text.loader {
  min-width: 3.42857143rem;
  padding-top: 4.21428571rem;
}
.ui.big.loader {
  width: 3.71428571rem;
  height: 3.71428571rem;
  font-size: 1.28571429em;
}
.ui.big.loader::before,
.ui.big.loader::after {
  width: 3.71428571rem;
  height: 3.71428571rem;
  margin: 0 0 0 -1.85714286rem;
}
.ui.big.text.loader {
  min-width: 3.71428571rem;
  padding-top: 4.5rem;
}
.ui.huge.loader {
  width: 4.14285714rem;
  height: 4.14285714rem;
  font-size: 1.42857143em;
}
.ui.huge.loader::before,
.ui.huge.loader::after {
  width: 4.14285714rem;
  height: 4.14285714rem;
  margin: 0 0 0 -2.07142857rem;
}
.ui.huge.text.loader {
  min-width: 4.14285714rem;
  padding-top: 4.92857143rem;
}
.ui.massive.loader {
  width: 4.57142857rem;
  height: 4.57142857rem;
  font-size: 1.71428571em;
}
.ui.massive.loader::before,
.ui.massive.loader::after {
  width: 4.57142857rem;
  height: 4.57142857rem;
  margin: 0 0 0 -2.28571429rem;
}
.ui.massive.text.loader {
  min-width: 4.57142857rem;
  padding-top: 5.35714286rem;
}
/* -------------------
       Colors
-------------------- */
.ui.ui.primary.elastic.loader::before,
.ui.primary.basic.elastic.loading.button::before,
.ui.primary.basic.elastic.loading.button::after,
.ui.ui.ui.primary.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.primary.elastic.loading .input > i.icon::before,
.ui.ui.ui.ui.primary.elastic.loading > i.icon::before,
.ui.ui.ui.ui.primary.loading:not(.usual):not(.button)::after,
.ui.ui.ui.ui.primary.loading .input > i.icon::after,
.ui.ui.ui.ui.primary.loading > i.icon::after,
.ui.ui.ui.primary.loader::after {
  color: #2185d0;
}
.ui.inverted.primary.elastic.loader::before,
.ui.ui.ui.inverted.primary.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.inverted.primary.elastic.loading .input > i.icon::before,
.ui.ui.ui.inverted.primary.elastic.loading > i.icon::before,
.ui.ui.ui.ui.inverted.primary.loading:not(.usual)::after,
.ui.ui.ui.ui.inverted.primary.loading .input > i.icon::after,
.ui.ui.ui.ui.inverted.primary.loading > i.icon::after,
.ui.ui.ui.inverted.primary.loader::after {
  color: #54c8ff;
}
.ui.ui.secondary.elastic.loader::before,
.ui.secondary.basic.elastic.loading.button::before,
.ui.secondary.basic.elastic.loading.button::after,
.ui.ui.ui.secondary.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.secondary.elastic.loading .input > i.icon::before,
.ui.ui.ui.ui.secondary.elastic.loading > i.icon::before,
.ui.ui.ui.ui.secondary.loading:not(.usual):not(.button)::after,
.ui.ui.ui.ui.secondary.loading .input > i.icon::after,
.ui.ui.ui.ui.secondary.loading > i.icon::after,
.ui.ui.ui.secondary.loader::after {
  color: #1b1c1d;
}
.ui.inverted.secondary.elastic.loader::before,
.ui.ui.ui.inverted.secondary.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.inverted.secondary.elastic.loading .input > i.icon::before,
.ui.ui.ui.inverted.secondary.elastic.loading > i.icon::before,
.ui.ui.ui.ui.inverted.secondary.loading:not(.usual)::after,
.ui.ui.ui.ui.inverted.secondary.loading .input > i.icon::after,
.ui.ui.ui.ui.inverted.secondary.loading > i.icon::after,
.ui.ui.ui.inverted.secondary.loader::after {
  color: #545454;
}
.ui.ui.red.elastic.loader::before,
.ui.red.basic.elastic.loading.button::before,
.ui.red.basic.elastic.loading.button::after,
.ui.ui.ui.red.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.red.elastic.loading .input > i.icon::before,
.ui.ui.ui.ui.red.elastic.loading > i.icon::before,
.ui.ui.ui.ui.red.loading:not(.usual):not(.button)::after,
.ui.ui.ui.ui.red.loading .input > i.icon::after,
.ui.ui.ui.ui.red.loading > i.icon::after,
.ui.ui.ui.red.loader::after {
  color: #db2828;
}
.ui.inverted.red.elastic.loader::before,
.ui.ui.ui.inverted.red.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.inverted.red.elastic.loading .input > i.icon::before,
.ui.ui.ui.inverted.red.elastic.loading > i.icon::before,
.ui.ui.ui.ui.inverted.red.loading:not(.usual)::after,
.ui.ui.ui.ui.inverted.red.loading .input > i.icon::after,
.ui.ui.ui.ui.inverted.red.loading > i.icon::after,
.ui.ui.ui.inverted.red.loader::after {
  color: #ff695e;
}
.ui.ui.orange.elastic.loader::before,
.ui.orange.basic.elastic.loading.button::before,
.ui.orange.basic.elastic.loading.button::after,
.ui.ui.ui.orange.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.orange.elastic.loading .input > i.icon::before,
.ui.ui.ui.ui.orange.elastic.loading > i.icon::before,
.ui.ui.ui.ui.orange.loading:not(.usual):not(.button)::after,
.ui.ui.ui.ui.orange.loading .input > i.icon::after,
.ui.ui.ui.ui.orange.loading > i.icon::after,
.ui.ui.ui.orange.loader::after {
  color: #f2711c;
}
.ui.inverted.orange.elastic.loader::before,
.ui.ui.ui.inverted.orange.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.inverted.orange.elastic.loading .input > i.icon::before,
.ui.ui.ui.inverted.orange.elastic.loading > i.icon::before,
.ui.ui.ui.ui.inverted.orange.loading:not(.usual)::after,
.ui.ui.ui.ui.inverted.orange.loading .input > i.icon::after,
.ui.ui.ui.ui.inverted.orange.loading > i.icon::after,
.ui.ui.ui.inverted.orange.loader::after {
  color: #ff851b;
}
.ui.ui.yellow.elastic.loader::before,
.ui.yellow.basic.elastic.loading.button::before,
.ui.yellow.basic.elastic.loading.button::after,
.ui.ui.ui.yellow.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.yellow.elastic.loading .input > i.icon::before,
.ui.ui.ui.ui.yellow.elastic.loading > i.icon::before,
.ui.ui.ui.ui.yellow.loading:not(.usual):not(.button)::after,
.ui.ui.ui.ui.yellow.loading .input > i.icon::after,
.ui.ui.ui.ui.yellow.loading > i.icon::after,
.ui.ui.ui.yellow.loader::after {
  color: #fbbd08;
}
.ui.inverted.yellow.elastic.loader::before,
.ui.ui.ui.inverted.yellow.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.inverted.yellow.elastic.loading .input > i.icon::before,
.ui.ui.ui.inverted.yellow.elastic.loading > i.icon::before,
.ui.ui.ui.ui.inverted.yellow.loading:not(.usual)::after,
.ui.ui.ui.ui.inverted.yellow.loading .input > i.icon::after,
.ui.ui.ui.ui.inverted.yellow.loading > i.icon::after,
.ui.ui.ui.inverted.yellow.loader::after {
  color: #ffe21f;
}
.ui.ui.olive.elastic.loader::before,
.ui.olive.basic.elastic.loading.button::before,
.ui.olive.basic.elastic.loading.button::after,
.ui.ui.ui.olive.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.olive.elastic.loading .input > i.icon::before,
.ui.ui.ui.ui.olive.elastic.loading > i.icon::before,
.ui.ui.ui.ui.olive.loading:not(.usual):not(.button)::after,
.ui.ui.ui.ui.olive.loading .input > i.icon::after,
.ui.ui.ui.ui.olive.loading > i.icon::after,
.ui.ui.ui.olive.loader::after {
  color: #b5cc18;
}
.ui.inverted.olive.elastic.loader::before,
.ui.ui.ui.inverted.olive.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.inverted.olive.elastic.loading .input > i.icon::before,
.ui.ui.ui.inverted.olive.elastic.loading > i.icon::before,
.ui.ui.ui.ui.inverted.olive.loading:not(.usual)::after,
.ui.ui.ui.ui.inverted.olive.loading .input > i.icon::after,
.ui.ui.ui.ui.inverted.olive.loading > i.icon::after,
.ui.ui.ui.inverted.olive.loader::after {
  color: #d9e778;
}
.ui.ui.green.elastic.loader::before,
.ui.green.basic.elastic.loading.button::before,
.ui.green.basic.elastic.loading.button::after,
.ui.ui.ui.green.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.green.elastic.loading .input > i.icon::before,
.ui.ui.ui.ui.green.elastic.loading > i.icon::before,
.ui.ui.ui.ui.green.loading:not(.usual):not(.button)::after,
.ui.ui.ui.ui.green.loading .input > i.icon::after,
.ui.ui.ui.ui.green.loading > i.icon::after,
.ui.ui.ui.green.loader::after {
  color: #21ba45;
}
.ui.inverted.green.elastic.loader::before,
.ui.ui.ui.inverted.green.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.inverted.green.elastic.loading .input > i.icon::before,
.ui.ui.ui.inverted.green.elastic.loading > i.icon::before,
.ui.ui.ui.ui.inverted.green.loading:not(.usual)::after,
.ui.ui.ui.ui.inverted.green.loading .input > i.icon::after,
.ui.ui.ui.ui.inverted.green.loading > i.icon::after,
.ui.ui.ui.inverted.green.loader::after {
  color: #2ecc40;
}
.ui.ui.teal.elastic.loader::before,
.ui.teal.basic.elastic.loading.button::before,
.ui.teal.basic.elastic.loading.button::after,
.ui.ui.ui.teal.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.teal.elastic.loading .input > i.icon::before,
.ui.ui.ui.ui.teal.elastic.loading > i.icon::before,
.ui.ui.ui.ui.teal.loading:not(.usual):not(.button)::after,
.ui.ui.ui.ui.teal.loading .input > i.icon::after,
.ui.ui.ui.ui.teal.loading > i.icon::after,
.ui.ui.ui.teal.loader::after {
  color: #00b5ad;
}
.ui.inverted.teal.elastic.loader::before,
.ui.ui.ui.inverted.teal.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.inverted.teal.elastic.loading .input > i.icon::before,
.ui.ui.ui.inverted.teal.elastic.loading > i.icon::before,
.ui.ui.ui.ui.inverted.teal.loading:not(.usual)::after,
.ui.ui.ui.ui.inverted.teal.loading .input > i.icon::after,
.ui.ui.ui.ui.inverted.teal.loading > i.icon::after,
.ui.ui.ui.inverted.teal.loader::after {
  color: #6dffff;
}
.ui.ui.blue.elastic.loader::before,
.ui.blue.basic.elastic.loading.button::before,
.ui.blue.basic.elastic.loading.button::after,
.ui.ui.ui.blue.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.blue.elastic.loading .input > i.icon::before,
.ui.ui.ui.ui.blue.elastic.loading > i.icon::before,
.ui.ui.ui.ui.blue.loading:not(.usual):not(.button)::after,
.ui.ui.ui.ui.blue.loading .input > i.icon::after,
.ui.ui.ui.ui.blue.loading > i.icon::after,
.ui.ui.ui.blue.loader::after {
  color: #2185d0;
}
.ui.inverted.blue.elastic.loader::before,
.ui.ui.ui.inverted.blue.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.inverted.blue.elastic.loading .input > i.icon::before,
.ui.ui.ui.inverted.blue.elastic.loading > i.icon::before,
.ui.ui.ui.ui.inverted.blue.loading:not(.usual)::after,
.ui.ui.ui.ui.inverted.blue.loading .input > i.icon::after,
.ui.ui.ui.ui.inverted.blue.loading > i.icon::after,
.ui.ui.ui.inverted.blue.loader::after {
  color: #54c8ff;
}
.ui.ui.violet.elastic.loader::before,
.ui.violet.basic.elastic.loading.button::before,
.ui.violet.basic.elastic.loading.button::after,
.ui.ui.ui.violet.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.violet.elastic.loading .input > i.icon::before,
.ui.ui.ui.ui.violet.elastic.loading > i.icon::before,
.ui.ui.ui.ui.violet.loading:not(.usual):not(.button)::after,
.ui.ui.ui.ui.violet.loading .input > i.icon::after,
.ui.ui.ui.ui.violet.loading > i.icon::after,
.ui.ui.ui.violet.loader::after {
  color: #6435c9;
}
.ui.inverted.violet.elastic.loader::before,
.ui.ui.ui.inverted.violet.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.inverted.violet.elastic.loading .input > i.icon::before,
.ui.ui.ui.inverted.violet.elastic.loading > i.icon::before,
.ui.ui.ui.ui.inverted.violet.loading:not(.usual)::after,
.ui.ui.ui.ui.inverted.violet.loading .input > i.icon::after,
.ui.ui.ui.ui.inverted.violet.loading > i.icon::after,
.ui.ui.ui.inverted.violet.loader::after {
  color: #a291fb;
}
.ui.ui.purple.elastic.loader::before,
.ui.purple.basic.elastic.loading.button::before,
.ui.purple.basic.elastic.loading.button::after,
.ui.ui.ui.purple.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.purple.elastic.loading .input > i.icon::before,
.ui.ui.ui.ui.purple.elastic.loading > i.icon::before,
.ui.ui.ui.ui.purple.loading:not(.usual):not(.button)::after,
.ui.ui.ui.ui.purple.loading .input > i.icon::after,
.ui.ui.ui.ui.purple.loading > i.icon::after,
.ui.ui.ui.purple.loader::after {
  color: #a333c8;
}
.ui.inverted.purple.elastic.loader::before,
.ui.ui.ui.inverted.purple.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.inverted.purple.elastic.loading .input > i.icon::before,
.ui.ui.ui.inverted.purple.elastic.loading > i.icon::before,
.ui.ui.ui.ui.inverted.purple.loading:not(.usual)::after,
.ui.ui.ui.ui.inverted.purple.loading .input > i.icon::after,
.ui.ui.ui.ui.inverted.purple.loading > i.icon::after,
.ui.ui.ui.inverted.purple.loader::after {
  color: #dc73ff;
}
.ui.ui.pink.elastic.loader::before,
.ui.pink.basic.elastic.loading.button::before,
.ui.pink.basic.elastic.loading.button::after,
.ui.ui.ui.pink.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.pink.elastic.loading .input > i.icon::before,
.ui.ui.ui.ui.pink.elastic.loading > i.icon::before,
.ui.ui.ui.ui.pink.loading:not(.usual):not(.button)::after,
.ui.ui.ui.ui.pink.loading .input > i.icon::after,
.ui.ui.ui.ui.pink.loading > i.icon::after,
.ui.ui.ui.pink.loader::after {
  color: #e03997;
}
.ui.inverted.pink.elastic.loader::before,
.ui.ui.ui.inverted.pink.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.inverted.pink.elastic.loading .input > i.icon::before,
.ui.ui.ui.inverted.pink.elastic.loading > i.icon::before,
.ui.ui.ui.ui.inverted.pink.loading:not(.usual)::after,
.ui.ui.ui.ui.inverted.pink.loading .input > i.icon::after,
.ui.ui.ui.ui.inverted.pink.loading > i.icon::after,
.ui.ui.ui.inverted.pink.loader::after {
  color: #ff8edf;
}
.ui.ui.brown.elastic.loader::before,
.ui.brown.basic.elastic.loading.button::before,
.ui.brown.basic.elastic.loading.button::after,
.ui.ui.ui.brown.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.brown.elastic.loading .input > i.icon::before,
.ui.ui.ui.ui.brown.elastic.loading > i.icon::before,
.ui.ui.ui.ui.brown.loading:not(.usual):not(.button)::after,
.ui.ui.ui.ui.brown.loading .input > i.icon::after,
.ui.ui.ui.ui.brown.loading > i.icon::after,
.ui.ui.ui.brown.loader::after {
  color: #a5673f;
}
.ui.inverted.brown.elastic.loader::before,
.ui.ui.ui.inverted.brown.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.inverted.brown.elastic.loading .input > i.icon::before,
.ui.ui.ui.inverted.brown.elastic.loading > i.icon::before,
.ui.ui.ui.ui.inverted.brown.loading:not(.usual)::after,
.ui.ui.ui.ui.inverted.brown.loading .input > i.icon::after,
.ui.ui.ui.ui.inverted.brown.loading > i.icon::after,
.ui.ui.ui.inverted.brown.loader::after {
  color: #d67c1c;
}
.ui.ui.grey.elastic.loader::before,
.ui.grey.basic.elastic.loading.button::before,
.ui.grey.basic.elastic.loading.button::after,
.ui.ui.ui.grey.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.grey.elastic.loading .input > i.icon::before,
.ui.ui.ui.ui.grey.elastic.loading > i.icon::before,
.ui.ui.ui.ui.grey.loading:not(.usual):not(.button)::after,
.ui.ui.ui.ui.grey.loading .input > i.icon::after,
.ui.ui.ui.ui.grey.loading > i.icon::after,
.ui.ui.ui.grey.loader::after {
  color: #767676;
}
.ui.inverted.grey.elastic.loader::before,
.ui.ui.ui.inverted.grey.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.inverted.grey.elastic.loading .input > i.icon::before,
.ui.ui.ui.inverted.grey.elastic.loading > i.icon::before,
.ui.ui.ui.ui.inverted.grey.loading:not(.usual)::after,
.ui.ui.ui.ui.inverted.grey.loading .input > i.icon::after,
.ui.ui.ui.ui.inverted.grey.loading > i.icon::after,
.ui.ui.ui.inverted.grey.loader::after {
  color: #dcddde;
}
.ui.ui.black.elastic.loader::before,
.ui.black.basic.elastic.loading.button::before,
.ui.black.basic.elastic.loading.button::after,
.ui.ui.ui.black.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.black.elastic.loading .input > i.icon::before,
.ui.ui.ui.ui.black.elastic.loading > i.icon::before,
.ui.ui.ui.ui.black.loading:not(.usual):not(.button)::after,
.ui.ui.ui.ui.black.loading .input > i.icon::after,
.ui.ui.ui.ui.black.loading > i.icon::after,
.ui.ui.ui.black.loader::after {
  color: #1b1c1d;
}
.ui.inverted.black.elastic.loader::before,
.ui.ui.ui.inverted.black.elastic.loading:not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.inverted.black.elastic.loading .input > i.icon::before,
.ui.ui.ui.inverted.black.elastic.loading > i.icon::before,
.ui.ui.ui.ui.inverted.black.loading:not(.usual)::after,
.ui.ui.ui.ui.inverted.black.loading .input > i.icon::after,
.ui.ui.ui.ui.inverted.black.loading > i.icon::after,
.ui.ui.ui.inverted.black.loader::after {
  color: #545454;
}
.ui.ui.elastic.loader::before,
.ui.ui.ui.elastic.loading::before,
.ui.ui.ui.elastic.loading .input > i.icon::before,
.ui.ui.ui.elastic.loading > i.icon::before,
.ui.ui.ui.ui.loading:not(.usual)::after,
.ui.ui.ui.ui.loading .input > i.icon::after,
.ui.ui.ui.ui.loading > i.icon::after,
.ui.ui.ui.loader::after {
  border-color: currentColor;
}
.ui.ui.ui.ui.elastic.loading.button:not(.inverted):not(.basic)::before {
  color: #fff;
}
.ui.elastic.basic.loading.button::before,
.ui.elastic.basic.loading.button::after {
  color: #767676;
}
.ui.ui.ui.ui.double.loading.button::after {
  border-bottom-color: currentColor;
}
/* -------------------
           Inline
    -------------------- */
.ui.inline.loader {
  position: relative;
  vertical-align: middle;
  margin: 0;
  left: 0;
  top: 0;
  transform: none;
}
.ui.inline.loader.active,
.ui.inline.loader.visible {
  display: inline-block;
}
/* Centered Inline */
.ui.centered.inline.loader.active,
.ui.centered.inline.loader.visible {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.ui.ui.ui.ui.ui.ui.loading::after,
.ui.ui.ui.ui.ui.ui.loading .input > i.icon::after,
.ui.ui.ui.ui.ui.ui.loading > i.icon::after,
.ui.ui.ui.ui.ui.loader::after {
  border-left-color: transparent;
  border-right-color: transparent;
}
.ui.ui.ui.ui.ui.ui.ui.loading:not(.double)::after,
.ui.ui.ui.ui.ui.ui.ui.loading:not(.double) .input > i.icon::after,
.ui.ui.ui.ui.ui.ui.ui.loading:not(.double) > i.icon::after,
.ui.ui.ui.ui.ui.ui.loader:not(.double)::after {
  border-bottom-color: transparent;
}
.ui.ui.ui.ui.ui.ui.loading.card::after,
.ui.ui.ui.ui.ui.ui.loading.segments::after,
.ui.ui.ui.ui.ui.ui.loading.segment::after,
.ui.ui.ui.ui.ui.ui.loading.form::after {
  border-left-color: rgba(0, 0, 0, 0.1);
  border-right-color: rgba(0, 0, 0, 0.1);
}
.ui.ui.ui.ui.ui.ui.loading.card:not(.double)::after,
.ui.ui.ui.ui.ui.ui.loading.segments:not(.double)::after,
.ui.ui.ui.ui.ui.ui.loading.segment:not(.double)::after,
.ui.ui.ui.ui.ui.ui.loading.form:not(.double)::after {
  border-bottom-color: rgba(0, 0, 0, 0.1);
}
/* -------------------
           Elastic
    -------------------- */
.ui.dimmer > .ui.elastic.loader {
  color: #fff;
}
.ui.inverted.dimmer > .ui.elastic.loader {
  color: #767676;
}
.ui.ui.elastic.loading:not(.form):not(.segment):not(.segments):not(.card)::after,
.ui.ui.elastic.loading .input > i.icon::after,
.ui.ui.elastic.loading > i.icon::after,
.ui.ui.elastic.loader::after {
  animation: loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
  animation-delay: 0.3s;
}
.ui.ui.ui.elastic.loading:not(.form):not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.elastic.loading .input > i.icon::before,
.ui.ui.ui.elastic.loading > i.icon::before,
.ui.ui.elastic.loader::before {
  animation: elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
  -moz-animation: currentcolor-elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
  border-right-color: transparent;
}
.ui.elastic.inline.loader:empty {
  animation: loader 8s infinite linear;
}
.ui.ui.slow.elastic.loading:not(.form):not(.segment):not(.segments):not(.card)::after,
.ui.ui.slow.elastic.loading .input > i.icon::after,
.ui.ui.slow.elastic.loading > i.icon::after,
.ui.ui.slow.elastic.loader::after {
  animation-duration: 1.5s;
  animation-delay: 0.45s;
}
.ui.ui.ui.slow.elastic.loading:not(.form):not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.slow.elastic.loading .input > i.icon::before,
.ui.ui.ui.slow.elastic.loading > i.icon::before,
.ui.ui.slow.elastic.loader::before {
  animation-duration: 1.5s;
}
.ui.ui.fast.elastic.loading:not(.form):not(.segment):not(.segments):not(.card)::after,
.ui.ui.fast.elastic.loading .input > i.icon::after,
.ui.ui.fast.elastic.loading > i.icon::after,
.ui.ui.fast.elastic.loader::after {
  animation-duration: 0.66s;
  animation-delay: 0.2s;
}
.ui.ui.ui.fast.elastic.loading:not(.form):not(.segment):not(.segments):not(.card)::before,
.ui.ui.ui.fast.elastic.loading .input > i.icon::before,
.ui.ui.ui.fast.elastic.loading > i.icon::before,
.ui.ui.fast.elastic.loader::before {
  animation-duration: 0.66s;
}
@keyframes elastic-loader {
  0%,
  1% {
    border-left-color: transparent;
    border-bottom-color: transparent;
  }
  1.1%,
  50% {
    border-left-color: inherit;
  }
  10%,
  35.1% {
    border-bottom-color: transparent;
  }
  10.1%,
  35% {
    border-bottom-color: inherit;
  }
  50.1% {
    border-left-color: transparent;
  }
  100% {
    border-left-color: transparent;
    border-bottom-color: transparent;
    transform: rotate(360deg);
  }
}
@keyframes currentcolor-elastic-loader {
  0%,
  1% {
    border-left-color: transparent;
    border-bottom-color: transparent;
  }
  1.1%,
  50% {
    border-left-color: currentColor;
  }
  10%,
  35.1% {
    border-bottom-color: transparent;
  }
  10.1%,
  35% {
    border-bottom-color: currentColor;
  }
  50.1% {
    border-left-color: transparent;
  }
  100% {
    border-left-color: transparent;
    border-bottom-color: transparent;
    transform: rotate(360deg);
  }
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Fomantic-UI - Dropdown
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/* ------------------
       Theme
------------------- */
/* --------------------
   Site Variables
--------------------- */
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/***********************************************************
  Central element variation compilation enablers
***********************************************************/
/* General */
/*******************************
           Elements
*******************************/
/* Button */
/* Container */
/* Divider */
/* Header */
/* Icon */
/* Font Awesome Pro only */
/* Font Awesome Pro only */
/* Image */
/* Input */
/* Label */
/* List */
/* Loader */
/* Placeholder */
/* Rail */
/* Reveal */
/* Segment */
/* Step */
/* Text */
/*******************************
           Collections
*******************************/
/* Breadcrumb */
/* Form */
/* Grid */
/* Menu */
/* Message */
/* Table */
/*******************************
             Views
*******************************/
/* Ad */
/* Card */
/* Comment */
/* Feed */
/* Item */
/* Statistic */
/*******************************
            Modules
*******************************/
/* Accordion */
/* Calendar */
/* Checkbox */
/* Dimmer */
/* Dropdown */
/* Embed */
/* Flyout */
/* Modal */
/* Nag */
/* Popup */
/* Progress */
/* Rating */
/* Search */
/* Shape */
/* Sidebar */
/* Slider */
/* Tab */
/* Toast */
/* Transition */
/* Emojis */
/* -------------------
       Fonts
-------------------- */
/* -------------------
      Base Sizes
-------------------- */
/* This is the single variable that controls them all */
/* The size of page text */
/* -------------------
    Border Radius
-------------------- */
/* See Power-user section below
   for explanation of @px variables
*/
/* -------------------
    Brand Colors
-------------------- */
/* Whenever a color needs to get calculated (screen()/multiply()) out of a base color */
/* --------------
  Page Heading
--------------- */
/* --------------
   Form Input
--------------- */
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/* -------------------
    Focused Input
-------------------- */
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/* -------------------
        Sizes
-------------------- */
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/* -------------------
        Page
-------------------- */
/* -------------------
      Paragraph
-------------------- */
/* -------------------
       Links
-------------------- */
/* -------------------
    Scroll Bars
-------------------- */
/* Inverted */
/* IE needs hex values */
/* Scrolling */
/* -------------------
  Highlighted Text
-------------------- */
/* -------------------
       Loader
-------------------- */
/* -------------------
        Grid
-------------------- */
/* -------------------
     Transitions
-------------------- */
/* -------------------
     Breakpoints
-------------------- */
/* -------------------
      Site Colors
-------------------- */
/* ---  Colors  --- */
/* ---  Light Colors  --- */
/* ---   Neutrals  --- */
/* --- Colored Backgrounds --- */
/* --- Colored Headers --- */
/* --- Colored Text --- */
/* --- Light Colored Text --- */
/* --- Hovered Colored Text --- */
/* --- Colored Border --- */
/* --- Shadows --- */
/* Inverted */
/* Box Shadows */
/* -------------------
     Alpha Colors
-------------------- */
/* -------------------
       Accents
-------------------- */
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/* -------------------
    Emotive Colors
-------------------- */
/* Positive */
/* Negative */
/* Info */
/* Warning */
/* -------------------
        Paths
-------------------- */
/* For source only. Modified in gulp for dist */
/* -------------------
       Em Sizes
-------------------- */
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/* -------------------
       Icons
-------------------- */
/* Maximum Glyph Width of Icon */
/* -------------------
     Neutral Text
-------------------- */
/* -------------------
     Brand Colors
-------------------- */
/* -------------------
      Borders
-------------------- */
/* -------------------
    Derived Values
-------------------- */
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* -------------------
  Exact Pixel Values
-------------------- */
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/* -------------------
      Disabled
-------------------- */
/* -------------------
        Hover
-------------------- */
/* ---  Shadows  --- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
        Focus
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
    Down (:active)
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
        Active
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* ---  Tertiary  --- */
/* ---  Bright  --- */
/*******************************
 States shared in Form-related components
 *******************************/
/* Form state */
/* Input state */
/* AutoFill */
/* Dropdown state */
/* Focused state */
/* Placeholder state */
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/***********************************************************
  Central element variation compilation enablers
***********************************************************/
/* General */
/*******************************
           Elements
*******************************/
/* Button */
/* Container */
/* Divider */
/* Header */
/* Icon */
/* Font Awesome Pro only */
/* Font Awesome Pro only */
/* Image */
/* Input */
/* Label */
/* List */
/* Loader */
/* Placeholder */
/* Rail */
/* Reveal */
/* Segment */
/* Step */
/* Text */
/*******************************
           Collections
*******************************/
/* Breadcrumb */
/* Form */
/* Grid */
/* Menu */
/* Message */
/* Table */
/*******************************
             Views
*******************************/
/* Ad */
/* Card */
/* Comment */
/* Feed */
/* Item */
/* Statistic */
/*******************************
            Modules
*******************************/
/* Accordion */
/* Calendar */
/* Checkbox */
/* Dimmer */
/* Dropdown */
/* Embed */
/* Flyout */
/* Modal */
/* Nag */
/* Popup */
/* Progress */
/* Rating */
/* Search */
/* Shape */
/* Sidebar */
/* Slider */
/* Tab */
/* Toast */
/* Transition */
/* Emojis */
/* -------------------
       Fonts
-------------------- */
/* -------------------
      Base Sizes
-------------------- */
/* This is the single variable that controls them all */
/* The size of page text */
/* -------------------
    Border Radius
-------------------- */
/* See Power-user section below
   for explanation of @px variables
*/
/* -------------------
    Brand Colors
-------------------- */
/* Whenever a color needs to get calculated (screen()/multiply()) out of a base color */
/* --------------
  Page Heading
--------------- */
/* --------------
   Form Input
--------------- */
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/* -------------------
    Focused Input
-------------------- */
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/* -------------------
        Sizes
-------------------- */
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/* -------------------
        Page
-------------------- */
/* -------------------
      Paragraph
-------------------- */
/* -------------------
       Links
-------------------- */
/* -------------------
    Scroll Bars
-------------------- */
/* Inverted */
/* IE needs hex values */
/* Scrolling */
/* -------------------
  Highlighted Text
-------------------- */
/* -------------------
       Loader
-------------------- */
/* -------------------
        Grid
-------------------- */
/* -------------------
     Transitions
-------------------- */
/* -------------------
     Breakpoints
-------------------- */
/* -------------------
      Site Colors
-------------------- */
/* ---  Colors  --- */
/* ---  Light Colors  --- */
/* ---   Neutrals  --- */
/* --- Colored Backgrounds --- */
/* --- Colored Headers --- */
/* --- Colored Text --- */
/* --- Light Colored Text --- */
/* --- Hovered Colored Text --- */
/* --- Colored Border --- */
/* --- Shadows --- */
/* Inverted */
/* Box Shadows */
/* -------------------
     Alpha Colors
-------------------- */
/* -------------------
       Accents
-------------------- */
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/* -------------------
    Emotive Colors
-------------------- */
/* Positive */
/* Negative */
/* Info */
/* Warning */
/* -------------------
        Paths
-------------------- */
/* For source only. Modified in gulp for dist */
/* -------------------
       Em Sizes
-------------------- */
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/* -------------------
       Icons
-------------------- */
/* Maximum Glyph Width of Icon */
/* -------------------
     Neutral Text
-------------------- */
/* -------------------
     Brand Colors
-------------------- */
/* -------------------
      Borders
-------------------- */
/* -------------------
    Derived Values
-------------------- */
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* -------------------
  Exact Pixel Values
-------------------- */
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/* -------------------
      Disabled
-------------------- */
/* -------------------
        Hover
-------------------- */
/* ---  Shadows  --- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
        Focus
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
    Down (:active)
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
        Active
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* ---  Tertiary  --- */
/* ---  Bright  --- */
/*******************************
 States shared in Form-related components
 *******************************/
/* Form state */
/* Input state */
/* AutoFill */
/* Dropdown state */
/* Focused state */
/* Placeholder state */
/* Component's site.variables */
/* Site theme site.variables */
/* -------------------
 Component Variables
--------------------- */
/* Default */
/*******************************
            Dropdown
*******************************/
/* -------------------
       Element
-------------------- */
/* -------------------
       Content
-------------------- */
/* Icon */
/* Current Text */
/* Menu */
/* Text */
/* Menu Item */
/* Vertical Item */
/* Sub Menu */
/* Menu Header */
/* Menu Divider */
/* Menu Input */
/* Menu Image */
/* Item Sub-Element */
/* Sub-Menu Dropdown Icon */
/* Description */
/* Message */
/* Floated Content */
/* -------------------
        Types
-------------------- */
/* ------------
   Selection
-------------- */
/* <select> */
/* Responsive */
/* Derived */
/* 1px / em size */
/* Hover */
/* Focus */
/* Visible */
/* Visible Hover */
/* --------------
     Search
-------------- */
/* Search Selection */
/* Inline */
/* --------------
    Multiple
-------------- */
/* Split Actual Padding Between Child and Parent (allows for label spacing) */
/* Child Elements */
/* Dropdown Icon */
/* Selection Label */
/* Logic adopted from label.less */
/* -------------------
       States
-------------------- */
/* Addition */
/* Hovered */
/* Default Text */
/* Loading */
/* Active Menu Item */
/* Selected */
/* Clearable */
/* -------------------
      Variations
-------------------- */
/* Scrolling */
/* 0 / em size */
/* Upward */
/* Flyout Direction */
/* Left */
/* Simple */
/* Floating */
/* Pointing */
/* Pointing Upward */
/* Scrollhint */
/* --------------
    Inverted
--------------- */
/* General rules and basic dropdowns */
/* Selection */
/* Multiple */
/* Scrollhint */
/* Resizable */
/* Packaged Theme */
/* Site Theme */
/* -------------------------
    Central Color Map
------------------------- */
/* Default */
/***********************************************************
  Central Color Mapping Base for all components to iterate
***********************************************************/
/***********************************************************
  Color Mapping Base for form components to iterate
***********************************************************/
/* Packaged colors.less */
/***********************************************************
  Central Color Mapping Base for all components to iterate
***********************************************************/
/***********************************************************
  Color Mapping Base for form components to iterate
***********************************************************/
/* Packaged Theme */
/* Site Theme */
/*******************************
             Mix-ins
*******************************/
/* ------------------
       Fonts
------------------- */
/* ------------------
     Overrides
------------------- */
/* End Config */
/*******************************
            Dropdown
*******************************/
.ui.dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
  outline: none;
  text-align: left;
  transition: box-shadow 0.1s ease, width 0.1s ease;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*******************************
            Content
*******************************/
/* --------------
      Menu
--------------- */
.ui.dropdown .menu {
  cursor: auto;
  position: absolute;
  display: none;
  outline: none;
  top: 100%;
  min-width: max-content;
  margin: 0;
  padding: 0;
  background: #fff;
  font-size: 1em;
  text-shadow: none;
  text-align: left;
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  transition: opacity 0.1s ease;
  z-index: 11;
  will-change: transform, opacity;
}
.ui.dropdown .menu > * {
  white-space: nowrap;
}
/* --------------
  Hidden Input
--------------- */
.ui.dropdown > input:not(.search):first-child,
.ui.dropdown > select {
  display: none !important;
}
/* --------------
 Dropdown Icon
--------------- */
.ui.dropdown:not(.labeled) > .dropdown.icon {
  position: relative;
  width: auto;
  min-width: 1em;
  font-size: 0.85714286em;
  margin: 0 0 0 1em;
}
.ui.dropdown .menu > .item .dropdown.icon {
  width: auto;
  float: right;
  margin: 0em 0 0 1em;
}
.ui.dropdown .menu > .item .dropdown.icon + .text {
  margin-right: 1em;
}
/* --------------
      Text
--------------- */
.ui.dropdown > .text {
  display: inline-block;
  transition: none;
}
/* --------------
    Menu Item
--------------- */
.ui.dropdown .menu > .item {
  position: relative;
  cursor: pointer;
  display: block;
  border: none;
  height: auto;
  min-height: 2.57142857rem;
  text-align: left;
  border-top: none;
  line-height: 1em;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.87);
  padding: 0.78571429rem 1.14285714rem;
  text-transform: none;
  font-weight: normal;
  box-shadow: none;
  -webkit-touch-callout: none;
}
.ui.dropdown .menu > .item:first-child {
  border-top-width: 0;
}
.ui.dropdown .menu > .item.vertical {
  display: flex;
  flex-direction: column-reverse;
}
/* --------------
  Floated Content
--------------- */
.ui.dropdown > .text > [class*="right floated"],
.ui.dropdown .menu .item > [class*="right floated"] {
  float: right !important;
  margin-right: 0 !important;
  margin-left: 1em !important;
}
.ui.dropdown > .text > [class*="left floated"],
.ui.dropdown .menu .item > [class*="left floated"] {
  float: left !important;
  margin-left: 0 !important;
  margin-right: 1em !important;
}
.ui.dropdown .menu .item > i.icon.floated,
.ui.dropdown .menu .item > .flag.floated,
.ui.dropdown .menu .item > .image.floated,
.ui.dropdown .menu .item > img.floated {
  margin-top: 0em;
}
/* --------------
  Menu Divider
--------------- */
.ui.dropdown .menu > .header {
  margin: 1rem 0 0.75rem;
  padding: 0 1.14285714rem;
  font-weight: bold;
  text-transform: uppercase;
}
.ui.dropdown .menu > .header:not(.ui) {
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.78571429em;
}
.ui.dropdown .menu > .divider {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  height: 0;
  margin: 0.5em 0;
}
.ui.dropdown .menu > .horizontal.divider {
  border-top: none;
}
.ui.ui.ui.dropdown .menu > .input {
  width: auto;
  display: flex;
  margin: 1.14285714rem 0.78571429rem;
  min-width: 10rem;
}
.ui.dropdown .menu > .header + .input {
  margin-top: 0;
}
.ui.dropdown .menu > .input:not(.transparent) input {
  padding: 0.5em 1em;
}
.ui.dropdown .menu > .input:not(.transparent) .button,
.ui.dropdown .menu > .input:not(.transparent) i.icon,
.ui.dropdown .menu > .input:not(.transparent) .label {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
/* -----------------
  Item Description
------------------- */
.ui.dropdown > .text > .description,
.ui.dropdown .menu > .item > .description {
  float: right;
  margin: 0 0 0 1em;
  color: rgba(0, 0, 0, 0.4);
}
.ui.dropdown .menu > .item.vertical > .description {
  margin: 0;
}
/* -----------------
      Item Text
------------------- */
.ui.dropdown .menu > .item.vertical > .text {
  margin-bottom: 0.25em;
}
/* -----------------
       Message
------------------- */
.ui.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem;
  font-weight: normal;
}
.ui.dropdown .menu > .message:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
}
/* --------------
    Sub Menu
--------------- */
.ui.dropdown .menu .menu {
  top: 0;
  left: 100%;
  right: auto;
  margin: 0 -0.5em !important;
  border-radius: 0.28571429rem !important;
  z-index: 21 !important;
}
/* Hide Arrow */
.ui.dropdown .menu .menu::after {
  display: none;
}
/* --------------
   Sub Elements
--------------- */
/* Icons / Flags / Labels / Image */
.ui.dropdown > .text > i.icons,
.ui.dropdown > .text > i.icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image {
  margin-top: 0em;
}
.ui.dropdown .menu > .item > i.icons,
.ui.dropdown .menu > .item > i.icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-top: 0em;
}
.ui.dropdown > .text > i.icons,
.ui.dropdown > .text > i.icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > i.icons,
.ui.dropdown .menu > .item > i.icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-left: 0;
  float: none;
  margin-right: 0.78571429rem;
}
/* --------------
     Image
--------------- */
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image:not(.icon),
.ui.dropdown .menu > .item > .image:not(.icon),
.ui.dropdown .menu > .item > img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
  max-height: 2em;
}
/*******************************
            Coupling
*******************************/
/* --------------
      Menu
--------------- */
/* Remove Menu Item Divider */
.ui.dropdown .ui.menu > .item::before,
.ui.menu .ui.dropdown .menu > .item::before {
  display: none;
}
/* Prevent Menu Item Border */
.ui.menu .ui.dropdown .menu .active.item {
  border-left: none;
}
/* Automatically float dropdown menu right on last menu item */
.ui.menu .right.menu .dropdown:last-child > .menu:not(.left),
.ui.menu .right.dropdown.item > .menu:not(.left),
.ui.buttons > .ui.dropdown:last-child > .menu:not(.left) {
  left: auto;
  right: 0;
}
/* --------------
          Label
    --------------- */
/* Dropdown Menu */
.ui.label.dropdown .menu {
  min-width: 100%;
}
/* --------------
         Button
    --------------- */
/* No Margin On Icon Button */
.ui.dropdown.icon.button > .dropdown.icon {
  margin: 0;
}
.ui.dropdown.button .menu {
  min-width: 100%;
}
.ui.dropdown.button:not(.pointing):not(.floating).active {
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}
.ui.dropdown.button:not(.pointing):not(.floating) > .menu {
  border-radius: 0 0 0.28571429rem 0.28571429rem;
}
/*******************************
              Types
*******************************/
select.ui.dropdown {
  height: 38px;
  padding: 0.5em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  visibility: visible;
}
/* --------------
        Selection
    --------------- */
/* Displays like a select box */
.ui.selection.dropdown {
  cursor: pointer;
  word-wrap: break-word;
  line-height: 1em;
  white-space: normal;
  outline: 0;
  transform: rotateZ(0);
  min-width: 14em;
  min-height: 2.71428571em;
  background: #fff;
  display: inline-block;
  padding: 0.78571429em 3.2em 0.78571429em 1em;
  color: rgba(0, 0, 0, 0.87);
  box-shadow: none;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  transition: box-shadow 0.1s ease, width 0.1s ease;
}
.ui.selection.dropdown.visible,
.ui.selection.dropdown.active {
  z-index: 10;
}
.ui.selection.dropdown > .search.icon,
.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon {
  cursor: pointer;
  position: absolute;
  width: auto;
  height: auto;
  line-height: 1.21428571em;
  top: 0.78571429em;
  right: 1em;
  z-index: 3;
  margin: -0.78571429em;
  padding: 0.91666667em;
  opacity: 0.5;
  transition: opacity 0.1s ease;
}
/* Compact */
.ui.compact.selection.dropdown {
  min-width: 0;
}
.ui.compact.selection.dropdown > .menu {
  width: auto;
}
.ui.compact.selection.dropdown > .menu:not(.multiline) {
  width: max-content;
}
/* Selection Menu */
.ui.selection.dropdown:not(.unlimited) .menu {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: none;
  backface-visibility: hidden;
}
.ui.selection.dropdown .menu {
  outline: none;
  margin: 0 -1px;
  min-width: calc(100% + 2px);
  width: calc(100% + 2px);
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  transition: opacity 0.1s ease;
}
.ui.selection.dropdown:not(.pointing):not(.floating) > .menu {
  border-top-width: 0;
  border-radius: 0 0 0.28571429rem 0.28571429rem;
}
.ui.selection.dropdown .menu::after,
.ui.selection.dropdown .menu::before {
  display: none;
}
/* --------------
        Message
    --------------- */
.ui.selection.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem;
}
@media only screen and (max-width: 767.98px) {
  .ui.ui.selection.dropdown.short .menu {
    max-height: 6.01071429rem;
  }
  .ui.ui.selection.dropdown[class*="very short"] .menu {
    max-height: 4.00714286rem;
  }
  .ui.selection.dropdown:not(.unlimited) .menu {
    max-height: 8.01428571rem;
  }
  .ui.ui.selection.dropdown.long .menu {
    max-height: 16.02857143rem;
  }
  .ui.ui.selection.dropdown[class*="very long"] .menu {
    max-height: 24.04285714rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.ui.selection.dropdown.short .menu {
    max-height: 8.01428571rem;
  }
  .ui.ui.selection.dropdown[class*="very short"] .menu {
    max-height: 5.34285714rem;
  }
  .ui.selection.dropdown:not(.unlimited) .menu {
    max-height: 10.68571429rem;
  }
  .ui.ui.selection.dropdown.long .menu {
    max-height: 21.37142857rem;
  }
  .ui.ui.selection.dropdown[class*="very long"] .menu {
    max-height: 32.05714286rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.ui.selection.dropdown.short .menu {
    max-height: 12.02142857rem;
  }
  .ui.ui.selection.dropdown[class*="very short"] .menu {
    max-height: 8.01428571rem;
  }
  .ui.selection.dropdown:not(.unlimited) .menu {
    max-height: 16.02857143rem;
  }
  .ui.ui.selection.dropdown.long .menu {
    max-height: 32.05714286rem;
  }
  .ui.ui.selection.dropdown[class*="very long"] .menu {
    max-height: 48.08571429rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.ui.selection.dropdown.short .menu {
    max-height: 16.02857143rem;
  }
  .ui.ui.selection.dropdown[class*="very short"] .menu {
    max-height: 10.68571429rem;
  }
  .ui.selection.dropdown:not(.unlimited) .menu {
    max-height: 21.37142857rem;
  }
  .ui.ui.selection.dropdown.long .menu {
    max-height: 42.74285714rem;
  }
  .ui.ui.selection.dropdown[class*="very long"] .menu {
    max-height: 64.11428571rem;
  }
}
/* Menu Item */
.ui.selection.dropdown .menu > .item {
  border-top: 1px solid #fafafa;
  padding: 0.78571429rem 1.14285714rem;
  white-space: normal;
  word-wrap: normal;
}
.ui.selection.pointing.dropdown .menu > .item:first-child,
.ui.selection.floating.dropdown .menu > .item:first-child {
  border-top: none;
}
/* User Item */
.ui.selection.dropdown .menu > .hidden.addition.item {
  display: none;
}
/* User addition item */
.ui.dropdown > .menu > .stuck.addition.item:first-child {
  position: sticky;
  top: 0;
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  background: #fff;
  z-index: 14;
}
/* Hover */
.ui.selection.dropdown:hover {
  border-color: rgba(34, 36, 38, 0.35);
  box-shadow: none;
}
/* Active */
.ui.selection.simple.dropdown:hover,
.ui.selection.active.dropdown {
  border-color: #96c8da;
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}
.ui.selection.simple.dropdown:hover .menu,
.ui.selection.active.dropdown .menu {
  border-color: #96c8da;
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}
/* Focus */
.ui.selection.dropdown:focus {
  border-color: #96c8da;
  box-shadow: none;
}
.ui.selection.dropdown:focus .menu {
  border-color: #96c8da;
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}
@supports selector(:has(.f)) {
  .ui.ui.selection.dropdown:not(.inverted):has(> input:focus) {
    border-color: #96c8da;
    box-shadow: none;
  }
  .ui.ui.selection.dropdown:not(.inverted):has(> input:focus) > i.icon {
    opacity: 1;
  }
}
.ui.ui.selection.dropdown:focus > i.icon {
  opacity: 1;
}
/* Visible */
.ui.selection.visible.dropdown > .text:not(.default) {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.8);
}
/* Visible Hover */
.ui.selection.active.dropdown:hover {
  border-color: #96c8da;
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}
.ui.selection.active.dropdown:hover .menu {
  border-color: #96c8da;
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}
/* Dropdown Icon */
.ui.active.selection.dropdown > .dropdown.icon,
.ui.visible.selection.dropdown > .dropdown.icon {
  opacity: "";
  z-index: 3;
}
/* Connecting Border */
.ui.active.selection.dropdown:not(.pointing):not(.floating) {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
/* Empty Connecting Border */
.ui.active.empty.selection.dropdown {
  border-radius: 0.28571429rem !important;
  box-shadow: none !important;
}
.ui.active.empty.selection.dropdown .menu {
  border: none !important;
  box-shadow: none !important;
}
/* CSS specific to iOS devices or firefox mobile only */
@supports (-webkit-touch-callout: none) or (-moz-appearance: none) {
  @media (-moz-touch-enabled), (pointer: coarse) {
    .ui.dropdown .scrollhint.menu:not(.hidden)::before {
      animation: scrollhint 2s ease 2;
      content: "";
      z-index: 15;
      display: block;
      position: absolute;
      opacity: 0;
      right: 0.25em;
      top: 0;
      height: 100%;
      border-right: 0.25em solid;
      border-left: 0;
      border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) 1 100%;
    }
    .ui.inverted.dropdown .scrollhint.menu:not(.hidden)::before {
      border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)) 1 100%;
    }
    @keyframes scrollhint {
      0% {
        opacity: 1;
        top: 100%;
      }
      100% {
        opacity: 0;
        top: 0;
      }
    }
  }
}
/* --------------
       Searchable
    --------------- */
/* Search Selection */
.ui.search.dropdown {
  min-width: "";
}
/* Search Dropdown */
.ui.search.dropdown > input.search {
  background: none transparent !important;
  border: none !important;
  box-shadow: none !important;
  cursor: text;
  top: 0;
  left: 1px;
  width: 100%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  padding: inherit;
}
/* Text Layering */
.ui.search.dropdown > input.search {
  position: absolute;
  z-index: 2;
}
.ui.search.dropdown > .text {
  cursor: text;
  position: relative;
  left: 1px;
  z-index: auto;
}
/* Search Selection */
.ui.search.selection.dropdown > input.search {
  line-height: 1.21428571em;
  padding: 0.67857143em 3.2em 0.67857143em 1em;
}
/* Used to size multi select input to character width */
.ui.search.selection.dropdown > span.sizer {
  line-height: 1.21428571em;
  padding: 0.67857143em 3.2em 0.67857143em 1em;
  display: none;
  white-space: pre;
}
/* Active/Visible Search */
.ui.search.dropdown.active > input.search,
.ui.search.dropdown.visible > input.search {
  cursor: auto;
}
.ui.search.dropdown.active > .text,
.ui.search.dropdown.visible > .text {
  pointer-events: none;
}
/* Filtered Text */
.ui.active.search.dropdown input.search:focus + .text i.icon,
.ui.active.search.dropdown input.search:focus + .text .flag {
  opacity: 0.45;
}
.ui.active.search.dropdown input.search:focus + .text {
  color: rgba(115, 115, 115, 0.87);
}
.ui.search.dropdown.button > span.sizer {
  display: none;
}
/* Search Menu */
.ui.search.dropdown:not(.unlimited) .menu {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: none;
  backface-visibility: hidden;
}
@media only screen and (max-width: 767.98px) {
  .ui.search.dropdown:not(.unlimited) .menu {
    max-height: 8.01428571rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.search.dropdown:not(.unlimited) .menu {
    max-height: 10.68571429rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.search.dropdown:not(.unlimited) .menu {
    max-height: 16.02857143rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.search.dropdown:not(.unlimited) .menu {
    max-height: 21.37142857rem;
  }
}
/* Clearable Selection */
.ui.dropdown > .remove.icon {
  cursor: pointer;
  font-size: 0.85714286em;
  margin: -0.78571429em;
  padding: 0.91666667em;
  right: 2em;
  top: 0.78571429em;
  position: absolute;
  opacity: 0.5;
  z-index: 3;
}
.ui.selection.dropdown > .remove.icon {
  right: 3em;
}
.ui.inline.dropdown > .remove.icon {
  right: 2.2em;
}
.ui.clearable.dropdown .text:not(.default),
.ui.clearable.dropdown:not(.search) > .ui.label:last-of-type {
  margin-right: 1.5em;
}
.ui.dropdown select.noselection ~ .remove.icon,
.ui.dropdown input[value=""] ~ .remove.icon,
.ui.dropdown input:not([value]):not(.search) ~ .remove.icon,
.ui.dropdown.loading > .remove.icon {
  display: none;
}
.ui.dropdown:not(.selection) > .remove.icon ~ .dropdown.icon {
  margin-left: 1.5em;
}
.ui.dropdown:not(.selection):not(.multiple) > .remove.icon {
  margin-top: -1.35em;
}
/* --------------
        Multiple
    --------------- */
/* Multiple Selection */
.ui.ui.multiple.dropdown {
  padding: 0.22619048em 3.2em 0.22619048em 0.35714286em;
}
.ui.multiple.dropdown .menu {
  cursor: auto;
}
/* Selection Label */
.ui.multiple.dropdown > .label {
  display: inline-block;
  white-space: normal;
  font-size: 1em;
  padding: 0.35714286em 0.78571429em;
  margin: 0.14285714rem 0.28571429rem 0.14285714rem 0;
  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
}
/* Dropdown Icon */
.ui.multiple.dropdown .dropdown.icon {
  margin: "";
  padding: "";
}
/* Text */
.ui.multiple.dropdown > .text {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45238095em 0 0.45238095em 0.64285714em;
  line-height: 1.21428571em;
}
.ui.multiple.dropdown > .text.default {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui.multiple.dropdown > .label ~ input.search {
  margin-left: 0.14285714em !important;
}
.ui.multiple.dropdown > .label ~ .text {
  display: none;
}
.ui.multiple.dropdown > .label:not(.image) > img:not(.centered) {
  margin-right: 0.78571429rem;
}
.ui.multiple.dropdown > .label:not(.image) > img.ui:not(.avatar) {
  margin-bottom: 0.39285714rem;
}
.ui.multiple.dropdown > .image.label img {
  margin: -0.35714286em 0.78571429em -0.35714286em -0.78571429em;
  height: 1.71428571em;
}
.ui.multiple.dropdown:not(.selection):not(.labeled) > .dropdown.icon {
  right: -1.5em;
}
.ui.multiple.dropdown:not(.selection):not(.labeled) > .remove.icon {
  margin-right: -1.5em;
}
.ui.multiple.dropdown:not(.selection):not(.labeled):not(.search) > .remove.icon ~ .text.default,
.ui.multiple.dropdown:not(.selection):not(.labeled) > .text.default:first-child {
  overflow: inherit;
}
/* -----------------
          Multiple Search
        ----------------- */
/* Multiple Search Selection */
.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown > input.search {
  cursor: text;
}
/* Prompt Text */
.ui.multiple.search.dropdown > .text {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: inherit;
  margin: 0.45238095em 0 0.45238095em 0.64285714em;
  line-height: 1.21428571em;
}
.ui.multiple.search.dropdown > .text.default {
  z-index: -1;
}
.ui.multiple.search.dropdown > .label ~ .text {
  display: none;
}
/* Search */
.ui.multiple.search.dropdown > input.search {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45238095em 0 0.45238095em 0.64285714em;
  width: 2.2em;
  line-height: 1.21428571em;
}
.ui.multiple.search.dropdown.button {
  min-width: 14em;
}
.ui.multiple.search.dropdown > span.sizer {
  display: none;
}
.ui.multiple.search.dropdown:not(.selection) > .remove.icon + input.search,
.ui.multiple.search.dropdown:not(.selection) > input.search:first-child {
  min-width: 5.05em;
}
/* --------------
         Inline
    --------------- */
.ui.inline.dropdown {
  cursor: pointer;
  display: inline-block;
  color: inherit;
}
.ui.inline.dropdown .dropdown.icon {
  margin: 0 0.21428571em;
  vertical-align: baseline;
}
.ui.inline.dropdown > .text {
  font-weight: bold;
}
.ui.inline.dropdown .menu {
  cursor: auto;
  margin-top: 0.21428571em;
  border-radius: 0.28571429rem;
}
/*******************************
            States
*******************************/
/* --------------------
        Active
---------------------- */
/* Menu Item Active */
.ui.dropdown .menu .active.item {
  background: transparent;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
  box-shadow: none;
  z-index: 12;
}
/* --------------------
        Hover
---------------------- */
/* Menu Item Hover */
.ui.dropdown .menu > .item:hover {
  background: #f2f2f2;
  color: rgba(0, 0, 0, 0.95);
  z-index: 13;
}
/* --------------------
     Default Text
---------------------- */
.ui.dropdown:not(.button) > .default.text,
.ui.default.dropdown:not(.button) > .text {
  color: rgba(191, 191, 191, 0.87);
}
.ui.dropdown:not(.button) > input:focus ~ .default.text,
.ui.default.dropdown:not(.button) > input:focus ~ .text {
  color: rgba(115, 115, 115, 0.87);
}
/* --------------------
           Loading
    --------------------- */
.ui.loading.dropdown > i.icon {
  height: 1em !important;
}
.ui.loading.selection.dropdown > i.icon {
  padding: 1.5em 1.28571429em !important;
}
.ui.loading.dropdown > i.icon::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0 0 -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}
.ui.loading.dropdown > i.icon::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  box-shadow: 0 0 0 1px transparent;
  margin: -0.64285714em 0 0 -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  animation: loader 0.6s infinite linear;
  border: 0.2em solid #767676;
  border-radius: 500rem;
}
/* Coupling */
.ui.loading.dropdown.button > i.icon::before,
.ui.loading.dropdown.button > i.icon::after {
  display: none;
}
.ui.loading.dropdown > .text {
  transition: none;
}
/* Used To Check Position */
.ui.dropdown .loading.menu {
  display: block;
  visibility: hidden;
  z-index: -1;
}
.ui.dropdown > .loading.menu {
  left: 0 !important;
  right: auto !important;
}
.ui.dropdown > .menu .loading.menu {
  left: 100% !important;
  right: auto !important;
}
/* --------------------
    Keyboard Select
---------------------- */
/* Selected Item */
.ui.dropdown.selected,
.ui.dropdown .menu .selected.item {
  background: #f7f7f7;
  color: rgba(0, 0, 0, 0.95);
}
/* --------------------
    Search Filtered
---------------------- */
/* Filtered Item */
.ui.dropdown > .filtered.text {
  visibility: hidden;
}
.ui.dropdown .filtered.item {
  display: none !important;
}
/* --------------------
            States
    ---------------------- */
.ui.dropdown.error,
.ui.dropdown.error > .text,
.ui.dropdown.error > .default.text {
  color: #9f3a38;
}
.ui.selection.dropdown.error {
  background: #fff6f6;
  border-color: #e0b4b4;
}
.ui.selection.dropdown.error:hover {
  border-color: #e0b4b4;
}
.ui.multiple.selection.error.dropdown > .label {
  border-color: #e0b4b4;
}
.ui.dropdown.error > .menu,
.ui.dropdown.error > .menu .menu {
  border-color: #e0b4b4;
}
.ui.dropdown.error > .menu > .item {
  color: #9f3a38;
}
/* Item Hover */
.ui.dropdown.error > .menu > .item:hover {
  background-color: #fbe7e7;
}
/* Item Active */
.ui.dropdown.error > .menu .active.item {
  background-color: #fdcfcf;
}
.ui.dropdown.info,
.ui.dropdown.info > .text,
.ui.dropdown.info > .default.text {
  color: #276f86;
}
.ui.selection.dropdown.info {
  background: #f8ffff;
  border-color: #a9d5de;
}
.ui.selection.dropdown.info:hover {
  border-color: #a9d5de;
}
.ui.multiple.selection.info.dropdown > .label {
  border-color: #a9d5de;
}
.ui.dropdown.info > .menu,
.ui.dropdown.info > .menu .menu {
  border-color: #a9d5de;
}
.ui.dropdown.info > .menu > .item {
  color: #276f86;
}
/* Item Hover */
.ui.dropdown.info > .menu > .item:hover {
  background-color: #e9f2fb;
}
/* Item Active */
.ui.dropdown.info > .menu .active.item {
  background-color: #cef1fd;
}
.ui.dropdown.success,
.ui.dropdown.success > .text,
.ui.dropdown.success > .default.text {
  color: #2c662d;
}
.ui.selection.dropdown.success {
  background: #fcfff5;
  border-color: #a3c293;
}
.ui.selection.dropdown.success:hover {
  border-color: #a3c293;
}
.ui.multiple.selection.success.dropdown > .label {
  border-color: #a3c293;
}
.ui.dropdown.success > .menu,
.ui.dropdown.success > .menu .menu {
  border-color: #a3c293;
}
.ui.dropdown.success > .menu > .item {
  color: #2c662d;
}
/* Item Hover */
.ui.dropdown.success > .menu > .item:hover {
  background-color: #e9fbe9;
}
/* Item Active */
.ui.dropdown.success > .menu .active.item {
  background-color: #dafdce;
}
.ui.dropdown.warning,
.ui.dropdown.warning > .text,
.ui.dropdown.warning > .default.text {
  color: #573a08;
}
.ui.selection.dropdown.warning {
  background: #fffaf3;
  border-color: #c9ba9b;
}
.ui.selection.dropdown.warning:hover {
  border-color: #c9ba9b;
}
.ui.multiple.selection.warning.dropdown > .label {
  border-color: #c9ba9b;
}
.ui.dropdown.warning > .menu,
.ui.dropdown.warning > .menu .menu {
  border-color: #c9ba9b;
}
.ui.dropdown.warning > .menu > .item {
  color: #573a08;
}
/* Item Hover */
.ui.dropdown.warning > .menu > .item:hover {
  background-color: #fbfbe9;
}
/* Item Active */
.ui.dropdown.warning > .menu .active.item {
  background-color: #fdfdce;
}
/* --------------------
            Clear
    ---------------------- */
.ui.dropdown > .remove.icon,
.ui.dropdown > .clear.dropdown.icon {
  opacity: 0.5;
  transition: opacity 0.1s ease;
}
.ui.dropdown > .remove.icon:hover,
.ui.dropdown > .clear.dropdown.icon:hover {
  opacity: 1;
}
/* --------------------
            Disabled
    ---------------------- */
/* Disabled */
.ui.disabled.dropdown,
.ui.dropdown .menu > .disabled.item {
  cursor: default;
  pointer-events: none;
  opacity: 0.45;
}
/* --------------------
            Read-Only
    ---------------------- */
.ui.read-only.dropdown {
  cursor: default;
  pointer-events: none;
}
.ui.disabled.dropdown > .remove.icon,
.ui.read-only.dropdown > .remove.icon,
.ui.disabled.dropdown > .label > .delete.icon,
.ui.read-only.dropdown > .label > .delete.icon {
  display: none;
}
/*******************************
           Variations
*******************************/
/* --------------
    Direction
--------------- */
/* Flyout Direction */
.ui.dropdown .menu {
  left: 0;
}
/* Default Side (Right) */
.ui.dropdown .right.menu > .menu,
.ui.dropdown .menu .right.menu {
  left: 100% !important;
  right: auto !important;
  border-radius: 0.28571429rem !important;
}
/* Leftward Opening Menu */
.ui.dropdown > .left.menu {
  left: auto !important;
  right: 0 !important;
}
.ui.dropdown > .left.menu .menu,
.ui.dropdown .menu .left.menu {
  left: auto;
  right: 100%;
  margin: 0 -0.5em 0 0 !important;
  border-radius: 0.28571429rem !important;
}
.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0 0 0;
}
.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0 0 0;
}
.ui.dropdown .item .left.dropdown.icon + .text,
.ui.dropdown .left.menu .item .dropdown.icon + .text {
  margin-left: 1em;
  margin-right: 0;
}
/* --------------
         Upward
    --------------- */
/* Upward Main Menu */
.ui.upward.dropdown > .menu {
  top: auto;
  bottom: 100%;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
}
/* Upward Sub Menu */
.ui.dropdown .upward.menu {
  top: auto !important;
  bottom: 0 !important;
}
/* Active Upward */
.ui.simple.upward.active.dropdown,
.ui.simple.upward.dropdown:hover {
  border-radius: 0 0 0.28571429rem 0.28571429rem;
}
/* Button */
.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
  border-radius: 0 0 0.28571429rem 0.28571429rem;
}
.ui.upward.dropdown.button:not(.pointing):not(.floating) > .menu {
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}
/* Selection */
.ui.ui.upward.selection.dropdown:not(.pointing):not(.floating) > .menu {
  border-top-width: 1px;
  border-bottom-width: 0;
  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}
.ui.upward.selection.dropdown:hover {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
}
/* Active Upward */
.ui.active.upward.selection.dropdown:not(.pointing):not(.floating) {
  border-radius: 0 0 0.28571429rem 0.28571429rem !important;
}
/* Visible Upward */
.ui.upward.selection.dropdown.visible {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
}
.ui.upward.selection.dropdown.visible:not(.pointing):not(.floating) {
  border-radius: 0 0 0.28571429rem 0.28571429rem !important;
}
/* Visible Hover Upward */
.ui.upward.active.selection.dropdown:hover {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05);
}
.ui.upward.active.selection.dropdown:hover:not(.pointing):not(.floating) .menu {
  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
}
/* --------------
         Scrolling
    --------------- */
/* Selection Menu */
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: none;
  backface-visibility: hidden;
  min-width: 100% !important;
  width: auto !important;
}
.ui.dropdown .scrolling.menu {
  position: static;
  border: none;
  box-shadow: none !important;
  border-radius: 0 0 0.28571429rem 0.28571429rem !important;
  margin: 0 !important;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.ui.ui.scrolling.dropdown .menu .item,
.ui.ui.ui.dropdown .scrolling.menu > .item {
  border-top: none;
}
.ui.scrolling.dropdown .menu .item:first-child,
.ui.dropdown .scrolling.menu .item:first-child {
  border-top: none;
}
.ui.dropdown > .animating.menu .scrolling.menu,
.ui.dropdown > .visible.menu .scrolling.menu {
  display: block;
}
/* Scrollbar in IE */
@media all and (-ms-high-contrast: none) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    min-width: calc(100% - 17px);
  }
}
@media only screen and (max-width: 767.98px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 10.28571429rem;
  }
  .ui.scrolling.resizable.dropdown .menu,
  .ui.dropdown .scrolling.resizable.menu {
    height: 10.28571429rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 15.42857143rem;
  }
  .ui.scrolling.resizable.dropdown .menu,
  .ui.dropdown .scrolling.resizable.menu {
    height: 15.42857143rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem;
  }
  .ui.scrolling.resizable.dropdown .menu,
  .ui.dropdown .scrolling.resizable.menu {
    height: 20.57142857rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem;
  }
  .ui.scrolling.resizable.dropdown .menu,
  .ui.dropdown .scrolling.resizable.menu {
    height: 20.57142857rem;
  }
}
.ui.scrolling.resizable.dropdown .menu,
.ui.dropdown .scrolling.resizable.menu {
  resize: vertical;
  max-height: none;
}
/* --------------------
            Labeled
    --------------------- */
/* Regular Label on Left */
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + .dropdown {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent;
}
/* Regular Label on Right */
.ui[class*="right labeled"].input > .dropdown:not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right-color: transparent !important;
}
.ui[class*="right labeled"].input > .dropdown + .label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/* --------------
         Columnar
    --------------- */
.ui.column.dropdown > .menu {
  flex-wrap: wrap;
}
.ui.dropdown[class*="two column"] > .menu > .item {
  width: 50%;
}
.ui.dropdown[class*="three column"] > .menu > .item {
  width: 33%;
}
.ui.dropdown[class*="four column"] > .menu > .item {
  width: 25%;
}
.ui.dropdown[class*="five column"] > .menu > .item {
  width: 20%;
}
/* --------------
         Simple
    --------------- */
/* Displays without javascript */
.ui.simple.dropdown .menu::before,
.ui.simple.dropdown .menu::after {
  display: none;
}
.ui.simple.dropdown .menu {
  position: absolute;
  /* IE hack to make dropdown icons appear inline */
  display: -ms-inline-flexbox !important;
  display: block;
  overflow: hidden;
  top: -9999px;
  opacity: 0;
  width: 0;
  height: 0;
  transition: opacity 0.1s ease;
  margin-top: 0 !important;
}
.ui.simple.dropdown .upward.menu {
  margin-bottom: 1.5em;
}
.ui.simple.selection.dropdown .upward.menu {
  margin-bottom: 2.5em;
}
.ui.menu:not(.vertical) .ui.simple.dropdown.item .upward.menu {
  margin-bottom: 2.8em;
}
.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ui.simple.active.dropdown > .menu,
.ui.simple.dropdown:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 100%;
  opacity: 1;
}
.ui.simple.dropdown > .menu > .item:active > .menu,
.ui.simple.dropdown .menu .item:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 0 !important;
  left: 100%;
  opacity: 1;
}
.ui.simple.selection.active.dropdown > .menu,
.ui.simple.selection.dropdown:hover > .menu,
.ui.simple.selection.dropdown > .menu > .item:active > .menu,
.ui.simple.selection.dropdown .menu .item:hover > .menu {
  overflow: auto;
  overscroll-behavior: none;
}
.ui.simple.dropdown > .menu > .item:active > .left.menu,
.ui.simple.dropdown .menu .item:hover > .left.menu,
.right.menu .ui.simple.dropdown > .menu > .item:active > .menu:not(.right),
.right.menu .ui.simple.dropdown > .menu .item:hover > .menu:not(.right) {
  left: auto;
  right: 100%;
}
.ui.simple.disabled.dropdown:hover .menu {
  display: none;
  height: 0;
  width: 0;
  overflow: hidden;
}
/* Visible */
.ui.simple.visible.dropdown > .menu {
  display: block;
}
/* Scrolling */
.ui.simple.scrolling.active.dropdown > .menu,
.ui.simple.scrolling.dropdown:hover > .menu {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: none;
}
/* --------------
          Fluid
    --------------- */
.ui.fluid.dropdown {
  display: block;
  width: 100% !important;
  min-width: 0;
}
.ui.fluid.dropdown > .dropdown.icon {
  float: right;
}
/* --------------
        Floating
    --------------- */
.ui.floating.dropdown > .menu {
  left: 0;
  right: auto;
  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important;
  border-radius: 0.28571429rem !important;
}
.ui:not(.upward).floating.dropdown > .menu {
  margin-top: 0.5em;
}
.ui.upward.floating.dropdown:not(.simple) > .menu {
  margin-bottom: 0.5em;
}
/* --------------
         Pointing
    --------------- */
.ui.pointing.dropdown > .menu {
  top: 100%;
  margin-top: 0.78571429rem;
  border-radius: 0.28571429rem;
}
.ui.pointing.dropdown > .menu:not(.hidden)::after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: "";
  visibility: visible;
  transform: rotate(45deg);
  width: 0.5em;
  height: 0.5em;
  box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
  background: #fff;
  z-index: 2;
}
@supports selector(:has(.f)) {
  .ui.pointing.dropdown:not(.upward) .menu:has(:first-child:hover)::after,
  .ui.upward.pointing.dropdown .menu:has(:last-child:hover)::after {
    background: #f2f2f2;
  }
  .ui.pointing.dropdown:not(.upward) .menu:has(.selected.item:first-child)::after,
  .ui.upward.pointing.dropdown .menu:has(.selected.item:last-child)::after {
    background: #f7f7f7;
  }
}
.ui.selection.pointing.dropdown > .menu::after {
  box-shadow: -1px -1px 0 0 #96c8da;
}
.ui.pointing.dropdown > .menu:not(.hidden)::after {
  top: -0.25em;
  left: 50%;
  margin: 0 0 0 -0.25em;
}
/* Top Left Pointing */
.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0;
  right: auto;
  margin: 1em 0 0;
}
.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0;
  right: auto;
  margin: 1em 0 0;
}
.ui.top.left.pointing.dropdown > .menu::after {
  top: -0.25em;
  left: 1em;
  right: auto;
  margin: 0;
  transform: rotate(45deg);
}
/* Top Right Pointing */
.ui.top.right.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  right: 0;
  left: auto;
  margin: 1em 0 0;
}
.ui.top.pointing.dropdown > .left.menu::after,
.ui.top.right.pointing.dropdown > .menu::after {
  top: -0.25em;
  left: auto !important;
  right: 1em !important;
  margin: 0;
  transform: rotate(45deg);
}
/* Left Pointing */
.ui.left.pointing.dropdown > .menu {
  top: 0;
  left: 100%;
  right: auto;
  margin: 0 0 0 1em;
}
.ui.left.pointing.dropdown > .menu::after {
  top: 1em;
  left: -0.25em;
  margin: 0;
  transform: rotate(-45deg);
}
.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
  left: auto !important;
  right: 100% !important;
  margin: 0 1em 0 0;
}
.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu::after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0;
  transform: rotate(135deg);
}
/* Right Pointing */
.ui.right.pointing.dropdown > .menu {
  top: 0;
  left: auto;
  right: 100%;
  margin: 0 1em 0 0;
}
.ui.right.pointing.dropdown > .menu::after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0;
  transform: rotate(135deg);
}
/* Bottom Pointing */
.ui.bottom.pointing.dropdown > .menu {
  top: auto;
  bottom: 100%;
  left: 0;
  right: auto;
  margin: 0 0 1em;
}
.ui.bottom.pointing.dropdown > .menu::after {
  top: auto;
  bottom: -0.25em;
  right: auto;
  margin: 0;
  transform: rotate(-135deg);
}
/* Reverse Sub-Menu Direction */
.ui.bottom.pointing.dropdown > .menu .menu {
  top: auto !important;
  bottom: 0 !important;
}
/* Bottom Left */
.ui.bottom.left.pointing.dropdown > .menu {
  left: 0;
  right: auto;
}
.ui.bottom.left.pointing.dropdown > .menu::after {
  left: 1em;
  right: auto;
}
/* Bottom Right */
.ui.bottom.right.pointing.dropdown > .menu {
  right: 0;
  left: auto;
}
.ui.bottom.right.pointing.dropdown > .menu::after {
  left: auto;
  right: 1em;
}
/* Upward pointing */
.ui.pointing.upward.dropdown .menu,
.ui.top.pointing.upward.dropdown .menu {
  top: auto !important;
  bottom: 100% !important;
  margin: 0 0 0.78571429rem;
  border-radius: 0.28571429rem;
}
.ui.pointing.upward.dropdown .menu::after,
.ui.top.pointing.upward.dropdown .menu::after {
  top: 100% !important;
  bottom: auto !important;
  box-shadow: 1px 1px 0 0 rgba(34, 36, 38, 0.15);
  margin: -0.25em 0 0;
}
.ui.selection.pointing.upward.dropdown .menu::after {
  box-shadow: 1px 1px 0 0 #96c8da;
}
/* Right Pointing Upward */
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  top: auto !important;
  bottom: 0 !important;
  margin: 0 1em 0 0;
}
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu::after {
  top: auto !important;
  bottom: 0 !important;
  margin: 0 0 1em 0;
  box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
}
/* Left Pointing Upward */
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  top: auto !important;
  bottom: 0 !important;
  margin: 0 0 0 1em;
}
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu::after {
  top: auto !important;
  bottom: 0 !important;
  margin: 0 0 1em 0;
  box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
}
.ui.floating.dropdown .menu .item:first-child,
.ui.pointing.dropdown .menu .item:first-child {
  border-top-left-radius: 0.28571429rem;
  border-top-right-radius: 0.28571429rem;
}
.ui.floating.dropdown .menu .item:last-child,
.ui.pointing.dropdown .menu .item:last-child {
  border-bottom-left-radius: 0.28571429rem;
  border-bottom-right-radius: 0.28571429rem;
}
/* --------------------
        Sizes
--------------------- */
.ui.dropdown,
.ui.dropdown .menu > .item {
  font-size: 1rem;
}
.ui.ui.mini.dropdown,
.ui.ui.mini.dropdown .menu > .item {
  font-size: 0.78571429rem;
}
.ui.ui.tiny.dropdown,
.ui.ui.tiny.dropdown .menu > .item {
  font-size: 0.85714286rem;
}
.ui.ui.small.dropdown,
.ui.ui.small.dropdown .menu > .item {
  font-size: 0.92857143rem;
}
.ui.ui.large.dropdown,
.ui.ui.large.dropdown .menu > .item {
  font-size: 1.14285714rem;
}
.ui.ui.big.dropdown,
.ui.ui.big.dropdown .menu > .item {
  font-size: 1.28571429rem;
}
.ui.ui.huge.dropdown,
.ui.ui.huge.dropdown .menu > .item {
  font-size: 1.42857143rem;
}
.ui.ui.massive.dropdown,
.ui.ui.massive.dropdown .menu > .item {
  font-size: 1.71428571rem;
}
/* --------------
        Inverted
    --------------- */
/* General rules and basic dropdowns */
.ui.dropdown .inverted.menu,
.ui.inverted.dropdown .menu {
  background: #1b1c1d;
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.ui.dropdown .inverted.menu > .item,
.ui.inverted.dropdown .menu > .item {
  color: rgba(255, 255, 255, 0.8);
}
.ui.dropdown .inverted.menu .active.item,
.ui.inverted.dropdown .menu .active.item {
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
  box-shadow: none;
}
.ui.dropdown .inverted.menu > .item:hover,
.ui.inverted.dropdown .menu > .item:hover {
  background: #2d2e2f;
  color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.dropdown.selected,
.ui.dropdown .inverted.menu .selected.item,
.ui.inverted.dropdown .menu .selected.item {
  background: #3d3e3f;
  color: rgba(255, 255, 255, 0.8);
}
.ui.dropdown .inverted.menu > .header,
.ui.inverted.dropdown .menu > .header {
  color: #fff;
}
.ui.inverted.dropdown > .text > .description,
.ui.dropdown .inverted.menu > .item > .description,
.ui.inverted.dropdown .menu > .item > .description {
  color: rgba(255, 255, 255, 0.5);
}
.ui.dropdown .inverted.menu > .divider,
.ui.inverted.dropdown .menu > .divider {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.ui.dropdown .inverted.scrolling.menu,
.ui.inverted.dropdown .scrolling.menu {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
/* Selection */
.ui.inverted.selection.dropdown {
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: #1b1c1d;
  color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.selection.dropdown:hover {
  border-color: rgba(255, 255, 255, 0.25);
  box-shadow: none;
}
.ui.inverted.selection.dropdown input {
  color: #fff;
}
.ui.inverted.selection.visible.dropdown > .text:not(.default) {
  color: rgba(255, 255, 255, 0.9);
}
.ui.selection.simple.dropdown:hover .inverted.menu,
.ui.inverted.selection.simple.dropdown:hover .menu,
.ui.selection.active.dropdown .inverted.menu,
.ui.inverted.selection.active.dropdown .menu,
.ui.inverted.selection.active.dropdown:hover {
  border-color: rgba(255, 255, 255, 0.15);
}
.ui.selection.dropdown .inverted.menu > .item,
.ui.inverted.selection.dropdown .menu > .item {
  border-top: 1px solid #242526;
}
.ui.inverted.dropdown:not(.button) > .default.text,
.ui.inverted.default.dropdown:not(.button) > .text {
  color: rgba(255, 255, 255, 0.5);
}
.ui.inverted.dropdown:not(.button) > input:focus ~ .default.text,
.ui.inverted.default.dropdown:not(.button) > input:focus ~ .text {
  color: rgba(255, 255, 255, 0.7);
}
.ui.inverted.active.search.dropdown input.search:focus + .text i.icon,
.ui.inverted.active.search.dropdown input.search:focus + .text .flag {
  opacity: 0.45;
}
.ui.inverted.active.search.dropdown input.search:focus + .text {
  color: rgba(255, 255, 255, 0.7);
}
.ui.dropdown .inverted.menu > .message:not(.ui),
.ui.inverted.dropdown .menu > .message:not(.ui) {
  color: rgba(255, 255, 255, 0.5);
}
/* Fixing the border */
.ui.dropdown .inverted.menu > .item:first-child,
.ui.inverted.dropdown .menu > .item:first-child {
  border-top-width: 0;
}
/* Labels */
.ui.inverted.multiple.dropdown > .label {
  background-color: rgba(255, 255, 255, 0.7);
  background-image: none;
  color: #000000;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0) inset;
}
.ui.inverted.multiple.dropdown > .label:hover {
  background-color: rgba(255, 255, 255, 0.9);
  border-color: rgba(255, 255, 255, 0.9);
  background-image: none;
  color: #000000;
}
.ui.inverted.multiple.dropdown > .label > .close.icon,
.ui.inverted.multiple.dropdown > .label > .delete.icon {
  opacity: 0.6;
}
.ui.inverted.multiple.dropdown > .label > .close.icon:hover,
.ui.inverted.multiple.dropdown > .label > .delete.icon:hover {
  opacity: 0.8;
}
/* Selection for form elements */
.ui.inverted.dropdown textarea::selection,
.ui.inverted.dropdown input::selection {
  background-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.8);
}
/* Scrollbars */
.ui.dropdown .inverted.menu::-webkit-scrollbar-track,
.ui.inverted.dropdown .menu::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}
.ui.dropdown .inverted.menu::-webkit-scrollbar-thumb,
.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.25);
}
.ui.dropdown .inverted.menu::-webkit-scrollbar-thumb:window-inactive,
.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.15);
}
.ui.dropdown .inverted.menu::-webkit-scrollbar-thumb:hover,
.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.35);
}
.ui.dropdown .inverted.menu,
.ui.inverted.dropdown .menu {
  /* IE11 */
  scrollbar-face-color: #656565;
  scrollbar-shadow-color: #656565;
  scrollbar-track-color: #323232;
  scrollbar-arrow-color: #323232;
}
@supports (-moz-appearance: none) {
  .ui.dropdown .inverted.menu,
  .ui.inverted.dropdown .menu {
    /* firefox: first color thumb, second track */
    scrollbar-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.1);
  }
}
.ui.pointing.dropdown > .inverted.menu::after,
.ui.inverted.pointing.dropdown > .menu::after {
  background: #1b1c1d;
  box-shadow: -1px -1px 0 0 rgba(255, 255, 255, 0.15);
}
.ui.inverted.upward.pointing.dropdown > .menu::after {
  box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.15);
}
@supports selector(:has(.f)) {
  .ui.inverted.pointing.dropdown:not(.upward) .menu:has(:first-child:hover)::after,
  .ui.inverted.upward.pointing.dropdown .menu:has(:last-child:hover)::after {
    background: #2d2e2f;
  }
  .ui.inverted.pointing.dropdown:not(.upward) .menu:has(.selected.item:first-child)::after,
  .ui.inverted.upward.pointing.dropdown .menu:has(.selected.item:last-child)::after {
    background: #3d3e3f;
  }
}
/*******************************
         Theme Overrides
*******************************/
/* Dropdown Carets */
@font-face {
  font-family: Dropdown;
  src: url("data:application/font-woff;base64,d09GRk9UVE8AAASEAAsAAAAABwQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAC5AAAAU8AAAHrSr22AUZGVE0AAARQAAAAHAAAAByNrZ/TR0RFRgAABDQAAAAcAAAAIAAnABhPUy8yAAABYAAAAEIAAABgTadXCGNtYXAAAAKEAAAAVAAAAWQFcOKQaGVhZAAAAQgAAAAyAAAANg+j805oaGVhAAABPAAAABsAAAAkAwcBDWhtdHgAAARsAAAAFgAAAB4EAQASbWF4cAAAAVgAAAAGAAAABgAIUABuYW1lAAABpAAAAN8AAAG2rSbAM3Bvc3QAAALYAAAADAAAACAAAwAAeJxjYGRgYADiKjtG3nh+m68M3EwMIHCBwT0CRN9PyHYCUp6Mqox5QJqDASwNAMNOBrgAAHicY2BkYGB88P8BkFRlYACTjAyogB0AWWsDFgAAAFAAAAgAAHicY2Bm+Mg4gYGVgYHRhzGNgYHBHUp/ZZBkaGFABYwCSJyANNcUBgcGhg+3GB/8fwCUfMCgAFIDV6AAhIwAUbEMSQAAeJx1zTEKwkAUBNBJjIoKIggW2mwvBEVvIAgiNhY2VjEuQUh2YY2FeACPYOltvIH3cZJ8ywQS3p/d+QEwwAce/o8v9tDGUOzTU3GDXokD+ihuooeHuMX8Je5ijC9bXtCRP1T20Kcq+/RE3KAX4oDeipsYIRa3mD/FXSzxLtZeeGyR8bUwHGObWUvsoZHghhQRHEed3NLI1d+vyw/c43DleZErzBFixli768UaNQ9n9d11OedsJdxiyk0RZ40zsxPu/G7K7k66IUvW5CrRRrso12d1uqtNbHfcF+IHrnU+mwB4nGNgYGBmgGAZBkYGEIgD8hjBfBYGJyDNxcDBwASEjAwKH279//v/P1iVwofrYDbj/8dgPkQvGwMPkGRhYAWy2MHCbEDMxIAXMOOXHvIAAINhDt14nGNgZsALAAB9AAR4nE2Pv0rEQBCHZ3J7d4vGqEcOFaKC/zolZ6OWwmElNj6ClYWmyivcblyzE+RaK8EHsPMxBBtrwUdwA1fobpI7ZWBYfux8fD8ExgAR+fVVcpMkt4AeIAzLLSi3sdzxyt1WucqU31I+25iDtcvej1Kzh99V7+a19NoRPC1GAEsRvCxHwCP87MG8I7WgDRwWoAcrEMGmnT3YT+N0kB7G6Vk8PHLr2K0Tt04HB3FjMhUCQIESM7xDhfeYA3dcz5IZdOAcHuAD14MgeAu+zTNTRV5oTUR5obgZdwpVZFqQzEfKTiaE4JNwEralHGUuErnQNjE2oYxUwS0ldBTSxI3L7cOyKo60ib0lezSl1Rw+GXdq1pQiH03SdzKka4ymosLQTMcedSuIlEJUMqNcUi0jdIP5Ysb++leqLtSI/NWSTS0xq0WyYajQXPSVP/cLitO4NgB4nGNgZGBg4AFiAQYJBiYgzQLEIJoRggEFbQBAAAAAAQAAAADeTO04AAAAANAAR1gAAAAA32BrQnicY2BAAEYQVoVghu0MQgwMAAc/ARcAAA==") format("woff");
  font-weight: normal;
  font-style: normal;
}
.ui.dropdown > .dropdown.icon {
  font-family: Dropdown;
  line-height: 1;
  height: 1em;
  width: 1.23em;
  backface-visibility: hidden;
  font-weight: normal;
  font-style: normal;
  text-align: center;
}
.ui.dropdown > .dropdown.icon {
  width: auto;
}
.ui.dropdown > .dropdown.icon::before {
  content: "\f0d7";
}
/* Sub Menu */
.ui.dropdown .menu .item .dropdown.icon::before {
  content: "\f0da" /* rtl: "\f0d9" */;
}
.ui.dropdown .item .left.dropdown.icon::before,
.ui.dropdown .left.menu .item .dropdown.icon::before {
  content: "\f0d9" /*rtl: "\f0da" */;
}
/* Vertical Menu Dropdown */
.ui.vertical.menu .dropdown.item > .dropdown.icon::before {
  content: "\f0da" /* rtl: "\f0d9" */;
}
/* Icons for Reference
.dropdown.down.icon {
  content: "\f0d7";
}
.dropdown.up.icon {
  content: "\f0d8";
}
.dropdown.left.icon {
  content: "\f0d9";
}
.dropdown.icon.icon {
  content: "\f0da";
}
*/
.ui.search.dropdown > input.search {
  font-size: 13px;
}
.ui.selection.active.dropdown,
.ui.selection.active.dropdown:hover,
.ui.selection.active.dropdown:hover .menu,
.ui.selection.active.dropdown .menu,
.ui.selection.active.dropdown .menu:hover {
  border-color: #ED8F49;
}
/*!
 * # Fomantic-UI - Transition
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/* ------------------
       Theme
------------------- */
/* --------------------
   Site Variables
--------------------- */
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/***********************************************************
  Central element variation compilation enablers
***********************************************************/
/* General */
/*******************************
           Elements
*******************************/
/* Button */
/* Container */
/* Divider */
/* Header */
/* Icon */
/* Font Awesome Pro only */
/* Font Awesome Pro only */
/* Image */
/* Input */
/* Label */
/* List */
/* Loader */
/* Placeholder */
/* Rail */
/* Reveal */
/* Segment */
/* Step */
/* Text */
/*******************************
           Collections
*******************************/
/* Breadcrumb */
/* Form */
/* Grid */
/* Menu */
/* Message */
/* Table */
/*******************************
             Views
*******************************/
/* Ad */
/* Card */
/* Comment */
/* Feed */
/* Item */
/* Statistic */
/*******************************
            Modules
*******************************/
/* Accordion */
/* Calendar */
/* Checkbox */
/* Dimmer */
/* Dropdown */
/* Embed */
/* Flyout */
/* Modal */
/* Nag */
/* Popup */
/* Progress */
/* Rating */
/* Search */
/* Shape */
/* Sidebar */
/* Slider */
/* Tab */
/* Toast */
/* Transition */
/* Emojis */
/* -------------------
       Fonts
-------------------- */
/* -------------------
      Base Sizes
-------------------- */
/* This is the single variable that controls them all */
/* The size of page text */
/* -------------------
    Border Radius
-------------------- */
/* See Power-user section below
   for explanation of @px variables
*/
/* -------------------
    Brand Colors
-------------------- */
/* Whenever a color needs to get calculated (screen()/multiply()) out of a base color */
/* --------------
  Page Heading
--------------- */
/* --------------
   Form Input
--------------- */
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/* -------------------
    Focused Input
-------------------- */
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/* -------------------
        Sizes
-------------------- */
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/* -------------------
        Page
-------------------- */
/* -------------------
      Paragraph
-------------------- */
/* -------------------
       Links
-------------------- */
/* -------------------
    Scroll Bars
-------------------- */
/* Inverted */
/* IE needs hex values */
/* Scrolling */
/* -------------------
  Highlighted Text
-------------------- */
/* -------------------
       Loader
-------------------- */
/* -------------------
        Grid
-------------------- */
/* -------------------
     Transitions
-------------------- */
/* -------------------
     Breakpoints
-------------------- */
/* -------------------
      Site Colors
-------------------- */
/* ---  Colors  --- */
/* ---  Light Colors  --- */
/* ---   Neutrals  --- */
/* --- Colored Backgrounds --- */
/* --- Colored Headers --- */
/* --- Colored Text --- */
/* --- Light Colored Text --- */
/* --- Hovered Colored Text --- */
/* --- Colored Border --- */
/* --- Shadows --- */
/* Inverted */
/* Box Shadows */
/* -------------------
     Alpha Colors
-------------------- */
/* -------------------
       Accents
-------------------- */
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/* -------------------
    Emotive Colors
-------------------- */
/* Positive */
/* Negative */
/* Info */
/* Warning */
/* -------------------
        Paths
-------------------- */
/* For source only. Modified in gulp for dist */
/* -------------------
       Em Sizes
-------------------- */
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/* -------------------
       Icons
-------------------- */
/* Maximum Glyph Width of Icon */
/* -------------------
     Neutral Text
-------------------- */
/* -------------------
     Brand Colors
-------------------- */
/* -------------------
      Borders
-------------------- */
/* -------------------
    Derived Values
-------------------- */
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* -------------------
  Exact Pixel Values
-------------------- */
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/* -------------------
      Disabled
-------------------- */
/* -------------------
        Hover
-------------------- */
/* ---  Shadows  --- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
        Focus
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
    Down (:active)
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
        Active
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* ---  Tertiary  --- */
/* ---  Bright  --- */
/*******************************
 States shared in Form-related components
 *******************************/
/* Form state */
/* Input state */
/* AutoFill */
/* Dropdown state */
/* Focused state */
/* Placeholder state */
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/***********************************************************
  Central element variation compilation enablers
***********************************************************/
/* General */
/*******************************
           Elements
*******************************/
/* Button */
/* Container */
/* Divider */
/* Header */
/* Icon */
/* Font Awesome Pro only */
/* Font Awesome Pro only */
/* Image */
/* Input */
/* Label */
/* List */
/* Loader */
/* Placeholder */
/* Rail */
/* Reveal */
/* Segment */
/* Step */
/* Text */
/*******************************
           Collections
*******************************/
/* Breadcrumb */
/* Form */
/* Grid */
/* Menu */
/* Message */
/* Table */
/*******************************
             Views
*******************************/
/* Ad */
/* Card */
/* Comment */
/* Feed */
/* Item */
/* Statistic */
/*******************************
            Modules
*******************************/
/* Accordion */
/* Calendar */
/* Checkbox */
/* Dimmer */
/* Dropdown */
/* Embed */
/* Flyout */
/* Modal */
/* Nag */
/* Popup */
/* Progress */
/* Rating */
/* Search */
/* Shape */
/* Sidebar */
/* Slider */
/* Tab */
/* Toast */
/* Transition */
/* Emojis */
/* -------------------
       Fonts
-------------------- */
/* -------------------
      Base Sizes
-------------------- */
/* This is the single variable that controls them all */
/* The size of page text */
/* -------------------
    Border Radius
-------------------- */
/* See Power-user section below
   for explanation of @px variables
*/
/* -------------------
    Brand Colors
-------------------- */
/* Whenever a color needs to get calculated (screen()/multiply()) out of a base color */
/* --------------
  Page Heading
--------------- */
/* --------------
   Form Input
--------------- */
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/* -------------------
    Focused Input
-------------------- */
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/* -------------------
        Sizes
-------------------- */
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/* -------------------
        Page
-------------------- */
/* -------------------
      Paragraph
-------------------- */
/* -------------------
       Links
-------------------- */
/* -------------------
    Scroll Bars
-------------------- */
/* Inverted */
/* IE needs hex values */
/* Scrolling */
/* -------------------
  Highlighted Text
-------------------- */
/* -------------------
       Loader
-------------------- */
/* -------------------
        Grid
-------------------- */
/* -------------------
     Transitions
-------------------- */
/* -------------------
     Breakpoints
-------------------- */
/* -------------------
      Site Colors
-------------------- */
/* ---  Colors  --- */
/* ---  Light Colors  --- */
/* ---   Neutrals  --- */
/* --- Colored Backgrounds --- */
/* --- Colored Headers --- */
/* --- Colored Text --- */
/* --- Light Colored Text --- */
/* --- Hovered Colored Text --- */
/* --- Colored Border --- */
/* --- Shadows --- */
/* Inverted */
/* Box Shadows */
/* -------------------
     Alpha Colors
-------------------- */
/* -------------------
       Accents
-------------------- */
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/* -------------------
    Emotive Colors
-------------------- */
/* Positive */
/* Negative */
/* Info */
/* Warning */
/* -------------------
        Paths
-------------------- */
/* For source only. Modified in gulp for dist */
/* -------------------
       Em Sizes
-------------------- */
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/* -------------------
       Icons
-------------------- */
/* Maximum Glyph Width of Icon */
/* -------------------
     Neutral Text
-------------------- */
/* -------------------
     Brand Colors
-------------------- */
/* -------------------
      Borders
-------------------- */
/* -------------------
    Derived Values
-------------------- */
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* -------------------
  Exact Pixel Values
-------------------- */
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/* -------------------
      Disabled
-------------------- */
/* -------------------
        Hover
-------------------- */
/* ---  Shadows  --- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
        Focus
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
    Down (:active)
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* -------------------
        Active
-------------------- */
/* ---  Colors  --- */
/* ---  Emotive  --- */
/* ---  Brand   --- */
/* ---  Dark Tones  --- */
/* ---  Light Tones  --- */
/* ---  Tertiary  --- */
/* ---  Bright  --- */
/*******************************
 States shared in Form-related components
 *******************************/
/* Form state */
/* Input state */
/* AutoFill */
/* Dropdown state */
/* Focused state */
/* Placeholder state */
/* Component's site.variables */
/* Site theme site.variables */
/* -------------------
 Component Variables
--------------------- */
/* Default */
/*******************************
          Transition
*******************************/
/* Packaged Theme */
/* Site Theme */
/* -------------------------
    Central Color Map
------------------------- */
/* Default */
/***********************************************************
  Central Color Mapping Base for all components to iterate
***********************************************************/
/***********************************************************
  Color Mapping Base for form components to iterate
***********************************************************/
/* Packaged colors.less */
/***********************************************************
  Central Color Mapping Base for all components to iterate
***********************************************************/
/***********************************************************
  Color Mapping Base for form components to iterate
***********************************************************/
/* Packaged Theme */
/* Site Theme */
/*******************************
             Mix-ins
*******************************/
/* ------------------
       Fonts
------------------- */
/* ------------------
     Overrides
------------------- */
/* End Config */
/*******************************
          Transitions
*******************************/
.transition {
  animation-iteration-count: 1;
  animation-duration: 300ms;
  animation-timing-function: ease;
  animation-fill-mode: both;
}
/*******************************
            States
*******************************/
/* Animating */
.animating.transition {
  backface-visibility: hidden;
  visibility: visible !important;
}
/* Loading */
.loading.transition {
  position: absolute;
  top: -99999px;
  left: -99999px;
}
/* Hidden */
.hidden.transition {
  display: none;
  visibility: hidden;
}
/* Visible */
.visible.transition {
  display: block !important;
  visibility: visible !important;
  /* backface-visibility: @backfaceVisibility;
      transform: @use3DAcceleration; */
}
/* Disabled */
.disabled.transition {
  animation-play-state: paused;
}
/*******************************
          Variations
*******************************/
.looping.transition {
  animation-iteration-count: infinite;
}
/* Pulsating */
.pulsating.transition {
  animation-name: pulsating;
  animation-duration: 2000ms;
  box-shadow: 0 0 0 0 rgba(128, 128, 128, 0.5);
}
.inverted.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
}
@keyframes pulsating {
  100% {
    box-shadow: 0 0 0 0.8rem rgba(255, 255, 255, 0);
  }
}
.primary.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(33, 133, 208, 0.5);
}
.primary.inverted.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(84, 200, 255, 0.7);
}
.secondary.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(27, 28, 29, 0.5);
}
.secondary.inverted.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(84, 84, 84, 0.7);
}
.red.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(219, 40, 40, 0.5);
}
.red.inverted.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(255, 105, 94, 0.7);
}
.orange.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(242, 113, 28, 0.5);
}
.orange.inverted.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(255, 133, 27, 0.7);
}
.yellow.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(251, 189, 8, 0.5);
}
.yellow.inverted.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(255, 226, 31, 0.7);
}
.olive.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(181, 204, 24, 0.5);
}
.olive.inverted.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(217, 231, 120, 0.7);
}
.green.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(33, 186, 69, 0.5);
}
.green.inverted.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(46, 204, 64, 0.7);
}
.teal.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(0, 181, 173, 0.5);
}
.teal.inverted.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(109, 255, 255, 0.7);
}
.blue.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(33, 133, 208, 0.5);
}
.blue.inverted.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(84, 200, 255, 0.7);
}
.violet.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(100, 53, 201, 0.5);
}
.violet.inverted.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(162, 145, 251, 0.7);
}
.purple.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(163, 51, 200, 0.5);
}
.purple.inverted.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(220, 115, 255, 0.7);
}
.pink.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(224, 57, 151, 0.5);
}
.pink.inverted.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(255, 142, 223, 0.7);
}
.brown.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(165, 103, 63, 0.5);
}
.brown.inverted.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(214, 124, 28, 0.7);
}
.grey.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(118, 118, 118, 0.5);
}
.grey.inverted.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(220, 221, 222, 0.7);
}
.black.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(27, 28, 29, 0.5);
}
.black.inverted.pulsating.transition {
  box-shadow: 0 0 0 0 rgba(84, 84, 84, 0.7);
}
/*******************************
          Transitions
*******************************/
/*
  Some transitions adapted from Animate CSS
  https://github.com/daneden/animate.css

  Additional transitions adapted from Glide
  by Nick Pettit - https://github.com/nickpettit/glide
*/
/* --------------
         Browse
    --------------- */
.transition.browse {
  animation-duration: 500ms;
}
.transition.browse.in {
  animation-name: browseIn;
}
.transition.browse.out,
.transition.browse.left.out {
  animation-name: browseOutLeft;
}
.transition.browse.right.out {
  animation-name: browseOutRight;
}
/* In */
@keyframes browseIn {
  0% {
    transform: scale(0.8) translateZ(0);
    z-index: -1;
  }
  10% {
    transform: scale(0.8) translateZ(0);
    z-index: -1;
    opacity: 0.7;
  }
  80% {
    transform: scale(1.05) translateZ(0);
    opacity: 1;
    z-index: 999;
  }
  100% {
    transform: scale(1) translateZ(0);
    z-index: 999;
  }
}
/* Out */
@keyframes browseOutLeft {
  0% {
    z-index: 999;
    transform: translateX(0) rotateY(0) rotateX(0);
  }
  50% {
    z-index: -1;
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: -1;
    transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
    opacity: 0;
  }
}
@keyframes browseOutRight {
  0% {
    z-index: 999;
    transform: translateX(0) rotateY(0) rotateX(0);
  }
  50% {
    z-index: 1;
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: 1;
    transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
    opacity: 0;
  }
}
/* --------------
         Drop
    --------------- */
.drop.transition {
  transform-origin: top center;
  animation-duration: 400ms;
  animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
}
.drop.transition.in {
  animation-name: dropIn;
}
.drop.transition.out {
  animation-name: dropOut;
}
/* Drop */
@keyframes dropIn {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes dropOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0);
  }
}
/* --------------
          Fade
    --------------- */
.transition.fade.in {
  animation-name: fadeIn;
}
.transition[class*="fade up"].in {
  animation-name: fadeInUp;
}
.transition[class*="fade down"].in {
  animation-name: fadeInDown;
}
.transition[class*="fade left"].in {
  animation-name: fadeInLeft;
}
.transition[class*="fade right"].in {
  animation-name: fadeInRight;
}
.transition.fade.out {
  animation-name: fadeOut;
}
.transition[class*="fade up"].out {
  animation-name: fadeOutUp;
}
.transition[class*="fade down"].out {
  animation-name: fadeOutDown;
}
.transition[class*="fade left"].out {
  animation-name: fadeOutLeft;
}
.transition[class*="fade right"].out {
  animation-name: fadeOutRight;
}
/* In */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/* Out */
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(5%);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-5%);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(5%);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-5%);
  }
}
/* --------------
         Flips
    --------------- */
.flip.transition.in,
.flip.transition.out {
  animation-duration: 600ms;
}
.horizontal.flip.transition.in {
  animation-name: horizontalFlipIn;
}
.horizontal.flip.transition.out {
  animation-name: horizontalFlipOut;
}
.vertical.flip.transition.in {
  animation-name: verticalFlipIn;
}
.vertical.flip.transition.out {
  animation-name: verticalFlipOut;
}
/* In */
@keyframes horizontalFlipIn {
  0% {
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(2000px) rotateY(0);
    opacity: 1;
  }
}
@keyframes verticalFlipIn {
  0% {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(2000px) rotateX(0);
    opacity: 1;
  }
}
/* Out */
@keyframes horizontalFlipOut {
  0% {
    transform: perspective(2000px) rotateY(0);
    opacity: 1;
  }
  100% {
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes verticalFlipOut {
  0% {
    transform: perspective(2000px) rotateX(0);
    opacity: 1;
  }
  100% {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
}
/* --------------
          Scale
    --------------- */
.scale.transition.in {
  animation-name: scaleIn;
}
.scale.transition.out {
  animation-name: scaleOut;
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* Out */
@keyframes scaleOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.9);
  }
}
/* --------------
          Fly
    --------------- */
/* Inward */
.transition.fly {
  animation-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.transition.fly.in {
  animation-name: flyIn;
}
.transition[class*="fly up"].in {
  animation-name: flyInUp;
}
.transition[class*="fly down"].in {
  animation-name: flyInDown;
}
.transition[class*="fly left"].in {
  animation-name: flyInLeft;
}
.transition[class*="fly right"].in {
  animation-name: flyInRight;
}
/* Outward */
.transition.fly.out {
  animation-name: flyOut;
}
.transition[class*="fly up"].out {
  animation-name: flyOutUp;
}
.transition[class*="fly down"].out {
  animation-name: flyOutDown;
}
.transition[class*="fly left"].out {
  animation-name: flyOutLeft;
}
.transition[class*="fly right"].out {
  animation-name: flyOutRight;
}
/* In */
@keyframes flyIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@keyframes flyInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 1500px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes flyInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -1500px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  100% {
    transform: none;
  }
}
@keyframes flyInLeft {
  0% {
    opacity: 0;
    transform: translate3d(1500px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
@keyframes flyInRight {
  0% {
    opacity: 0;
    transform: translate3d(-1500px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
/* Out */
@keyframes flyOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes flyOutUp {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes flyOutDown {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes flyOutRight {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes flyOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
/* --------------
         Slide
    --------------- */
.transition.slide.in,
.transition[class*="slide down"].in {
  animation-name: slideInY;
  transform-origin: top center;
}
.transition[class*="slide up"].in {
  animation-name: slideInY;
  transform-origin: bottom center;
}
.transition[class*="slide left"].in {
  animation-name: slideInX;
  transform-origin: right center;
}
.transition[class*="slide right"].in {
  animation-name: slideInX;
  transform-origin: left center;
}
.transition.slide.out,
.transition[class*="slide down"].out {
  animation-name: slideOutY;
  transform-origin: top center;
}
.transition[class*="slide up"].out {
  animation-name: slideOutY;
  transform-origin: bottom center;
}
.transition[class*="slide left"].out {
  animation-name: slideOutX;
  transform-origin: right center;
}
.transition[class*="slide right"].out {
  animation-name: slideOutX;
  transform-origin: left center;
}
/* In */
@keyframes slideInY {
  0% {
    opacity: 0;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes slideInX {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
/* Out */
@keyframes slideOutY {
  0% {
    opacity: 1;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform: scaleY(0);
  }
}
@keyframes slideOutX {
  0% {
    opacity: 1;
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    transform: scaleX(0);
  }
}
/* --------------
         Swing
    --------------- */
.transition.swing {
  animation-duration: 800ms;
}
.transition[class*="swing down"].in {
  animation-name: swingInX;
  transform-origin: top center;
}
.transition[class*="swing up"].in {
  animation-name: swingInX;
  transform-origin: bottom center;
}
.transition[class*="swing left"].in {
  animation-name: swingInY;
  transform-origin: right center;
}
.transition[class*="swing right"].in {
  animation-name: swingInY;
  transform-origin: left center;
}
.transition.swing.out,
.transition[class*="swing down"].out {
  animation-name: swingOutX;
  transform-origin: top center;
}
.transition[class*="swing up"].out {
  animation-name: swingOutX;
  transform-origin: bottom center;
}
.transition[class*="swing left"].out {
  animation-name: swingOutY;
  transform-origin: right center;
}
.transition[class*="swing right"].out {
  animation-name: swingOutY;
  transform-origin: left center;
}
/* In */
@keyframes swingInX {
  0% {
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  60% {
    transform: perspective(1000px) rotateX(15deg);
  }
  80% {
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  100% {
    transform: perspective(1000px) rotateX(0);
  }
}
@keyframes swingInY {
  0% {
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  60% {
    transform: perspective(1000px) rotateY(-17.5deg);
  }
  80% {
    transform: perspective(1000px) rotateY(7.5deg);
  }
  100% {
    transform: perspective(1000px) rotateY(0);
  }
}
/* Out */
@keyframes swingOutX {
  0% {
    transform: perspective(1000px) rotateX(0);
  }
  40% {
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  60% {
    transform: perspective(1000px) rotateX(17.5deg);
  }
  80% {
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  100% {
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes swingOutY {
  0% {
    transform: perspective(1000px) rotateY(0);
  }
  40% {
    transform: perspective(1000px) rotateY(7.5deg);
  }
  60% {
    transform: perspective(1000px) rotateY(-10deg);
  }
  80% {
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  100% {
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
}
/* --------------
          Zoom
    --------------- */
.transition.zoom.in {
  animation-name: zoomIn;
}
.transition.zoom.out {
  animation-name: zoomOut;
}
@keyframes zoomIn {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(0);
  }
}
/*******************************
       Static Animations
*******************************/
/* --------------
    Emphasis
--------------- */
.flash.transition {
  animation-duration: 750ms;
  animation-name: flash;
}
.shake.transition {
  animation-duration: 750ms;
  animation-name: shake;
}
.bounce.transition {
  animation-duration: 750ms;
  animation-name: bounce;
}
.tada.transition {
  animation-duration: 750ms;
  animation-name: tada;
}
.pulse.transition {
  animation-duration: 500ms;
  animation-name: pulse;
}
.jiggle.transition {
  animation-duration: 750ms;
  animation-name: jiggle;
}
.transition.glow {
  animation-duration: 2000ms;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.transition.glow {
  animation-name: glow;
}
/* Flash */
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
/* Shake */
@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}
/* Bounce */
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
/* Tada */
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
/* Pulse */
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.9);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/* Jiggle */
@keyframes jiggle {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
/* Glow */
@keyframes glow {
  0% {
    background-color: #fcfcfd;
  }
  30% {
    background-color: #fff6cd;
  }
  100% {
    background-color: #fcfcfd;
  }
}