/* Single Digits */
.ui.indicating.progress[data-percent="1"] .bar,
.ui.indicating.progress[data-percent^="1."] .bar,
.ui.indicating.progress[data-percent="2"] .bar,
.ui.indicating.progress[data-percent^="2."] .bar,
.ui.indicating.progress[data-percent="3"] .bar,
.ui.indicating.progress[data-percent^="3."] .bar,
.ui.indicating.progress[data-percent="4"] .bar,
.ui.indicating.progress[data-percent^="4."] .bar,
.ui.indicating.progress[data-percent="5"] .bar,
.ui.indicating.progress[data-percent^="5."] .bar,
.ui.indicating.progress[data-percent="6"] .bar,
.ui.indicating.progress[data-percent^="6."] .bar,
.ui.indicating.progress[data-percent="7"] .bar,
.ui.indicating.progress[data-percent^="7."] .bar,
.ui.indicating.progress[data-percent="8"] .bar,
.ui.indicating.progress[data-percent^="8."] .bar,
.ui.indicating.progress[data-percent="9"] .bar,
.ui.indicating.progress[data-percent^="9."] .bar {
  background-color: #D95C5C;
}
.ui.indicating.progress[data-percent="0"] .label,
.ui.indicating.progress[data-percent^="0."] .label,
.ui.indicating.progress[data-percent="1"] .label,
.ui.indicating.progress[data-percent^="1."] .label,
.ui.indicating.progress[data-percent="2"] .label,
.ui.indicating.progress[data-percent^="2."] .label,
.ui.indicating.progress[data-percent="3"] .label,
.ui.indicating.progress[data-percent^="3."] .label,
.ui.indicating.progress[data-percent="4"] .label,
.ui.indicating.progress[data-percent^="4."] .label,
.ui.indicating.progress[data-percent="5"] .label,
.ui.indicating.progress[data-percent^="5."] .label,
.ui.indicating.progress[data-percent="6"] .label,
.ui.indicating.progress[data-percent^="6."] .label,
.ui.indicating.progress[data-percent="7"] .label,
.ui.indicating.progress[data-percent^="7."] .label,
.ui.indicating.progress[data-percent="8"] .label,
.ui.indicating.progress[data-percent^="8."] .label,
.ui.indicating.progress[data-percent="9"] .label,
.ui.indicating.progress[data-percent^="9."] .label {
  color: rgba(0, 0, 0, 0.87);
}
.ui.inverted.indicating.progress[data-percent="0"] .label,
.ui.inverted.indicating.progress[data-percent^="0."] .label,
.ui.inverted.indicating.progress[data-percent="1"] .label,
.ui.inverted.indicating.progress[data-percent^="1."] .label,
.ui.inverted.indicating.progress[data-percent="2"] .label,
.ui.inverted.indicating.progress[data-percent^="2."] .label,
.ui.inverted.indicating.progress[data-percent="3"] .label,
.ui.inverted.indicating.progress[data-percent^="3."] .label,
.ui.inverted.indicating.progress[data-percent="4"] .label,
.ui.inverted.indicating.progress[data-percent^="4."] .label,
.ui.inverted.indicating.progress[data-percent="5"] .label,
.ui.inverted.indicating.progress[data-percent^="5."] .label,
.ui.inverted.indicating.progress[data-percent="6"] .label,
.ui.inverted.indicating.progress[data-percent^="6."] .label,
.ui.inverted.indicating.progress[data-percent="7"] .label,
.ui.inverted.indicating.progress[data-percent^="7."] .label,
.ui.inverted.indicating.progress[data-percent="8"] .label,
.ui.inverted.indicating.progress[data-percent^="8."] .label,
.ui.inverted.indicating.progress[data-percent="9"] .label,
.ui.inverted.indicating.progress[data-percent^="9."] .label {
  color: rgba(255, 255, 255, 0.9);
}
/* Indicating Success */
.ui.ui.indicating.progress.success .label {
  color: #1A531B;
}
/*******************************
             States
*******************************/
/*--------------
       Success
  ---------------*/
.ui.ui.progress.success .bar {
  background-color: #21BA45;
}
.ui.ui.progress.success .bar,
.ui.ui.progress.success .bar::after {
  -webkit-animation: none;
  animation: none;
}
.ui.progress.success > .label {
  color: #1A531B;
}
/*--------------
       Warning
  ---------------*/
.ui.ui.progress.warning .bar {
  background-color: #F2C037;
}
.ui.ui.progress.warning .bar,
.ui.ui.progress.warning .bar::after {
  -webkit-animation: none;
  animation: none;
}
.ui.progress.warning > .label {
  color: #794B02;
}
/*--------------
       Error
  ---------------*/
.ui.ui.progress.error .bar {
  background-color: #DB2828;
}
.ui.ui.progress.error .bar,
.ui.ui.progress.error .bar::after {
  -webkit-animation: none;
  animation: none;
}
.ui.progress.error > .label {
  color: #912D2B;
}
/*--------------
       Active
  ---------------*/
.ui.active.progress .bar {
  position: relative;
  min-width: 2em;
}
.ui.active.progress .bar::after {
  content: '';
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFFFFF;
  border-radius: 0.28571429rem;
  -webkit-animation: progress-active 2s ease infinite;
  animation: progress-active 2s ease infinite;
  transform-origin: left;
}
.ui.active.right.aligned.progress .bar::after {
  transform-origin: right;
}
@-webkit-keyframes progress-active {
  0% {
    opacity: 0.3;
    transform: scale(0, 1);
  }

  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes progress-active {
  0% {
    opacity: 0.3;
    transform: scale(0, 1);
  }

  100% {
    opacity: 0;
    transform: scale(1);
  }
}
/*--------------
      Disabled
  ---------------*/
.ui.disabled.progress {
  opacity: 0.35;
}
.ui.ui.disabled.progress .bar,
.ui.ui.disabled.progress .bar::after {
  -webkit-animation: none;
  animation: none;
}
/*******************************
           Variations
*******************************/
/*--------------
      Inverted
  ---------------*/
.ui.inverted.progress {
  background: rgba(255, 255, 255, 0.08);
  border: none;
}
.ui.inverted.progress .bar {
  background: #888888;
}
.ui.inverted.progress .bar > .progress {
  color: #1B1C1D;
}
.ui.inverted.progress > .label {
  color: #FFFFFF;
}
.ui.inverted.progress.success > .label {
  color: #21BA45;
}
.ui.inverted.progress.warning > .label {
  color: #F2C037;
}
.ui.inverted.progress.error > .label {
  color: #DB2828;
}
/*--------------
      Attached
  ---------------*/
/* bottom attached */
.ui.progress.attached {
  background: transparent;
  position: relative;
  border: none;
  margin: 0;
}
.ui.progress.attached,
.ui.progress.attached .bar {
  height: 0.2rem;
  padding: 0;
  overflow: hidden;
  border-radius: 0 0 0.28571429rem 0.28571429rem;
}
.ui.progress.attached .bar {
  border-radius: 0;
}
/* top attached */
.ui.progress.top.attached,
.ui.progress.top.attached .bar {
  top: 0;
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}
.ui.progress.top.attached .bar {
  border-radius: 0;
}
/* Coupling */
.ui.segment > .ui.attached.progress,
.ui.card > .ui.attached.progress {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 100%;
  width: 100%;
}
.ui.segment > .ui.bottom.attached.progress,
.ui.card > .ui.bottom.attached.progress {
  top: 100%;
  bottom: auto;
}
/*--------------
     Colors
---------------*/
.ui.indeterminate.primary.progress .bar::before,
.ui.primary.progress .bar,
.ui.progress .primary.bar {
  background-color: #2185D0;
}
.ui.inverted.indeterminate.primary.progress .bar::before,
.ui.primary.inverted.progress .bar,
.ui.inverted.progress .primary.bar {
  background-color: #54C8FF;
}
.ui.indeterminate.secondary.progress .bar::before,
.ui.secondary.progress .bar,
.ui.progress .secondary.bar {
  background-color: #1B1C1D;
}
.ui.inverted.indeterminate.secondary.progress .bar::before,
.ui.secondary.inverted.progress .bar,
.ui.inverted.progress .secondary.bar {
  background-color: #545454;
}
.ui.indeterminate.red.progress .bar::before,
.ui.red.progress .bar,
.ui.progress .red.bar {
  background-color: #DB2828;
}
.ui.inverted.indeterminate.red.progress .bar::before,
.ui.red.inverted.progress .bar,
.ui.inverted.progress .red.bar {
  background-color: #FF695E;
}
.ui.indeterminate.orange.progress .bar::before,
.ui.orange.progress .bar,
.ui.progress .orange.bar {
  background-color: #F2711C;
}
.ui.inverted.indeterminate.orange.progress .bar::before,
.ui.orange.inverted.progress .bar,
.ui.inverted.progress .orange.bar {
  background-color: #FF851B;
}
.ui.indeterminate.yellow.progress .bar::before,
.ui.yellow.progress .bar,
.ui.progress .yellow.bar {
  background-color: #FBBD08;
}
.ui.inverted.indeterminate.yellow.progress .bar::before,
.ui.yellow.inverted.progress .bar,
.ui.inverted.progress .yellow.bar {
  background-color: #FFE21F;
}
.ui.indeterminate.olive.progress .bar::before,
.ui.olive.progress .bar,
.ui.progress .olive.bar {
  background-color: #B5CC18;
}
.ui.inverted.indeterminate.olive.progress .bar::before,
.ui.olive.inverted.progress .bar,
.ui.inverted.progress .olive.bar {
  background-color: #D9E778;
}
.ui.indeterminate.green.progress .bar::before,
.ui.green.progress .bar,
.ui.progress .green.bar {
  background-color: #21BA45;
}
.ui.inverted.indeterminate.green.progress .bar::before,
.ui.green.inverted.progress .bar,
.ui.inverted.progress .green.bar {
  background-color: #2ECC40;
}
.ui.indeterminate.teal.progress .bar::before,
.ui.teal.progress .bar,
.ui.progress .teal.bar {
  background-color: #00B5AD;
}
.ui.inverted.indeterminate.teal.progress .bar::before,
.ui.teal.inverted.progress .bar,
.ui.inverted.progress .teal.bar {
  background-color: #6DFFFF;
}
.ui.indeterminate.blue.progress .bar::before,
.ui.blue.progress .bar,
.ui.progress .blue.bar {
  background-color: #2185D0;
}
.ui.inverted.indeterminate.blue.progress .bar::before,
.ui.blue.inverted.progress .bar,
.ui.inverted.progress .blue.bar {
  background-color: #54C8FF;
}
.ui.indeterminate.violet.progress .bar::before,
.ui.violet.progress .bar,
.ui.progress .violet.bar {
  background-color: #6435C9;
}
.ui.inverted.indeterminate.violet.progress .bar::before,
.ui.violet.inverted.progress .bar,
.ui.inverted.progress .violet.bar {
  background-color: #A291FB;
}
.ui.indeterminate.purple.progress .bar::before,
.ui.purple.progress .bar,
.ui.progress .purple.bar {
  background-color: #A333C8;
}
.ui.inverted.indeterminate.purple.progress .bar::before,
.ui.purple.inverted.progress .bar,
.ui.inverted.progress .purple.bar {
  background-color: #DC73FF;
}
.ui.indeterminate.pink.progress .bar::before,
.ui.pink.progress .bar,
.ui.progress .pink.bar {
  background-color: #E03997;
}
.ui.inverted.indeterminate.pink.progress .bar::before,
.ui.pink.inverted.progress .bar,
.ui.inverted.progress .pink.bar {
  background-color: #FF8EDF;
}
.ui.indeterminate.brown.progress .bar::before,
.ui.brown.progress .bar,
.ui.progress .brown.bar {
  background-color: #A5673F;
}
.ui.inverted.indeterminate.brown.progress .bar::before,
.ui.brown.inverted.progress .bar,
.ui.inverted.progress .brown.bar {
  background-color: #D67C1C;
}
.ui.indeterminate.grey.progress .bar::before,
.ui.grey.progress .bar,
.ui.progress .grey.bar {
  background-color: #767676;
}
.ui.inverted.indeterminate.grey.progress .bar::before,
.ui.grey.inverted.progress .bar,
.ui.inverted.progress .grey.bar {
  background-color: #DCDDDE;
}
.ui.indeterminate.black.progress .bar::before,
.ui.black.progress .bar,
.ui.progress .black.bar {
  background-color: #1B1C1D;
}
.ui.inverted.indeterminate.black.progress .bar::before,
.ui.black.inverted.progress .bar,
.ui.inverted.progress .black.bar {
  background-color: #545454;
}
/*--------------
     Sizes
---------------*/
.ui.progress {
  font-size: 1rem;
}
.ui.progress .bar {
  height: 1.75em;
}
.ui.mini.progress {
  font-size: 0.78571429rem;
}
.ui.mini.progress .bar {
  height: 0.3em;
}
.ui.tiny.progress {
  font-size: 0.85714286rem;
}
.ui.tiny.progress .bar {
  height: 0.5em;
}
.ui.small.progress {
  font-size: 0.92857143rem;
}
.ui.small.progress .bar {
  height: 1em;
}
.ui.large.progress {
  font-size: 1.14285714rem;
}
.ui.large.progress .bar {
  height: 2.5em;
}
.ui.big.progress {
  font-size: 1.28571429rem;
}
.ui.big.progress .bar {
  height: 3.5em;
}
.ui.huge.progress {
  font-size: 1.42857143rem;
}
.ui.huge.progress .bar {
  height: 4em;
}
.ui.massive.progress {
  font-size: 1.71428571rem;
}
.ui.massive.progress .bar {
  height: 5em;
}
/*---------------
    Indeterminate
  ----------------*/
.ui.indeterminate.progress .bar {
  width: 100%;
}
.ui.indeterminate.progress .bar .progress,
.ui.progress .bar .centered.progress {
  text-align: center;
  position: relative;
  right: 0;
}
.ui.indeterminate.progress .bar::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 0.28571429rem;
  -webkit-animation: progress-pulsating 2s ease infinite;
  animation: progress-pulsating 2s ease infinite;
  transform-origin: center;
  width: 100%;
}
.ui.slow.indeterminate.progress .bar::before {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
}
.ui.fast.indeterminate.progress .bar::before {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.ui.swinging.indeterminate.progress .bar::before {
  transform-origin: left;
  -webkit-animation-name: progress-swinging;
  animation-name: progress-swinging;
}
.ui.sliding.indeterminate.progress .bar::before {
  transform-origin: left;
  -webkit-animation-name: progress-sliding;
  animation-name: progress-sliding;
}
.ui.filling.indeterminate.progress .bar::before {
  -webkit-animation-name: progress-filling;
  animation-name: progress-filling;
}
.ui.indeterminate.progress:not(.sliding):not(.filling):not(.swinging) .bar::before {
  background: #FFFFFF;
}
.ui.sliding.indeterminate.progress .bar,
.ui.swinging.indeterminate.progress .bar,
.ui.filling.indeterminate.progress .bar {
  background: rgba(0, 0, 0, 0.1);
}
.ui.sliding.indeterminate.progress .bar .progress,
.ui.swinging.indeterminate.progress .bar .progress {
  color: #1B1C1D;
}
.ui.inverted.sliding.indeterminate.progress .bar,
.ui.inverted.swinging.indeterminate.progress .bar,
.ui.inverted.filling.indeterminate.progress .bar {
  background: rgba(255, 255, 255, 0.08);
}
.ui.inverted.sliding.indeterminate.progress .bar .progress,
.ui.inverted.swinging.indeterminate.progress .bar .progress {
  color: rgba(255, 255, 255, 0.7);
}
@-webkit-keyframes progress-swinging {
  0%, 100% {
    width: 10%;
    left: -25%;
  }

  25%, 65% {
    width: 70%;
  }

  50% {
    width: 10%;
    left: 100%;
  }
}
@keyframes progress-swinging {
  0%, 100% {
    width: 10%;
    left: -25%;
  }

  25%, 65% {
    width: 70%;
  }

  50% {
    width: 10%;
    left: 100%;
  }
}
@-webkit-keyframes progress-sliding {
  0% {
    width: 10%;
    left: -25%;
  }

  50% {
    width: 70%;
  }

  100% {
    width: 10%;
    left: 100%;
  }
}
@keyframes progress-sliding {
  0% {
    width: 10%;
    left: -25%;
  }

  50% {
    width: 70%;
  }

  100% {
    width: 10%;
    left: 100%;
  }
}
@-webkit-keyframes progress-filling {
  0% {
    transform: scale(0, 1);
  }

  80% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes progress-filling {
  0% {
    transform: scale(0, 1);
  }

  80% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@-webkit-keyframes progress-pulsating {
  0% {
    transform: scale(0, 1);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes progress-pulsating {
  0% {
    transform: scale(0, 1);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 0;
  }
}
/*******************************
            Progress
*******************************/
/*******************************
         Site Overrides
*******************************/
/*******************************
             Theme
 *******************************/
.ui.slider:not(.vertical):not(.checkbox) {
  width: 100%;
  padding: 1em 0.5em;
}
.ui.slider:not(.checkbox) {
  position: relative;
}
.ui.slider:not(.checkbox):focus {
  outline: 0;
}
.ui.slider .inner {
  position: relative;
  z-index: 2;
}
.ui.slider:not(.vertical) .inner {
  height: 1.5em;
}
.ui.slider .inner:hover {
  cursor: auto;
}
.ui.slider .inner .track {
  position: absolute;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.05);
}
.ui.slider:not(.vertical) .inner .track {
  width: 100%;
  height: 0.4em;
  top: 0.55em;
  left: 0;
}
.ui.slider .inner .track-fill {
  position: absolute;
  border-radius: 4px;
  background-color: #1B1C1D;
}
.ui.slider:not(.vertical) .inner .track-fill {
  height: 0.4em;
  top: 0.55em;
  left: 0;
}
.ui.slider .inner .thumb {
  position: absolute;
  left: 0;
  top: 0;
  height: 1.5em;
  width: 1.5em;
  background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  border-radius: 100%;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  transition: background 0.3s ease;
}
.ui.slider:not(.disabled) .inner .thumb:hover {
  cursor: pointer;
  background: #f2f2f2 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
}
.ui.slider:not(.disabled):focus .inner .thumb {
  background: #f2f2f2 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
}
/*******************************
            States
*******************************/
/*--------------
       Disabled
  ---------------*/
.ui.disabled.slider:not(.checkbox) {
  opacity: 0.5;
}
.ui.disabled.slider .inner:hover {
  cursor: auto;
}
.ui.disabled.slider .inner .track-fill {
  background: #ccc;
}
/*--------------
      Reversed
  ---------------*/
.ui.reversed.slider .inner .track-fill {
  left: auto;
  right: 0;
}
.ui.reversed.slider:not(.vertical) .inner .thumb {
  left: auto;
  right: 0;
}
.ui.reversed.vertical.slider .inner .thumb {
  left: 0.03em;
}
.ui.labeled.reversed.slider > .labels .label {
  transform: translate(-100%, -100%);
}
/*******************************
           Variations
*******************************/
/*--------------
      Vertical
  ---------------*/
.ui.vertical.slider {
  height: 100%;
  width: 1.5em;
  padding: 0.5em 1em;
}
.ui.vertical.slider .inner {
  height: 100%;
}
.ui.vertical.slider .inner .track {
  height: 100%;
  width: 0.4em;
  left: 0.55em;
  top: 0;
}
.ui.vertical.slider .inner .track-fill {
  width: 0.4em;
  left: 0.55em;
  top: 0;
}
/* Vertical Reversed */
.ui.vertical.reversed.slider .inner .thumb {
  top: auto;
  bottom: 0;
}
.ui.vertical.reversed.slider .inner .track-fill {
  top: auto;
  bottom: 0;
}
/*--------------
      Labeled
  ---------------*/
.ui.labeled.slider > .labels {
  height: 1.5em;
  width: auto;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}
.ui.labeled.slider:not(.vertical) > .labels {
  transform: translateY(-50%);
}
.ui.labeled.slider > .labels .label {
  display: inline-flex;
  padding: 0.2em 0;
  position: absolute;
  transform: translate(-50%, -100%);
  white-space: nowrap;
}
.ui.bottom.aligned.labeled.slider > .labels .label {
  bottom: 0;
  transform: translate(-50%, 100%);
}
.ui.labeled.ticked.slider > .labels .label:after {
  content: ' ';
  height: 1.5em;
  width: 1px;
  background: #ccc;
  position: absolute;
  top: 100%;
  left: 50%;
}
.ui.bottom.aligned.labeled.ticked.slider > .labels .label:after {
  top: auto;
  bottom: 100%;
}
.ui.labeled.ticked.slider > .labels .halftick.label:after {
  height: 0.75em;
}
/* Vertical Labels */
.ui.labeled.vertical.slider > .labels {
  width: 1.5em;
  height: auto;
  left: 50%;
  top: 0;
  bottom: 0;
  transform: translateX(-50%);
}
.ui.labeled.vertical.slider > .labels .label {
  transform: translate(-100%, -50%);
}
.ui.labeled.vertical.slider > .labels .label:after {
  width: 1.5em;
  height: 1px;
  left: 100%;
  top: 50%;
}
.ui.labeled.vertical.slider > .labels .halftick.label:after {
  width: 0.75em;
  height: 1px;
}
/* Vertical Reversed Labels */
.ui.labeled.vertical.reversed.slider > .labels .label {
  transform: translate(-100%, 50%);
}
/*--------------
    Hover
---------------*/
.ui.hover.slider .inner .thumb {
  opacity: 0;
  transition: opacity 0.2s linear;
}
.ui.hover.slider:not(.disabled):hover .inner .thumb,
.ui.hover.slider:not(.disabled):focus .inner .thumb {
  opacity: 1;
}
/*--------------
      Inverted
  ---------------*/
.ui.inverted.slider .inner .track-fill {
  background-color: #545454;
}
.ui.inverted.slider .inner .track {
  background-color: rgba(255, 255, 255, 0.08);
}
/*--------------
     Colors
---------------*/
/* Standard */
.ui.primary.slider .inner .track-fill {
  background-color: #2185D0;
}
.ui.primary.inverted.slider .inner .track-fill {
  background-color: #54C8FF;
}
/* Basic */
.ui.primary.slider.basic .inner .thumb {
  background-color: #2185D0;
}
.ui.primary.slider.basic .inner .thumb:hover,
.ui.primary.slider.basic:focus .inner .thumb {
  background-color: #1678c2;
}
/* Basic Inverted */
.ui.primary.inverted.slider.basic .inner .thumb {
  background-color: #54C8FF;
}
.ui.primary.inverted.slider.basic .inner .thumb:hover,
.ui.primary.inverted.slider.basic:focus .inner .thumb {
  background-color: #21b8ff;
}
/* Standard */
.ui.secondary.slider .inner .track-fill {
  background-color: #1B1C1D;
}
.ui.secondary.inverted.slider .inner .track-fill {
  background-color: #545454;
}
/* Basic */
.ui.secondary.slider.basic .inner .thumb {
  background-color: #1B1C1D;
}
.ui.secondary.slider.basic .inner .thumb:hover,
.ui.secondary.slider.basic:focus .inner .thumb {
  background-color: #27292a;
}
/* Basic Inverted */
.ui.secondary.inverted.slider.basic .inner .thumb {
  background-color: #545454;
}
.ui.secondary.inverted.slider.basic .inner .thumb:hover,
.ui.secondary.inverted.slider.basic:focus .inner .thumb {
  background-color: #6e6e6e;
}
/* Standard */
.ui.red.slider .inner .track-fill {
  background-color: #DB2828;
}
.ui.red.inverted.slider .inner .track-fill {
  background-color: #FF695E;
}
/* Basic */
.ui.red.slider.basic .inner .thumb {
  background-color: #DB2828;
}
.ui.red.slider.basic .inner .thumb:hover,
.ui.red.slider.basic:focus .inner .thumb {
  background-color: #d01919;
}
/* Basic Inverted */
.ui.red.inverted.slider.basic .inner .thumb {
  background-color: #FF695E;
}
.ui.red.inverted.slider.basic .inner .thumb:hover,
.ui.red.inverted.slider.basic:focus .inner .thumb {
  background-color: #ff392b;
}
/* Standard */
.ui.orange.slider .inner .track-fill {
  background-color: #F2711C;
}
.ui.orange.inverted.slider .inner .track-fill {
  background-color: #FF851B;
}
/* Basic */
.ui.orange.slider.basic .inner .thumb {
  background-color: #F2711C;
}
.ui.orange.slider.basic .inner .thumb:hover,
.ui.orange.slider.basic:focus .inner .thumb {
  background-color: #f26202;
}
/* Basic Inverted */
.ui.orange.inverted.slider.basic .inner .thumb {
  background-color: #FF851B;
}
.ui.orange.inverted.slider.basic .inner .thumb:hover,
.ui.orange.inverted.slider.basic:focus .inner .thumb {
  background-color: #e76b00;
}
/* Standard */
.ui.yellow.slider .inner .track-fill {
  background-color: #FBBD08;
}
.ui.yellow.inverted.slider .inner .track-fill {
  background-color: #FFE21F;
}
/* Basic */
.ui.yellow.slider.basic .inner .thumb {
  background-color: #FBBD08;
}
.ui.yellow.slider.basic .inner .thumb:hover,
.ui.yellow.slider.basic:focus .inner .thumb {
  background-color: #eaae00;
}
/* Basic Inverted */
.ui.yellow.inverted.slider.basic .inner .thumb {
  background-color: #FFE21F;
}
.ui.yellow.inverted.slider.basic .inner .thumb:hover,
.ui.yellow.inverted.slider.basic:focus .inner .thumb {
  background-color: #ebcd00;
}
/* Standard */
.ui.olive.slider .inner .track-fill {
  background-color: #B5CC18;
}
.ui.olive.inverted.slider .inner .track-fill {
  background-color: #D9E778;
}
/* Basic */
.ui.olive.slider.basic .inner .thumb {
  background-color: #B5CC18;
}
.ui.olive.slider.basic .inner .thumb:hover,
.ui.olive.slider.basic:focus .inner .thumb {
  background-color: #a7bd0d;
}
/* Basic Inverted */
.ui.olive.inverted.slider.basic .inner .thumb {
  background-color: #D9E778;
}
.ui.olive.inverted.slider.basic .inner .thumb:hover,
.ui.olive.inverted.slider.basic:focus .inner .thumb {
  background-color: #d2e745;
}
/* Standard */
.ui.green.slider .inner .track-fill {
  background-color: #21BA45;
}
.ui.green.inverted.slider .inner .track-fill {
  background-color: #2ECC40;
}
/* Basic */
.ui.green.slider.basic .inner .thumb {
  background-color: #21BA45;
}
.ui.green.slider.basic .inner .thumb:hover,
.ui.green.slider.basic:focus .inner .thumb {
  background-color: #16ab39;
}
/* Basic Inverted */
.ui.green.inverted.slider.basic .inner .thumb {
  background-color: #2ECC40;
}
.ui.green.inverted.slider.basic .inner .thumb:hover,
.ui.green.inverted.slider.basic:focus .inner .thumb {
  background-color: #1ea92e;
}
/* Standard */
.ui.teal.slider .inner .track-fill {
  background-color: #00B5AD;
}
.ui.teal.inverted.slider .inner .track-fill {
  background-color: #6DFFFF;
}
/* Basic */
.ui.teal.slider.basic .inner .thumb {
  background-color: #00B5AD;
}
.ui.teal.slider.basic .inner .thumb:hover,
.ui.teal.slider.basic:focus .inner .thumb {
  background-color: #009c95;
}
/* Basic Inverted */
.ui.teal.inverted.slider.basic .inner .thumb {
  background-color: #6DFFFF;
}
.ui.teal.inverted.slider.basic .inner .thumb:hover,
.ui.teal.inverted.slider.basic:focus .inner .thumb {
  background-color: #3affff;
}
/* Standard */
.ui.blue.slider .inner .track-fill {
  background-color: #2185D0;
}
.ui.blue.inverted.slider .inner .track-fill {
  background-color: #54C8FF;
}
/* Basic */
.ui.blue.slider.basic .inner .thumb {
  background-color: #2185D0;
}
.ui.blue.slider.basic .inner .thumb:hover,
.ui.blue.slider.basic:focus .inner .thumb {
  background-color: #1678c2;
}
/* Basic Inverted */
.ui.blue.inverted.slider.basic .inner .thumb {
  background-color: #54C8FF;
}
.ui.blue.inverted.slider.basic .inner .thumb:hover,
.ui.blue.inverted.slider.basic:focus .inner .thumb {
  background-color: #21b8ff;
}
/* Standard */
.ui.violet.slider .inner .track-fill {
  background-color: #6435C9;
}
.ui.violet.inverted.slider .inner .track-fill {
  background-color: #A291FB;
}
/* Basic */
.ui.violet.slider.basic .inner .thumb {
  background-color: #6435C9;
}
.ui.violet.slider.basic .inner .thumb:hover,
.ui.violet.slider.basic:focus .inner .thumb {
  background-color: #5829bb;
}
/* Basic Inverted */
.ui.violet.inverted.slider.basic .inner .thumb {
  background-color: #A291FB;
}
.ui.violet.inverted.slider.basic .inner .thumb:hover,
.ui.violet.inverted.slider.basic:focus .inner .thumb {
  background-color: #745aff;
}
/* Standard */
.ui.purple.slider .inner .track-fill {
  background-color: #A333C8;
}
.ui.purple.inverted.slider .inner .track-fill {
  background-color: #DC73FF;
}
/* Basic */
.ui.purple.slider.basic .inner .thumb {
  background-color: #A333C8;
}
.ui.purple.slider.basic .inner .thumb:hover,
.ui.purple.slider.basic:focus .inner .thumb {
  background-color: #9627ba;
}
/* Basic Inverted */
.ui.purple.inverted.slider.basic .inner .thumb {
  background-color: #DC73FF;
}
.ui.purple.inverted.slider.basic .inner .thumb:hover,
.ui.purple.inverted.slider.basic:focus .inner .thumb {
  background-color: #cf40ff;
}
/* Standard */
.ui.pink.slider .inner .track-fill {
  background-color: #E03997;
}
.ui.pink.inverted.slider .inner .track-fill {
  background-color: #FF8EDF;
}
/* Basic */
.ui.pink.slider.basic .inner .thumb {
  background-color: #E03997;
}
.ui.pink.slider.basic .inner .thumb:hover,
.ui.pink.slider.basic:focus .inner .thumb {
  background-color: #e61a8d;
}
/* Basic Inverted */
.ui.pink.inverted.slider.basic .inner .thumb {
  background-color: #FF8EDF;
}
.ui.pink.inverted.slider.basic .inner .thumb:hover,
.ui.pink.inverted.slider.basic:focus .inner .thumb {
  background-color: #ff5bd1;
}
/* Standard */
.ui.brown.slider .inner .track-fill {
  background-color: #A5673F;
}
.ui.brown.inverted.slider .inner .track-fill {
  background-color: #D67C1C;
}
/* Basic */
.ui.brown.slider.basic .inner .thumb {
  background-color: #A5673F;
}
.ui.brown.slider.basic .inner .thumb:hover,
.ui.brown.slider.basic:focus .inner .thumb {
  background-color: #975b33;
}
/* Basic Inverted */
.ui.brown.inverted.slider.basic .inner .thumb {
  background-color: #D67C1C;
}
.ui.brown.inverted.slider.basic .inner .thumb:hover,
.ui.brown.inverted.slider.basic:focus .inner .thumb {
  background-color: #b0620f;
}
/* Standard */
.ui.grey.slider .inner .track-fill {
  background-color: #767676;
}
.ui.grey.inverted.slider .inner .track-fill {
  background-color: #DCDDDE;
}
/* Basic */
.ui.grey.slider.basic .inner .thumb {
  background-color: #767676;
}
.ui.grey.slider.basic .inner .thumb:hover,
.ui.grey.slider.basic:focus .inner .thumb {
  background-color: #838383;
}
/* Basic Inverted */
.ui.grey.inverted.slider.basic .inner .thumb {
  background-color: #DCDDDE;
}
.ui.grey.inverted.slider.basic .inner .thumb:hover,
.ui.grey.inverted.slider.basic:focus .inner .thumb {
  background-color: #c2c4c5;
}
/* Standard */
.ui.black.slider .inner .track-fill {
  background-color: #1B1C1D;
}
.ui.black.inverted.slider .inner .track-fill {
  background-color: #545454;
}
/* Basic */
.ui.black.slider.basic .inner .thumb {
  background-color: #1B1C1D;
}
.ui.black.slider.basic .inner .thumb:hover,
.ui.black.slider.basic:focus .inner .thumb {
  background-color: #27292a;
}
/* Basic Inverted */
.ui.black.inverted.slider.basic .inner .thumb {
  background-color: #545454;
}
.ui.black.inverted.slider.basic .inner .thumb:hover,
.ui.black.inverted.slider.basic:focus .inner .thumb {
  background-color: #000000;
}
/*--------------
       Basic
  ---------------*/
/* Standard */
.ui.slider.basic .inner .thumb {
  background-color: #1B1C1D;
}
.ui.slider.basic .inner .thumb:hover,
.ui.slider.basic:focus .inner .thumb {
  background-color: #27292a;
}
/*--------------
      Basic Inverted
    ---------------*/
/* Standard */
.ui.inverted.slider.basic .inner .thumb {
  background-color: #545454;
}
.ui.inverted.slider.basic .inner .thumb:hover,
.ui.inverted.slider.basic:focus .inner .thumb {
  background-color: #000000;
}
/*--------------
     Sizing
---------------*/
.ui.slider.small .inner .thumb {
  height: 1em;
  width: 1em;
}
.ui.slider.small:not(.vertical) .inner {
  height: 1em;
}
.ui.slider.small:not(.vertical) .inner .track,
.ui.slider.small:not(.vertical) .inner .track-fill {
  height: 0.3em;
  top: 0.35em;
}
.ui.small.labeled.slider:not(.vertical) > .labels,
.ui.small.labeled.slider:not(.vertical) > .labels .label:after {
  height: 1em;
}
.ui.small.labeled.slider:not(.vertical) > .labels .halftick.label:after {
  height: 0.5em;
}
/* Small Vertical */
.ui.slider.small.vertical .inner {
  width: 1em;
}
.ui.slider.small.vertical .inner .track,
.ui.slider.small.vertical .inner .track-fill {
  width: 0.3em;
  left: 0.35em;
}
.ui.small.labeled.vertical.slider > .labels,
.ui.small.labeled.vertical.slider > .labels .label:after {
  width: 1em;
}
.ui.small.labeled.vertical.slider > .labels .halftick.label:after {
  width: 0.5em;
}
.ui.slider.large .inner .thumb {
  height: 2em;
  width: 2em;
}
.ui.slider.large:not(.vertical) .inner {
  height: 2em;
}
.ui.slider.large:not(.vertical) .inner .track,
.ui.slider.large:not(.vertical) .inner .track-fill {
  height: 0.5em;
  top: 0.75em;
}
.ui.large.labeled.slider:not(.vertical) > .labels,
.ui.large.labeled.slider:not(.vertical) > .labels .label:after {
  height: 2em;
}
.ui.large.labeled.slider:not(.vertical) > .labels .halftick.label:after {
  height: 1em;
}
/* Small Vertical */
.ui.slider.large.vertical .inner {
  width: 2em;
}
.ui.slider.large.vertical .inner .track,
.ui.slider.large.vertical .inner .track-fill {
  width: 0.5em;
  left: 0.75em;
}
.ui.large.labeled.vertical.slider > .labels,
.ui.large.labeled.vertical.slider > .labels .label:after {
  width: 2em;
}
.ui.large.labeled.vertical.slider > .labels .halftick.label:after {
  width: 1em;
}
.ui.slider.big .inner .thumb {
  height: 2.5em;
  width: 2.5em;
}
.ui.slider.big:not(.vertical) .inner {
  height: 2.5em;
}
.ui.slider.big:not(.vertical) .inner .track,
.ui.slider.big:not(.vertical) .inner .track-fill {
  height: 0.6em;
  top: 0.95em;
}
.ui.big.labeled.slider:not(.vertical) > .labels,
.ui.big.labeled.slider:not(.vertical) > .labels .label:after {
  height: 2.5em;
}
.ui.big.labeled.slider:not(.vertical) > .labels .halftick.label:after {
  height: 1.25em;
}
/* Small Vertical */
.ui.slider.big.vertical .inner {
  width: 2.5em;
}
.ui.slider.big.vertical .inner .track,
.ui.slider.big.vertical .inner .track-fill {
  width: 0.6em;
  left: 0.95em;
}
.ui.big.labeled.vertical.slider > .labels,
.ui.big.labeled.vertical.slider > .labels .label:after {
  width: 2.5em;
}
.ui.big.labeled.vertical.slider > .labels .halftick.label:after {
  width: 1.25em;
}
/*******************************
        Slider Overrides
*******************************/
/*!
 * # Fomantic-UI 2.8.8 - Rating
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
           Rating
*******************************/
.ui.rating {
  display: inline-flex;
  white-space: nowrap;
  vertical-align: baseline;
}
.ui.rating:last-child {
  margin-right: 0;
}
/* Icon */
.ui.rating .icon {
  padding: 0;
  margin: 0;
  text-align: center;
  font-weight: normal;
  font-style: normal;
  flex: 1 0 auto;
  cursor: pointer;
  width: 1.25em;
  height: auto;
  transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;
  line-height: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/*******************************
             Types
*******************************/
/*-------------------
      Standard
--------------------*/
/* Inactive Icon */
.ui.rating .icon {
  background: transparent;
  color: rgba(0, 0, 0, 0.15);
}
/* Active Icon */
.ui.rating .active.icon {
  background: transparent;
  color: rgba(0, 0, 0, 0.85);
}
/* Partially Active Icon */
.ui.rating .icon.partial.active {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
/* Selected Icon */
.ui.rating .icon.selected,
.ui.rating .icon.selected.active,
.ui.rating .icon.selected.partial.active {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
  background-clip: unset;
}
/*--------------
     Colors
-------------- */
.ui.primary.rating .active.icon {
  color: #54C8FF;
  text-shadow: 0px -1px 0px #2185D0, -1px 0px 0px #2185D0, 0px 1px 0px #2185D0, 1px 0px 0px #2185D0;
}
.ui.primary.rating .icon.selected,
.ui.primary.rating .icon.selected.active,
.ui.primary.rating .icon.selected.partial.active {
  background: inherit;
  color: #21b8ff;
  text-shadow: 0px -1px 0px #1678c2, -1px 0px 0px #1678c2, 0px 1px 0px #1678c2, 1px 0px 0px #1678c2;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.primary.rating .icon.partial.active {
  background: linear-gradient(to right, #54C8FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  text-shadow: none;
  -webkit-text-stroke: #2185D0 0.78px;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ui.secondary.rating .active.icon {
  color: #545454;
  text-shadow: 0px -1px 0px #1B1C1D, -1px 0px 0px #1B1C1D, 0px 1px 0px #1B1C1D, 1px 0px 0px #1B1C1D;
}
.ui.secondary.rating .icon.selected,
.ui.secondary.rating .icon.selected.active,
.ui.secondary.rating .icon.selected.partial.active {
  background: inherit;
  color: #6e6e6e;
  text-shadow: 0px -1px 0px #27292a, -1px 0px 0px #27292a, 0px 1px 0px #27292a, 1px 0px 0px #27292a;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.secondary.rating .icon.partial.active {
  background: linear-gradient(to right, #545454 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  text-shadow: none;
  -webkit-text-stroke: #1B1C1D 0.78px;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ui.red.rating .active.icon {
  color: #FF695E;
  text-shadow: 0px -1px 0px #DB2828, -1px 0px 0px #DB2828, 0px 1px 0px #DB2828, 1px 0px 0px #DB2828;
}
.ui.red.rating .icon.selected,
.ui.red.rating .icon.selected.active,
.ui.red.rating .icon.selected.partial.active {
  background: inherit;
  color: #ff392b;
  text-shadow: 0px -1px 0px #d01919, -1px 0px 0px #d01919, 0px 1px 0px #d01919, 1px 0px 0px #d01919;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.red.rating .icon.partial.active {
  background: linear-gradient(to right, #FF695E 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  text-shadow: none;
  -webkit-text-stroke: #DB2828 0.78px;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ui.orange.rating .active.icon {
  color: #FF851B;
  text-shadow: 0px -1px 0px #F2711C, -1px 0px 0px #F2711C, 0px 1px 0px #F2711C, 1px 0px 0px #F2711C;
}
.ui.orange.rating .icon.selected,
.ui.orange.rating .icon.selected.active,
.ui.orange.rating .icon.selected.partial.active {
  background: inherit;
  color: #e76b00;
  text-shadow: 0px -1px 0px #f26202, -1px 0px 0px #f26202, 0px 1px 0px #f26202, 1px 0px 0px #f26202;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.orange.rating .icon.partial.active {
  background: linear-gradient(to right, #FF851B 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  text-shadow: none;
  -webkit-text-stroke: #F2711C 0.78px;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ui.yellow.rating .active.icon {
  color: #FFE21F;
  text-shadow: 0px -1px 0px #FBBD08, -1px 0px 0px #FBBD08, 0px 1px 0px #FBBD08, 1px 0px 0px #FBBD08;
}
.ui.yellow.rating .icon.selected,
.ui.yellow.rating .icon.selected.active,
.ui.yellow.rating .icon.selected.partial.active {
  background: inherit;
  color: #ebcd00;
  text-shadow: 0px -1px 0px #eaae00, -1px 0px 0px #eaae00, 0px 1px 0px #eaae00, 1px 0px 0px #eaae00;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.yellow.rating .icon.partial.active {
  background: linear-gradient(to right, #FFE21F 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  text-shadow: none;
  -webkit-text-stroke: #FBBD08 0.78px;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ui.olive.rating .active.icon {
  color: #D9E778;
  text-shadow: 0px -1px 0px #B5CC18, -1px 0px 0px #B5CC18, 0px 1px 0px #B5CC18, 1px 0px 0px #B5CC18;
}
.ui.olive.rating .icon.selected,
.ui.olive.rating .icon.selected.active,
.ui.olive.rating .icon.selected.partial.active {
  background: inherit;
  color: #d2e745;
  text-shadow: 0px -1px 0px #a7bd0d, -1px 0px 0px #a7bd0d, 0px 1px 0px #a7bd0d, 1px 0px 0px #a7bd0d;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.olive.rating .icon.partial.active {
  background: linear-gradient(to right, #D9E778 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  text-shadow: none;
  -webkit-text-stroke: #B5CC18 0.78px;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ui.green.rating .active.icon {
  color: #2ECC40;
  text-shadow: 0px -1px 0px #21BA45, -1px 0px 0px #21BA45, 0px 1px 0px #21BA45, 1px 0px 0px #21BA45;
}
.ui.green.rating .icon.selected,
.ui.green.rating .icon.selected.active,
.ui.green.rating .icon.selected.partial.active {
  background: inherit;
  color: #1ea92e;
  text-shadow: 0px -1px 0px #16ab39, -1px 0px 0px #16ab39, 0px 1px 0px #16ab39, 1px 0px 0px #16ab39;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.green.rating .icon.partial.active {
  background: linear-gradient(to right, #2ECC40 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  text-shadow: none;
  -webkit-text-stroke: #21BA45 0.78px;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ui.teal.rating .active.icon {
  color: #6DFFFF;
  text-shadow: 0px -1px 0px #00B5AD, -1px 0px 0px #00B5AD, 0px 1px 0px #00B5AD, 1px 0px 0px #00B5AD;
}
.ui.teal.rating .icon.selected,
.ui.teal.rating .icon.selected.active,
.ui.teal.rating .icon.selected.partial.active {
  background: inherit;
  color: #3affff;
  text-shadow: 0px -1px 0px #009c95, -1px 0px 0px #009c95, 0px 1px 0px #009c95, 1px 0px 0px #009c95;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.teal.rating .icon.partial.active {
  background: linear-gradient(to right, #6DFFFF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  text-shadow: none;
  -webkit-text-stroke: #00B5AD 0.78px;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ui.blue.rating .active.icon {
  color: #54C8FF;
  text-shadow: 0px -1px 0px #2185D0, -1px 0px 0px #2185D0, 0px 1px 0px #2185D0, 1px 0px 0px #2185D0;
}
.ui.blue.rating .icon.selected,
.ui.blue.rating .icon.selected.active,
.ui.blue.rating .icon.selected.partial.active {
  background: inherit;
  color: #21b8ff;
  text-shadow: 0px -1px 0px #1678c2, -1px 0px 0px #1678c2, 0px 1px 0px #1678c2, 1px 0px 0px #1678c2;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.blue.rating .icon.partial.active {
  background: linear-gradient(to right, #54C8FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  text-shadow: none;
  -webkit-text-stroke: #2185D0 0.78px;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ui.violet.rating .active.icon {
  color: #A291FB;
  text-shadow: 0px -1px 0px #6435C9, -1px 0px 0px #6435C9, 0px 1px 0px #6435C9, 1px 0px 0px #6435C9;
}
.ui.violet.rating .icon.selected,
.ui.violet.rating .icon.selected.active,
.ui.violet.rating .icon.selected.partial.active {
  background: inherit;
  color: #745aff;
  text-shadow: 0px -1px 0px #5829bb, -1px 0px 0px #5829bb, 0px 1px 0px #5829bb, 1px 0px 0px #5829bb;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.violet.rating .icon.partial.active {
  background: linear-gradient(to right, #A291FB 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  text-shadow: none;
  -webkit-text-stroke: #6435C9 0.78px;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ui.purple.rating .active.icon {
  color: #DC73FF;
  text-shadow: 0px -1px 0px #A333C8, -1px 0px 0px #A333C8, 0px 1px 0px #A333C8, 1px 0px 0px #A333C8;
}
.ui.purple.rating .icon.selected,
.ui.purple.rating .icon.selected.active,
.ui.purple.rating .icon.selected.partial.active {
  background: inherit;
  color: #cf40ff;
  text-shadow: 0px -1px 0px #9627ba, -1px 0px 0px #9627ba, 0px 1px 0px #9627ba, 1px 0px 0px #9627ba;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.purple.rating .icon.partial.active {
  background: linear-gradient(to right, #DC73FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  text-shadow: none;
  -webkit-text-stroke: #A333C8 0.78px;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ui.pink.rating .active.icon {
  color: #FF8EDF;
  text-shadow: 0px -1px 0px #E03997, -1px 0px 0px #E03997, 0px 1px 0px #E03997, 1px 0px 0px #E03997;
}
.ui.pink.rating .icon.selected,
.ui.pink.rating .icon.selected.active,
.ui.pink.rating .icon.selected.partial.active {
  background: inherit;
  color: #ff5bd1;
  text-shadow: 0px -1px 0px #e61a8d, -1px 0px 0px #e61a8d, 0px 1px 0px #e61a8d, 1px 0px 0px #e61a8d;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.pink.rating .icon.partial.active {
  background: linear-gradient(to right, #FF8EDF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  text-shadow: none;
  -webkit-text-stroke: #E03997 0.78px;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ui.brown.rating .active.icon {
  color: #D67C1C;
  text-shadow: 0px -1px 0px #A5673F, -1px 0px 0px #A5673F, 0px 1px 0px #A5673F, 1px 0px 0px #A5673F;
}
.ui.brown.rating .icon.selected,
.ui.brown.rating .icon.selected.active,
.ui.brown.rating .icon.selected.partial.active {
  background: inherit;
  color: #b0620f;
  text-shadow: 0px -1px 0px #975b33, -1px 0px 0px #975b33, 0px 1px 0px #975b33, 1px 0px 0px #975b33;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.brown.rating .icon.partial.active {
  background: linear-gradient(to right, #D67C1C 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  text-shadow: none;
  -webkit-text-stroke: #A5673F 0.78px;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ui.grey.rating .active.icon {
  color: #DCDDDE;
  text-shadow: 0px -1px 0px #767676, -1px 0px 0px #767676, 0px 1px 0px #767676, 1px 0px 0px #767676;
}
.ui.grey.rating .icon.selected,
.ui.grey.rating .icon.selected.active,
.ui.grey.rating .icon.selected.partial.active {
  background: inherit;
  color: #c2c4c5;
  text-shadow: 0px -1px 0px #838383, -1px 0px 0px #838383, 0px 1px 0px #838383, 1px 0px 0px #838383;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.grey.rating .icon.partial.active {
  background: linear-gradient(to right, #DCDDDE 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  text-shadow: none;
  -webkit-text-stroke: #767676 0.78px;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ui.black.rating .active.icon {
  color: #545454;
  text-shadow: 0px -1px 0px #1B1C1D, -1px 0px 0px #1B1C1D, 0px 1px 0px #1B1C1D, 1px 0px 0px #1B1C1D;
}
.ui.black.rating .icon.selected,
.ui.black.rating .icon.selected.active,
.ui.black.rating .icon.selected.partial.active {
  background: inherit;
  color: #000000;
  text-shadow: 0px -1px 0px #27292a, -1px 0px 0px #27292a, 0px 1px 0px #27292a, 1px 0px 0px #27292a;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.black.rating .icon.partial.active {
  background: linear-gradient(to right, #545454 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  text-shadow: none;
  -webkit-text-stroke: #1B1C1D 0.78px;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
/*******************************
             States
*******************************/
/*-------------------
         Disabled
  --------------------*/
/* disabled rating */
.ui.disabled.rating .icon {
  cursor: default;
  pointer-events: none;
}
/*-------------------
   User Interactive
--------------------*/
/* Selected Rating */
.ui.rating.selected .active.icon {
  opacity: 1;
}
.ui.rating.selected .icon.selected,
.ui.rating .icon.selected {
  opacity: 1;
}
/*******************************
          Variations
*******************************/
.ui.rating {
  font-size: 1rem;
}
.ui.mini.rating {
  font-size: 0.78571429rem;
}
.ui.tiny.rating {
  font-size: 0.85714286rem;
}
.ui.small.rating {
  font-size: 0.92857143rem;
}
.ui.large.rating {
  font-size: 1.14285714rem;
}
.ui.big.rating {
  font-size: 1.28571429rem;
}
.ui.huge.rating {
  font-size: 1.42857143rem;
}
.ui.massive.rating {
  font-size: 2rem;
}
/*******************************
         Theme Overrides
*******************************/
/*******************************
         Site Overrides
*******************************/
/*!
 * # Fomantic-UI 2.8.8 - Search
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
             Search
*******************************/
.ui.search {
  position: relative;
}
.ui.search > .prompt {
  margin: 0;
  outline: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-shadow: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1.21428571em;
  padding: 0.67857143em 1em;
  font-size: 1em;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  box-shadow: 0 0 0 0 transparent inset;
  transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
}
.ui.search .prompt {
  border-radius: 500rem;
}
/*--------------
     Icon
---------------*/
.ui.search .prompt ~ .search.icon {
  cursor: pointer;
}
/*--------------
    Results
---------------*/
.ui.search > .results {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  transform-origin: center top;
  white-space: normal;
  text-align: left;
  text-transform: none;
  background: #FFFFFF;
  margin-top: 0.5em;
  width: 18em;
  border-radius: 0.28571429rem;
  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  border: 1px solid #D4D4D5;
  z-index: 998;
}
.ui.search > .results > :first-child {
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}
.ui.search > .results > :last-child {
  border-radius: 0 0 0.28571429rem 0.28571429rem;
}
/*--------------
    Result
---------------*/
.ui.search > .results .result {
  cursor: pointer;
  display: block;
  overflow: hidden;
  font-size: 1em;
  padding: 0.85714286em 1.14285714em;
  color: rgba(0, 0, 0, 0.87);
  line-height: 1.33;
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.search > .results .result:last-child {
  border-bottom: none !important;
}
/* Image */
.ui.search > .results .result .image {
  float: right;
  overflow: hidden;
  background: none;
  width: 5em;
  height: 3em;
  border-radius: 0.25em;
}
.ui.search > .results .result .image img {
  display: block;
  width: auto;
  height: 100%;
}
/*--------------
      Info
---------------*/
.ui.search > .results .result .image + .content {
  margin: 0 6em 0 0;
}
.ui.search > .results .result .title {
  margin: -0.14285714em 0 0;
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.85);
}
.ui.search > .results .result .description {
  margin-top: 0;
  font-size: 0.92857143em;
  color: rgba(0, 0, 0, 0.4);
}
.ui.search > .results .result .price {
  float: right;
  color: #21BA45;
}
/*--------------
    Message
---------------*/
.ui.search > .results > .message {
  padding: 1em 1em;
}
.ui.search > .results > .message .header {
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.87);
}
.ui.search > .results > .message .description {
  margin-top: 0.25rem;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.87);
}
/* View All Results */
.ui.search > .results > .action {
  display: block;
  border-top: none;
  background: #F3F4F5;
  padding: 0.92857143em 1em;
  color: rgba(0, 0, 0, 0.87);
  font-weight: bold;
  text-align: center;
}
/*******************************
            States
*******************************/
/*--------------------
       Focus
---------------------*/
.ui.search > .prompt:focus {
  border-color: rgba(34, 36, 38, 0.35);
  background: #FFFFFF;
  color: rgba(0, 0, 0, 0.95);
}
/*--------------------
         Loading
  ---------------------*/
.ui.loading.search .input > 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.search .input > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0 0 -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: loader 0.6s infinite linear;
  animation: loader 0.6s infinite linear;
  border: 0.2em solid #767676;
  border-radius: 500rem;
  box-shadow: 0 0 0 1px transparent;
}
/*--------------
      Hover
---------------*/
.ui.search > .results .result:hover,
.ui.category.search > .results .category .result:hover {
  background: #F9FAFB;
}
.ui.search .action:hover:not(div) {
  background: #E0E0E0;
}
/*--------------
      Active
---------------*/
.ui.category.search > .results .category.active {
  background: #F3F4F5;
}
.ui.category.search > .results .category.active > .name {
  color: rgba(0, 0, 0, 0.87);
}
.ui.search > .results .result.active,
.ui.category.search > .results .category .result.active {
  position: relative;
  border-left-color: rgba(34, 36, 38, 0.1);
  background: #F3F4F5;
  box-shadow: none;
}
.ui.search > .results .result.active .title {
  color: rgba(0, 0, 0, 0.85);
}
.ui.search > .results .result.active .description {
  color: rgba(0, 0, 0, 0.85);
}
/*--------------------
          Disabled
  ----------------------*/
/* Disabled */
.ui.disabled.search {
  cursor: default;
  pointer-events: none;
  opacity: 0.45;
}
/*******************************
           Types
*******************************/
/*--------------
      Selection
  ---------------*/
.ui.search.selection .prompt {
  border-radius: 0.28571429rem;
}
/* Remove input */
.ui.search.selection > .icon.input > .remove.icon {
  pointer-events: none;
  position: absolute;
  left: auto;
  opacity: 0;
  color: '';
  top: 0;
  right: 0;
  transition: color 0.1s ease, opacity 0.1s ease;
}
.ui.search.selection > .icon.input > .active.remove.icon {
  cursor: pointer;
  opacity: 0.8;
  pointer-events: auto;
}
.ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon {
  right: 1.85714em;
}
.ui.search.selection > .icon.input > .remove.icon:hover {
  opacity: 1;
  color: #DB2828;
}
/*--------------
      Category
  ---------------*/
.ui.category.search .results {
  width: 28em;
}
.ui.category.search .results.animating,
.ui.category.search .results.visible {
  display: table;
}
/* Category */
.ui.category.search > .results .category {
  display: table-row;
  background: #F3F4F5;
  box-shadow: none;
  transition: background 0.1s ease, border-color 0.1s ease;
}
/* Last Category */
.ui.category.search > .results .category:last-child {
  border-bottom: none;
}
/* First / Last */
.ui.category.search > .results .category:first-child .name + .result {
  border-radius: 0 0.28571429rem 0 0;
}
.ui.category.search > .results .category:last-child .result:last-child {
  border-radius: 0 0 0.28571429rem 0;
}
/* Category Result Name */
.ui.category.search > .results .category > .name {
  display: table-cell;
  text-overflow: ellipsis;
  width: 100px;
  white-space: nowrap;
  background: transparent;
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 0.4em 1em;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
}
/* Category Result */
.ui.category.search > .results .category .results {
  display: table-cell;
  background: #FFFFFF;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.category.search > .results .category .result {
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  transition: background 0.1s ease, border-color 0.1s ease;
  padding: 0.85714286em 1.14285714em;
}
/*******************************
           Variations
*******************************/
/*-------------------
       Scrolling
  --------------------*/
.ui.scrolling.search > .results,
.ui.search.long > .results,
.ui.search.short > .results {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 767.98px) {
  .ui.scrolling.search > .results {
    max-height: 12.17714286em;
  }
}
@media only screen and (min-width: 768px) {
  .ui.scrolling.search > .results {
    max-height: 18.26571429em;
  }
}
@media only screen and (min-width: 992px) {
  .ui.scrolling.search > .results {
    max-height: 24.35428571em;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.scrolling.search > .results {
    max-height: 36.53142857em;
  }
}
@media only screen and (max-width: 767.98px) {
  .ui.search.short > .results {
    max-height: 12.17714286em;
  }

  .ui.search[class*="very short"] > .results {
    max-height: 9.13285714em;
  }

  .ui.search.long > .results {
    max-height: 24.35428571em;
  }

  .ui.search[class*="very long"] > .results {
    max-height: 36.53142857em;
  }
}
@media only screen and (min-width: 768px) {
  .ui.search.short > .results {
    max-height: 18.26571429em;
  }

  .ui.search[class*="very short"] > .results {
    max-height: 13.69928571em;
  }

  .ui.search.long > .results {
    max-height: 36.53142857em;
  }

  .ui.search[class*="very long"] > .results {
    max-height: 54.79714286em;
  }
}
@media only screen and (min-width: 992px) {
  .ui.search.short > .results {
    max-height: 24.35428571em;
  }

  .ui.search[class*="very short"] > .results {
    max-height: 18.26571429em;
  }

  .ui.search.long > .results {
    max-height: 48.70857143em;
  }

  .ui.search[class*="very long"] > .results {
    max-height: 73.06285714em;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.search.short > .results {
    max-height: 36.53142857em;
  }

  .ui.search[class*="very short"] > .results {
    max-height: 27.39857143em;
  }

  .ui.search.long > .results {
    max-height: 73.06285714em;
  }

  .ui.search[class*="very long"] > .results {
    max-height: 109.59428571em;
  }
}
/*-------------------
       Left / Right
  --------------------*/
.ui[class*="left aligned"].search > .results {
  right: auto;
  left: 0;
}
.ui[class*="right aligned"].search > .results {
  right: 0;
  left: auto;
}
/*--------------
    Fluid
---------------*/
.ui.fluid.search .results {
  width: 100%;
}
/*--------------
      Sizes
---------------*/
.ui.search {
  font-size: 1em;
}
.ui.mini.search {
  font-size: 0.78571429em;
}
.ui.tiny.search {
  font-size: 0.85714286em;
}
.ui.small.search {
  font-size: 0.92857143em;
}
.ui.large.search {
  font-size: 1.14285714em;
}
.ui.big.search {
  font-size: 1.28571429em;
}
.ui.huge.search {
  font-size: 1.42857143em;
}
.ui.massive.search {
  font-size: 1.71428571em;
}
/*--------------
      Mobile
---------------*/
@media only screen and (max-width: 767.98px) {
  .ui.search .results {
    max-width: calc(100vw - 2rem);
  }
}
/*******************************
         Theme Overrides
*******************************/
/*******************************
         Site Overrides
*******************************/
/*!
 * # Fomantic-UI 2.8.8 - Shape
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
              Shape
*******************************/
.ui.shape {
  position: relative;
  vertical-align: top;
  display: inline-block;
  perspective: 2000px;
  transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
}
.ui.shape .side,
.ui.shape .sides {
  transform-style: preserve-3d;
}
.ui.shape .side {
  display: none;
  opacity: 1;
  width: 100%;
  margin: 0 !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ui.shape .side * {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
/*******************************
             Types
*******************************/
.ui.cube.shape .side {
  min-width: 15em;
  height: 15em;
  padding: 2em;
  background-color: #E6E6E6;
  color: rgba(0, 0, 0, 0.87);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
.ui.cube.shape .side > .content {
  width: 100%;
  height: 100%;
  display: table;
  text-align: center;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.ui.cube.shape .side > .content > div {
  display: table-cell;
  vertical-align: middle;
  font-size: 2em;
}
/*******************************
          Variations
*******************************/
.ui.text.shape.animating .sides {
  position: static;
}
.ui.text.shape .side {
  white-space: nowrap;
}
.ui.text.shape .side > * {
  white-space: normal;
}
/*******************************
             States
*******************************/
/*--------------
      Loading
  ---------------*/
.ui.loading.shape {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
/*--------------
    Animating
---------------*/
.ui.shape .animating.side {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 100;
}
.ui.shape .hidden.side {
  opacity: 0.6;
}
/*--------------
      CSS
---------------*/
.ui.shape.animating .sides {
  position: absolute;
  transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
}
.ui.shape.animating .side {
  transition: opacity 0.6s ease-in-out;
}
.ui.shape .animating.side *,
.ui.shape.animating .side * {
  transition: none;
}
/*--------------
     Active
---------------*/
.ui.shape .active.side {
  display: block;
}
/*******************************
         Theme Overrides
*******************************/
/*******************************
        User Overrides
*******************************/
/*!
 * # Fomantic-UI 2.8.8 - Sidebar
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Sidebar
*******************************/
/* Sidebar Menu */
.ui.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: none;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  -webkit-overflow-scrolling: touch;
  height: 100% !important;
  max-height: 100%;
  border-radius: 0 !important;
  margin: 0 !important;
  overflow-y: auto !important;
  z-index: 102;
}
/* GPU Layers for Child Elements */
.ui.sidebar > * {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/*--------------
   Direction
---------------*/
.ui.left.sidebar {
  right: auto;
  left: 0;
  transform: translate3d(-100%, 0, 0);
}
.ui.right.sidebar {
  right: 0 !important;
  left: auto !important;
  transform: translate3d(100%, 0, 0);
}
.ui.top.sidebar,
.ui.bottom.sidebar {
  width: 100% !important;
  height: auto !important;
}
.ui.top.sidebar {
  top: 0 !important;
  bottom: auto !important;
  transform: translate3d(0, -100%, 0);
}
.ui.bottom.sidebar {
  top: auto !important;
  bottom: 0 !important;
  transform: translate3d(0, 100%, 0);
}
/*--------------
     Pushable
---------------*/
.pushable {
  height: 100%;
  overflow-x: hidden;
  padding: 0 !important;
}
/* Whole Page */
body.pushable {
  background: #545454;
}
body.pushable.dimmed {
  background: inherit;
}
/* Page Context */
.pushable:not(body) {
  transform: translate3d(0, 0, 0);
  overflow-y: hidden;
}
.pushable:not(body) > .ui.sidebar,
.pushable:not(body) > .fixed,
.pushable:not(body) > .pusher:after {
  position: absolute;
}
/*--------------
     Fixed
---------------*/
.pushable > .fixed {
  position: fixed;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 500ms ease;
  will-change: transform;
  z-index: 101;
}
/*--------------
     Page
---------------*/
.pushable > .pusher {
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  min-height: 100%;
  transition: transform 500ms ease;
  z-index: 2;
  /* Pusher should inherit background from context */
  background: inherit;
}
body.pushable > .pusher {
  background: #FFFFFF;
}
/*--------------
     Dimmer
---------------*/
.pushable > .pusher:after {
  position: fixed;
  top: 0;
  right: 0;
  content: '';
  background: rgba(0, 0, 0, 0.4);
  overflow: hidden;
  opacity: 0;
  transition: opacity 500ms;
  will-change: opacity;
  z-index: 1000;
}
/*--------------
    Coupling
---------------*/
.ui.sidebar.menu .item {
  border-radius: 0 !important;
}
/*******************************
            States
*******************************/
/*--------------
     Dimmed
---------------*/
.pushable > .pusher.dimmed:after {
  width: 100% !important;
  height: 100% !important;
  opacity: 1 !important;
}
/*--------------
    Animating
---------------*/
.ui.animating.sidebar {
  visibility: visible;
}
/*--------------
     Visible
---------------*/
.ui.visible.sidebar {
  visibility: visible;
  transform: translate3d(0, 0, 0);
}
/* Shadow Direction */
.ui.left.visible.sidebar,
.ui.right.visible.sidebar {
  box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
}
.ui.top.visible.sidebar,
.ui.bottom.visible.sidebar {
  box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
}
/* Visible On Load */
.ui.visible.left.sidebar ~ .fixed,
.ui.visible.left.sidebar ~ .pusher {
  transform: translate3d(260px, 0, 0);
}
.ui.visible.right.sidebar ~ .fixed,
.ui.visible.right.sidebar ~ .pusher {
  transform: translate3d(-260px, 0, 0);
}
.ui.visible.top.sidebar ~ .fixed,
.ui.visible.top.sidebar ~ .pusher {
  transform: translate3d(0, 36px, 0);
}
.ui.visible.bottom.sidebar ~ .fixed,
.ui.visible.bottom.sidebar ~ .pusher {
  transform: translate3d(0, -36px, 0);
}
/* opposite sides visible forces content overlay */
.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .fixed,
.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher,
.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed,
.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher {
  transform: translate3d(0, 0, 0);
}
/*--------------
       iOS
---------------*/
/*******************************
          Variations
*******************************/
/*--------------
     Width
---------------*/
/* Left / Right */
.ui.thin.left.sidebar,
.ui.thin.right.sidebar {
  width: 150px;
}
.ui[class*="very thin"].left.sidebar,
.ui[class*="very thin"].right.sidebar {
  width: 60px;
}
.ui.left.sidebar,
.ui.right.sidebar {
  width: 260px;
}
.ui.wide.left.sidebar,
.ui.wide.right.sidebar {
  width: 350px;
}
.ui[class*="very wide"].left.sidebar,
.ui[class*="very wide"].right.sidebar {
  width: 475px;
}
/* Left Visible */
.ui.visible.thin.left.sidebar ~ .fixed,
.ui.visible.thin.left.sidebar ~ .pusher {
  transform: translate3d(150px, 0, 0);
}
.ui.visible[class*="very thin"].left.sidebar ~ .fixed,
.ui.visible[class*="very thin"].left.sidebar ~ .pusher {
  transform: translate3d(60px, 0, 0);
}
.ui.visible.wide.left.sidebar ~ .fixed,
.ui.visible.wide.left.sidebar ~ .pusher {
  transform: translate3d(350px, 0, 0);
}
.ui.visible[class*="very wide"].left.sidebar ~ .fixed,
.ui.visible[class*="very wide"].left.sidebar ~ .pusher {
  transform: translate3d(475px, 0, 0);
}
/* Right Visible */
.ui.visible.thin.right.sidebar ~ .fixed,
.ui.visible.thin.right.sidebar ~ .pusher {
  transform: translate3d(-150px, 0, 0);
}
.ui.visible[class*="very thin"].right.sidebar ~ .fixed,
.ui.visible[class*="very thin"].right.sidebar ~ .pusher {
  transform: translate3d(-60px, 0, 0);
}
.ui.visible.wide.right.sidebar ~ .fixed,
.ui.visible.wide.right.sidebar ~ .pusher {
  transform: translate3d(-350px, 0, 0);
}
.ui.visible[class*="very wide"].right.sidebar ~ .fixed,
.ui.visible[class*="very wide"].right.sidebar ~ .pusher {
  transform: translate3d(-475px, 0, 0);
}
/*******************************
          Animations
*******************************/
/*--------------
      Overlay
  ---------------*/
/* Set-up */
.ui.overlay.sidebar {
  z-index: 102;
}
/* Initial */
.ui.left.overlay.sidebar {
  transform: translate3d(-100%, 0, 0);
}
.ui.right.overlay.sidebar {
  transform: translate3d(100%, 0, 0);
}
.ui.top.overlay.sidebar {
  transform: translate3d(0%, -100%, 0);
}
.ui.bottom.overlay.sidebar {
  transform: translate3d(0%, 100%, 0);
}
/* Animation */
.animating.ui.overlay.sidebar,
.ui.visible.overlay.sidebar {
  transition: transform 500ms ease;
}
/* End - Sidebar */
.ui.visible.left.overlay.sidebar {
  transform: translate3d(0%, 0, 0);
}
.ui.visible.right.overlay.sidebar {
  transform: translate3d(0%, 0, 0);
}
.ui.visible.top.overlay.sidebar {
  transform: translate3d(0%, 0, 0);
}
.ui.visible.bottom.overlay.sidebar {
  transform: translate3d(0%, 0, 0);
}
/* End - Pusher */
.ui.visible.overlay.sidebar ~ .fixed,
.ui.visible.overlay.sidebar ~ .pusher {
  transform: none !important;
}
/*--------------
        Push
  ---------------*/
/* Initial */
.ui.push.sidebar {
  transition: transform 500ms ease;
  z-index: 102;
}
/* Sidebar - Initial */
.ui.left.push.sidebar {
  transform: translate3d(-100%, 0, 0);
}
.ui.right.push.sidebar {
  transform: translate3d(100%, 0, 0);
}
.ui.top.push.sidebar {
  transform: translate3d(0%, -100%, 0);
}
.ui.bottom.push.sidebar {
  transform: translate3d(0%, 100%, 0);
}
/* End */
.ui.visible.push.sidebar {
  transform: translate3d(0%, 0, 0);
}
/*--------------
      Uncover
  ---------------*/
/* Initial */
.ui.uncover.sidebar {
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
/* End */
.ui.visible.uncover.sidebar {
  transform: translate3d(0, 0, 0);
  transition: transform 500ms ease;
}
/*--------------
     Slide Along
  ---------------*/
/* Initial */
.ui.slide.along.sidebar {
  z-index: 1;
}
/* Sidebar - Initial */
.ui.left.slide.along.sidebar {
  transform: translate3d(-50%, 0, 0);
}
.ui.right.slide.along.sidebar {
  transform: translate3d(50%, 0, 0);
}
.ui.top.slide.along.sidebar {
  transform: translate3d(0, -50%, 0);
}
.ui.bottom.slide.along.sidebar {
  transform: translate3d(0%, 50%, 0);
}
/* Animation */
.ui.animating.slide.along.sidebar {
  transition: transform 500ms ease;
}
/* End */
.ui.visible.slide.along.sidebar {
  transform: translate3d(0%, 0, 0);
}
/*--------------
     Slide Out
  ---------------*/
/* Initial */
.ui.slide.out.sidebar {
  z-index: 1;
}
/* Sidebar - Initial */
.ui.left.slide.out.sidebar {
  transform: translate3d(50%, 0, 0);
}
.ui.right.slide.out.sidebar {
  transform: translate3d(-50%, 0, 0);
}
.ui.top.slide.out.sidebar {
  transform: translate3d(0%, 50%, 0);
}
.ui.bottom.slide.out.sidebar {
  transform: translate3d(0%, -50%, 0);
}
/* Animation */
.ui.animating.slide.out.sidebar {
  transition: transform 500ms ease;
}
/* End */
.ui.visible.slide.out.sidebar {
  transform: translate3d(0%, 0, 0);
}
/*--------------
     Scale Down
  ---------------*/
/* Initial */
.ui.scale.down.sidebar {
  transition: transform 500ms ease;
  z-index: 102;
}
.ui.left.scale.down.sidebar {
  transform: translate3d(-100%, 0, 0);
}
.ui.right.scale.down.sidebar {
  transform: translate3d(100%, 0, 0);
}
.ui.top.scale.down.sidebar {
  transform: translate3d(0%, -100%, 0);
}
.ui.bottom.scale.down.sidebar {
  transform: translate3d(0%, 100%, 0);
}
/* Pusher - Initial */
.ui.scale.down.left.sidebar ~ .pusher {
  transform-origin: 75% 50%;
}
.ui.scale.down.right.sidebar ~ .pusher {
  transform-origin: 25% 50%;
}
.ui.scale.down.top.sidebar ~ .pusher {
  transform-origin: 50% 75%;
}
.ui.scale.down.bottom.sidebar ~ .pusher {
  transform-origin: 50% 25%;
}
/* Animation */
.ui.animating.scale.down > .visible.ui.sidebar {
  transition: transform 500ms ease;
}
.ui.visible.scale.down.sidebar ~ .pusher,
.ui.animating.scale.down.sidebar ~ .pusher {
  display: block !important;
  width: 100%;
  height: 100%;
  overflow: hidden !important;
}
/* End */
.ui.visible.scale.down.sidebar {
  transform: translate3d(0, 0, 0);
}
.ui.visible.scale.down.sidebar ~ .pusher {
  transform: scale(0.75);
}
/*******************************
         Theme Overrides
*******************************/
/*******************************
         Site Overrides
*******************************/
/*!
 * # Fomantic-UI 2.8.8 - Sticky
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Sticky
*******************************/
.ui.sticky {
  position: static;
  transition: none;
  z-index: 800;
}
/*******************************
            States
*******************************/
/* Bound */
.ui.sticky.bound {
  position: absolute;
  left: auto;
  right: auto;
}
/* Fixed */
.ui.sticky.fixed {
  position: fixed;
  left: auto;
  right: auto;
}
/* Bound/Fixed Position */
.ui.sticky.bound.top,
.ui.sticky.fixed.top {
  top: 0;
  bottom: auto;
}
.ui.sticky.bound.bottom,
.ui.sticky.fixed.bottom {
  top: auto;
  bottom: 0;
}
/*******************************
            Types
*******************************/
.ui.native.sticky {
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
}
/*******************************
         Theme Overrides
*******************************/
/*******************************
         Site Overrides
*******************************/
/*!
 * # Fomantic-UI 2.8.8 - Tab
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
           UI Tabs
*******************************/
.ui.tab {
  display: none;
}
/*******************************
             States
*******************************/
/*--------------------
       Active
---------------------*/
.ui.tab.active,
.ui.tab.open {
  display: block;
}
/*--------------------
         Loading
  ---------------------*/
.ui.tab.loading {
  position: relative;
  overflow: hidden;
  display: block;
  min-height: 250px;
}
.ui.tab.loading * {
  position: relative !important;
  left: -10000px !important;
}
.ui.tab.loading:before,
.ui.tab.loading.segment:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -1.25em 0 0 -1.25em;
  width: 2.5em;
  height: 2.5em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}
.ui.tab.loading:after,
.ui.tab.loading.segment:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -1.25em 0 0 -1.25em;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation: loader 0.6s infinite linear;
  animation: loader 0.6s infinite linear;
  border: 0.2em solid #767676;
  border-radius: 500rem;
  box-shadow: 0 0 0 1px transparent;
}
/*******************************
         Tab Overrides
*******************************/
/*******************************
        User Overrides
*******************************/
/*!
 * # Fomantic-UI 2.8.8 - Text
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://github.com/fomantic/Fomantic-UI/blob/master/LICENSE.md
 *
 */
/*******************************
             Text
*******************************/
span.ui.text {
  line-height: 1;
}
span.ui.primary.text {
  color: #2185D0;
}
span.ui.inverted.primary.text {
  color: #54C8FF;
}
span.ui.secondary.text {
  color: #1B1C1D;
}
span.ui.inverted.secondary.text {
  color: #545454;
}
span.ui.red.text {
  color: #DB2828;
}
span.ui.inverted.red.text {
  color: #FF695E;
}
span.ui.orange.text {
  color: #F2711C;
}
span.ui.inverted.orange.text {
  color: #FF851B;
}
span.ui.yellow.text {
  color: #FBBD08;
}
span.ui.inverted.yellow.text {
  color: #FFE21F;
}
span.ui.olive.text {
  color: #B5CC18;
}
span.ui.inverted.olive.text {
  color: #D9E778;
}
span.ui.green.text {
  color: #21BA45;
}
span.ui.inverted.green.text {
  color: #2ECC40;
}
span.ui.teal.text {
  color: #00B5AD;
}
span.ui.inverted.teal.text {
  color: #6DFFFF;
}
span.ui.blue.text {
  color: #2185D0;
}
span.ui.inverted.blue.text {
  color: #54C8FF;
}
span.ui.violet.text {
  color: #6435C9;
}
span.ui.inverted.violet.text {
  color: #A291FB;
}
span.ui.purple.text {
  color: #A333C8;
}
span.ui.inverted.purple.text {
  color: #DC73FF;
}
span.ui.pink.text {
  color: #E03997;
}
span.ui.inverted.pink.text {
  color: #FF8EDF;
}
span.ui.brown.text {
  color: #A5673F;
}
span.ui.inverted.brown.text {
  color: #D67C1C;
}
span.ui.grey.text {
  color: #767676;
}
span.ui.inverted.grey.text {
  color: #DCDDDE;
}
span.ui.black.text {
  color: #1B1C1D;
}
span.ui.inverted.black.text {
  color: #545454;
}
span.ui.error.text {
  color: #DB2828;
}
span.ui.info.text {
  color: #31CCEC;
}
span.ui.success.text {
  color: #21BA45;
}
span.ui.warning.text {
  color: #F2C037;
}
span.ui.disabled.text {
  opacity: 0.45;
}
/* Sizes */
span.ui.medium.text {
  font-size: 1em;
}
span.ui.mini.text {
  font-size: 0.4em;
}
span.ui.tiny.text {
  font-size: 0.5em;
}
span.ui.small.text {
  font-size: 0.75em;
}
span.ui.large.text {
  font-size: 1.5em;
}
span.ui.big.text {
  font-size: 2em;
}
span.ui.huge.text {
  font-size: 4em;
}
span.ui.massive.text {
  font-size: 8em;
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Fomantic-UI 2.8.8 - Toast
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
        Toast container
*******************************/
.ui.toast-container {
  position: fixed;
  z-index: 9999;
}
.ui.toast-container.ui.attached {
  width: 100%;
  left: 0;
}
.ui.toast-container.ui.attached .vertical.attached {
  border-radius: 0;
}
.ui.toast-container.ui.attached.ui.ui .attached.actions .button {
  border-radius: 0;
}
.ui.toast-container.ui.attached .toast-box {
  margin: 0;
  width: 100%;
  border-radius: 0;
}
.ui.toast-container.ui.attached .toast-box > .ui.toast,
.ui.toast-container.ui.attached .toast-box > .ui.message {
  margin-left: 0;
}
.ui.toast-container.ui.attached .toast-box.floating,
.ui.toast-container.ui.attached .toast-box.hoverfloating:hover {
  border: none;
}
.ui.toast-container.ui.attached .toast-box > .vertical > .content {
  flex: 1 1;
}
.ui.toast-container.ui.attached .toast-box > * {
  width: 100%;
  border-radius: 0;
}
.ui.toast-container.ui.attached .toast-box > * > .vertical:not(.actions) {
  flex: 1 1;
}
.ui.toast-container.ui.attached .toast-box > .attached.actions {
  margin-right: 1px;
}
.ui.toast-container.ui.attached.top {
  top: 0;
}
.ui.toast-container.ui.attached.bottom {
  bottom: 0;
}
.ui.toast-container.top.right {
  top: 0.85714286em;
  right: 0.85714286em;
  margin-left: 0.85714286em;
}
.ui.toast-container.top.left {
  top: 0.85714286em;
  left: 0.85714286em;
  margin-right: 0.85714286em;
}
.ui.toast-container.top.center {
  left: 50%;
  transform: translate(-50%, 0);
  top: 0.85714286em;
}
.ui.toast-container.bottom.right {
  bottom: 0.85714286em;
  right: 0.85714286em;
  margin-left: 0.85714286em;
}
.ui.toast-container.bottom.left {
  bottom: 0.85714286em;
  left: 0.85714286em;
  margin-right: 0.85714286em;
}
.ui.toast-container.bottom.center {
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 0.85714286em;
}
.ui.toast-container .visible.toast-box,
.ui.toast-container .animating.toast-box,
.ui.toast-container .toast-box {
  display: table !important;
}
.ui.toast-container.horizontal {
  display: flex;
  flex-direction: row;
}
.ui.toast-container.horizontal .toast-box {
  margin-right: 0.5em;
}
.ui.toast-container .toast-box {
  margin-bottom: 0.5em;
  border-radius: 0.28571429rem;
  cursor: default;
}
.ui.toast-container .toast-box:hover {
  opacity: 1;
}
.ui.toast-container .toast-box:not(.unclickable):hover {
  cursor: pointer;
}
.ui.toast-container .toast-box.floating,
.ui.toast-container .toast-box.hoverfloating:hover {
  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  border: 1px solid rgba(34, 36, 38, 0.12);
}
.ui.toast-container .toast-box.compact,
.ui.toast-container .toast-box > .compact {
  width: 350px;
}
.ui.toast-container .toast-box > .ui.toast,
.ui.toast-container .toast-box > .ui.message {
  margin: 0 -1px -0.01em;
  position: relative;
}
.ui.toast-container .toast-box > .attached.progress {
  z-index: 1;
}
.ui.toast-container .toast-box > .attached.progress.bottom {
  margin: -0.2em -1px -0.01em;
}
.ui.toast-container .toast-box > .attached.progress.top {
  margin: -0.01em -1px -0.2em;
}