/* --- bloco 1 (linhas ~1-757) --- */
:root, :host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Regular";
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Light";
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Thin";
  --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
  --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
  overflow: visible;
  box-sizing: content-box;
}

.svg-inline--fa {
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}
.svg-inline--fa.fa-2xs {
  vertical-align: 0.1em;
}
.svg-inline--fa.fa-xs {
  vertical-align: 0em;
}
.svg-inline--fa.fa-sm {
  vertical-align: -0.0714285705em;
}
.svg-inline--fa.fa-lg {
  vertical-align: -0.2em;
}
.svg-inline--fa.fa-xl {
  vertical-align: -0.25em;
}
.svg-inline--fa.fa-2xl {
  vertical-align: -0.3125em;
}
.svg-inline--fa.fa-pull-left {
  margin-right: var(--fa-pull-margin, 0.3em);
  width: auto;
}
.svg-inline--fa.fa-pull-right {
  margin-left: var(--fa-pull-margin, 0.3em);
  width: auto;
}
.svg-inline--fa.fa-li {
  width: var(--fa-li-width, 2em);
  top: 0.25em;
}
.svg-inline--fa.fa-fw {
  width: var(--fa-fw-width, 1.25em);
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-layers-counter, .fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}
.fa-layers svg.svg-inline--fa {
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.fa-layers-counter {
  background-color: var(--fa-counter-background-color, #ff253a);
  border-radius: var(--fa-counter-border-radius, 1em);
  box-sizing: border-box;
  color: var(--fa-inverse, #fff);
  line-height: var(--fa-counter-line-height, 1);
  max-width: var(--fa-counter-max-width, 5em);
  min-width: var(--fa-counter-min-width, 1.5em);
  overflow: hidden;
  padding: var(--fa-counter-padding, 0.25em 0.5em);
  right: var(--fa-right, 0);
  text-overflow: ellipsis;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-counter-scale, 0.25));
          transform: scale(var(--fa-counter-scale, 0.25));
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: var(--fa-bottom, 0);
  right: var(--fa-right, 0);
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
          transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: var(--fa-bottom, 0);
  left: var(--fa-left, 0);
  right: auto;
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
          transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}

.fa-layers-top-right {
  top: var(--fa-top, 0);
  right: var(--fa-right, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
          transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

.fa-layers-top-left {
  left: var(--fa-left, 0);
  right: auto;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
          transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top left;
          transform-origin: top left;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}

.fa-xs {
  font-size: 0.75em;
  line-height: 0.0833333337em;
  vertical-align: 0.125em;
}

.fa-sm {
  font-size: 0.875em;
  line-height: 0.0714285718em;
  vertical-align: 0.0535714295em;
}

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}

.fa-xl {
  font-size: 1.5em;
  line-height: 0.0416666682em;
  vertical-align: -0.125em;
}

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: calc(var(--fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
  -webkit-animation-name: fa-beat;
          animation-name: fa-beat;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
          animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
  -webkit-animation-name: fa-bounce;
          animation-name: fa-bounce;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.fa-fade {
  -webkit-animation-name: fa-fade;
          animation-name: fa-fade;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-beat-fade {
  -webkit-animation-name: fa-beat-fade;
          animation-name: fa-beat-fade;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-flip {
  -webkit-animation-name: fa-flip;
          animation-name: fa-flip;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
          animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
  -webkit-animation-name: fa-shake;
          animation-name: fa-shake;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
          animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin {
  -webkit-animation-name: fa-spin;
          animation-name: fa-spin;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 2s);
          animation-duration: var(--fa-animation-duration, 2s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
          animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
  -webkit-animation-name: fa-spin;
          animation-name: fa-spin;
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
          animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
.fa-bounce,
.fa-fade,
.fa-beat-fade,
.fa-flip,
.fa-pulse,
.fa-shake,
.fa-spin,
.fa-spin-pulse {
    -webkit-animation-delay: -1ms;
            animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
            animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-duration: 0s;
            transition-duration: 0s;
  }
}
@-webkit-keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
            transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
            transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@-webkit-keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
  100% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
}
@keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
  100% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
}
@-webkit-keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@-webkit-keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
            transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
            transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@-webkit-keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@-webkit-keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  4% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  8%, 24% {
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg);
  }
  12%, 28% {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg);
  }
  20% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg);
  }
  32% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
  }
  36% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
  }
  40%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  4% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  8%, 24% {
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg);
  }
  12%, 28% {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg);
  }
  20% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg);
  }
  32% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
  }
  36% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
  }
  40%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.fa-flip-horizontal {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.fa-flip-vertical {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}

.fa-rotate-by {
  -webkit-transform: rotate(var(--fa-rotate-angle, none));
          transform: rotate(var(--fa-rotate-angle, none));
}

.fa-stack {
  display: inline-block;
  vertical-align: middle;
  height: 2em;
  position: relative;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: var(--fa-stack-z-index, auto);
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em;
}
.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black;
}

.fad.fa-inverse,
.fa-duotone.fa-inverse {
  color: var(--fa-inverse, #fff);
}

/* --- bloco 2 (linhas ~777-777) --- */
.gen123 {position: fixed;width: 4em;height: 4em;z-index: 100;}.gen123 svg {width: 100%;height: 100%;}.gen123.top {top: 3em;}.gen123.bottom {bottom: 3em;}.gen123.left {left: 3em;}.gen123.right {right: 20em;}

/* --- bloco 3 (linhas ~777-1949) --- */
.fo-side-ofertas{
display:none !important;
}

.preco-auxiliar:nth-child(2) {
  color: var(--fo-red) !important;
}

.strike {
  padding-bottom: 20px !important;
  color: #666666 !important;
}

.inline > div:nth-child(1) > input:nth-child(2) {
  max-width: 45% !important;
}

.detalhe-produto-top-container div.ui.basic.segment.cardProduto div.ui.segment div.ui.stackable.grid.card-produto-full div.row.center-on-mobile div.ten.wide.column.center-on-mobile div.ui.basic.compact.vertical.segment.center-on-mobile.price-control-segment div.center-on-mobile-block button.ui.button:last-child {
  background-color: var(--fo-red) !important;
  border-radius: 2px !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  margin: -20px 0 0 !important;
  width: 320px !important;
  max-width: 100% !important;
  display: block !important;
}

div.center-on-mobile-block:nth-child(2) > div:nth-child(1) {
  width: 320px !important;
  max-width: 100% !important;
  margin-top: -20px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

.nav-logo {
  padding: 20px !important;
  width: 190px !important;
}

.input-product-quantity {
  background-color: #fff !important;
  width: 50% !important;
  margin: unset !important;
  opacity: 1 !important;
  cursor: default !important;
  color: var(--fo-charcoal) !important;
  font-size: 15px !important;
  font-weight: bolder !important;
  font-style: unset !important;
  border: 1px solid var(--fo-charcoal) !important;
  border-radius: 0 !important;
  margin-top: -1px !important;
}

/* Faixa branca entre o menu vermelho e o slider - removida em 11/09/2026.
   A causa NAO estava neste arquivo: a propria LifeApps injeta style inline
   "height: 100%; margin-top: 6px" na <img> do banner principal. Conferido ao vivo:
   dos 13 sliders da home, SO o slide-index-0 recebe esse margin-top - os outros 12
   vem apenas com height:100%. O gatilho e o flag "bannerPrincipal": true no config
   do carrossel (01_TOPO_SLIDER); os demais tem false.
   Como e style inline, so !important vence. Medido depois: barra de categorias
   termina em 231.7px e a imagem passa a comecar em 231.0px - encostadas. */
.slide-index-0 img {
  margin-top: 0 !important;
}

/* 02_TOPO_CADASTRO_DESKTOP - destravado em 11/09/2026.
   O max-width era 550px, feito para a arte ANTIGA (estreita) deste espaco. A arte
   nova (3 PASSOS SIMPLES) e 1280x199 e estava sendo exibida a 43% do tamanho: dai o
   texto ilegivel. 1280px e a largura NATIVA do arquivo e tambem a regua dos demais
   espacos desta home (4, 6, 8, 10, 12, 14 e 17) - a peca passa a alinhar com o resto
   em vez de flutuar no meio da faixa.
   O #454545 saiu junto: emoldurava um banner estreito. Com a arte em 1280 ele viraria
   uma moldura cinza-escura em volta de uma peca azul-clara. #BDE9FF e a cor amostrada
   nas quatro bordas do proprio arquivo, entao a sangria lateral continua a arte sem
   costura. ATENCAO: essa cor esta casada com ESTA arte - ao trocar a arte deste espaco,
   reamostrar a borda e atualizar aqui, senao a faixa mente (foi o que aconteceu com os
   intra sliders em 02/09/2026, ver comentario abaixo). */
.slide-index-1 {
  background-color: #BDE9FF;
  padding: 5px 0;
}

.slide-index-1 .slick-list {
  margin: 0 auto !important;
  max-width: 1280px;
  position: relative;
  width: 100%;
}

.slide-index-2 {
  background-color: #dbdbdb;
}

.slide-index-2 .slick-list {
  margin: 0 auto !important;
  max-width: 1120px;
  position: relative;
  width: 100%;
}

.slide-index-2 .slick-slide {
  padding: 20px !important;
}

.slide-index-3 {
  background-color: #c3c3c3;
}

.slide-index-3 .slick-list {
  margin: 0 auto !important;
  max-width: 1080px;
  position: relative;
  width: 100%;
}

.slide-index-3 .slick-slider {
  margin: 0 auto !important;
  max-width: 1280px;
}

div.desktop:nth-child(6) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
  height: 127px !important;
}

/* Faixas laterais dos intra sliders neutralizadas em 02/09/2026.
   As cores anteriores continuavam as artes ANTIGAS e passaram a brigar com as novas;
   como as artes giram, cor fixa por posicao volta a mentir na proxima troca.
   Saiam: 01 SULFITE #FFDD8F | 02 EVA #291B0F | 03 COLAS #9FAAB3 |
          04 CANETAS #1F1C08 | 05 BROCHURAO #2A8BFF | 06 TESOURAS #FFAE19
   Entra #f7f5f3 nas seis: e a MESMA cor que os espacos 16, 17 e 18 desta home ja usam,
   entao a faixa deixa de existir para o olho em vez de virar uma moldura cinza. Passamos
   por #e7e7e7 antes; ficou irregular, porque o cinza contrastava com o fundo da pagina.
   Sem canto arredondado: decisao do Fernando, a peca segue retangular.
   Mobile nao mudou: no @media (max-width:750px) os intra ja usam background-color: unset. */
.slide-index-4 {
  background-color: #f7f5f3;
}

.slide-index-4 .slick-list {
  margin: 0 auto !important;
  max-width: 1280px;
  position: relative;
  width: 100%;
}

.slide-index-6 {
  background-color: #f7f5f3;
}

.slide-index-6 .slick-list {
  margin: 0 auto !important;
  max-width: 1280px;
  position: relative;
  width: 100%;
}

.slide-index-8 {
  background-color: #f7f5f3;
}

.slide-index-8 .slick-list {
  margin: 0 auto !important;
  max-width: 1280px;
  position: relative;
  width: 100%;
}

.slide-index-10 {
  background-color: #f7f5f3;
}

.slide-index-10 .slick-list {
  margin: 0 auto !important;
  max-width: 1280px;
  position: relative;
  width: 100%;
}

.slide-index-12 {
  background-color: #f7f5f3;
}

.slide-index-12 .slick-list {
  margin: 0 auto !important;
  max-width: 1280px;
  position: relative;
  width: 100%;
}

.slide-index-14 {
  background-color: #f7f5f3;
}

.slide-index-14 .slick-list {
  margin: 0 auto !important;
  max-width: 1280px;
  position: relative;
  width: 100%;
}

.slide-index-3 img {
  border-radius: 50% !important;
  padding: 25px;
  object-fit: cover;
}

.slide-index-17 .slick-slide {
  padding: 10px !important;
}

.slide-index-17 .slick-list {
  margin: 0 auto !important;
  max-width: 1280px;
  position: relative;
  width: 100%;
}

.slide-index-16,
.slide-index-17,
.slide-index-18 {
  background-color: #f7f5f3 !important;
}

.slide-index-16 .slick-list,
.slide-index-18 .slick-list {
  margin: 0 auto !important;
  max-width: 1260px;
  position: relative;
  width: 100%;
}

.container-products {
  padding: 0 !important;
}

div:has(> h3) {
  text-align: center;
}

h3 {
  font-size: 14px;
  margin: 20px 0 !important;
}

.autoCompleteArena {
  bottom: 82px !important;
}

.nav-principal {
  background-color: #fff !important;
}

.nav-superior {
  margin-bottom: 0px !important;
  display: none !important;
}

.nav-secundaria {
  background: var(--fo-charcoal, #25282b) !important;
  padding: 7px 24px !important;
}

.nav-secundaria,
.nav-secundaria .nav-menus,
.nav-secundaria span,
.nav-secundaria a,
.nav-secundaria .ui.dropdown,
.nav-secundaria .ui.dropdown .text,
.nav-secundaria .button-agrupador {
  color: #fff !important;
}

.nav-secundaria .button-agrupador {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 6px !important;
}

.nav-secundaria .nav-menus {
  gap: 6px 22px !important;
  font-family: var(--fo-sans, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 500;
}

.nav-secundaria .nav-menus > span,
.nav-secundaria .nav-menus > div {
  padding: 4px 0 !important;
  margin: 0 !important;
}

.nav-secundaria .nav-menus i.icon {
  vertical-align: middle;
  height: auto;
  margin: 0 !important;
  font-size: 17px;
}

.nav-secundaria .nav-menus svg {
  vertical-align: middle;
}

.nav-secundaria .badge-trocar,
.nav-secundaria [class*='badge'] {
  border-radius: var(--fo-radius, 2px) !important;
}

.nav-search .ui.input {
  width: 100%;
}

.nav-search .ui.input > input {
  border: 1.5px solid var(--fo-red, #ff2739) !important;
  border-radius: var(--fo-radius, 2px) !important;
  padding-right: 54px !important;
}

.nav-search .ui.icon.input > i.icon,
.nav-search .ui.icon.input > i.fa-magnifying-glass {
  right: 0 !important;
  width: 46px !important;
  height: 100% !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: var(--fo-red, #ff2739) !important;
  cursor: pointer;
  pointer-events: auto;
  color: #fff !important;
  opacity: 1 !important;
  border-radius: 0 var(--fo-radius, 2px) var(--fo-radius, 2px) 0 !important;
}

.nav-search .ui.icon.input > i.icon::before,
.nav-search .ui.icon.input > i.fa-magnifying-glass::before {
  color: #fff !important;
}

.responsive-cart > div {
  background: var(--fo-charcoal, #25282b) !important;
  border-radius: var(--fo-radius, 2px) !important;
  padding: 9px 16px !important;
  color: #fff !important;
}

.responsive-cart > div span,
.responsive-cart > div .cart-value {
  color: #fff !important;
}

.responsive-cart > div .icon {
  color: #fff !important;
}

.detalhe-produto-top-container {
  background-color: #fff !important;
}

.preco-destaque {
  color: var(--fo-red) !important;
  font-size: 20px !important;
  font-family: var(--fo-sans);
}

.slider-vitrine-produtos {
  margin: 0 auto !important;
  max-width: 1280px;
  position: relative;
  width: 100%;
}

.card-produto-full .preco-auxiliar {
  font-size: 14px !important;
  font-family: var(--fo-sans);
  opacity: 1 !important;
  color: #7e7e7e !important;
}

.card-produto-full .preco-auxiliar span {
  font-size: 13px;
  font-style: unset;
  color: #7e7e7e !important;
}

.card-produto-full .preco-destaque {
  font-family: var(--fo-display) !important;
  font-size: 40px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
  font-style: unset;
  color: var(--fo-red) !important;
  align-items: flex-start !important;
}

.card-produto-full .preco-destaque-content {
  color: var(--fo-red) !important;
  justify-content: flex-start !important;
}

#commerce-content > div.ui.fluid.container.detalhe-produto-top-container > div:nth-child(4) > h3 {
  color: var(--fo-charcoal) !important;
  font-size: 32px !important;
  font-family: var(--fo-display);
  background-color: #fff;
}

#commerce-content > div.ui.fluid.container.detalhe-produto-top-container > div.ui.basic.segment.cardProduto > div > div > div.row.center-on-mobile > div.ten.wide.column.center-on-mobile > div:nth-child(1) > h1 > p {
  color: var(--fo-charcoal) !important;
  font-size: 24px !important;
  font-family: var(--fo-display);
}

#commerce-content > div.ui.fluid.container.detalhe-produto-top-container > div.ui.basic.segment.cardProduto > div > div > div:nth-child(2) > div > h2 {
  color: var(--fo-charcoal) !important;
  font-size: 24px !important;
  font-family: var(--fo-display);
  padding-bottom: 20px;
}

#commerce-content > div.ui.fluid.container.detalhe-produto-top-container > div.ui.basic.segment.cardProduto > div > div > div:nth-child(2) > div > h2::before {
  content: '';
  width: 140px;
  position: absolute;
  border-radius: 8px;
  margin-top: 32px;
  background-color: var(--fo-charcoal);
  height: 5px;
}

.ui.search.dropdown > input.search {
  color: #000 !important;
}

#commerce-content > div.ui.fluid.container.detalhe-produto-top-container > div:nth-child(3) {
  margin: 0 !important;
}

.container-go-back {
  display: none !important;
}

.detalhe-produto-top-container {
  width: 1280px !important;
}

.container-pedido-info .button {
  background-color: #666 !important;
  color: #f6f6f6 !important;
}

.modal-endereco .button {
  background-color: var(--fo-red) !important;
  color: #f6f6f6 !important;
}

.modal-endereco .botao-lixeira .icon {
  color: #f6f6f6 !important;
}

.shell {
  max-width: 1280px;
  margin: auto;
}

.accordion_body {
  list-style: none;
  padding: 0px;
  color: #878787;
}

.accordion_body li {
  list-style: none;
}

.accordion_body li a {
  font-size: 13px;
  color: #878787 !important;
  font-weight: 400;
  letter-spacing: 0.2px;
}

.slider-vitrine-produtos:not(.fo-prod-ready) .ui.card {
  width: 96% !important;
  border: 1px solid #f2f2f2 !important;
  border-radius: 5px;
}

.fo-prod-grid .ui.card,
.fo-prod-item .ui.card {
  width: 100% !important;
  max-width: 100% !important;
  border: 1px solid #f2f2f2 !important;
  border-radius: 5px;
}

.newsletter-section {
  background-color: #e0e0e0;
  padding: 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.newsletter-container {
  display: flex;
  width: 80%;
  max-width: 1100px;
  align-items: center;
}

.newsletter-icon {
  color: var(--fo-red);
  font-size: 2rem;
  margin-right: 15px;
  position: relative;
}

.newsletter-text {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
}

.newsletter-text h4 {
  color: white;
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 5px;
}

.newsletter-text p {
  color: #a0a0a0;
  font-size: 0.9rem;
}

.newsletter-form {
  flex-grow: 1;
  display: flex;
  max-width: 600px;
}

.newsletter-input {
  flex-grow: 1;
  padding: 15px;
  border: none;
  border-radius: 30px;
  outline: none;
}

.newsletter-button {
  width: 50px;
  height: 50px;
  background-color: white;
  border: none;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: -50px;
}

.arrow-icon {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 12px solid var(--fo-red);
}

body,
.footer-content,
.newsletter-section {
  font-family: var(--fo-sans);
}

.newsletter-section {
  background: var(--fo-red);
  color: #fff;
  padding: 40px 10%;
}

.newsletter-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.newsletter-icon i {
  font-size: 2rem;
  background: rgba(255, 255, 255, 0.2);
  padding: 15px;
  border-radius: 50%;
}

.newsletter-text h4 {
  font-weight: 600;
  margin: 0 0 5px;
  font-size: 1.4rem;
}

.newsletter-text p {
  margin: 0;
  opacity: 0.9;
}

.newsletter-form {
  display: flex;
  align-items: center;
  gap: 10px;
}

.newsletter-input {
  padding: 12px 15px;
  border-radius: 25px;
  border: none;
  outline: none;
  width: 250px;
  max-width: 100%;
  font-size: 0.95rem;
}

.newsletter-button {
  background: #fff;
  border: none;
  color: var(--fo-red);
  border-radius: 50%;
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
}

.newsletter-button:hover {
  background: #fff1f2;
}

.footer-commerce {
  padding: 0 !important;
}

.footer-container {
  background-color: none !important;
  padding-bottom: 0px !important;
}

.footer-powered-by {
  display: none !important;
}

.footer-content {
  display: flex !important;
  justify-content: space-around !important;
  padding: 60px 10% !important;
  background-color: #f9f9fb !important;
  flex-wrap: wrap !important;
  border-top: 2px solid rgba(255, 39, 57, 0.12);
}

.footer-column {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  min-width: 180px;
}

.footer-column h4 {
  color: var(--fo-red);
  margin-bottom: 15px;
  font-size: 1.3rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: relative;
  display: inline-block;
  padding-bottom: 5px;
}

.footer-column h4::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30%;
  height: 2px;
  background-color: var(--fo-red);
  border-radius: 2px;
  transition: width 0.3s ease;
}

.footer-column h4:hover::after {
  width: 100%;
}

.footer-column img {
  width: 180px;
  padding: 10px;
}

.footer-column ul {
  list-style: none;
  padding: 0 !important;
  margin: 0;
}

.footer-column ul li {
  margin-bottom: 8px;
}

.footer-column a {
  color: #555;
  text-decoration: none;
  font-size: 1.2rem;
  transition: color 0.3s ease;
}

.footer-column a:hover {
  color: var(--fo-red);
}

.atendimento-info {
  color: #555;
  margin-bottom: 10px;
  font-size: 1.2rem;
}

.social-icons {
  display: flex;
  margin-top: 20px;
  gap: 10px;
}

.social-icon {
  width: 40px;
  height: 40px;
  background-color: var(--fo-red);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white !important;
  font-size: 1.2rem;
  transition: all 0.3s;
}

.social-icon:hover {
  background: var(--fo-red-deep);
  transform: translateY(-4px);
}

.copyright {
  text-align: center;
  padding: 20px 0;
  color: #777;
  font-size: 0.8rem;
  background-color: #f9f9fb;
  border-top: 1px solid #e0e0e0;
}

.container-commerce {
  background-color: #f7f5f3 !important;
}

/* Faixas cinza das vitrines — por classe (nth-child quebrava o margin:auto) */
.vitrine-produto {
  padding-top: 2em !important;
  padding-bottom: 2em !important;
  background-color: #f7f5f3;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .newsletter-container {
    flex-direction: column;
    text-align: center;
  }

  .newsletter-text {
    margin: 15px 0;
  }

  .footer-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .social-icons {
    justify-content: center;
  }
}

@media (max-width: 750px) {
  .jd_newsletter {
    display: none !important;
  }

  .slide-index-16{
     padding: 10px !important;
  }

  h3 {
    text-align: center !important;
  }

  .slide-index-1,
  .slide-index-2 {
    padding: 10px;
  }

  .slide-index-3 img {
    border-radius: 50% !important;
    padding: 10px;
    object-fit: cover;
  }

  .slide-index-3 img {
    border-radius: 20px !important;
  }

  .slide-index-2 .slick-slide {
    padding: 0px !important;
  }

  .slide-index-2 {
    background-color:#dbdbdb !important
  }

  .slide-index-5,
  .slide-index-7,
  .slide-index-9,
  .slide-index-11 {
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: unset;
  }

  .slide-index-7 .slick-slide {
    padding: 4px !important;
  }

  .cart-content .basket {
    color: #fff !important;
  }

  .nav-principal {
    padding: 0px !important;
    margin-top: 20px !important;
  }

  .nav-logo {
    width: 180px !important;
  }

  .slick-prev {
    left: 10px !important;
  }

  .slick-next {
    right: 35px !important;
  }
}

.menu-mobile .fo-mobile-header {
  background: var(--fo-white, #fff);
  border-bottom: 1px solid var(--fo-border, #e9e9e9);
  font-family: var(--fo-sans, sans-serif);
}

.menu-mobile .fo-mh-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
}

.menu-mobile .fo-mh-icon-btn {
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: transparent;
  border: 1px solid var(--fo-border, #e9e9e9);
  border-radius: var(--fo-radius, 2px);
  color: var(--fo-charcoal, #25282b);
  font-size: 18px;
  cursor: pointer;
  transition: border-color var(--fo-dur, 0.15s) var(--fo-ease, ease), color var(--fo-dur, 0.15s) var(--fo-ease, ease);
}

.menu-mobile .fo-mh-icon-btn:hover {
  border-color: var(--fo-charcoal, #25282b);
  color: var(--fo-red, #ff2739);
}

.menu-mobile .fo-mh-logo {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  min-width: 0;
  overflow: hidden;
}

.menu-mobile .fo-mh-logo > div {
  display: flex;
  justify-content: center;
}

.menu-mobile .fo-mh-logo img {
  height: 40px !important;
  max-height: 40px !important;
  width: auto !important;
  object-fit: contain;
}

.menu-mobile .fo-mh-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.menu-mobile .fo-mh-cart .fo-mh-cart-btn {
  position: relative;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: var(--fo-charcoal, #25282b);
  border: 0;
  border-radius: var(--fo-radius, 2px);
  color: #fff;
  cursor: pointer;
  transition: background var(--fo-dur, 0.15s) var(--fo-ease, ease);
}

.menu-mobile .fo-mh-cart .fo-mh-cart-btn:hover {
  background: #000;
}

.menu-mobile .fo-mh-cart .fo-mh-cart-btn i.icon {
  margin: 0;
  font-size: 18px;
  height: auto;
  width: auto;
}

.menu-mobile .fo-mh-cart .fo-mh-cart-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  display: grid;
  place-items: center;
  background: var(--fo-red, #ff2739);
  color: #fff;
  border-radius: var(--fo-radius-pill, 999px);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
}

.menu-mobile .fo-mh-search {
  display: flex;
  align-items: stretch;
  padding: 0 16px 12px;
}

.menu-mobile .fo-mh-search input {
  flex: 1;
  width: 100%;
  min-width: 0;
  padding: 12px 14px;
  font-family: var(--fo-sans, sans-serif);
  font-size: 14px;
  color: var(--fo-charcoal, #25282b);
  background: #fff;
  border: 1.5px solid var(--fo-red, #ff2739);
  border-right: 0;
  border-radius: var(--fo-radius, 2px) 0 0 var(--fo-radius, 2px);
  outline: none;
}

.menu-mobile .fo-mh-search input::placeholder {
  color: var(--fo-grey-body, #7e7e7e);
}

.menu-mobile .fo-mh-search button {
  width: 48px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  background: var(--fo-red, #ff2739);
  border: 0;
  border-radius: 0 var(--fo-radius, 2px) var(--fo-radius, 2px) 0;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  transition: background var(--fo-dur, 0.15s) var(--fo-ease, ease);
}

.menu-mobile .fo-mh-search button:hover {
  background: var(--fo-red-deep, #c01e2d);
}

.menu-mobile .fo-mh-band {
  width: 100%;
  height: 6px;
  background: var(--fo-red, #ff2739);
}

.fo-category-hero {
  width: 100%;
  background: var(--fo-charcoal, #25282b);
}

.fo-category-hero__inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: clamp(24px, 5vw, 40px) clamp(16px, 4vw, 24px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}

.fo-category-hero__eyebrow {
  display: inline-block;
  font-family: var(--fo-sans, sans-serif);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #fff;
  padding: 7px 12px;
  border: 1px solid var(--fo-red, #ff2739);
  border-radius: var(--fo-radius, 2px);
}

.fo-category-hero__title {
  margin: 0;
  font-family: var(--fo-display, sans-serif);
  font-weight: 800;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  line-height: 1.05;
  font-size: clamp(28px, 4.4vw, 50px);
  color: #fff;
}

.fo-category-hero__desc {
  margin: 0;
  max-width: 60ch;
  font-family: var(--fo-sans, sans-serif);
  font-weight: 500;
  font-size: clamp(14px, 1.4vw, 18px);
  line-height: 1.5;
  color: #b9bbbd;
}

.fo-category-hero__band {
  width: 100%;
  height: 6px;
  background: var(--fo-red, #ff2739);
}

/* setas do carrossel: centralizadas verticalmente + quadrado arredondado */
.slick-slider button.slick-arrow svg {
  border-radius: 2px !important;
  padding: 7px !important;
}
.slick-slider .slick-prev,
.slick-slider .slick-next {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* remove a borda do botão secundário "adicionar a uma lista de compras" */
.card-produto-full .fo-lista-btn.fo-lista-btn.ui.button {
  border: none !important;
}

/* submenu do menu horizontal: largura conforme as colunas (não full-width) */
@media (min-width: 769px) {
  /* todos ancoram sob o próprio item, com largura de conteúdo */
  .navbar-horizontal .dropdown-horizontal {
    position: relative !important;
  }
  .dropdown-content-horizontal {
    left: 0 !important;
    right: auto !important;
    width: max-content !important;
    min-width: 220px !important;
    max-width: 96vw !important;
  }
  /* itens da direita: abrem a partir da direita DO ITEM (p/ a esquerda),
     ficando encostados no próprio item */
  .dropdown-horizontal.align-right .dropdown-content-horizontal {
    left: auto !important;
    right: 0 !important;
  }
  /* exceção: submenus muito largos (4+ colunas) alinhados à direita
     estourariam a borda da tela; esses ancoram na direita da NAVBAR */
  .navbar-horizontal .dropdown-horizontal.align-right[data-columns="4"],
  .navbar-horizontal .dropdown-horizontal.align-right[data-columns="5"],
  .navbar-horizontal .dropdown-horizontal.align-right[data-columns="6"],
  .navbar-horizontal .dropdown-horizontal.align-right[data-columns="7"],
  .navbar-horizontal .dropdown-horizontal.align-right[data-columns="8"] {
    position: static !important;
  }
}

@media (min-width: 769px) {
  .fo-category-hero__inner {
    max-width: none;
    margin: 0;
    padding-left: 36px;
    padding-right: 36px;
  }
}

/* --- bloco 4 (linhas ~2028-2033) --- */
.imageye-selected {
    outline: 2px solid black !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;
  }

/* --- bloco 5 (linhas ~2033-2132) --- */
@media screen and (max-width: 480px), screen and (max-height: 420px) {
  .chatParent {
    overflow-y: hidden !important;
    position: static !important;
    height: 0px;
    width: 0px; } }

#blip-chat-notifications {
  background-color: #F76556;
  color: #fff;
  border-radius: 50%;
  line-height: 21px;
  font-size: 12px;
  width: 21px;
  height: 21px;
  position: fixed;
  text-align: center;
  bottom: 65px;
  right: 30px;
  opacity: 0; }

#blip-chat-container {
  position: fixed;
  bottom: 40px;
  right: 80px;
  z-index: 1000000; }
  @media screen and (max-width: 480px), screen and (max-height: 420px) {
    #blip-chat-container {
      bottom: 0px;
      right: 0px;
      position: absolute;
      height: 100%; } }
  #blip-chat-container #blip-chat-iframe {
    position: fixed;
    bottom: 90px;
    right: 38px;
    opacity: 0;
    transition: opacity 500ms, transform 500ms, visibility 500ms, height 0s 500ms;
    transform: translateY(10%);
    z-index: 1;
    height: 0;
    width: 400px;
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    background: #faf9f8; }
    @media screen and (max-width: 480px), screen and (max-height: 420px) {
      #blip-chat-container #blip-chat-iframe {
        right: 0px;
        bottom: 0px !important;
        max-height: 100vh !important;
        width: 100vw;
        position: absolute;
        box-shadow: none; } }
    #blip-chat-container #blip-chat-iframe.blip-chat-iframe-opened {
      opacity: 1;
      transform: translateY(0);
      visibility: visible;
      transition: opacity 500ms 10ms, transform 500ms 10ms, visibility 500ms 10ms, height 0ms;
      height: 610px; }
      @media screen and (max-width: 480px), screen and (max-height: 420px) {
        #blip-chat-container #blip-chat-iframe.blip-chat-iframe-opened {
          height: 100%; } }
  #blip-chat-container #blip-chat-open-iframe {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    position: fixed;
    width: 4%;
    max-width: 60px;
    min-width: 48px;
    max-height: 60px;
    min-height: 48px;
    right: 35px;
    bottom: 35px;
    transition: transform 200ms, opacity 500ms, visibility 500ms;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1), 0 2px 32px rgba(0, 0, 0, 0.1);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center; }
    @media screen and (max-width: 480px), screen and (max-height: 420px) {
      #blip-chat-container #blip-chat-open-iframe.opened {
        visibility: hidden !important;
        opacity: 0 !important; } }
    #blip-chat-container #blip-chat-open-iframe:active {
      transform: scale(0.9); }
    #blip-chat-container #blip-chat-open-iframe img, #blip-chat-container #blip-chat-open-iframe svg {
      width: 100%;
      height: 100%;
      border-radius: 50%; }

#blip-chat-open-iframe {
  display: none; }

#blip-chat-iframe {
  width: 100%;
  height: 100%; }

/* --- bloco 6 (linhas ~2132-2260) --- */
#ct-container {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0px;
	left: 0px;
	z-index: 2000;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	pointer-events: none;
}

.ct-row {
	display: flex;
	justify-content: space-between;
}

.ct-group {
	flex: 1;
	margin: 10px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.ct-group:first-child {
	align-items: flex-start;
}

.ct-group:last-child {
	align-items: flex-end;
}

.ct-flex-bottom {
	justify-content: flex-end;
}

.ct-toast {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px 20px;
	background-color: #fff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	color: #000;
	border-radius: 4px;
	margin: 0px;
	opacity: 1;
	transition: 0.3s all ease-in-out;
	min-height: 45px;
	pointer-events: all;
}

.ct-toast:focus {
	outline: none;
}

.ct-toast svg {
	min-width: 18px;
}

.ct-cursor-pointer {
	cursor: pointer;
}

.ct-icon-loading {
	display: inline-block;
	width: 20px;
	height: 20px;
}

.ct-icon-loading:after {
	content: ' ';
	display: block;
	width: 14px;
	height: 14px;
	margin: 1px;
	border-radius: 50%;
	border: 2px solid #0088ff;
	border-color: #0088ff transparent #0088ff transparent;
	animation: ct-icon-loading 1.2s linear infinite;
}

@keyframes ct-icon-loading {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.ct-text-group {
	margin-left: 15px;
}

.ct-text-group-heading {
	margin-left: 25px;
}

.ct-heading {
	font-size: 18px;
	margin: 0px;
	margin-bottom: 5px;
}

.ct-text {
	font-size: 14px;
}

@media (max-width: 768px) {
	.ct-row {
		justify-content: flex-start;
		flex-direction: column;
		margin: 7px 0px;
	}

	.ct-group {
		flex: none;
		margin: 0px;
	}

	.ct-toast {
		margin: 8px 15px;
		width: initial;
	}
}

/* --- css apos </html> --- */

button.slick-arrow,svg.slick-arrow {
    z-index: 100
}

button.slick-arrow svg {
    background: var(--fo-charcoal,#25282b);
    color: #fff;
    padding: 7px;
    border-radius: var(--fo-radius,2px);
    transition: background var(--fo-dur,.15s) var(--fo-ease,ease)
}

button.slick-arrow:hover svg {
    background: var(--fo-red,#ff2739)
}

button.slick-prev,svg.slick-arrow.slick-prev {
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20
}

.slick-next:before,.slick-prev:before {
    color: inherit;
    display: none
}

button.slick-next,svg.slick-arrow.slick-next {
    right: 45px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20
}

.slick-slide.slick-active.slick-center.slick-current {
    z-index: 10;
    transform: scale(1.2)
}

ul.slick-dots {
    bottom: 10px
}

.slick-dots li {
    background: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #cdcdcd
}

.slick-slide.slick-active.slick-current {
    z-index: 10
}

svg.rotated {
    transform: rotate(180deg)
}

.slider {
    display: none
}

@media (min-width: 750px) {
    .slider.desktop,.slider.mobile {
        display:block
    }
}

@media (max-width: 750px) {
    .slider.desktop,.slider.mobile {
        display:block
    }
}

div.withPointer {
    cursor: pointer
}

.slick-list {
    margin: 0 0 -6px
}

.slider-vitrine-produtos:not(.fo-prod-ready) .slick-list {
    margin: auto!important;
    width: 90%;
    margin-left: auto;
    text-align: center;
    margin-right: auto
}

@media (max-width: 1440px) {
    .slider-vitrine-produtos:not(.fo-prod-ready) .slick-list {
        width:100%
    }
}

.slick-track:not(.fo-prod-track) {
    display: flex!important
}

.slick-slide {
    height: inherit!important
}

.slick-slide>div,.slick-slide>div>div,.slick-slide>div>div>div {
    height: 100%!important
}

.slider-vitrine-produtos:not(.fo-prod-ready) .ui.card {
    width: 68%;
    min-height: 332px
}

@media (max-width: 480px) {
    .slider-vitrine-produtos:not(.fo-prod-ready) .ui.card {
        width:85%
    }
}

@media (max-width: 768px) {
    .slider-vitrine-produtos:not(.fo-prod-ready) .ui.card {
        width:78%
    }
}

.slider-item {
    max-width: 360px!important
}

.slider-item-full {
    max-width: 420px!important
}

.fo-prod-grid .slider-item-full,
.fo-prod-grid .slider-item,
.fo-prod-item .slider-item-full,
.fo-prod-item .slider-item {
    max-width: none !important;
    width: 100% !important;
}

.vitrine-produto--top-arrows {
    --fo-red: #ff2739;
    --fo-red-deep: #c01e2d;
    --fo-charcoal: #25282b;
    --fo-grey-body: #7e7e7e;
    --fo-border: #e9e9e9;
    --fo-radius: 2px
}

.vitrine-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    grid-gap: 16px;
    gap: 16px;
    padding: 0 8px 16px;
    margin-bottom: 8px
}

.vitrine-header__titles {
    display: flex;
    flex-direction: column;
    grid-gap: 4px;
    gap: 4px;
    text-align: left
}

.vitrine-header__eyebrow {
    font-family: var(--fo-sans,"Manrope",sans-serif);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--fo-red,#ff2739)
}

.vitrine-header__title {
    margin: 0;
    font-family: var(--fo-display,"Bricolage Grotesque",sans-serif);
    font-weight: 800;
    letter-spacing: -.01em;
    text-transform: uppercase;
    line-height: 1.05;
    font-size: clamp(22px,2.4vw,30px);
    color: var(--fo-charcoal,#25282b)
}

.vitrine-header__nav {
    display: flex;
    grid-gap: 8px;
    gap: 8px;
    flex-shrink: 0
}

.vitrine-nav-btn {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: var(--fo-radius,2px);
    background: var(--fo-charcoal,#25282b);
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: background .15s ease
}

.vitrine-nav-btn:hover {
    background: var(--fo-red,#ff2739)
}

.vitrine-produto--top-arrows .slider-item--big,.vitrine-produto--top-arrows .slider-item--big.slider-item,.vitrine-produto--top-arrows .slider-item--big.slider-item-full {
    max-width: 460px!important
}

.vitrine-produto--top-arrows .slider-vitrine-produtos {
    max-width: none!important;
    width: 100%;
    margin: 0!important
}

.vitrine-produto--top-arrows .slider-vitrine-produtos .ui.card {
    /* !important pra vencer custom CSS ".slider-vitrine-produtos .ui.card
     { width: 96% !important }" que reintroduzia vao nas laterais */
    width: 100%!important;
    min-height: 380px
}

.vitrine-produto--top-arrows .slider-vitrine-produtos .slick-list {
    width: 100%;
    margin: 0!important
}

.vitrine-produto--top-arrows .slider-vitrine-produtos .slick-slide>div {
    padding: 0 8px
}

@media (max-width: 768px) {
    .vitrine-header {
        padding-bottom:12px
    }

    .vitrine-nav-btn {
        width: 38px;
        height: 38px
    }
}
.rccs {
    perspective: 1000px
}

.rccs,.rccs__card {
    margin: 0 auto;
    width: 290px
}

.rccs__card {
    height: 182.873px;
    position: relative;
    transform-style: preserve-3d;
    transition: all .4s linear
}

.rccs__card--back,.rccs__card--front {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: linear-gradient(25deg,#939393,#717171);
    border-radius: 14.5px;
    color: #fff;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform-style: preserve-3d;
    width: 100%;
    box-shadow: 0 0 20px rgba(0,0,0,.2)
}

.rccs__card--front {
    z-index: 20
}

.rccs__card--back {
    transform: rotateY(180deg)
}

.rccs__card--back .rccs__issuer {
    background-position: bottom;
    bottom: 5%;
    left: 50%;
    opacity: .6;
    right: auto;
    top: auto;
    transform: translateX(-50%)
}

.rccs__card__background {
    height: 200%;
    position: absolute;
    top: -60%;
    transform: rotate(25deg);
    transition: all .5s ease-out;
    width: 150%;
    left: -170%
}

.rccs__card--flipped {
    transform: rotateY(180deg)
}

.rccs__card--flipped .rccs__card--front {
    z-index: 10
}

.rccs__card--flipped .rccs__card--back {
    z-index: 20
}

.rccs__card--unknown>div {
    background: linear-gradient(25deg,#999,#999);
    box-shadow: none
}

.rccs__card--unknown .rccs__issuer {
    visibility: hidden
}

.rccs__card:not(.rccs__card--unknown) .rccs__card__background {
    left: -22%
}

.rccs__card--amex .rccs__card__background {
    background: linear-gradient(25deg,#308c67,#a3f2cf)
}

.rccs__card--amex .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGN4PSIxNy41NDElIiBjeT0iMTcuNDY2JSIgZng9IjE3LjU0MSUiIGZ5PSIxNy40NjYlIiByPSI5MS4yMzclIiBpZD0iYSI+PHN0b3Agc3RvcC1jb2xvcj0iIzY1QkNGMSIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiMyM0FERTMiIG9mZnNldD0iNDUuNDYlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzBEQTZFMCIgb2Zmc2V0PSI1MCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDU1MUMzIiBvZmZzZXQ9IjEwMCUiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48cGF0aCBkPSJNNDUuNzkxIDIyMC45MzVsLTkuNzczLTIzLjgxMy05LjcxNyAyMy44MTNINDUuNzl6bTIxNS4yODktOS40ODNjLTEuOTYyIDEuMTkxLTQuMjgzIDEuMjMxLTcuMDYzIDEuMjMxaC0xNy4zNDV2LTEzLjI2OGgxNy41ODFjMi40ODggMCA1LjA4NC4xMTIgNi43NzEgMS4wNzcgMS44NTIuODcgMi45OTggMi43MjIgMi45OTggNS4yODEgMCAyLjYxMS0xLjA5IDQuNzEyLTIuOTQyIDUuNjc5em0xMjMuNzM5IDkuNDgzbC05Ljg4MS0yMy44MTMtOS44MjcgMjMuODEzaDE5LjcwN3ptLTIzMC42NTggMjUuNzc2aC0xNC42MzdsLS4wNTQtNDYuNzg0LTIwLjcwNCA0Ni43ODRIMTA2LjIzbC0yMC43NTgtNDYuODI1djQ2LjgyNWgtMjkuMDRsLTUuNDg2LTEzLjMyNEgyMS4yMTdsLTUuNTQyIDEzLjMyNEguMTY4bDI1LjU2OC01OS43MzVINDYuOTVsMjQuMjg0IDU2LjU1NnYtNTYuNTU2aDIzLjMwNGwxOC42ODYgNDAuNTIzIDE3LjE2NS00MC41MjNoMjMuNzcydjU5LjczNWguMDAyem01OC4zMzggMGgtNDcuNjk3di01OS43MzVoNDcuNjk3djEyLjQzOUgxNzkuMDh2MTAuNzY3aDMyLjYxN3YxMi4yNDVIMTc5LjA4djExLjkyOWgzMy40MTl2MTIuMzU0em02Ny4yNTEtNDMuNjQ3YzAgOS41MjQtNi4zNTcgMTQuNDQ0LTEwLjA2MSAxNS45MjIgMy4xMjQgMS4xODkgNS43OTMgMy4yOSA3LjA2MyA1LjAzIDIuMDE2IDIuOTcxIDIuMzY0IDUuNjI1IDIuMzY0IDEwLjk2djExLjczNWgtMTQuNDAxbC0uMDU0LTcuNTMzYzAtMy41OTQuMzQ0LTguNzY0LTIuMjU0LTExLjYzNy0yLjA4Ni0yLjEwMS01LjI2Ni0yLjU1Ny0xMC40MDctMi41NTdoLTE1LjMyN3YyMS43MjdoLTE0LjI3N3YtNTkuNzM1aDMyLjg0YzcuMjk3IDAgMTIuNjczLjE5MyAxNy4yODkgMi44NjEgNC41MTcgMi42NjggNy4yMjUgNi41NjQgNy4yMjUgMTMuMjI3em0yMi44NSA0My42NDdoLTE0LjU2OXYtNTkuNzM1SDMwMi42djU5LjczNXptMTY5LjAxNyAwaC0yMC4yMzNsLTI3LjA2NC00NC44MzR2NDQuODM0aC0yOS4wNzhsLTUuNTU3LTEzLjMyNGgtMjkuNjZsLTUuMzkxIDEzLjMyNGgtMTYuNzA3Yy02Ljk0IDAtMTUuNzI3LTEuNTM1LTIwLjcwNC02LjYwNy01LjAxOC01LjA3Mi03LjYyOS0xMS45NDItNy42MjktMjIuODA1IDAtOC44NTkgMS41Ni0xNi45NTggNy42OTctMjMuMzU4IDQuNjE2LTQuNzY3IDExLjg0NS02Ljk2NSAyMS42ODQtNi45NjVoMTMuODIzdjEyLjc5OWgtMTMuNTMzYy01LjIxMSAwLTguMTUzLjc3NS0xMC45ODcgMy41MzktMi40MzQgMi41MTUtNC4xMDQgNy4yNy00LjEwNCAxMy41MzEgMCA2LjQgMS4yNzIgMTEuMDE0IDMuOTI2IDE0LjAyOCAyLjE5OCAyLjM2NCA2LjE5MyAzLjA4MSA5Ljk1MSAzLjA4MWg2LjQxMmwyMC4xMjQtNDYuOTc3aDIxLjM5NGwyNC4xNzQgNTYuNXYtNTYuNWgyMS43NGwyNS4wOTggNDEuNjAydi00MS42MDJoMTQuNjI1djU5LjczM3pNLjAwMSAyNTguNDQ0aDI0LjM5NWw1LjUwMS0xMy4yNjhoMTIuMzE1bDUuNDg2IDEzLjI2OGg0OFYyNDguM2w0LjI4NSAxMC4xODdoMjQuOTE4bDQuMjg1LTEwLjMzOHYxMC4yOTVoMTE5LjI4OWwtLjA1Ni0yMS43NzloMi4zMDhjMS42MTYuMDU2IDIuMDg4LjIwNSAyLjA4OCAyLjg3NHYxOC45MDZoNjEuNjk3di01LjA3YzQuOTc2IDIuNjY3IDEyLjcxNyA1LjA3IDIyLjkwMiA1LjA3aDI1Ljk1Nmw1LjU1NS0xMy4yNjhoMTIuMzE1bDUuNDMyIDEzLjI2OGg1MC4wMTh2LTEyLjYwM2w3LjU3NCAxMi42MDNoNDAuMDgxdi04My4zMTJoLTM5LjY2N3Y5LjgzOWwtNS41NTUtOS44MzlIMzk4LjQydjkuODM5bC01LjEwMS05LjgzOWgtNTQuOThjLTkuMjAzIDAtMTcuMjkzIDEuMjg1LTIzLjgyOCA0Ljg2NXYtNC44NjVIMjc2LjU3djQuODY1Yy00LjE1OC0zLjY5LTkuODI1LTQuODY1LTE2LjEyNS00Ljg2NUgxMjEuODMybC05LjMwMSAyMS41MTgtOS41NTEtMjEuNTE4SDU5LjMydjkuODM5bC00Ljc5Ni05LjgzOUgxNy4yODlMLS4wMDIgMjE0Ljc0NHY0My43MDFIMHpNNTEyIDMwMi4wMTRoLTI2LjAzOWMtMi42IDAtNC4zMjcuMDk3LTUuNzgyIDEuMDgtMS41MDcuOTY4LTIuMDg4IDIuNDA1LTIuMDg4IDQuMzAyIDAgMi4yNTUgMS4yNzMgMy43OSAzLjEyNCA0LjQ1MyAxLjUwNy41MjUgMy4xMjYuNjc4IDUuNTA2LjY3OGw3Ljc0My4yMDdjNy44MTQuMTkzIDEzLjAyOSAxLjUzNiAxNi4yMDkgNC44MTIuNTc5LjQ1Ni45MjcuOTY4IDEuMzI1IDEuNDh2LTE3LjAxMnptMCAzOS40MTZjLTMuNDcgNS4wNzUtMTAuMjMzIDcuNjQ4LTE5LjM4OCA3LjY0OGgtMjcuNTkxdi0xMi44Mkg0OTIuNWMyLjcyNiAwIDQuNjMzLS4zNTkgNS43ODItMS40OGE1LjI1NyA1LjI1NyAwIDAwMS42ODktMy45YzAtMS43NDItLjY5NC0zLjEyNC0xLjc0NS0zLjk1NC0xLjAzNy0uOTEyLTIuNTQ2LTEuMzI3LTUuMDM0LTEuMzI3LTEzLjQxNS0uNDU2LTMwLjE1MS40MTUtMzAuMTUxLTE4LjUwNCAwLTguNjcyIDUuNTA2LTE3LjggMjAuNDk4LTE3LjhoMjguNDU4di0xMS44OTVoLTI2LjQ0MWMtNy45NzkgMC0xMy43NzYgMS45MTEtMTcuODgxIDQuODgydi00Ljg4MmgtMzkuMTA5Yy02LjI1NCAwLTEzLjU5NSAxLjU1LTE3LjA2OCA0Ljg4MnYtNC44ODJoLTY5LjgzOXY0Ljg4MmMtNS41NTgtNC4wMS0xNC45MzctNC44ODItMTkuMjY1LTQuODgyaC00Ni4wNjZ2NC44ODJjLTQuMzk3LTQuMjU4LTE0LjE3Ni00Ljg4Mi0yMC4xMzYtNC44ODJoLTUxLjU1NmwtMTEuNzk4IDEyLjc2OC0xMS4wNS0xMi43NjhoLTc3LjAxNHY4My40MjFoNzUuNTY1bDEyLjE1Ny0xMi45NyAxMS40NTIgMTIuOTcgNDYuNTc4LjA0MXYtMTkuNjI0aDQuNTc5YzYuMTguMDk2IDEzLjQ2OS0uMTUzIDE5LjktMi45MzN2MjIuNTE0aDM4LjQxOXYtMjEuNzQyaDEuODUzYzIuMzY1IDAgMi41OTguMDk3IDIuNTk4IDIuNDYxdjE5LjI4aDExNi43MDljNy40MSAwIDE1LjE1NS0xLjg5NyAxOS40NDQtNS4zMzh2NS4zMzhoMzcuMDJjNy43MDQgMCAxNS4yMjctMS4wOCAyMC45NTEtMy44NDVWMzQxLjQzem0tNTYuOTktMjMuODg0YzIuNzgyIDIuODc5IDQuMjczIDYuNTE0IDQuMjczIDEyLjY2NyAwIDEyLjg2Mi04LjAzNSAxOC44NjUtMjIuNDQ0IDE4Ljg2NWgtMjcuODI3di0xMi44MmgyNy43MTVjMi43MSAwIDQuNjMyLS4zNTkgNS44MzYtMS40OGE1LjMgNS4zIDAgMDAxLjY4Ny0zLjljMC0xLjc0Mi0uNzYzLTMuMTI0LTEuNzQzLTMuOTU0LTEuMDkzLS45MTItMi42LTEuMzI3LTUuMDg4LTEuMzI3LTEzLjM2MS0uNDU2LTMwLjA5My40MTUtMzAuMDkzLTE4LjUwNCAwLTguNjcyIDUuNDQ4LTE3LjggMjAuNDI2LTE3LjhoMjguNjQydjEyLjcyNWgtMjYuMjA4Yy0yLjU5OCAwLTQuMjg3LjA5Ny01LjcyNCAxLjA4LTEuNTY1Ljk2OC0yLjE0NSAyLjQwNS0yLjE0NSA0LjMwMiAwIDIuMjU1IDEuMzI5IDMuNzkgMy4xMjYgNC40NTMgMS41MDcuNTI1IDMuMTI2LjY3OCA1LjU2LjY3OGw3LjY5MS4yMDdjNy43NTYuMTg5IDEzLjA4IDEuNTMxIDE2LjMxNiA0LjgwOHptLTEyOC45MTgtMy42OTJjLTEuOTExIDEuMTM0LTQuMjc1IDEuMjMxLTcuMDU1IDEuMjMxaC0xNy4zNTZ2LTEzLjQyOGgxNy41OTJjMi41NDQgMCA1LjA4OS4wNTQgNi44MTggMS4wOCAxLjg1Mi45NjggMi45NTggMi44MiAyLjk1OCA1LjM3OCAwIDIuNTU4LTEuMTA3IDQuNjE5LTIuOTU4IDUuNzM4em04LjYyOCA3LjQ0YzMuMTggMS4xNzQgNS43OCAzLjI3OCA2Ljk5OSA1LjAxOSAyLjAxNyAyLjkxOSAyLjMwOSA1LjY0MyAyLjM2NyAxMC45MTN2MTEuODUyaC0xNC4zNDN2LTcuNDhjMC0zLjU5Ny4zNDYtOC45MjItMi4zMDktMTEuNzAyLTIuMDg4LTIuMTQyLTUuMjctMi42NTQtMTAuNDgyLTIuNjU0aC0xNS4yNjh2MjEuODM2aC0xNC4zNTZ2LTU5Ljc4NmgzMi45ODVjNy4yMzMgMCAxMi41MDEuMzE5IDE3LjE5IDIuODIxIDQuNTA5IDIuNzI0IDcuMzQ1IDYuNDU2IDcuMzQ1IDEzLjI3Ni0uMDAyIDkuNTQyLTYuMzY2IDE0LjQxMi0xMC4xMjcgMTUuOTA1em0xOC4wNDgtMzIuMDAyaDQ3LjY4NHYxMi4zNjRoLTMzLjQ1NXYxMC44NjloMzIuNjM5djEyLjE5OGgtMzIuNjM5djExLjg5NWwzMy40NTUuMDU0djEyLjQwNWgtNDcuNjg0di01OS43ODZ6bS05Ni4zOTMgMjcuNTkxaC0xOC40NjN2LTE1LjIyNWgxOC42MjljNS4xNTggMCA4LjczOCAyLjEwMiA4LjczOCA3LjMzIDAgNS4xNzEtMy40MTUgNy44OTUtOC45MDQgNy44OTV6bS0zMi42OTMgMjYuNzU4bC0yMS45MzUtMjQuMzUzIDIxLjkzNS0yMy41Nzl2NDcuOTMyem0tNTYuNjQ3LTcuMDIyaC0zNS4xMjd2LTExLjg5NWgzMS4zNjZ2LTEyLjE5OGgtMzEuMzY2di0xMC44NjloMzUuODE5bDE1LjYyNyAxNy40MjMtMTYuMzE5IDE3LjU0em0xMTMuNTgzLTI3LjYzYzAgMTYuNjA4LTEyLjM5MSAyMC4wMzctMjQuODc5IDIwLjAzN2gtMTcuODI3djIwLjA1M2gtMjcuNzY5bC0xNy41OTItMTkuNzkyLTE4LjI4MyAxOS43OTJoLTU2LjU5MXYtNTkuNzg2aDU3LjQ2MmwxNy41NzggMTkuNTk3IDE4LjE3My0xOS41OTdoNDUuNjUyYzExLjMzOCAwIDI0LjA3NyAzLjEzOSAyNC4wNzcgMTkuNjk2eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==")
}

.rccs__card--amex .rccs__cvc__front {
    opacity: .5;
    visibility: visible
}

.rccs__card--dankort .rccs__card__background {
    background: linear-gradient(25deg,#ccc,#999)
}

.rccs__card--dankort .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjMwOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJhIj48c3RvcCBzdG9wLWNvbG9yPSIjRjUwOTFBIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzlFMEMxNyIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0iTTM1OC40MDcgMEgxNTMuNjEyQzY4Ljc3IDAgMCA2OC43NzEgMCAxNTMuNTkzYzAgODQuODUxIDY4Ljc3IDE1My42MDYgMTUzLjYxMiAxNTMuNjA2aDIwNC43OTVjODQuODIyIDAgMTUzLjU5My02OC43NTUgMTUzLjU5My0xNTMuNjA2QzUxMiA2OC43NzIgNDQzLjIzIDAgMzU4LjQwNyAwIiBmaWxsPSIjRkVGRUZFIi8+PHBhdGggZD0iTTM5NS41OTEgMTQ0LjQ4Nmw2OC4zMjggODEuMjYxYzE0LjE1MS0yMC40NTEgMjIuNDYyLTQ1LjI0MiAyMi40NjItNzEuOTQ1IDAtMjguMTgzLTkuMjU5LTU0LjI0OC0yNC44ODQtNzUuMzE1bC02NS45MDYgNjUuOTk5ek0xNTQuMTk0IDI3LjFjLTM4LjU0NyAwLTczLjEyMSAxNy4yOTMtOTYuMzgzIDQ0LjUyOEgyMDEuOTdjNTEuMDI3IDAgODkuNDc0IDEyLjk4MyA5My40MzEgNTUuOTc0bDUzLjcwMi01NS45ODFoMTA2LjkzMWMtMjMuMjYzLTI3LjIyNy01Ny44MzEtNDQuNTItOTYuMzYxLTQ0LjUySDE1NC4xOTR6bTI5LjIzNiAyMDUuNDc5SDU1LjAwMWMyMy4yMzMgMjkuMTkzIDU5LjA2MiA0Ny45NDYgOTkuMTk0IDQ3Ljk0NmgyMDUuNDc5YzQwLjExNyAwIDc1LjkzNy0xOC43NDUgOTkuMTcxLTQ3LjkzOUgzNDkuNTVsLTU2Ljc5Ni03MS43NzZjLTEwLjUwNiA0OC45MzktNDQuODgxIDcxLjc2OS0xMDkuMzIzIDcxLjc2OXptLTY0Ljk5LTEwNi41ODJsLTE4LjIyMiA1MC4xaDczLjUxN2MyMS43MzMgMCAyOC4zMS04Ljk5OCAzMy4xNzMtMjYuMzE5IDQuODE1LTE3LjEzMS03LjI3Ny0yMy43OC0yMi4xMjktMjMuNzhIMTE4LjQ0eiIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg==")
}

.rccs__card--dinersclub>div {
    color: #555
}

.rccs__card--dinersclub .rccs__card__background {
    background: linear-gradient(25deg,#fff,#eee)
}

.rccs__card--dinersclub .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjEzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PHBhdGggZD0iTTk5LjI4NSAxMzMuODZjMzYuNDQ2LjE3NyA2OS43MTUtMjkuNjU5IDY5LjcxNS02NS45NTVDMTY5IDI4LjIxNiAxMzUuNzMxLjc4MyA5OS4yODUuNzk0SDY3LjkyQzMxLjAzOC43ODMuNjc5IDI4LjIyMy42NzkgNjcuOTA1YzAgMzYuMzA1IDMwLjM1OCA2Ni4xMzMgNjcuMjQxIDY1Ljk1NWgzMS4zNjUiIGZpbGw9IiMwMDYwOTUiLz48cGF0aCBkPSJNODEuOTA5IDEwMy4yNDdWMzEuMTc1YzE0LjUxNyA1LjU1NyAyNC44MjMgMTkuNTgzIDI0Ljg0NyAzNi4wMzMtLjAyNCAxNi40NTQtMTAuMzMgMzAuNDcxLTI0Ljg0NyAzNi4wMzhNMjkuMzg3IDY3LjIwOGMuMDMzLTE2LjQ0MSAxMC4zMjItMzAuNDU4IDI0LjgzMS0zNi4wMzJ2NzIuMDU1QzM5LjcwOSA5Ny42NjIgMjkuNDIgODMuNjUzIDI5LjM4NyA2Ny4yMDdNNjguMDY2IDYuMjkyYy0zMy43MDIuMDExLTYxLjAxMSAyNy4yNzMtNjEuMDIgNjAuOTE1LjAwOCAzMy42MzkgMjcuMzE4IDYwLjg5NSA2MS4wMiA2MC45MDUgMzMuNzEzLS4wMSA2MS4wMjgtMjcuMjY2IDYxLjAzMy02MC45MDUtLjAwNS0zMy42NDItMjcuMzE5LTYwLjkwNC02MS4wMzMtNjAuOTE1IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTE5MC4zNzMgMjkuNDIxYzAtNi4yOTQtMy4yOTEtNS44ODEtNi40NDQtNS45NDd2LTEuODE5YzIuNzMzLjEzMyA1LjUzNi4xMzMgOC4yNzUuMTMzIDIuOTQzIDAgNi45NDEtLjEzMyAxMi4xMzMtLjEzMyAxOC4xNTcgMCAyOC4wNDIgMTIuMTAzIDI4LjA0MiAyNC40OTYgMCA2LjkyOS00LjA2MyAyNC4zNTMtMjguODg4IDI0LjM1My0zLjU3MyAwLTYuODc0LS4xMzgtMTAuMTY3LS4xMzgtMy4xNTMgMC02LjI0Mi4wNjctOS4zOTUuMTM4di0xLjgyYzQuMjAzLS40MjEgNi4yNDItLjU2MSA2LjQ0NC01LjMyVjI5LjQyMXptNi44NzMgMzIuODI1YzAgNS4zODggMy44NjEgNi4wMTcgNy4yOTQgNi4wMTcgMTUuMTQ5IDAgMjAuMTI0LTExLjQwNyAyMC4xMjQtMjEuODM2IDAtMTMuMDgzLTguNDE1LTIyLjUzLTIxLjk0Ny0yMi41My0yLjg3OSAwLTQuMjAzLjIwNS01LjQ3Mi4yOHYzOC4wNjh6bTM3LjU5MiA2LjQ0aDEuMzMxYzEuOTYxIDAgMy4zNjUgMCAzLjM2NS0yLjMxNVY0Ny40MDljMC0zLjA3Ny0xLjA1LTMuNTA0LTMuNjQ4LTQuODk2di0xLjEyMmMzLjI5Ni0uOTg1IDcuMjI2LTIuMzA4IDcuNTAzLTIuNTE4LjQ5My0uMjguOTEyLS4zNTQgMS4yNjQtLjM1NC4zNDcgMCAuNDkyLjQyMS40OTIuOTg1VjY2LjM3YzAgMi4zMTUgMS41NDIgMi4zMTUgMy41MDggMi4zMTVoMS4xODl2MS44MmMtMi4zODYgMC00Ljg0Mi0uMTQtNy4zNi0uMTQtMi41MjYgMC01LjA1Mi4wNjgtNy42NDMuMTR2LTEuODJ6bTcuNTAzLTQwLjk0Yy0xLjgyNyAwLTMuNDM2LTEuNjc5LTMuNDM2LTMuNDk5IDAtMS43NTIgMS42ODYtMy4zNjYgMy40MzYtMy4zNjYgMS44MTcgMCAzLjQzNSAxLjQ3NiAzLjQzNSAzLjM2NiAwIDEuODkyLTEuNTQ2IDMuNDk5LTMuNDM1IDMuNDk5em0xNC4xNjIgMjAuMDgyYzAtMi41ODgtLjc3NS0zLjI4NS00LjA2My00LjYxNXYtMS4zM2MzLjAxMS0uOTc4IDUuODg0LTEuODkyIDkuMjU0LTMuMzYzLjIwOCAwIC40MTQuMTQzLjQxNC42OTl2NC41NTFjNC4wMDMtMi44NjYgNy40NDEtNS4yNSAxMi4xNDQtNS4yNSA1Ljk1NiAwIDguMDU4IDQuMzQgOC4wNTggOS44djE4LjA1MmMwIDIuMzE1IDEuNTQxIDIuMzE1IDMuNTA2IDIuMzE1aDEuMjYydjEuODJjLTIuNDU5IDAtNC45MTMtLjE0LTcuNDMxLS4xNC0yLjUyOCAwLTUuMDUzLjA2OC03LjU3Ni4xNHYtMS44MmgxLjI2MWMxLjk2NyAwIDMuMzYzIDAgMy4zNjMtMi4zMTV2LTE4LjEyYzAtMy45OTQtMi40NDMtNS45NDktNi40NDYtNS45NDktMi4yNDMgMC01LjgxOSAxLjgxNy04LjE0MSAzLjM1OHYyMC43MTFjMCAyLjMxNSAxLjU1MiAyLjMxNSAzLjUxNiAyLjMxNWgxLjI2MXYxLjgyYy0yLjQ1NCAwLTQuOTEyLS4xNC03LjQzNi0uMTQtMi41MjEgMC01LjA1LjA2OC03LjU3MS4xNHYtMS44MmgxLjI2NWMxLjk2MiAwIDMuMzYxIDAgMy4zNjEtMi4zMTVWNDcuODI4em0zNS45MDcgMy4zNjVjLS4xNDUuNjMxLS4xNDUgMS42NzcgMCA0LjA1OS40MTIgNi42NDYgNC43MDIgMTIuMTAzIDEwLjMwMiAxMi4xMDMgMy44NjMgMCA2Ljg4Mi0yLjEgOS40Ny00LjY4NmwuOTguOThjLTMuMjI2IDQuMjctNy4yMjQgNy45MDgtMTIuOTY4IDcuOTA4LTExLjE1NCAwLTEzLjM5NS0xMC43OC0xMy4zOTUtMTUuMjU2IDAtMTMuNzE4IDkuMjUyLTE3Ljc3OSAxNC4xNTctMTcuNzc5IDUuNjg1IDAgMTEuNzkxIDMuNTY4IDExLjg1MyAxMC45ODYgMCAuNDI2IDAgLjg0LS4wNjIgMS4yNjVsLS42MzcuNDIxaC0xOS43MDF6bTEyLjQxMy0yLjI0MWMxLjc1MiAwIDEuOTU2LS45MTIgMS45NTYtMS43NTEgMC0zLjU2OC0yLjE3MS02LjQzNy02LjEwMS02LjQzNy00LjI3NSAwLTcuMjE5IDMuMTQyLTguMDYgOC4xODdoMTIuMjA1em05LjYwNCAxOS43MzZoMS44OTRjMS45NTYgMCAzLjM2IDAgMy4zNi0yLjMxNVY0Ni43MTJjMC0yLjE2OC0yLjU5MS0yLjU5MS0zLjY0NS0zLjE1di0xLjA0N2M1LjExOS0yLjE3MiA3LjkyNS0zLjk5NCA4LjU2NS0zLjk5NC40MTIgMCAuNjIuMjEuNjIuOTEzdjYuMjk3aC4xNWMxLjc0Ni0yLjcyOSA0LjY5Ny03LjIxIDguOTcyLTcuMjEgMS43NTQgMCAzLjk5NSAxLjE4OCAzLjk5NSAzLjcwOSAwIDEuODktMS4zMjkgMy41NzQtMy4yOTEgMy41NzQtMi4xODIgMC0yLjE4Mi0xLjY4NC00LjYzMy0xLjY4NC0xLjE5NCAwLTUuMTE5IDEuNjExLTUuMTE5IDUuODEydjE2LjQzOWMwIDIuMzE1IDEuMzk5IDIuMzE1IDMuMzY1IDIuMzE1aDMuOTI1djEuODJjLTMuODU4LS4wNzItNi43OTMtLjE0LTkuODEyLS4xNC0yLjg3NCAwLTUuODIxLjA2OC04LjM0NS4xNHYtMS44MnptMjYuOTk1LTcuOTExYy45MTQgNC42MTggMy43MTYgOC41NCA4LjgzOCA4LjU0IDQuMTMgMCA1LjY3Mi0yLjUxOSA1LjY3Mi00Ljk2NyAwLTguMjYtMTUuMjgxLTUuNjAzLTE1LjI4MS0xNi44NjcgMC0zLjkyMiAzLjE1OS04Ljk2MSAxMC44NjktOC45NjEgMi4yNDEgMCA1LjI1NS42MzIgNy45ODggMi4wMzNsLjQ5NSA3LjEzMmgtMS42MTRjLS43LTQuNDA1LTMuMTUzLTYuOTI0LTcuNjQzLTYuOTI0LTIuODA4IDAtNS40NjkgMS42MDktNS40NjkgNC42MTggMCA4LjE5NCAxNi4yNjggNS42NjkgMTYuMjY4IDE2LjY1NSAwIDQuNjE4LTMuNzE2IDkuNTIyLTEyLjA2MyA5LjUyMi0yLjgwNCAwLTYuMTAxLS45ODItOC41NTItMi4zOGwtLjc3NC04LjA0OSAxLjI2NC0uMzUzem04My40NDItMjYuNDU1aC0xLjc0OWMtMS4zMzUtOC4xODItNy4xNTYtMTEuNDc1LTE1LjAwNi0xMS40NzUtOC4wNjggMC0xOS43ODEgNS4zODctMTkuNzgxIDIyLjE4MiAwIDE0LjE0NCAxMC4xMDUgMjQuMjg4IDIwLjkgMjQuMjg4IDYuOTM5IDAgMTIuNjk1LTQuNzU4IDE0LjA5OS0xMi4xMDlsMS42MDkuNDE5LTEuNjA5IDEwLjIxN2MtMi45NDYgMS44MjUtMTAuODcxIDMuNzEyLTE1LjUwMiAzLjcxMi0xNi40MDMgMC0yNi43NzktMTAuNTY4LTI2Ljc3OS0yNi4zMTUgMC0xNC4zNDcgMTIuODI4LTI0LjYzOCAyNi41NzItMjQuNjM4IDUuNjc3IDAgMTEuMTQ5IDEuODI1IDE2LjU0NiAzLjcxNmwuNyAxMC4wMDN6bTIuNTI5IDM0LjM2NmgxLjMyNmMxLjk2OSAwIDMuMzczIDAgMy4zNzMtMi4zMTVWMjcuMzk5YzAtNC41NTMtMS4wNTItNC42OTMtMy43MTYtNS40NjF2LTEuMTJjMi44MDMtLjkwOSA1Ljc0OS0yLjE2OCA3LjIyMS0zLjAxMi43NjUtLjQxNiAxLjMzMS0uNzcyIDEuNTM3LS43NzIuNDI3IDAgLjU2OC40MjQuNTY4Ljk4NXY0OC4zNTRjMCAyLjMxNSAxLjU0MSAyLjMxNSAzLjUwNiAyLjMxNWgxLjE4NHYxLjgyYy0yLjM3NiAwLTQuODMyLS4xNC03LjM1Ni0uMTQtMi41MjMgMC01LjA0Ny4wNjgtNy42NDMuMTR2LTEuODJ6bTQ1LjAyMi0yLjAzM2MwIDEuMjY1Ljc2OSAxLjMzMSAxLjk1OSAxLjMzMWwyLjgwNi0uMDY3djEuNDczYy0zLjAxOS4yNzgtOC43NjcgMS43NDctMTAuMSAyLjE2N2wtLjM1My0uMjExdi01LjY2NmMtNC4yIDMuNDI4LTcuNDMxIDUuODc3LTEyLjQxNSA1Ljg3Ny0zLjc4MyAwLTcuNzEtMi40NDktNy43MS04LjMyNXYtMTcuOTJjMC0xLjgyLS4yNzgtMy41NzEtNC4yMDItMy45MTl2LTEuMzMxYzIuNTI4LS4wNjggOC4xMjgtLjQ4OCA5LjA0My0uNDg4Ljc3NyAwIC43NzcuNDg4Ljc3NyAyLjAyOHYxOC4wNTJjMCAyLjEwMyAwIDguMTIgNi4wOTYgOC4xMiAyLjM4NCAwIDUuNTM5LTEuODE5IDguNDgtNC4yNjNWNDQuNjhjMC0xLjM5Ni0zLjM2My0yLjE2My01Ljg4Mi0yLjg2NHYtMS4yNmM2LjMwNC0uNDIzIDEwLjIzNy0uOTggMTAuOTM0LS45OC41NjcgMCAuNTY3LjQ4OC41NjcgMS4yNjF2MjUuODE4em0xMy45NTItMjMuMDkyYzIuODAxLTIuMzggNi41ODktNS4wNCAxMC40NDktNS4wNCA4LjEzNSAwIDEzLjAzNyA3LjA3NCAxMy4wMzcgMTQuNjk4IDAgOS4xNjctNi43MjggMTguMzM4LTE2Ljc2MSAxOC4zMzgtNS4xODQgMC03LjkxOC0xLjY4Mi05Ljc0NC0yLjQ0OWwtMi4xMDEgMS42MDYtMS40NjctLjc2N2MuNjItNC4xMjkuOTc5LTguMTg5Ljk3OS0xMi40NTdWMjcuNDAxYzAtNC41NTMtMS4wNTctNC42OTMtMy43Mi01LjQ2MXYtMS4xMmMyLjgxMS0uOTA5IDUuNzQ5LTIuMTY4IDcuMjI0LTMuMDEyLjc3LS40MTYgMS4zMjctLjc3MiAxLjU0Ni0uNzcyLjQyIDAgLjU1OS40MjQuNTU5Ljk4NXYyNS41NDN6bTAgMTkuMDMzYzAgMi42NTkgMi41MjMgNy4xNDQgNy4yMjEgNy4xNDQgNy41MDQgMCAxMC42NTctNy4zNTIgMTAuNjU3LTEzLjU4MyAwLTcuNTU2LTUuNzQ0LTEzLjg1Mi0xMS4yMTYtMTMuODUyLTIuNjAxIDAtNC43NyAxLjY4MS02LjY2MyAzLjI5MXYxN3ptLTMwMi41MTggNDguNjAxaC41MzdjMS4zNzEgMCAyLjgyMS0uMTg1IDIuODIxLTIuMTY4Vjg5LjA4MWMwLTEuOTg2LTEuNDQ5LTIuMTc1LTIuODIxLTIuMTc1aC0uNTM3di0xLjE0M2MxLjQ4OSAwIDMuNzc4LjE1IDUuNjUzLjE1IDEuOTA1IDAgNC4xOTItLjE1IDUuOTg1LS4xNXYxLjE0M2gtLjUzNmMtMS4zNjggMC0yLjgyMS4xODktMi44MjEgMi4xNzV2MTkuOTQ4YzAgMS45ODMgMS40NTMgMi4xNjggMi44MjEgMi4xNjhoLjUzNnYxLjE0OGMtMS44MzEgMC00LjEyNS0uMTUtNi4wMjYtLjE1LTEuODcxIDAtNC4xMjQuMTUtNS42MTIuMTV2LTEuMTQ4em0zNy44NTEtNi4zNTlsLjA3Ny0uMDc1VjkwLjQ4NmMwLTMuMTI0LTIuMTc3LTMuNTgxLTMuMzIxLTMuNTgxaC0uODR2LTEuMTQzbDUuMzQyLjE1MSA0LjY5NC0uMTUxdjEuMTQzaC0uNTY4Yy0xLjYwNyAwLTMuNC4zMDYtMy40IDQuODM2djE3LjMzYzAgMS4zMzEuMDM5IDIuNjYyLjIyNiAzLjg0MmgtMS40NDlsLTE5LjY0Ny0yMS44NnYxNS42OTJjMCAzLjMxMy42NDMgNC40NTIgMy41ODUgNC40NTJoLjY0N3YxLjE0OGwtNC45Mi0uMTUtNS4xODcuMTV2LTEuMTQ4aC41MzRjMi42MzIgMCAzLjQzMS0xLjc4NiAzLjQzMS00LjgyOVY5MC4zMjljMC0yLjEyOS0xLjc1OS0zLjQyMy0zLjQ2OS0zLjQyM2gtLjQ5N3YtMS4xNDNsNC4zODMuMTUxIDMuMzk5LS4xNTEgMTYuOTgzIDE5LjA3NnptMTEuNjY2LTE3LjE3MmMtMi44NjYgMC0yLjk3NC42ODYtMy41NDcgMy40NjJoLTEuMTQzYy4xNDgtMS4wNjUuMzQyLTIuMTI5LjQ1OC0zLjIzNmEyMi4zMSAyMi4zMSAwIDAwLjIyOC0zLjIzM2guOTE1Yy4zMDggMS4xNDQgMS4yNjEgMS4xMDQgMi4yOTYgMS4xMDRoMTkuNjgxYzEuMDMzIDAgMS45ODQtLjAzNyAyLjA2My0xLjE4MmwuOTEuMTUzYy0uMTQ4IDEuMDI5LS4zMDMgMi4wNTUtLjQxOSAzLjA4NS0uMDcgMS4wMjktLjA3IDIuMDU4LS4wNyAzLjA4M2wtMS4xNDcuNDIzYy0uMDc4LTEuNDA4LS4yNy0zLjY1OS0yLjgyNC0zLjY1OWgtNi4yNTd2MjAuMjU5YzAgMi45MzcgMS4zMzcgMy4yNzIgMy4xNjQgMy4yNzJoLjcyNXYxLjE0OGMtMS40ODcgMC00LjE1OS0uMTUtNi4yMTYtLjE1LTIuMjkgMC00Ljk2Mi4xNS02LjQ1Mi4xNXYtMS4xNDhoLjcyNWMyLjEwNiAwIDMuMTY4LS4xODcgMy4xNjgtMy4xOTJWODcuNjY2aC02LjI1OXptMjMuMDgyIDIzLjUzMWguNTM2YzEuMzczIDAgMi44MjQtLjE4NSAyLjgyNC0yLjE2OFY4OS4wODFjMC0xLjk4Ni0xLjQ1MS0yLjE3NS0yLjgyNC0yLjE3NWgtLjUzNnYtMS4xNDNjMi4zMjIgMCA2LjI5OS4xNSA5LjQ5OC4xNSAzLjIxIDAgNy4xNzItLjE1IDkuNzY1LS4xNWE2NC41NjEgNjQuNTYxIDAgMDAuMDgzIDUuODI3bC0xLjE1LjMwNmMtLjE4NC0yLjQ3NC0uNjQtNC40NTQtNC42NS00LjQ1NGgtNS4yOTh2OS45NzNoNC41MzRjMi4yODggMCAyLjc4OC0xLjI5MSAzLjAxNC0zLjM1MmgxLjE0MmE4OC41MiA4OC41MiAwIDAwLS4xMTQgNC40NTVjMCAxLjQ1MS4wMzkgMi44OTYuMTE0IDQuMzQzbC0xLjE0Mi4yMjZjLS4yMjYtMi4yODItLjM0Mi0zLjc2OC0yLjk3OS0zLjc2OGgtNC41N3Y4Ljg3MWMwIDIuNDc1IDIuMjAzIDIuNDc1IDQuNjQ2IDIuNDc1IDQuNTgxIDAgNi42MDEtLjMwNyA3Ljc0Ny00LjY0MmwxLjA2Ny4yNjJjLS40OTggMi4wMjQtLjk1NCA0LjAzNi0xLjI5MyA2LjA1OC0yLjQ0NiAwLTYuODM0LS4xNS0xMC4yNjMtLjE1LTMuNDM4IDAtNy45NzguMTUtMTAuMTUzLjE1di0xLjE0OHptMjYuODU5LTIxLjRjMC0yLjc3OC0xLjUyNi0yLjg5Mi0yLjcxMi0yLjg5MmgtLjY4N3YtMS4xNDRjMS4yMjEgMCAzLjU4Ni4xNTMgNS45MTUuMTUzIDIuMjg3IDAgNC4xMi0uMTUzIDYuMTQxLS4xNTMgNC44MDQgMCA5LjA4MyAxLjI5NCA5LjA4MyA2LjcwNiAwIDMuNDIxLTIuMjg4IDUuNTE3LTUuMzAzIDYuNzAzbDYuNTIyIDkuNzQxYzEuMDcgMS42MTEgMS44MjkgMi4wNjMgMy43MDIgMi4yODR2MS4xNDlsLTMuNzM5LS4xNS0zLjU4NC4xNWMtMi45MzgtMy44NDYtNS40NjItNy45NTgtNy45MzktMTIuMzQzaC0yLjUxM3Y4LjE1M2MwIDIuOTM1IDEuMzcgMy4wNDEgMy4xMjIgMy4wNDFoLjY4OXYxLjE0OWwtNi41NjItLjE1Yy0xLjgzNCAwLTMuNjI3LjE1LTUuNTM0LjE1di0xLjE0OWguNjg3YzEuNDE3IDAgMi43MTItLjYzOSAyLjcxMi0yLjA1Vjg5Ljc5NnptNC44ODYgOC44MzJoMS44NjNjMy44MTkgMCA1Ljg3NC0xLjQ0MyA1Ljg3NC01LjkzOSAwLTMuMzg0LTIuMTczLTUuNTU2LTUuNTcxLTUuNTU2LTEuMTQ3IDAtMS42MzUuMTE3LTIuMTY2LjE1MXYxMS4zNDR6bTQzLjY4IDYuMjA5bC4wNjgtLjA3NVY5MC40ODZjMC0zLjEyNC0yLjE3MS0zLjU4MS0zLjMxNC0zLjU4MWgtLjgzN3YtMS4xNDNsNS4zNC4xNTEgNC43LS4xNTF2MS4xNDNoLS41NzdjLTEuNjAxIDAtMy4zOTYuMzA2LTMuMzk2IDQuODM2djE3LjMzYzAgMS4zMzEuMDM2IDIuNjYyLjIyNSAzLjg0MmgtMS40NDZsLTE5LjY0OS0yMS44NnYxNS42OTJjMCAzLjMxMy42NDcgNC40NTIgMy41ODQgNC40NTJoLjY0OHYxLjE0OGwtNC45MTgtLjE1LTUuMTkyLjE1di0xLjE0OGguNTI5YzIuNjM3IDAgMy40MzgtMS43ODYgMy40MzgtNC44MjlWOTAuMzI5YzAtMi4xMjktMS43NTYtMy40MjMtMy40Ny0zLjQyM2gtLjQ5N3YtMS4xNDNsNC4zODkuMTUxIDMuMzk0LS4xNTEgMTYuOTggMTkuMDc2em0xMi4wOTIgMi4wNjFjLS4zODggMS4yOTItLjg0NyAyLjI4OS0uODQ3IDIuOTY4IDAgMS4xNDQgMS42MDQgMS4zMyAyLjg2IDEuMzNoLjQyN3YxLjE0OGE4NS43OSA4NS43OSAwIDAwLTQuNjI1LS4xNDggNjguMzkgNjguMzkgMCAwMC00LjExNS4xNDh2LTEuMTQ4aC4yMzFjMS40ODcgMCAyLjc0OS0uODc0IDMuMzEzLTIuNDc3bDYuMTEyLTE3LjQ3MWMuNDktMS40MDkgMS4xODQtMy4zMTQgMS40MTQtNC43MjggMS4yMTUtLjQxMyAyLjc0NC0xLjE3NCAzLjQ2OS0xLjYzMi4xMTctLjA0MS4xODQtLjA4LjMwNS0uMDguMTE0IDAgLjE4NCAwIC4yNy4xMTcuMTE0LjMwNC4yMjEuNjQ3LjM0NS45NTFsNy4wMTkgMTkuOTE4Yy40NTYgMS4zMzEuOTEgMi43MzkgMS40MDQgMy44ODYuNDYzIDEuMDY2IDEuMjY0IDEuNTE2IDIuNTI0IDEuNTE2aC4yMjh2MS4xNDhhMTA3LjM2OSAxMDcuMzY5IDAgMDAtNS4yNjQtLjE0OGMtMS44NjggMC0zLjc4Mi4wNjUtNS43MjguMTQ4di0xLjE0OGguNDIzYy44NzMgMCAyLjM2Ni0uMTQ4IDIuMzY2LTEuMTAyIDAtLjQ5Mi0uMzQ0LTEuNTItLjc3LTIuNzQybC0xLjQ4NC00LjQxNmgtOC42NjFsLTEuMjE3IDMuOTYzem01LjU2OC0xNi44NzJoLS4wNzhsLTMuNTQ5IDEwLjc3OGg3LjEzbC0zLjUwMy0xMC43Nzh6bTE2LjQ0NC0yLjM2MmMtMi44NjMgMC0yLjk3Ny42ODYtMy41NSAzLjQ2MmgtMS4xNDdjLjE1LTEuMDY1LjM0NC0yLjEyOS40NjMtMy4yMzZhMjIuODkgMjIuODkgMCAwMC4yMjMtMy4yMzNoLjkyYy4zMDMgMS4xNDQgMS4yNjEgMS4xMDQgMi4yODcgMS4xMDRoMTkuNjkxYzEuMDI2IDAgMS45NzktLjAzNyAyLjA1Ny0xLjE4MmwuOTE0LjE1M2MtLjE0NyAxLjAyOS0uMyAyLjA1NS0uNDE0IDMuMDg1LS4wODUgMS4wMjktLjA4NSAyLjA1OC0uMDg1IDMuMDgzbC0xLjE0Mi40MjNjLS4wNy0xLjQwOC0uMjYyLTMuNjU5LTIuODE5LTMuNjU5aC02LjI1OXYyMC4yNTljMCAyLjkzNyAxLjMzOSAzLjI3MiAzLjE2NiAzLjI3MmguNzI2djEuMTQ4Yy0xLjQ4OSAwLTQuMTU4LS4xNS02LjIyLS4xNS0yLjI4NSAwLTQuOTYyLjE1LTYuNDQ5LjE1di0xLjE0OGguNzI1YzIuMTAyIDAgMy4xNjktLjE4NyAzLjE2OS0zLjE5MlY4Ny42NjVoLTYuMjU3em0yMy4yNjQgMjMuNTMxaC41MzRjMS4zNzggMCAyLjgyMS0uMTg1IDIuODIxLTIuMTY4Vjg5LjA4YzAtMS45ODYtMS40NDMtMi4xNzUtMi44MjEtMi4xNzVoLS41MzR2LTEuMTQzYzEuNDkyIDAgMy43NzcuMTUgNS42NDMuMTUgMS45MTQgMCA0LjIwMi0uMTUgNS45OTgtLjE1djEuMTQzaC0uNTM0Yy0xLjM3NiAwLTIuODI5LjE4OS0yLjgyOSAyLjE3NXYxOS45NDhjMCAxLjk4MyAxLjQ1MyAyLjE2OCAyLjgyOSAyLjE2OGguNTM0djEuMTQ4Yy0xLjgzNCAwLTQuMTI0LS4xNS02LjAyOS0uMTUtMS44NzMgMC00LjEyLjE1LTUuNjEyLjE1di0xLjE0OHptMjYuODU3LTI2LjAwM2M4LjEzNSAwIDE0LjYxNiA1LjAyOSAxNC42MTYgMTMuMTQgMCA4Ljc1OS02LjI5NiAxNC41ODEtMTQuNDE5IDE0LjU4MS04LjA5NiAwLTE0LjI3My01LjQ4Mi0xNC4yNzMtMTMuNjcgMC03LjkxOSA2LjE0MS0xNC4wNTIgMTQuMDc2LTE0LjA1MnptLjU3NyAyNi4wNDVjNy40MDQgMCA4LjY5Mi02LjUxNiA4LjY5Mi0xMi4wNjcgMC01LjU2OS0zLjAwNS0xMi4zMDYtOS4zNDItMTIuMzA2LTYuNjc5IDAtOC42NjEgNS45NDItOC42NjEgMTEuMDQgMCA2LjgxNyAzLjEyOCAxMy4zMzMgOS4zMTEgMTMuMzMzem0zOS43NS02LjQwMWwuMDc4LS4wNzVWOTAuNDg1YzAtMy4xMjQtMi4xODEtMy41ODEtMy4zMjYtMy41ODFoLS44Mjd2LTEuMTQzbDUuMzMuMTUxIDQuNzAyLS4xNTF2MS4xNDNoLS41NzdjLTEuNTk5IDAtMy4zOTYuMzA2LTMuMzk2IDQuODM2djE3LjMzYzAgMS4zMzEuMDM2IDIuNjYyLjIzIDMuODQyaC0xLjQ0OGwtMTkuNjU0LTIxLjg2djE1LjY5MmMwIDMuMzEzLjY1IDQuNDUyIDMuNTg0IDQuNDUyaC42NTF2MS4xNDhsLTQuOTItLjE1LTUuMTk1LjE1di0xLjE0OGguNTM5YzIuNjM3IDAgMy40My0xLjc4NiAzLjQzLTQuODI5VjkwLjMyOGMwLTIuMTI5LTEuNzQ2LTMuNDIzLTMuNDctMy40MjNoLS40OTh2LTEuMTQzbDQuMzg5LjE1MSAzLjM5Ni0uMTUxIDE2Ljk4MSAxOS4wNzZ6bTEyLjA4NyAyLjA2MWMtLjM3NSAxLjI5Mi0uODM3IDIuMjg5LS44MzcgMi45NjggMCAxLjE0NCAxLjYwNyAxLjMzIDIuODU4IDEuMzNoLjQyN3YxLjE0OGE4NS45MzQgODUuOTM0IDAgMDAtNC42Mi0uMTQ4Yy0xLjM3OCAwLTIuNzQ2LjA2NS00LjExNC4xNDh2LTEuMTQ4aC4yMTdjMS40OTMgMCAyLjc1Ny0uODc0IDMuMzIxLTIuNDc3bDYuMTE0LTE3LjQ3MWMuNDkzLTEuNDA5IDEuMTg0LTMuMzE0IDEuNDA1LTQuNzI4IDEuMjIzLS40MTMgMi43NDctMS4xNzQgMy40NzktMS42MzIuMTA5LS4wNDEuMTg2LS4wOC4zMDEtLjA4LjExNCAwIC4xODcgMCAuMjY0LjExN2wuMzQ5Ljk1MSA3LjAxNiAxOS45MThjLjQ1OCAxLjMzMS45MTQgMi43MzkgMS40MTUgMy44ODYuNDU4IDEuMDY2IDEuMjYyIDEuNTE2IDIuNTE4IDEuNTE2aC4yMzN2MS4xNDhjLTEuNzItLjA4My0zLjQzOC0uMTQ4LTUuMjcyLS4xNDgtMS44NjUgMC0zLjc3Ny4wNjUtNS43MjMuMTQ4di0xLjE0OGguNDIyYy44NzEgMCAyLjM3LS4xNDggMi4zNy0xLjEwMiAwLS40OTItLjM0Ny0xLjUyLS43NzItMi43NDJsLTEuNDgyLTQuNDE2aC04LjY2MmwtMS4yMjUgMy45NjN6bTUuNTc2LTE2Ljg3MmgtLjA3N2wtMy41NTQgMTAuNzc4aDcuMTQxbC0zLjUxMS0xMC43Nzh6bTI0LjM4MSAxOC41ODNjMCAxLjUyNiAxLjA2IDEuOTggMi4yODIgMi4xMzYgMS41NjUuMTE1IDMuMjgyLjExNSA1LjA0Mi0uMDc4IDEuNTk5LS4xOTIgMi45NzItMS4xMDQgMy42NTgtMi4wNTguNjA5LS44MzkuOTUxLTEuOTAzIDEuMTg0LTIuNzQyaDEuMTA2Yy0uNDE5IDIuMTctLjk1NCA0LjMwNy0xLjQxNSA2LjQ3NmwtMTAuMDY2LS4xNDgtMTAuMDc0LjE0OHYtMS4xNDhoLjUyNmMxLjM3OSAwIDIuODcxLS4xODUgMi44NzEtMi41NDl2LTE5LjU3YzAtMS45ODUtMS40OTItMi4xNzMtMi44NzEtMi4xNzNoLS41MjZWODUuNzZsNi4wMjQuMTUxIDUuODA0LS4xNTF2MS4xNDNoLS45NTljLTEuNDQ2IDAtMi41ODUuMDQyLTIuNTg1IDIuMDU2djE5LjY0OXoiIGZpbGw9IiMxQTE5MTgiLz48L3N2Zz4=")
}

.rccs__card--discover>div {
    color: #555
}

.rccs__card--discover .rccs__card__background {
    background: linear-gradient(25deg,#fff,#eee)
}

.rccs__card--discover .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9Ijg2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIyMC40NDIlIiB5MT0iMTAuNTk5JSIgeDI9Ijg5LjI0NSUiIHkyPSI4My41MyUiIGlkPSJhIj48c3RvcCBzdG9wLWNvbG9yPSIjRTI1NDI5IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0Y5OUQzRSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48ZmlsdGVyIHg9Ii01MCUiIHk9Ii01MCUiIHdpZHRoPSIyMDAlIiBoZWlnaHQ9IjIwMCUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImMiPjxmZU1vcnBob2xvZ3kgcmFkaXVzPSIyIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93U3ByZWFkSW5uZXIxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMi41IiBpbj0ic2hhZG93U3ByZWFkSW5uZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJJbm5lcjEiLz48ZmVPZmZzZXQgZHg9IjIiIGR5PSIyIiBpbj0ic2hhZG93Qmx1cklubmVyMSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRJbm5lcjEiLz48ZmVDb21wb3NpdGUgaW49InNoYWRvd09mZnNldElubmVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiIHJlc3VsdD0ic2hhZG93SW5uZXJJbm5lcjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMzAxNjU4NzQxIDAiIGluPSJzaGFkb3dJbm5lcklubmVyMSIvPjwvZmlsdGVyPjxwYXRoIGQ9Ik0yNzAuMzU2LjM2NWMtMjMuOTgyIDAtNDMuNDQgMTguNzM1LTQzLjQ0IDQxLjg1OCAwIDI0LjU4MyAxOC42MTIgNDIuOTYgNDMuNDQgNDIuOTYgMjQuMjA4IDAgNDMuMzIxLTE4LjYyIDQzLjMyMS00Mi40NzggMC0yMy43MTYtMTguOTg2LTQyLjM0LTQzLjMyMS00Mi4zNHoiIGlkPSJiIi8+PC9kZWZzPjx1c2UgZmlsbD0idXJsKCNhKSIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjYiIvPjx1c2UgZmlsdGVyPSJ1cmwoI2MpIiB4bGluazpocmVmPSIjYiIvPjxwYXRoIGQ9Ik0yMy43NDYgMS44OTFILjM5M3Y4MS40NTRoMjMuMjMyYzEyLjMyNSAwIDIxLjI0LTIuOTIxIDI5LjA1OS05LjM5OCA5LjI3OC03LjY5NSAxNC43ODEtMTkuMjk4IDE0Ljc4MS0zMS4yODkgMC0yNC4wNDgtMTcuOTY1LTQwLjc2Ni00My43MTktNDAuNzY2em0xOC41NzMgNjEuMTc2Yy01LjAyMiA0LjUzMS0xMS40ODYgNi40ODgtMjEuNzYgNi40ODhoLTQuMjY4VjE1LjY4Mmg0LjI2OGMxMC4yNzQgMCAxNi40OTEgMS44MzQgMjEuNzYgNi41OTMgNS40OTUgNC44ODYgOC43NzIgMTIuNDUyIDguNzcyIDIwLjI2NSAwIDcuODI5LTMuMjc3IDE1LjY2LTguNzcyIDIwLjUyN3ptMzIuNDggMjAuMjc4SDkwLjY3VjEuODkxSDc0Ljc5OXY4MS40NTR6bTU0LjcyNy01MC4yMDljLTkuNTM5LTMuNTM0LTEyLjM0Ni01Ljg2NS0xMi4zNDYtMTAuMjQ3IDAtNS4xMzQgNC45OTgtOS4wMzkgMTEuODQ5LTkuMDM5IDQuNzYzIDAgOC42NzEgMS45NTMgMTIuODM2IDYuNThsOC4yOTQtMTAuODUyQzE0My4zMiAzLjU4IDEzNS4xMzguNTMxIDEyNi4yMTMuNTMxYy0xNC4zOTggMC0yNS4zOTkgMTAuMDItMjUuMzk5IDIzLjMyIDAgMTEuMjQ3IDUuMTI2IDE2Ljk4MSAyMC4wMzEgMjIuMzY5IDYuMjMzIDIuMTg4IDkuNDAxIDMuNjQ2IDEwLjk5MyA0LjY0MyAzLjE3NSAyLjA3NyA0Ljc2OSA0Ljk5OCA0Ljc2OSA4LjQxNiAwIDYuNjA1LTUuMjU3IDExLjQ4My0xMi4zNTEgMTEuNDgzLTcuNTc0IDAtMTMuNjc0LTMuNzgyLTE3LjM0MS0xMC44NjVsLTEwLjI0NyA5LjkwNWM3LjMxMyAxMC43MzMgMTYuMTA5IDE1LjUxMSAyOC4yMTQgMTUuNTExIDE2LjQ4OCAwIDI4LjA4NC0xMS4wMDcgMjguMDg0LTI2Ljc1OCAwLTEyLjk0OC01LjM2MS0xOC44MTUtMjMuNDQzLTI1LjQxOXptMjguNDQ5IDkuNTIxYzAgMjMuOTY1IDE4LjgxNSA0Mi41MjUgNDMuMDA2IDQyLjUyNSA2LjgzOSAwIDEyLjcwMS0xLjM1MiAxOS45MTUtNC43NThWNjEuNzI3Yy02LjM2MSA2LjM1OC0xMS45OCA4LjkxNi0xOS4xODkgOC45MTYtMTUuOTk3IDAtMjcuMzY0LTExLjYwNi0yNy4zNjQtMjguMTAyIDAtMTUuNjI2IDExLjcyMS0yNy45NjUgMjYuNjM4LTI3Ljk2NSA3LjU2MSAwIDEzLjMxMSAyLjY4NiAxOS45MTUgOS4xNTlWNS4wMzlDMjEzLjkzNCAxLjUwOCAyMDguMTg0LjA1NCAyMDEuMzQ0LjA1NGMtMjQuMDY3IDAtNDMuMzY5IDE4LjkzNS00My4zNjkgNDIuNjA0em0xOTEuNjUxIDEzLjk0OEwzMjcuODgzIDEuODloLTE3LjM0NmwzNC41NzkgODMuNTM0aDguNTQzTDM4OC44NDIgMS44OWgtMTcuMjE4bC0yMiA1NC43MTV6bTQ2LjQzOSAyNi43MzloNDUuMDY2VjY5LjU1NWgtMjkuMTg4VjQ3LjU1NGgyOC4wNzJWMzMuNzYyaC0yOC4wNzJWMTUuNjgzaDI5LjE4OFYxLjg5MWgtNDUuMDY2djgxLjQ1NHpNNTA0LjAyIDI1LjkyOWMwLTE1LjI1OS0xMC40OS0yNC4wMzktMjguODIzLTI0LjAzOUg0NTEuNjJ2ODEuNDU0aDE1Ljg5NVY1MC42MDdoMi4wOGwyMS45NzUgMzIuNzM3aDE5LjU0NGwtMjUuNjY3LTM0LjMxMWMxMS45ODgtMi40NTEgMTguNTczLTEwLjYzOCAxOC41NzMtMjMuMTA0em0tMzEuODgyIDEzLjQ1MmgtNC42MjNWMTQuNjk4aDQuODc3YzkuOTE2IDAgMTUuMjg3IDQuMTY1IDE1LjI4NyAxMi4wOTIgMCA4LjE3OC01LjM3MiAxMi41OS0xNS41NDEgMTIuNTl6IiBmaWxsPSIjMEIxMDE1Ii8+PC9zdmc+")
}

.rccs__card--elo .rccs__card__background {
    background: linear-gradient(25deg,#211c18,#aaa7a2)
}

.rccs__card--elo .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yNTYgMGMxNDEuMzg1IDAgMjU2IDExNC42MTUgMjU2IDI1NiAwIDE0MS4zODYtMTE0LjYxNSAyNTYtMjU2IDI1NlMwIDM5Ny4zODYgMCAyNTZDMCAxMTQuNjE1IDExNC42MTUgMCAyNTYgMCIgZmlsbD0iIzBFMEUxMSIvPjxwYXRoIGQ9Ik0xODAuMDQyIDIzNy41ODNsLTc4LjUyNCAzMy44MzdhNDUuNjggNDUuNjggMCAwMS0uMTg5LTQuMTA2YzAtMjQuODM5IDIwLjEzNS00NC45NzQgNDQuOTc0LTQ0Ljk3NCAxMy40MzggMCAyNS40OTkgNS44OTggMzMuNzM5IDE1LjI0M3ptLTMzLjczOS00OC44NzZjMzcuMDUzIDAgNjguMTEyIDI1LjYzOCA3Ni40MiA2MC4xNDNsLTMxLjY4MiAxMy44NTMtLjAwNy0uMDY2LTMyLjQxMyAxNC4yNDEtNzcuNzU1IDMzLjk5N2MtOC4zMTgtMTIuNDctMTMuMTctMjcuNDQ4LTEzLjE3LTQzLjU2MSAwLTQzLjQxNCAzNS4xOTMtNzguNjA3IDc4LjYwNy03OC42MDd6bTU0LjkyOCAxMzQuODM4Yy0yOC4xNDUgMjYuNzEzLTY1LjM3OSAyOS4zMzUtOTguMDk2IDkuNDczbDE4LjQ4NS0yOC4xMDRjMTguNjE3IDExLjEyOCAzNy4zMTkgOS4zMjMgNTYuMTA3LTUuNDI4bDIzLjUwNCAyNC4wNnptMzIuMDA3LTE5LjQ1N2wtLjE5OC0xNDguNjUyaDI4LjE2M3YxNDQuNjM4YzAgMS4zODguMTcyIDIuNjEgMS45OTIgMy4zMTdsMjQuNSA5LjUyOC0xMS4wMzggMjguNy0yOC43LTEyLjE0M2MtMTAuODgzLTQuNjA1LTE0LjctMTEuMjc3LTE0LjcxOS0yNS4zODl6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTMzOS4yOCAzMDEuNTg3Yy0xMC41NTctOC4yMDgtMTcuMzU0LTIxLjAxOC0xNy4zNTQtMzUuNDI2IDAtMTIuODA5IDUuMzc3LTI0LjM1NCAxMy45ODUtMzIuNTI5bC0xOC4xOS0yOS40OGMtMTguMjg1IDE0LjQ4Ny0zMC4wMjggMzYuODctMzAuMDI4IDYyLjAwOSAwIDI3LjA5NiAxMy42MzIgNTEuMDAyIDM0LjQwNyA2NS4yNTRsMTcuMTc5LTI5LjgyOCIgZmlsbD0iIzIwOTFDMyIvPjxwYXRoIGQ9Ik0zNTEuNjEgMjIzLjkzOGE0NC43NTcgNDQuNzU3IDAgMDExNS4xNzgtMi42MzljMTkuMjA4IDAgMzUuNTg4IDEyLjA3NyA0MS45ODUgMjkuMDQ4bDM0Ljg1Ni0yLjkxMmMtOC40MTQtMzQuNjQtMzkuNjEzLTYwLjM2Ni03Ni44NDEtNjAuMzY2YTc4LjgzMiA3OC44MzIgMCAwMC0yOS43MyA1Ljc5OWwxNC41NTIgMzEuMDcxIiBmaWxsPSIjRkFFQzMyIi8+PHBhdGggZD0iTTQxMS41OTUgMjY4LjMzNWMtMS4xMzUgMjMuNzY2LTIwLjc2IDQyLjY4OC00NC44MDcgNDIuNjg4YTQ0Ljk1IDQ0Ljk1IDAgMDEtMTAuOTI1LTEuMzQ3bC0xMy42NzMgMzEuNjU3YTc5LjAzNyA3OS4wMzcgMCAwMDI0LjU5OCAzLjkyYzQyLjU5MSAwIDc3LjMwMi0zMy42NyA3OS4wMDktNzUuODQybC0zNC4yMDMtMS4wNzciIGZpbGw9IiNEMDM1MkEiLz48L2c+PC9zdmc+")
}

.rccs__card--hipercard .rccs__card__background {
    background: linear-gradient(25deg,#8b181b,#de1f27)
}

.rccs__card--hipercard .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjEyMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PHBhdGggZD0iTTM3NC4xMTggODAuODQyYy02Ljk0MyA2Ljc5Ny0yNi40MzQgOC43MjgtMjQuNDQtNy41MiAxLjY1Ni0xMy40OTUgMTYuMzQ4LTE2LjM2MyAzMi4yNzMtMTQuNDE0LTEuMTg0IDcuMzgxLTIuNTQyIDE2Ljc1NS03LjgzMyAyMS45MzR6bS0yMS45MzQtNTIuNjQxYy0uNjYzIDMuNzIzLTEuNjgxIDcuMDkyLTIuNTA2IDEwLjY1MyA3Ljk1MS0xLjk5MyAzMi43MDktOC4xMDUgMzUuMDk1IDIuNTA2Ljc5MiAzLjUyNi0uNTc0IDcuMjcyLTEuNTY3IDEwLjAyOC0yMi4zODktMi4xMjEtNDAuNjM2IDEuNTk5LTQ1LjQzNSAxNy41NDctMy4yMTQgMTAuNjgyLjM2IDIxLjE5NCA3LjIwNyAyNC4xMjkgMTMuMTg3IDUuNjQ5IDI5LjIyOC0uODIyIDM0Ljc4MS05LjcxNC0uNTc3IDMuMDc4LTEuMTIzIDYuMTg3LS45NCAxMC4wMjZoMTEuNTk0Yy4xMjMtMTEuMTAzIDEuNzM5LTIwLjA5MSAzLjQ0Ny0zMC4wODIgMS40NTYtOC41MDggNC4xOTUtMTYuOTMxIDMuNzU5LTI0LjQ0LS45OTUtMTcuMTk3LTI5LjQ4Ni0xMS4xMTQtNDUuNDM0LTEwLjY1M3ptMTE2LjI0OSA1Ny45NjhjLTkuMDcuMTk1LTEzLjU4LTUuNDE5LTEzLjc4Ny0xNC43MjYtLjM2MS0xNi4zMDEgNi43ODktMzQuNDExIDIxLjMwNy0zNi4wMzUgNi43Ni0uNzU2IDExLjY1NC44MTYgMTYuNjA3IDIuNTA4LTQuNTQ3IDE4LjMxLTIuOTA1IDQ3Ljc5OS0yNC4xMjggNDguMjU0ek00OTguNTE0IDBjLTEuMTU1IDEwLjEyNS0yLjY5OSAxOS44NjItNC42OTkgMjkuMTQtMzMuMDUxLTEwLjQ2MS01My4zMiAxMy44NTUtNTIuOTU2IDQzLjg2OC4wNzIgNS44MDUgMS4wNzEgMTEuNTYxIDQuNzAxIDE1LjY2NyA2LjI1NiA3LjA3NiAyNC4xNyA4Ljc2OCAzMy4yMTQgMi44MjEgMS43NTItMS4xNTEgMy41NC0zLjI0NiA0LjcwMS00LjcuODcxLTEuMDk1IDIuMjU2LTMuOTU5IDIuNTA1LTMuMTM1LS40NzQgMy4xODItMS4xODUgNi4xMjctMS4yNTIgOS43MTVoMTIuMjJjMi4zNTQtMzMuNzg0IDkuNjM3LTYyLjY0MSAxNS4wNC05My4zNzZoLTEzLjQ3NXpNMTUzLjUyNSA4MS4xNTZjLTcuMjA5IDcuNjM1LTI0LjkzMSA3LjUxOC0yNi4zMi01LjMyOC0uNjA2LTUuNTg5IDEuNDc3LTExLjQ1IDIuNTA2LTE3LjIzMyAxLjA0MS01Ljg1MyAxLjc5MS0xMS40NjkgMi44MTktMTYuNjA5IDcuMS04LjY3IDI3Ljk2NS05LjcxNiAzMC4wODIgNC43MDEgMS44MzcgMTIuNTE3LTMuMTE3IDI4LjE0NS05LjA4NyAzNC40Njh6bTEwLjY1NC01Mi45NTVjLTExLjQwNC00LjI4NC0yNS4zMDMuODMtMzEuMzI4IDUuNjk0LjAyMS4yMTQtLjE0NC4yNDMtLjMyMS4yNTlsLjMyMS0uMjU5LS4wMDctLjA1NC45NC01LjY0SDEyMi4xOWMtNC44MzEgMzIuMTQzLTEwLjU2MSA2My4zODctMTYuNjA3IDk0LjMxNmgxMy40NzNjMS45NS0xMi4wNDYgMy4yMzktMjQuNzUzIDUuOTU0LTM2LjAzNCAzLjA3NyAxMS44NjUgMjMuMTY5IDkuNTk3IDMxLjY0NyA1LjAxNCAxNy40OTQtOS40NiAzMC45ODctNTQuNDgxIDcuNTIxLTYzLjI5NnpNMjI4LjEgNTAuNzYyaC0zMS42NDdjMS4wMDEtNy4yNzYgNy41NDctMTUuMjczIDE3Ljg1OS0xNS42NjcgOS43MDctLjM3MSAxNi42NTYgMy41NjQgMTMuNzg3IDE1LjY2N3ptLTEyLjg0Ny0yMy44MTRjLTkuNzM2Ljc0OS0xNy45NjUgMy41NTEtMjMuODE0IDkuNzEzLTcuMTczIDcuNTU4LTEyLjk4MyAyNC4yNjYtMTEuMjgxIDM5LjQ4MiAyLjQyOCAyMS43MDggMjkuNDU3IDIwLjkyOSA1MS4wNzUgMTUuNjY3LjM2Ny0zLjgwOSAxLjI5LTcuMDY2IDEuODgtMTAuNjUzLTguOTA2IDMuMzMyLTI0LjM2OCA3Ljk4NC0zMy41MjggMi4xOTQtNi45MTUtNC4zNzMtNi45NTYtMTUuNDQ2LTQuNy0yNS4wNjggMTQuNTI5LS40NjIgMjkuNjMxLS4zNzQgNDQuMTgxIDAgLjkyMy02LjgyMSAzLjU2NS0xNC4yNTcgMS4yNTMtMjAuOTkzLTMuMDQ5LTguODk0LTEzLjk2MS0xMS4xOTYtMjUuMDY3LTEwLjM0ek05Ni44MSAyOC4yMDFjLS4zNjUuMDUyLS4zNDEuNDk1LS4zMTQuOTM5LTIuOTY5IDIyLjIwMy02Ljk4NiA0My4zNTgtMTEuMjggNjQuMjM2aDEzLjQ3M2MzLjIzOC0yMi4zNTIgNi45NDYtNDQuMjMzIDExLjU5NC02NS4xNzVIOTYuODF6bTM1MS41Ny4zMTNjLTExLjkwOS01Ljk1My0yMS44MjIgNC4wMzctMjUuNjkzIDEwLjAyNyAxLjEwMi0zLjA3MyAxLjE2Ni03LjE4OCAyLjE5Mi0xMC4zMzloLTExLjkwN2MtMy4yMSAyMi4zNzktNy4wODEgNDQuMDk4LTExLjU5NCA2NS4xNzVoMTMuNzg3Yy4wODgtOC42MzggMS43ODQtMTUuMDI4IDMuMTMzLTIzLjUwMSAyLjg4Mi0xOC4wODggNy4xMTEtMzcuOTI2IDI4LjIwMi0zMS45Ni43LTMuMDYuOTktNi41MyAxLjg4LTkuNDAxek0yOTcuMDM1IDc4LjAyMmMtMS4yNDEtMy4yMDgtMS41NjMtOC41MDctMS4yNTMtMTIuNTM0LjY5Ny05LjA1NCAzLjk5Ni0yMC4wNzcgOS4wODctMjUuMDY3IDcuMDI2LTYuODg4IDIwLjg5Ny01Ljc0OCAzMS45Ni0xLjg4MS4zNDMtMy43MjkgMS4wOTMtNy4wNTQgMS41NjctMTAuNjUyLTE4LjE0NS0yLjk2NC0zNS4zNjUtMS4xMjEtNDQuNDk0IDguNDU5LTguOTM2IDkuMzc4LTE0Ljc5NiAzMC45MzItMTAuNjU0IDQ0LjQ5NCA0Ljg0OCAxNS44NyAyNi41ODMgMTYuNzMzIDQ0LjE4MyAxMC42NTQuNzc3LTMuMTkgMS4xOS02Ljc0NiAxLjg4LTEwLjAyOC05LjYxNiA0Ljk5Ny0yOC4wMDEgNy41OTMtMzIuMjc2LTMuNDQ3em0tNy41MTktNDkuODIxYy0xMS45NDgtNC44MjUtMjEuMzM5IDMuMzI5LTI1LjY5MyAxMC45NjcuOTg3LTMuMzk4IDEuMzk0LTcuMzc4IDIuMTkyLTEwLjk2N2gtMTEuOTA3Yy0yLjkxIDIyLjU3NS03LjIwMSA0My43NjktMTEuMjggNjUuMTc1aDEzLjQ3NWMxLjg4OC0xMi43MDcgMi43MDMtMjkuODM0IDYuODkyLTQxLjk4OCAzLjM0OC05LjcxMyAxMi4xMTEtMTcuOTg3IDI0Ljc1NC0xMy40NzMuMTc4LTMuNTgzIDEuMjAzLTYuMzE4IDEuNTY3LTkuNzE0ek03Mi4zNyAxLjg4Yy0xLjkyNSAxMi40ODktNC4wOTMgMjQuNzM1LTYuMjY3IDM2Ljk3NC0xMy45NTkuMTQ3LTI4LjIxMS42OS00MS42NzQtLjMxNCAyLjU0My0xMS45NzMgNC4zNjctMjQuNjY4IDYuODkyLTM2LjY2SDE2LjI4MkMxMC44OTcgMzIuNDI3IDYgNjMuNDU5LS4wMTIgOTMuMzc3aDE1LjM1M2MyLjQwOS0xNS4zNDggNC42NjEtMzAuODUyIDcuODMzLTQ1LjQzNSAxMy4wOTEtLjMyMiAyOC43ODEtLjg4NSA0MS4zNjIuMzE0LTIuNTk0IDE1LjE2Mi01LjcyOCAyOS43ODMtOC4xNDcgNDUuMTIxaDE1LjM1NEM3Ni42NzUgNjIuMzggODEuODc0IDMxLjY0OSA4OC4wMzcgMS44OEg3Mi4zN3ptMzguMjI3IDEzLjc4N2MyLjY4Ni0xLjg0OSA2LjE0NS0xMC4yNzggMi4xOTQtMTMuNzg3LTEuMjUyLTEuMTExLTMuMzQ3LTEuNDMzLTYuMjY3LS45MzktMi43MS40NTctNC4yNjggMS4zNzctNS4zMjcgMi44MTktMS43MDMgMi4zMTktMy4yNjMgOS4zMS0uNjI4IDExLjkwNyAyLjU2NyAyLjUyOSA4LjMxOCAxLjE3NyAxMC4wMjggMHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=")
}

.rccs__card--jcb .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM5NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSItNTcuNTI3JSIgeTE9IjUwLjEyNCUiIHgyPSIyMzIuMzkxJSIgeTI9IjUwLjEyNCUiIGlkPSJhIj48c3RvcCBzdG9wLWNvbG9yPSIjMDA3OTQwIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwODczRiIgb2Zmc2V0PSIyMi44NSUiLz48c3RvcCBzdG9wLWNvbG9yPSIjNDBBNzM3IiBvZmZzZXQ9Ijc0LjMzJSIvPjxzdG9wIHN0b3AtY29sb3I9IiM1Q0I1MzEiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IHgxPSIuMTgzJSIgeTE9IjQ5Ljk2JSIgeDI9IjEwMC4yNzMlIiB5Mj0iNDkuOTYlIiBpZD0iYiI+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNzk0MCIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDg3M0YiIG9mZnNldD0iMjIuODUlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzQwQTczNyIgb2Zmc2V0PSI3NC4zMyUiLz48c3RvcCBzdG9wLWNvbG9yPSIjNUNCNTMxIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4MT0iLTYyLjgwMiUiIHkxPSI0OS44NTglIiB4Mj0iMjUzLjY3MSUiIHkyPSI0OS44NTglIiBpZD0iYyI+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNzk0MCIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDg3M0YiIG9mZnNldD0iMjIuODUlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzQwQTczNyIgb2Zmc2V0PSI3NC4zMyUiLz48c3RvcCBzdG9wLWNvbG9yPSIjNUNCNTMxIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4MT0iLjE3NiUiIHkxPSI1MC4wMDYlIiB4Mj0iMTAxLjgwOCUiIHkyPSI1MC4wMDYlIiBpZD0iZCI+PHN0b3Agc3RvcC1jb2xvcj0iIzFGMjg2RiIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDRFOTQiIG9mZnNldD0iNDcuNTElIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNjZCMSIgb2Zmc2V0PSI4Mi42MSUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDA2RkJDIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4MT0iLS41NzYlIiB5MT0iNDkuOTE0JSIgeDI9Ijk4LjEzMyUiIHkyPSI0OS45MTQlIiBpZD0iZSI+PHN0b3Agc3RvcC1jb2xvcj0iIzZDMkMyRiIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiM4ODI3MzAiIG9mZnNldD0iMTcuMzUlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0JFMTgzMyIgb2Zmc2V0PSI1Ny4zMSUiLz48c3RvcCBzdG9wLWNvbG9yPSIjREMwNDM2IiBvZmZzZXQ9Ijg1Ljg1JSIvPjxzdG9wIHN0b3AtY29sb3I9IiNFNjAwMzkiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik01MTIgMzE0LjgzNmMwIDQzLjgxNC0zNS42NzcgNzkuNDkxLTc5LjQ5MSA3OS40OTFIMFY3OS40OTFDMCAzNS42NzcgMzUuNjc3IDAgNzkuNDkxIDBINTEydjMxNC44MzZ6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTM3MS4xNjkgMjM0LjA5M2gzMi44NjFsNC4wNjgtLjMxM2M2LjI1OS0xLjI1MiAxMS41NzktNi44ODUgMTEuNTc5LTE0LjcwOSAwLTcuNTExLTUuMzItMTMuMTQ0LTExLjU3OS0xNC43MDktLjkzOS0uMzEzLTIuODE3LS4zMTMtNC4wNjgtLjMxM2gtMzIuODYxdjMwLjA0NHoiIGZpbGw9InVybCgjYSkiLz48cGF0aCBkPSJNNDAwLjI3NCAyNi42MDFjLTMxLjI5NiAwLTU2Ljk1OCAyNS4zNS01Ni45NTggNTYuOTU4djU5LjE0OWg4MC40M2MxLjg3OCAwIDQuMDY4IDAgNS42MzMuMzEzIDE4LjE1Mi45MzkgMzEuNjA5IDEwLjMyOCAzMS42MDkgMjYuNjAxIDAgMTIuODMxLTkuMDc2IDIzLjc4NS0yNS45NzYgMjUuOTc2di42MjZjMTguNDY1IDEuMjUyIDMyLjU0OCAxMS41NzkgMzIuNTQ4IDI3LjU0IDAgMTcuMjEzLTE1LjY0OCAyOC40NzktMzYuMzAzIDI4LjQ3OWgtODguMjU0djExNS43OTVoODMuNTZjMzEuMjk2IDAgNTYuOTU4LTI1LjM1IDU2Ljk1OC01Ni45NThWMjYuNjAxaC04My4yNDd6IiBmaWxsPSJ1cmwoI2IpIi8+PHBhdGggZD0iTTQxNS42MDkgMTczLjM3OWMwLTcuNTExLTUuMzItMTIuNTE4LTExLjU3OS0xMy40NTctLjYyNiAwLTIuMTkxLS4zMTMtMy4xMy0uMzEzaC0yOS43MzF2MjcuNTRINDAwLjljLjkzOSAwIDIuODE3IDAgMy4xMy0uMzEzIDYuMjU5LS45MzkgMTEuNTc5LTUuOTQ2IDExLjU3OS0xMy40NTd6IiBmaWxsPSJ1cmwoI2MpIi8+PHBhdGggZD0iTTg1LjQzOCAyNi42MDFjLTMxLjI5NiAwLTU2Ljk1OCAyNS4zNS01Ni45NTggNTYuOTU4djE0MC41MThjMTUuOTYxIDcuODI0IDMyLjU0OCAxMi44MzEgNDkuMTM0IDEyLjgzMSAxOS43MTYgMCAzMC4zNTctMTEuODkyIDMwLjM1Ny0yOC4xNjZ2LTY2LjM0N2g0OC44MjJ2NjYuMDM0YzAgMjUuNjYzLTE1Ljk2MSA0Ni42MzEtNzAuMTAzIDQ2LjYzMS0zMi44NjEgMC01OC41MjMtNy4xOTgtNTguNTIzLTcuMTk4djExOS44NjNoODMuNTZjMzEuMjk2IDAgNTYuOTU4LTI1LjM1IDU2Ljk1OC01Ni45NThWMjYuNjAxSDg1LjQzOHoiIGZpbGw9InVybCgjZCkiLz48cGF0aCBkPSJNMjQyLjg1NiAyNi42MDFjLTMxLjI5NiAwLTU2Ljk1OCAyNS4zNS01Ni45NTggNTYuOTU4djc0LjQ4NGMxNC4zOTYtMTIuMjA1IDM5LjQzMy0yMC4wMjkgNzkuODA0LTE4LjE1MiAyMS41OTQuOTM5IDQ0Ljc1MyA2Ljg4NSA0NC43NTMgNi44ODV2MjQuMDk4Yy0xMS41NzktNS45NDYtMjUuMzUtMTEuMjY3LTQzLjE4OC0xMi41MTgtMzAuNjctMi4xOTEtNDkuMTM0IDEyLjgzMS00OS4xMzQgMzkuMTIgMCAyNi42MDEgMTguNDY1IDQxLjYyMyA0OS4xMzQgMzkuMTIgMTcuODM5LTEuMjUyIDMxLjYwOS02Ljg4NSA0My4xODgtMTIuNTE4djI0LjA5OHMtMjIuODQ2IDUuOTQ2LTQ0Ljc1MyA2Ljg4NWMtNDAuMzcyIDEuODc4LTY1LjQwOC01Ljk0Ni03OS44MDQtMTguMTUydjEzMS40NDNoODMuNTZjMzEuMjk2IDAgNTYuOTU4LTI1LjM1IDU2Ljk1OC01Ni45NThWMjYuNjAyaC04My41NnoiIGZpbGw9InVybCgjZSkiLz48L3N2Zz4=")
}

.rccs__card--laser .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM2OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PHBhdGggZmlsbD0iIzI4MzQ3RCIgZD0iTTAgMzY3LjIxMmg1MTJWLjAwMUgweiIvPjxwYXRoIGQ9Ik0yNTMuOTEgMjkxLjA0M0gwdjIuMDk2aDI1Mi42OWwuMTE2IDcuNjIyIDQuNzY0LTcuNjIySDUxMnYtMi4wOTZIMjU4LjcyOWwzLjY2My02LjExMi04LjQ4MiA2LjExMnptMi41NTYtMjAuMDg0SDB2Mi4wOTZoMjU1LjQybDkuMTQ3IDguMzk4IDUuMTEyLTguMzk4SDUxMnYtMi4wOTZIMjcwLjk1NWw0LjY3Ny03LjY4NC0xOS4xNjYgNy42ODR6bTIuMTUtMjAuMDgzSDB2Mi4wOTZoMjU1Ljk5OWwyMC44ODIgOC4yNTIgNS4wMjItOC4yNTJINTEydi0yLjA5NkgyODMuMThsNC4xMS02Ljc1Mi0yOC42NzQgNi43NTJ6bS02Ljk3Mi0yMC4wODNIMHYyLjA5NmgyNTAuMDE3bDM5LjM0MiA3LjgzNiA0Ljc3LTcuODM2SDUxMnYtMi4wOTZIMjk1LjQwNmw0LjEzNC03LjI1Mi00Ny44OTYgNy4yNTJ6bS0yMi43NzUtMTcuMDU3SC4wMDF2Mi4wOTZoMjM3LjdsNjMuMSA1Ljk5NiAzLjcxMS01Ljk5NmgyMDcuNDg5di0yLjA5NkgzMDUuNzg3bDUuMTMtOC4zMjQtODIuMDQ4IDguMzI0em0tMy4zMS0yMC4wODNILjAwMXYyLjA5NmgyMjYuMDgxbDg2Ljg4OSA2LjExMiAzLjc2Ni02LjExMmgxOTUuMjY0di0yLjA5NkgzMTguMDEzbDQuNTM1LTcuNDUxLTk2Ljk4OSA3LjQ1MXptLTMuMTM4LTIwLjA4M0guMDAxdjIuMDk2aDIyMS45NTVsMTAzLjEyMSA2LjM0NCAzLjg4Ni02LjM0NGgxODMuMDM4di0yLjA5NkgzMzAuMjM4bDQuNDM0LTcuMjE4LTExMi4yNTEgNy4yMTh6bS04Ljc3Mi0yMC4wODNILjAwMnYyLjA5NUgyMTMuM2wxMjMuNDgyIDcuNjY3IDQuNjA1LTcuNjY3aDE3MC42MTV2LTIuMDk1SDM0Mi42NDZsNC4wNzgtNi43ODgtMTMzLjA3NSA2Ljc4OHptLTE5LjA1Ny0xNy4yODlILjAwMXYyLjA5NmgxOTQuNDE2bDE1My42NjcgNi4xMzggMy42ODktNi4xMzhoMTYwLjIyOHYtMi4wOTZoLTE1OC45N2w0LjYzMS03LjcwOS0xNjMuMDcgNy43MDl6bTQuNzY1LTIwLjA4NEguMDAydjIuMDk2SDE5OC4zMWwxNjEuNDQzIDYuODEgNC4wODQtNi44MWgxNDguMTY1di0yLjA5NkgzNjUuMDk2bDQuMDE1LTYuNjg0LTE2OS43NTQgNi42ODR6bS0xMS4zMy0yMC4wODNILjAwMnYyLjA5NmgxODYuOTc5bDE4NC42NzYgNy4xMDIgNC4yNDQtNy4xMDJoMTM2LjEwMXYtMi4wOTZIMzc3LjE2bDMuNjc3LTYuMTcxLTE5Mi44MSA2LjE3MXptLTguODg5LTIwLjA4M0guMDAydjIuMDk2aDE2NC44NDRsMjE5LjA4NiA2LjcxMyA0LjAzMy02LjcxM2gxMjQuMDM3di0yLjA5NkgzODkuMjI0bDMuNjc4LTYuMTIxLTIxMy43NjQgNi4xMjF6bS0xLjIyLTIwLjA4M0guMDAydjIuMDk2aDE3NS42NUwzOTUuNCA2NS42NjdsNC42My03LjcwNmgxMTEuOTcydi0yLjA5Nkg0MDEuMjg4bDMuOTIyLTYuNTItMjI3LjI5MiA2LjUyem0tMTIuMzc1LTIwLjA4M0guMDAydjIuMDk1aDEzMi41NDJsMjc1LjI5OSA3LjA3OCA0LjI1MS03LjA3OGg5OS45MDh2LTIuMDk1aC05OC42NDlsMy44MTctNi4zNTYtMjUxLjYyNyA2LjM1NnpNODMuMzE2IDE5LjEzM0guMDAydjIuMDk2aDIwMC4wNTJsMjE5LjU1NCA0LjEzOCAyLjQ4Ny00LjEzOGg4OS45MDd2LTIuMDk2aC04OC42NDhsNS41ODgtOS4zMDMtMzQ1LjYyNSA5LjMwM3oiIGZpbGw9IiNFQjBEN0YiLz48cGF0aCBkPSJNMTM0LjcxIDM0OS4xNDF2LTM3LjYxOGg3LjY0M3YzMS4yMjdoMTkuMDA1djYuMzkxSDEzNC43MXptODMuMTU1IDBoLTguMzE0bC0zLjMwNi04LjYxNWgtMTUuMTMybC0zLjEyNCA4LjYxNWgtOC4xMDhsMTQuNzQ0LTM3LjkyOWg4LjA4MmwxNS4xNTcgMzcuOTI5em0tMTQuMDczLTE1LjAwNmwtNS4yMTYtMTQuMDc1LTUuMTEzIDE0LjA3NWgxMC4zMjl6bTMzLjExMiAyLjY2NWw3LjQzNi0uNzI1Yy40NDcgMi41MDIgMS4zNTYgNC4zMzkgMi43MjUgNS41MTEgMS4zNjggMS4xNzQgMy4yMTUgMS43NTkgNS41MzkgMS43NTkgMi40NiAwIDQuMzE3LS41MjEgNS41NjQtMS41NjYgMS4yNDgtMS4wNDIgMS44NzItMi4yNjMgMS44NzItMy42NiAwLS44OTYtLjI2My0xLjY2LS43ODctMi4yOS0uNTI1LS42MjktMS40NDQtMS4xNzYtMi43NTItMS42NDItLjg5NC0uMzExLTIuOTM1LS44NjItNi4xMTktMS42NTYtNC4wOTctMS4wMTctNi45NzEtMi4yNjctOC42MjQtMy43NTItMi4zMjMtMi4wODYtMy40ODUtNC42MzEtMy40ODUtNy42MzIgMC0xLjkzMS41NDYtMy43MzkgMS42MzktNS40MTkgMS4wOTMtMS42ODMgMi42NjgtMi45NjQgNC43MjYtMy44NDMgMi4wNTctLjg4IDQuNTM5LTEuMzE5IDcuNDUtMS4zMTkgNC43NTEgMCA4LjMyOCAxLjA0NCAxMC43MjggMy4xMyAyLjQwMyAyLjA4NyAzLjY2MSA0Ljg3NCAzLjc4NCA4LjM1NmwtNy42NDMuMzM3Yy0uMzI5LTEuOTQ4LTEuMDMxLTMuMzUtMi4xMDQtNC4yMDUtMS4wNzctLjg1Mi0yLjY5MS0xLjI4LTQuODQ0LTEuMjgtMi4yMjEgMC0zLjk1OS40NTgtNS4yMTYgMS4zNzEtLjgwOS41ODctMS4yMTQgMS4zNzItMS4yMTQgMi4zNTUgMCAuODk3LjM3OCAxLjY2NSAxLjEzNyAyLjMwMi45NjMuODEyIDMuMzA1IDEuNjU2IDcuMDI0IDIuNTM2IDMuNzE4Ljg3OSA2LjQ2OCAxLjc4OSA4LjI0OSAyLjczIDEuNzgzLjkzOSAzLjE3OCAyLjIyNSA0LjE4MyAzLjg1MyAxLjAwOCAxLjYzMiAxLjUxMSAzLjY0NiAxLjUxMSA2LjA0MiAwIDIuMTc0LS42MDMgNC4yMDktMS44MDcgNi4xMDYtMS4yMDcgMS44OTgtMi45MSAzLjMwOC01LjExMiA0LjIzMS0yLjIwNS45MjItNC45NSAxLjM4NC04LjIzOSAxLjM4NC00Ljc4NiAwLTguNDYtMS4xMDktMTEuMDI1LTMuMzI2LTIuNTY1LTIuMjE1LTQuMDk3LTUuNDQ1LTQuNTk2LTkuNjg4em01NC4xMzIgMTIuMzQxdi0zNy45MjloMjguMDY5djYuNDE3aC0yMC40MjZ2OC40MDhoMTkuMDA1djYuMzkxaC0xOS4wMDV2MTAuMzIyaDIxLjE0OXY2LjM5MWgtMjguNzkyem01Mi4yMiAwdi0zNy45MjloMTYuMDg3YzQuMDQ1IDAgNi45ODQuMzQgOC44MTkgMS4wMjEgMS44MzIuNjgzIDMuMzAxIDEuODk1IDQuNDAyIDMuNjM2IDEuMTAxIDEuNzQzIDEuNjUzIDMuNzM1IDEuNjUzIDUuOTc3IDAgMi44NDUtLjgzNiA1LjE5Ni0yLjUwNSA3LjA0OS0xLjY3IDEuODU1LTQuMTY3IDMuMDI1LTcuNDg4IDMuNTA2IDEuNjUzLjk2NyAzLjAxNyAyLjAyOCA0LjA5NCAzLjE4MyAxLjA3NSAxLjE1NiAyLjUyNCAzLjIwOCA0LjM1MSA2LjE1N2w0LjYyMSA3LjRoLTkuMTRsLTUuNTI2LTguMjU0Yy0xLjk2Mi0yLjk0OS0zLjMwNS00LjgwOC00LjAyOC01LjU3Ni0uNzIzLS43NjYtMS40ODktMS4yOTMtMi4yOTktMS41NzctLjgwOS0uMjg2LTIuMDkxLS40MjctMy44NDYtLjQyN2gtMS41NXYxNS44MzRoLTcuNjQzem03LjY0My0yMS44ODhoNS42NTVjMy42NjcgMCA1Ljk1NS0uMTU1IDYuODY5LS40NjYuOTEyLS4zMSAxLjYyNy0uODQ0IDIuMTQ0LTEuNjA0LjUxNi0uNzU5Ljc3NC0xLjcwNy43NzQtMi44NDYgMC0xLjI3Ni0uMzQtMi4zMDctMS4wMTktMy4wOTEtLjY4Mi0uNzg1LTEuNjQxLTEuMjgxLTIuODgtMS40ODgtLjYyLS4wODYtMi40NzgtLjEzLTUuNTc3LS4xM0gzNTAuOXY5LjYyNXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=")
}

.rccs__card--maestro>div,.rccs__card--mastercard>div {
    color: #555
}

.rccs__card--maestro .rccs__card__background,.rccs__card--mastercard .rccs__card__background {
    background: linear-gradient(25deg,#fbfbfb,#e8e9e5)
}

.rccs__card--maestro .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM5OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PHBhdGggZmlsbD0iIzZDNkJCRCIgZD0iTTMyNS4yMjMgMjgyLjYyOUgxODYuNzc4VjMzLjgyNmgxMzguNDQ1eiIvPjxwYXRoIGQ9Ik0xOTUuNTY1IDE1OC4yMzNjMC01MC40NzEgMjMuNjMxLTk1LjQyOSA2MC40My0xMjQuNDAxQzIyOS4wODUgMTIuNjQ2IDE5NS4xMjIgMCAxNTguMjEyIDAgNzAuODMxIDAtLjAwMSA3MC44NDItLjAwMSAxNTguMjMzczcwLjgzMiAxNTguMjMzIDE1OC4yMTMgMTU4LjIzM2MzNi45MSAwIDcwLjg3Mi0xMi42NDUgOTcuNzgzLTMzLjgzMi0zNi43OTktMjguOTczLTYwLjQzLTczLjkzMS02MC40My0xMjQuNDAxIiBmaWxsPSIjRDMyMDExIi8+PHBhdGggZD0iTTUxMiAxNTguMjMzYzAgODcuMzkxLTcwLjgzMiAxNTguMjMzLTE1OC4yMTMgMTU4LjIzMy0zNi45MSAwLTcwLjg3Mi0xMi42NDUtOTcuNzkzLTMzLjgzMiAzNi44MDktMjguOTczIDYwLjQ0LTczLjkzMSA2MC40NC0xMjQuNDAxIDAtNTAuNDcxLTIzLjYzMS05NS40MjktNjAuNDQtMTI0LjQwMUMyODIuOTE0IDEyLjY0NiAzMTYuODc3IDAgMzUzLjc4NyAwIDQ0MS4xNjggMCA1MTIgNzAuODQyIDUxMiAxNTguMjMzIiBmaWxsPSIjMDA5OURGIi8+PHBhdGggZD0iTTM3Mi4wNjUgMzUyLjkzNGMxLjg0MSAwIDQuNDg3LjM1MiA2LjUwOSAxLjE0N2wtMi44MTcgOC42MTFjLTEuOTMyLS43OTUtMy44NjMtMS4wNTYtNS43MTQtMS4wNTYtNS45NzYgMC04Ljk2MyAzLjg2My04Ljk2MyAxMC44MDRWMzk2aC05LjE0NHYtNDIuMDFoOS4wNTR2NS4xYzIuMzc0LTMuNjkyIDUuODA1LTYuMTU3IDExLjA3Ni02LjE1N3ptLTMzLjc4MSA5LjQwNmgtMTQuOTM5djE4Ljk4M2MwIDQuMjE1IDEuNDg5IDcuMDMyIDYuMDY2IDcuMDMyIDIuMzc0IDAgNS4zNjItLjc5NSA4LjA3OC0yLjM3NGwyLjYzNiA3LjgxN2MtMi44OTcgMi4wMjItNy40NjQgMy4yNTktMTEuNDE4IDMuMjU5LTEwLjgxNCAwLTE0LjU4Ny01LjgwNS0xNC41ODctMTUuNTYzVjM2Mi4zNGgtOC41MzF2LTguMzVoOC41MzF2LTEyLjc0Nmg5LjIyNXYxMi43NDZoMTQuOTM5djguMzV6bS0xMTYuOTg3IDguOTYzYy45NzYtNi4wNjYgNC42NTgtMTAuMjAxIDExLjE2Ny0xMC4yMDEgNS44ODUgMCA5LjY2OCAzLjY5MiAxMC42MzMgMTAuMjAxaC0yMS44em0zMS4yOTcgMy42OTJjLS4wOTEtMTMuMDk4LTguMTc5LTIyLjA2MS0xOS45NTktMjIuMDYxLTEyLjMwMyAwLTIwLjkxNSA4Ljk2My0yMC45MTUgMjIuMDYxIDAgMTMuMzUgOC45NjMgMjIuMDUxIDIxLjUzOCAyMi4wNTEgNi4zMjggMCAxMi4xMjItMS41NzkgMTcuMjIzLTUuODg1bC00LjQ4Ny02Ljc3Yy0zLjUxMSAyLjgxNy03Ljk5OCA0LjM5Ni0xMi4yMTMgNC4zOTYtNS44ODUgMC0xMS4yNDctMi43MjYtMTIuNTY1LTEwLjI4MWgzMS4xOTZjLjA5MS0xLjE0Ny4xODEtMi4yODQuMTgxLTMuNTExem00MC4xNTktMTAuMjgxYy0yLjU0NS0xLjU4OS03LjcyNi0zLjYxMi0xMy4wODgtMy42MTItNS4wMSAwLTcuOTk4IDEuODUxLTcuOTk4IDQuOTI5IDAgMi44MDcgMy4xNTkgMy42MDEgNy4xMTIgNC4xMjVsNC4zMDYuNjE0YzkuMTQ0IDEuMzI4IDE0LjY3NyA1LjE5MSAxNC42NzcgMTIuNTc1IDAgNy45OTgtNy4wMzIgMTMuNzEyLTE5LjE1NCAxMy43MTItNi44NjEgMC0xMy4xODktMS43Ni0xOC4xOTgtNS40NTJsNC4zMDYtNy4xMjJjMy4wNzggMi4zNzQgNy42NTYgNC4zOTYgMTMuOTgzIDQuMzk2IDYuMjM3IDAgOS41NzctMS44NDEgOS41NzctNS4xIDAtMi4zNjQtMi4zNzQtMy42OTItNy4zODQtNC4zODZsLTQuMzA2LS42MTRjLTkuNDA2LTEuMzI4LTE0LjUwNi01LjU0My0xNC41MDYtMTIuMzk0IDAtOC4zNSA2Ljg2MS0xMy40NSAxNy40OTQtMTMuNDUgNi42OCAwIDEyLjc0NiAxLjQ5OSAxNy4xMzIgNC4zOTZsLTMuOTU0IDcuMzg0em0xMTIuNzIyLTMuMDk4Yy0xLjg4MSAwLTMuNjIyLjMzMi01LjI0MS45ODYtMS42MS42NjQtMy4wMDggMS41ODktNC4xODUgMi43NzctMS4xNzcgMS4xODctMi4xMDMgMi42MTYtMi43NzcgNC4yNzUtLjY3NCAxLjY2LTEuMDA2IDMuNDkxLTEuMDA2IDUuNDgzIDAgMi4wMDIuMzMyIDMuODIzIDEuMDA2IDUuNDgzLjY3NCAxLjY2IDEuNiAzLjA4OCAyLjc3NyA0LjI3NSAxLjE3NyAxLjE4NyAyLjU3NSAyLjExMyA0LjE4NSAyLjc3NyAxLjYyLjY2NCAzLjM2Ljk4NiA1LjI0MS45ODYgMS44ODEgMCAzLjYzMi0uMzIyIDUuMjQxLS45ODYgMS42Mi0uNjY0IDMuMDI4LTEuNTg5IDQuMjA1LTIuNzc3IDEuMTk3LTEuMTg3IDIuMTIzLTIuNjE2IDIuODA3LTQuMjc1LjY3NC0xLjY2IDEuMDA2LTMuNDgxIDEuMDA2LTUuNDgzIDAtMS45OTItLjMzMi0zLjgyMy0xLjAwNi01LjQ4My0uNjg0LTEuNjYtMS42MS0zLjA4OC0yLjgwNy00LjI3NS0xLjE3Ny0xLjE4Ny0yLjU4NS0yLjExMy00LjIwNS0yLjc3Ny0xLjYxLS42NTQtMy4zNi0uOTg2LTUuMjQxLS45ODZ6bTAtOC42ODJjMy4yNTkgMCA2LjI3Ny41NjMgOS4wNTQgMS43IDIuNzc3IDEuMTI3IDUuMTgxIDIuNjg2IDcuMjAzIDQuNjY4IDIuMDMyIDEuOTgyIDMuNjEyIDQuMzI2IDQuNzU4IDcuMDIyIDEuMTQ3IDIuNzA2IDEuNzIgNS42NDQgMS43MiA4LjgxMyAwIDMuMTY5LS41NzMgNi4xMDYtMS43MiA4LjgxMy0xLjE0NyAyLjY5Ni0yLjcyNiA1LjA1LTQuNzU4IDcuMDMyLTIuMDIyIDEuOTgyLTQuNDI2IDMuNTMxLTcuMjAzIDQuNjY4LTIuNzc3IDEuMTI3LTUuNzk1IDEuNjktOS4wNTQgMS42OS0zLjI1OSAwLTYuMjc3LS41NjMtOS4wNTQtMS42OS0yLjc3Ny0xLjEzNy01LjE2MS0yLjY4Ni03LjE3My00LjY2OC0yLjAxMi0xLjk4Mi0zLjU5MS00LjMzNi00LjczOC03LjAzMi0xLjE0Ny0yLjcwNi0xLjcyLTUuNjQ0LTEuNzItOC44MTMgMC0zLjE2OS41NzMtNi4xMDYgMS43Mi04LjgxMyAxLjE0Ny0yLjY5NiAyLjcyNi01LjA0IDQuNzM4LTcuMDIyIDIuMDEyLTEuOTgyIDQuMzk2LTMuNTQxIDcuMTczLTQuNjY4IDIuNzc3LTEuMTM3IDUuNzk1LTEuNyA5LjA1NC0xLjd6bS0yMzcuNTc2IDIyLjA2MWMwLTcuMzg0IDQuODM5LTEzLjQ1IDEyLjc0Ni0xMy40NSA3LjU1NSAwIDEyLjY1NSA1LjgwNSAxMi42NTUgMTMuNDUgMCA3LjY0Ni01LjEgMTMuNDQtMTIuNjU1IDEzLjQ0LTcuOTA3IDAtMTIuNzQ2LTYuMDU2LTEyLjc0Ni0xMy40NHptMzQuMDEzIDBWMzUzLjk5aC05LjEzNHY1LjFjLTIuOTA3LTMuNzgzLTcuMjkzLTYuMTU3LTEzLjI2OS02LjE1Ny0xMS43OCAwLTIxLjAwNSA5LjIyNS0yMS4wMDUgMjIuMDYxIDAgMTIuODI2IDkuMjI1IDIyLjA2MSAyMS4wMDUgMjIuMDYxIDUuOTc2IDAgMTAuMzYyLTIuMzc0IDEzLjI2OS02LjE1N3Y1LjFoOS4xMzR2LTIxLjAwNXpNMTUwLjQxNSAzOTZ2LTI2LjM2N2MwLTkuOTI5LTYuMzI4LTE2LjYwOS0xNi41MTgtMTYuNy01LjM2Mi0uMDkxLTEwLjkwNSAxLjU3OS0xNC43NjggNy40NzUtMi44OTctNC42NTgtNy40NzUtNy40NzUtMTMuODkzLTcuNDc1LTQuNDc3IDAtOC44NzMgMS4zMTgtMTIuMzAzIDYuMjM3di01LjE4MWgtOS4xMzR2NDIuMDFoOS4yMjVWMzcyLjcxYzAtNy4yOTMgNC4wNDQtMTEuMTY3IDEwLjI4MS0xMS4xNjcgNi4wNjYgMCA5LjE0NCAzLjk1NCA5LjE0NCAxMS4wNzZ2MjMuMzc5aDkuMjI1di0yMy4yODljMC03LjI5MyA0LjIyNS0xMS4xNjcgMTAuMjgxLTExLjE2NyA2LjI0NyAwIDkuMjM1IDMuOTU0IDkuMjM1IDExLjA3NnYyMy4zNzloOS4yMjV6IiBmaWxsPSIjMTEwRjBEIi8+PC9zdmc+")
}

.rccs__card--mastercard .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM5NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PHBhdGggZD0iTTkzLjA3OSAzOTYuMDIzVjM2OS42OGMwLTEwLjA5OC02LjE0Ny0xNi42ODQtMTYuNjg0LTE2LjY4NC01LjI2OSAwLTEwLjk3NiAxLjc1Ni0xNC45MjggNy40NjQtMy4wNzMtNC44My03LjQ2NC03LjQ2NC0xNC4wNS03LjQ2NC00LjM5IDAtOC43ODEgMS4zMTctMTIuMjkzIDYuMTQ3di01LjI2OWgtOS4yMnY0Mi4xNDloOS4yMnYtMjMuMjdjMC03LjQ2NCAzLjk1MS0xMC45NzYgMTAuMDk4LTEwLjk3NnM5LjIyIDMuOTUxIDkuMjIgMTAuOTc2djIzLjI3aDkuMjJ2LTIzLjI3YzAtNy40NjQgNC4zOS0xMC45NzYgMTAuMDk4LTEwLjk3NiA2LjE0NyAwIDkuMjIgMy45NTEgOS4yMiAxMC45NzZ2MjMuMjdoMTAuMDk4em0xMzYuNTQ0LTQyLjE0OWgtMTQuOTI4di0xMi43MzJoLTkuMjJ2MTIuNzMyaC04LjM0MnY4LjM0Mmg4LjM0MnYxOS4zMThjMCA5LjY1OSAzLjk1MSAxNS4zNjcgMTQuNDg5IDE1LjM2NyAzLjk1MSAwIDguMzQyLTEuMzE3IDExLjQxNS0zLjA3M2wtMi42MzQtNy45MDNjLTIuNjM0IDEuNzU2LTUuNzA4IDIuMTk1LTcuOTAzIDIuMTk1LTQuMzkgMC02LjE0Ny0yLjYzNC02LjE0Ny03LjAyNXYtMTguODc5aDE0LjkyOHYtOC4zNDJ6bTc4LjE1MS0uODc4Yy01LjI2OSAwLTguNzgxIDIuNjM0LTEwLjk3NiA2LjE0N3YtNS4yNjloLTkuMjJ2NDIuMTQ5aDkuMjJ2LTIzLjcwOWMwLTcuMDI1IDMuMDczLTEwLjk3NiA4Ljc4MS0xMC45NzYgMS43NTYgMCAzLjk1MS40MzkgNS43MDguODc4bDIuNjM0LTguNzgxYy0xLjc1Ni0uNDM5LTQuMzktLjQzOS02LjE0Ny0uNDM5em0tMTE4LjEwNCA0LjM5Yy00LjM5LTMuMDczLTEwLjUzNy00LjM5LTE3LjEyMy00LjM5LTEwLjUzNyAwLTE3LjU2MiA1LjI2OS0xNy41NjIgMTMuNjExIDAgNy4wMjUgNS4yNjkgMTAuOTc2IDE0LjQ4OSAxMi4yOTNsNC4zOS40MzljNC44My44NzggNy40NjQgMi4xOTUgNy40NjQgNC4zOSAwIDMuMDczLTMuNTEyIDUuMjY5LTkuNjU5IDUuMjY5cy0xMC45NzYtMi4xOTUtMTQuMDUtNC4zOWwtNC4zOSA3LjAyNWM0LjgzIDMuNTEyIDExLjQxNSA1LjI2OSAxOC4wMDEgNS4yNjkgMTIuMjkzIDAgMTkuMzE4LTUuNzA4IDE5LjMxOC0xMy42MTEgMC03LjQ2NC01LjcwOC0xMS40MTUtMTQuNDg5LTEyLjczMmwtNC4zOS0uNDM5Yy0zLjk1MS0uNDM5LTcuMDI1LTEuMzE3LTcuMDI1LTMuOTUxIDAtMy4wNzMgMy4wNzMtNC44MyA3LjkwMy00LjgzIDUuMjY5IDAgMTAuNTM3IDIuMTk1IDEzLjE3MSAzLjUxMmwzLjk1MS03LjQ2NHptMjQ0Ljk5LTQuMzljLTUuMjY5IDAtOC43ODEgMi42MzQtMTAuOTc2IDYuMTQ3di01LjI2OWgtOS4yMnY0Mi4xNDloOS4yMnYtMjMuNzA5YzAtNy4wMjUgMy4wNzMtMTAuOTc2IDguNzgxLTEwLjk3NiAxLjc1NiAwIDMuOTUxLjQzOSA1LjcwOC44NzhsMi42MzQtOC43ODFjLTEuNzU2LS40MzktNC4zOS0uNDM5LTYuMTQ3LS40Mzl6bS0xMTcuNjY1IDIxLjk1MmMwIDEyLjczMiA4Ljc4MSAyMS45NTIgMjIuMzkyIDIxLjk1MiA2LjE0NyAwIDEwLjUzNy0xLjMxNyAxNC45MjgtNC44M2wtNC4zOS03LjQ2NGMtMy41MTIgMi42MzQtNy4wMjUgMy45NTEtMTAuOTc2IDMuOTUxLTcuNDY0IDAtMTIuNzMyLTUuMjY5LTEyLjczMi0xMy42MTEgMC03LjkwMyA1LjI2OS0xMy4xNzEgMTIuNzMyLTEzLjYxMSAzLjk1MSAwIDcuNDY0IDEuMzE3IDEwLjk3NiAzLjk1MWw0LjM5LTcuNDY0Yy00LjM5LTMuNTEyLTguNzgxLTQuODMtMTQuOTI4LTQuODMtMTMuNjExIDAtMjIuMzkyIDkuMjItMjIuMzkyIDIxLjk1MnptODUuMTc2IDB2LTIxLjA3NGgtOS4yMnY1LjI2OWMtMy4wNzMtMy45NTEtNy40NjQtNi4xNDctMTMuMTcxLTYuMTQ3LTExLjg1NCAwLTIxLjA3NCA5LjIyLTIxLjA3NCAyMS45NTIgMCAxMi43MzIgOS4yMiAyMS45NTIgMjEuMDc0IDIxLjk1MiA2LjE0NyAwIDEwLjUzNy0yLjE5NSAxMy4xNzEtNi4xNDd2NS4yNjloOS4yMnYtMjEuMDc0em0tMzMuODA3IDBjMC03LjQ2NCA0LjgzLTEzLjYxMSAxMi43MzItMTMuNjExIDcuNDY0IDAgMTIuNzMyIDUuNzA4IDEyLjczMiAxMy42MTEgMCA3LjQ2NC01LjI2OSAxMy42MTEtMTIuNzMyIDEzLjYxMS03LjkwMy0uNDM5LTEyLjczMi02LjE0Ny0xMi43MzItMTMuNjExem0tMTEwLjIwMS0yMS45NTJjLTEyLjI5MyAwLTIxLjA3NCA4Ljc4MS0yMS4wNzQgMjEuOTUyIDAgMTMuMTcxIDguNzgxIDIxLjk1MiAyMS41MTMgMjEuOTUyIDYuMTQ3IDAgMTIuMjkzLTEuNzU2IDE3LjEyMy01LjcwOGwtNC4zOS02LjU4NmMtMy41MTIgMi42MzQtNy45MDMgNC4zOS0xMi4yOTMgNC4zOS01LjcwOCAwLTExLjQxNS0yLjYzNC0xMi43MzItMTAuMDk4aDMxLjE3M3YtMy41MTJjLjQzOS0xMy42MTEtNy40NjQtMjIuMzkyLTE5LjMxOC0yMi4zOTJ6bTAgNy45MDNjNS43MDggMCA5LjY1OSAzLjUxMiAxMC41MzcgMTAuMDk4aC0yMS45NTJjLjg3OC01LjcwOCA0LjgzLTEwLjA5OCAxMS40MTUtMTAuMDk4em0yMjguNzQ1IDE0LjA1di0zNy43NThoLTkuMjJ2MjEuOTUyYy0zLjA3My0zLjk1MS03LjQ2NC02LjE0Ny0xMy4xNzEtNi4xNDctMTEuODU0IDAtMjEuMDc0IDkuMjItMjEuMDc0IDIxLjk1MiAwIDEyLjczMiA5LjIyIDIxLjk1MiAyMS4wNzQgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTIuMTk1IDEzLjE3MS02LjE0N3Y1LjI2OWg5LjIydi0yMS4wNzR6bS0zMy44MDcgMGMwLTcuNDY0IDQuODMtMTMuNjExIDEyLjczMi0xMy42MTEgNy40NjQgMCAxMi43MzIgNS43MDggMTIuNzMyIDEzLjYxMSAwIDcuNDY0LTUuMjY5IDEzLjYxMS0xMi43MzIgMTMuNjExLTcuOTAzLS40MzktMTIuNzMyLTYuMTQ3LTEyLjczMi0xMy42MTF6bS0zMDguMjEzIDB2LTIxLjA3NGgtOS4yMnY1LjI2OWMtMy4wNzMtMy45NTEtNy40NjQtNi4xNDctMTMuMTcxLTYuMTQ3LTExLjg1NCAwLTIxLjA3NCA5LjIyLTIxLjA3NCAyMS45NTIgMCAxMi43MzIgOS4yMiAyMS45NTIgMjEuMDc0IDIxLjk1MiA2LjE0NyAwIDEwLjUzNy0yLjE5NSAxMy4xNzEtNi4xNDd2NS4yNjloOS4yMnYtMjEuMDc0em0tMzQuMjQ2IDBjMC03LjQ2NCA0LjgzLTEzLjYxMSAxMi43MzItMTMuNjExIDcuNDY0IDAgMTIuNzMyIDUuNzA4IDEyLjczMiAxMy42MTEgMCA3LjQ2NC01LjI2OSAxMy42MTEtMTIuNzMyIDEzLjYxMS03LjkwMy0uNDM5LTEyLjczMi02LjE0Ny0xMi43MzItMTMuNjExeiIvPjxwYXRoIGZpbGw9IiNGRjVGMDAiIGQ9Ik0xODYuNTk2IDMzLjgwN2gxMzguMzAxdjI0OC41MDJIMTg2LjU5NnoiLz48cGF0aCBkPSJNMTk1LjM3NyAxNTguMDU4YzAtNTAuNDkxIDIzLjcwOS05NS4yNzQgNjAuMTUtMTI0LjI1MUMyMjguNzQ1IDEyLjczMyAxOTQuOTM4IDAgMTU4LjA1OCAwIDcwLjY4NyAwIDAgNzAuNjg3IDAgMTU4LjA1OHM3MC42ODcgMTU4LjA1OCAxNTguMDU4IDE1OC4wNThjMzYuODggMCA3MC42ODctMTIuNzMyIDk3LjQ2OS0zMy44MDctMzYuNDQxLTI4LjUzOC02MC4xNS03My43Ni02MC4xNS0xMjQuMjUxeiIgZmlsbD0iI0VCMDAxQiIvPjxwYXRoIGQ9Ik01MTEuNDkzIDE1OC4wNThjMCA4Ny4zNzEtNzAuNjg3IDE1OC4wNTgtMTU4LjA1OCAxNTguMDU4LTM2Ljg4IDAtNzAuNjg3LTEyLjczMi05Ny40NjktMzMuODA3IDM2Ljg4LTI4Ljk3NyA2MC4xNS03My43NiA2MC4xNS0xMjQuMjUxcy0yMy43MDktOTUuMjc0LTYwLjE1LTEyNC4yNTFDMjgyLjc0OCAxMi43MzMgMzE2LjU1NSAwIDM1My40MzUgMGM4Ny4zNzEgMCAxNTguMDU4IDcxLjEyNiAxNTguMDU4IDE1OC4wNTh6IiBmaWxsPSIjRjc5RTFCIi8+PC9zdmc+")
}

.rccs__card--unionpay .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjMyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PHBhdGggZD0iTTEwMC4wODMuMDAxSDIyNy42NGMxNy44MDYgMCAyOC44OCAxNC41MTMgMjQuNzI3IDMyLjM3OEwxOTIuOTggMjg3LjM1Yy00LjE5MSAxNy44MDMtMjIuMDE5IDMyLjMyOC0zOS44MzcgMzIuMzI4SDI1LjU5OGMtMTcuNzgxIDAtMjguODgtMTQuNTI2LTI0LjcyNy0zMi4zMjhMNjAuMjgzIDMyLjM3OUM2NC40MzcgMTQuNTE0IDgyLjI1NS4wMDEgMTAwLjA4My4wMDEiIGZpbGw9IiNFMjE4MzYiLz48cGF0aCBkPSJNMjE3LjAyNy4wMDFoMTQ2LjY4N2MxNy44MDMgMCA5Ljc3NSAxNC41MTMgNS41ODcgMzIuMzc4TDMwOS45MjMgMjg3LjM1Yy00LjE2NiAxNy44MDMtMi44NjcgMzIuMzI4LTIwLjcwNyAzMi4zMjhIMTQyLjUyOWMtMTcuODQgMC0yOC44OC0xNC41MjYtMjQuNjg5LTMyLjMyOGw1OS4zNzUtMjU0Ljk3MUMxODEuNDMxIDE0LjUxNCAxOTkuMjEyLjAwMSAyMTcuMDI3LjAwMSIgZmlsbD0iIzAwNDQ3QyIvPjxwYXRoIGQ9Ik0zNTcuODk2LjAwMWgxMjcuNTU3YzE3LjgzMSAwIDI4LjkwNSAxNC41MTMgMjQuNzE3IDMyLjM3OEw0NTAuNzkyIDI4Ny4zNWMtNC4xOTEgMTcuODAzLTIyLjAzMSAzMi4zMjgtMzkuODU5IDMyLjMyOEgyODMuNDM1Yy0xNy44NCAwLTI4LjkwNS0xNC41MjYtMjQuNzI3LTMyLjMyOGw1OS4zODctMjU0Ljk3MWM0LjE1NC0xNy44NjUgMjEuOTYtMzIuMzc4IDM5LjgtMzIuMzc4IiBmaWxsPSIjMDA3Qjg0Ii8+PHBhdGggZD0iTTEzMy4zOTcgODEuNzEyYy0xMy4xMTcuMTM0LTE2Ljk5MSAwLTE4LjIyOS0uMjkyLS40NzYgMi4yNi05LjMyNyA0My4wOTItOS4zNTIgNDMuMTI2LTEuOTA2IDguMjYxLTMuMjkzIDE0LjE1LTguMDAzIDE3Ljk1Mi0yLjY3NCAyLjIxMS01Ljc5NSAzLjI3Ny05LjQxNCAzLjI3Ny01LjgxNyAwLTkuMjA2LTIuODg4LTkuNzc1LTguMzY3bC0uMTA5LTEuODgxczEuNzcyLTExLjA2NSAxLjc3Mi0xMS4xMjdjMCAwIDkuMjktMzcuMjEgMTAuOTUzLTQyLjEyOC4wODctLjI4LjExMi0uNDI2LjEzNC0uNTYtMTguMDgzLjE1OS0yMS4yODggMC0yMS41MDktLjI5Mi0uMTIxLjQwMS0uNTY5IDIuNzA4LS41NjkgMi43MDhsLTkuNDg2IDQxLjkzOS0uODE1IDMuNTU3LTEuNTc2IDExLjYzNGMwIDMuNDUxLjY3OCA2LjI2OCAyLjAyNyA4LjY1IDQuMzIyIDcuNTUyIDE2LjY0OSA4LjY4NCAyMy42MjMgOC42ODQgOC45ODUgMCAxNy40MTQtMS45MDkgMjMuMTEtNS4zOTQgOS44ODctNS44NDIgMTIuNDc0LTE0Ljk3MyAxNC43ODEtMjMuMDg4bDEuMDctNC4xNjNzOS41Ny0zOC42NDYgMTEuMTk2LTQzLjY3NGMuMDYyLS4yOC4wODctLjQyNi4xNzEtLjU2em0zMi41NjEgMzEuMTc2Yy0yLjMwNyAwLTYuNTIzLjU2LTEwLjMxIDIuNDE2LTEuMzc0LjcwNi0yLjY3NCAxLjUyLTQuMDQ1IDIuMzMybDEuMjM3LTQuNDY4LS42NzgtLjc1MmMtOC4wMzEgMS42MjYtOS44MjggMS44NDQtMTcuMjQ2IDIuODg4bC0uNjIyLjQxNGMtLjg2MSA3LjE0Mi0xLjYyNiAxMi41MTEtNC44MTkgMjYuNTQ5YTE2ODQuMTMyIDE2ODQuMTMyIDAgMDEtMy43NDMgMTUuNTU4bC4zNDIuNjU2YzcuNjAyLS40MDEgOS45MDktLjQwMSAxNi41MTYtLjI5MmwuNTM1LS41ODFjLjgzOS00LjMuOTQ4LTUuMzA3IDIuODA4LTE0LjAxNi44NzQtNC4xMjkgMi42OTYtMTMuMjAxIDMuNTk0LTE2LjQzMiAxLjY1MS0uNzY1IDMuMjgtMS41MTcgNC44MzUtMS41MTcgMy43MDMgMCAzLjI1MiAzLjIzIDMuMTA5IDQuNTE4LS4xNTkgMi4xNjEtMS41MDggOS4yMTgtMi44OTEgMTUuMjc4bC0uOTIzIDMuOTExYy0uNjQ0IDIuODg4LTEuMzQ5IDUuNjk2LTEuOTkzIDguNTU5bC4yOC41NzJjNy40OTMtLjQwMSA5Ljc3OC0uNDAxIDE2LjE3Ny0uMjkybC43NTItLjU4MWMxLjE1Ny02LjcxNiAxLjQ5NS04LjUxMyAzLjU0Ny0xOC4yOTFsMS4wMzItNC40OTNjMi4wMDUtOC43OTMgMy4wMTMtMTMuMjUxIDEuNDk1LTE2Ljg4Mi0xLjYwNC00LjA3LTUuNDUzLTUuMDUyLTguOTg4LTUuMDUyem0zNi4zNzQgOS4yMDZjLTMuOTgzLjc2NS02LjUyMyAxLjI3NS05LjA0NyAxLjYwNC0yLjUwMy40MDEtNC45NDMuNzY1LTguNzkzIDEuM2wtLjMwNS4yNzctLjI4LjIyMWMtLjQwMSAyLjg2Ny0uNjgxIDUuMzQ1LTEuMjEzIDguMjU4LS40NTEgMy4wMTMtMS4xNDQgNi40MzYtMi4yNzMgMTEuMzU0LS44NzQgMy43NjUtMS4zMjQgNS4wNzctMS44MjIgNi40MDItLjQ4NSAxLjMyNC0xLjAyIDIuNjEyLTIuMDAyIDYuMzE1bC4yMy4zNDIuMTkzLjMxNGMzLjU5Ny0uMTcxIDUuOTUxLS4yOTIgOC4zNy0uMzE0IDIuNDE2LS4wODcgNC45MTkgMCA4Ljc5My4wMjJsLjMzOS0uMjc3LjM2NC0uMzA1Yy41Ni0zLjMzOS42NDQtNC4yMzguOTg2LTUuODY3LjMzOS0xLjc0Ny45MjMtNC4xNjYgMi4zNTctMTAuNjI3LjY3OC0zLjAzNCAxLjQzMy02LjA2IDIuMTM2LTkuMTU2LjczMS0zLjA4NCAxLjQ5NS02LjEyMiAyLjIyMy05LjE1NmwtLjEwOS0uMzY3LS4xNDYtLjMzOXptLjA4NS0xMi40MTJjLTMuNjE5LTIuMTM2LTkuOTcxLTEuNDU4LTE0LjI0NiAxLjQ5Mi00LjI2MyAyLjg5MS00Ljc0OCA2Ljk5NS0xLjE0MSA5LjE1OSAzLjU1NyAyLjA3NyA5LjkzNCAxLjQ1OCAxNC4xNzEtMS41MTcgNC4yNTMtMi45NTQgNC43ODUtNy4wMiAxLjIxNi05LjEzNXptMjEuODg3IDQ5LjQ2N2M3LjMyMiAwIDE0LjgyNy0yLjAxOCAyMC40NzctOC4wMDYgNC4zNDctNC44NTYgNi4zMzktMTIuMDgyIDcuMDMtMTUuMDU3IDIuMjQ4LTkuODYyLjQ5Ny0xNC40NjctMS43MDEtMTcuMjcxLTMuMzM5LTQuMjc1LTkuMjQtNS42NDYtMTUuMzYyLTUuNjQ2LTMuNjgxIDAtMTIuNDQ5LjM2NC0xOS4yOTggNi42NzgtNC45MTkgNC41NTUtNy4xOTEgMTAuNzM2LTguNTYyIDE2LjY2Mi0xLjM4NCA2LjAzOC0yLjk3NSAxNi45MDcgNy4wMiAyMC45NTIgMy4wODQgMS4zMjQgNy41MyAxLjY4OCAxMC4zOTcgMS42ODh6bS0uNTcyLTIyLjE5YzEuNjg4LTcuNDY4IDMuNjgxLTEzLjczNiA4Ljc2OC0xMy43MzYgMy45ODYgMCA0LjI3NSA0LjY2NCAyLjUwMyAxMi4xNTctLjMxNyAxLjY2My0xLjc3MiA3Ljg0Ny0zLjc0IDEwLjQ4MS0xLjM3NCAxLjk0My0zIDMuMTIyLTQuNzk3IDMuMTIyLS41MzUgMC0zLjcxNSAwLTMuNzY1LTQuNzIzLS4wMjUtMi4zMzIuNDUxLTQuNzEzIDEuMDMyLTcuM3ptNDYuMzgyIDIxLjIyOWwuNTcyLS41ODFjLjgxMS00LjMuOTQ1LTUuMzEgMi43NDItMTQuMDE2Ljg5OS00LjEyOSAyLjc1OC0xMy4yMDEgMy42MzEtMTYuNDMyIDEuNjU0LS43NjggMy4yNTUtMS41MiA0Ljg2LTEuNTIgMy42NzggMCAzLjIzIDMuMjMgMy4wODQgNC41MTgtLjEzNCAyLjE2NC0xLjQ4MyA5LjIxOC0yLjg5MSAxNS4yNzhsLS44NzQgMy45MTFjLS42NjggMi44OTEtMS4zOTYgNS42OTYtMi4wNCA4LjU2MmwuMjguNTcyYzcuNTE4LS40MDEgOS43MTYtLjQwMSAxNi4xNTItLjI5MmwuNzc3LS41ODFjMS4xMjktNi43MTkgMS40MzMtOC41MTYgMy41NDctMTguMjkxbDEuMDA3LTQuNDk2YzIuMDE1LTguNzkzIDMuMDM0LTEzLjI0OCAxLjU0Mi0xNi44NzktMS42NTEtNC4wNy01LjUyNS01LjA1Mi05LjAxLTUuMDUyLTIuMzEgMC02LjU0OC41NTctMTAuMzEzIDIuNDE2LTEuMzQ2LjcwNi0yLjY5NiAxLjUxNy00LjAyIDIuMzMybDEuMTUzLTQuNDY4LS42MTktLjc1NmMtOC4wMjggMS42MjktOS44NjIgMS44NDctMTcuMjcxIDIuODkxbC0uNTY5LjQxNGMtLjg5OSA3LjE0Mi0xLjYyOSAxMi41MDgtNC44MjIgMjYuNTQ5YTE3ODYuODI5IDE3ODYuODI5IDAgMDEtMy43NCAxNS41NThsLjMzOS42NTZjNy42MTQtLjQwMSA5Ljg4Ny0uNDAxIDE2LjQ4MS0uMjkyem01NS4yMzUuMjkxYy40NzMtMi4zMDcgMy4yOC0xNS45ODEgMy4zMDUtMTUuOTgxIDAgMCAyLjM5MS0xMC4wMzMgMi41MzctMTAuMzk3IDAgMCAuNzUyLTEuMDQ1IDEuNTA1LTEuNDU4aDEuMTA3YzEwLjQ0MyAwIDIyLjIzNiAwIDMxLjQ4LTYuOCA2LjI5LTQuNjY0IDEwLjU5LTExLjU1IDEyLjUwOC0xOS45Mi40OTctMi4wNTIuODY0LTQuNDkzLjg2NC02LjkzMyAwLTMuMjA1LS42NDQtNi4zNzctMi41MDMtOC44NTUtNC43MTMtNi41OTQtMTQuMS02LjcxNi0yNC45MzUtNi43NjVsLTUuMzQxLjA1Yy0xMy44Ny4xNzEtMTkuNDMyLjEyMS0yMS43MTctLjE1OS0uMTkzIDEuMDEtLjU1NyAyLjgwOC0uNTU3IDIuODA4cy00Ljk2OCAyMy4wMjYtNC45NjggMjMuMDYzbC0xMi40NDkgNTEuMjYzYzEyLjExLS4xNDYgMTcuMDc1LS4xNDYgMTkuMTY1LjA4NHptOS4yMDYtNDAuOTAzczUuMjgyLTIyLjk3OSA1LjI1Ny0yMi44OTJsLjE3MS0xLjE3OC4wNzUtLjg5OSAyLjExMS4yMThzMTAuODk0LjkzNiAxMS4xNDkuOTYxYzQuMyAxLjY2MyA2LjA3MiA1Ljk1MSA0LjgzNSAxMS41NDctMS4xMjkgNS4xMTQtNC40NDYgOS40MTQtOC43MDkgMTEuNDkxLTMuNTEgMS43Ni03LjgxIDEuOTA2LTEyLjI0MSAxLjkwNmgtMi44NjdsLjIxOC0xLjE1M3ptMzIuODg5IDE5LjgwOWMtMS4zOTYgNS45NTEtMyAxNi44MiA2Ljk0NiAyMC42OTQgMy4xNzEgMS4zNDkgNi4wMTMgMS43NSA4LjkwMSAxLjYwNCAzLjA1LS4xNjUgNS44NzYtMS42OTQgOC40OTQtMy44OTZsLS43MDkgMi43MTcuNDUxLjU4MWM3LjE1NC0uMzAyIDkuMzc0LS4zMDIgMTcuMTI1LS4yNDNsLjcwMy0uNTM1YzEuMTMyLTYuNjUzIDIuMTk4LTEzLjExNCA1LjEzOS0yNS44NDNhMjczMC44MTcgMjczMC44MTcgMCAwMTQuMzM0LTE4LjIwN2wtLjIzLS42NjhjLTguMDAzIDEuNDgzLTEwLjE0MiAxLjgtMTcuODQgMi44OTFsLS41ODUuNDc2LS4yMzMgMS44MDZjLTEuMTk3LTEuOTM0LTIuOTMyLTMuNTg1LTUuNjA5LTQuNjE0LTMuNDIzLTEuMzQ2LTExLjQ2My4zODktMTguMzc1IDYuNjgxLTQuODU2IDQuNDkzLTcuMTg4IDEwLjY0OS04LjUxMyAxNi41NTN6bTE2LjgwOC4zNjRjMS43MTMtNy4zMzQgMy42ODEtMTMuNTQgOC43OC0xMy41NCAzLjIyNCAwIDQuOTIyIDIuOTc1IDQuNTc3IDguMDQ5YTI2Ny41OTggMjY3LjU5OCAwIDAxLS45MiA0LjEwN2MtLjUxIDIuMTc5LTEuMDYzIDQuMzQtMS42MDEgNi41MDQtLjU0NyAxLjQ4LTEuMTg1IDIuODc2LTEuODg0IDMuODA2LTEuMzEyIDEuODU5LTQuNDM0IDMuMDEzLTYuMjMxIDMuMDEzLS41MSAwLTMuNjU2IDAtMy43NjUtNC42MzktLjAyNS0yLjMxLjQ1MS00LjY4OSAxLjA0NS03LjN6bTg3Ljc3Mi0yNC4yMTdsLS42MTktLjcwNmMtNy45MTkgMS42MDQtOS4zNTIgMS44NTktMTYuNjI3IDIuODQybC0uNTM1LjUzNS0uMDg0LjM0Mi0uMDI1LS4xMjFjLTUuNDE2IDEyLjQ5NS01LjI1NyA5LjgtOS42NjYgMTkuNjM3bC0uMDUtMS4yMDMtMS4xMDQtMjEuMzI1LS42OTMtLjcwNmMtOC4yOTUgMS42MDQtOC40OTEgMS44NTktMTYuMTUyIDIuODQybC0uNTk3LjUzNWMtLjA4NC4yNTUtLjA4NC41MzUtLjEzNC44MzlsLjA1LjEwOWMuOTU4IDQuODk0LjcyOCAzLjgwMiAxLjY4OCAxMS41MjUuNDQ4IDMuNzkgMS4wNDUgNy42MDIgMS40OTIgMTEuMzQ1Ljc1NiA2LjI2NSAxLjE3OCA5LjM0OSAyLjEwMiAxOC45MS01LjE3NCA4LjUzOC02LjM5OSAxMS43NjgtMTEuMzc5IDE5LjI2MWwuMDM0LjA3NS0zLjUwNyA1LjU0N2MtLjQwMS41ODUtLjc2NS45ODYtMS4yNzUgMS4xNTctLjU2LjI3Ny0xLjI4Ny4zMjYtMi4yOTguMzI2aC0xLjk0M2wtMi44ODggOS42MDcgOS45MDkuMTcxYzUuODE3LS4wMjUgOS40NzMtMi43NDUgMTEuNDQxLTYuNDAybDYuMjMxLTEwLjY3N2gtLjA5OWwuNjU2LS43NTJjNC4xOTEtOS4wMjMgMzYuMDcyLTYzLjcxMiAzNi4wNzItNjMuNzEyem0tMTA0LjU4IDEyNi4xNzVoLTQuMjA0bDE1LjU1OC01MS40NTloNS4xNjFsMS42MzgtNS4zMDEuMTU5IDUuODk1Yy0uMTkzIDMuNjQ0IDIuNjc0IDYuODc0IDEwLjIwNCA2LjMzOWg4LjcwOWwyLjk5Ny05LjkwOWgtMy4yNzdjLTEuODg0IDAtMi43NTgtLjQ3Ni0yLjY0OS0xLjQ5NWwtLjE1OS01Ljk5N2gtMTYuMTI3di4wMzFjLTUuMjE0LjEwOS0yMC43ODQuNTAxLTIzLjkzNyAxLjM0LTMuODE1Ljk4Mi03LjgzNSAzLjg3NC03LjgzNSAzLjg3NGwxLjU3OS01LjMwN2gtMTUuMDg1bC0zLjE0MyAxMC41MzEtMTUuNzY2IDUyLjI0NWgtMy4wNTlsLTMgOS44MzdoMzAuMDQ2bC0xLjAwNyAzLjI4aDE0LjgwNmwuOTgyLTMuMjhoNC4xNTRsMy4yNTUtMTAuNjI0em0tMTIuMzI4LTQxLjAwM2MtMi40MTYuNjY4LTYuOTEyIDIuNjk2LTYuOTEyIDIuNjk2bDMuOTk4LTEzLjE1MmgxMS45ODZsLTIuODkxIDkuNTgycy0zLjcwMy4yMTgtNi4xODEuODc0em0uMjMgMTguNzg4cy0zLjc2NS40NzMtNi4yNDMgMS4wMzJjLTIuNDQxLjc0LTcuMDE3IDMuMDcyLTcuMDE3IDMuMDcybDQuMTI5LTEzLjY4NmgxMi4wNDhsLTIuOTE2IDkuNTgyem0tNi43MTYgMjIuMzM2aC0xMi4wMjNsMy40ODUtMTEuNTVoMTEuOTg2bC0zLjQ0OCAxMS41NXptMjguOTU0LTMxLjkxOGgxNy4zM2wtMi40OSA4LjA2NWgtMTcuNTZsLTIuNjM3IDguODE3aDE1LjM2NWwtMTEuNjM0IDE2LjM4MmMtLjgxNSAxLjIwMy0xLjU0NSAxLjYyOS0yLjM1NyAxLjk2OC0uODE1LjQxNC0xLjg4NC44OTktMy4xMjIuODk5aC00LjI2M2wtMi45MjkgOS42NTdoMTEuMTQ5YzUuNzk1IDAgOS4yMTgtMi42MzcgMTEuNzQ2LTYuMDk3bDcuOTc4LTEwLjkxOSAxLjcxMyAxMS4wODdjLjM2NCAyLjA3NyAxLjg1NiAzLjI5MyAyLjg2NyAzLjc2NSAxLjExNi41NiAyLjI3IDEuNTIgMy44OTkgMS42NjMgMS43NDcuMDc1IDMuMDEuMTM0IDMuODQ5LjEzNGg1LjQ3OGwzLjI4OS0xMC44MDdoLTIuMTYxYy0xLjI0MSAwLTMuMzc2LS4yMDgtMy43NC0uNTk3LS4zNjQtLjQ3My0uMzY0LTEuMi0uNTYtMi4zMDdsLTEuNzM4LTExLjExMmgtNy4xMTdsMy4xMjItMy43MTVoMTcuNTI2bDIuNjk2LTguODE3aC0xNi4yMjZsMi41MjgtOC4wNjVoMTYuMTc3bDMtOS45NDZoLTQ4LjIyOGwtMi45NTEgOS45NDZ6bS0xNDYuMzcxIDM0LjE2NGw0LjA0NS0xMy40NTZoMTYuNjI0bDMuMDM4LTEwLjAwOGgtMTYuNjRsMi41NC04LjI4M2gxNi4yNjFsMy4wMTMtOS42OTFoLTQwLjY4NmwtMi45NTEgOS42OTFoOS4yNDNsLTIuNDY2IDguMjgzaC05LjI2OGwtMy4wNzIgMTAuMTc5aDkuMjRsLTUuMzkxIDE3LjgwM2MtLjcyOCAyLjM1Ny4zNDIgMy4yNTUgMS4wMiA0LjM1LjY5MyAxLjA2NiAxLjM5NiAxLjc3MiAyLjk3NSAyLjE3MyAxLjYyOS4zNjQgMi43NDUuNTgxIDQuMjYzLjU4MWgxOC43NDJsMy4zMzktMTEuMDg3LTguMzA4IDEuMTQxYy0xLjYwNCAwLTYuMDQ3LS4xOTMtNS41NjItMS42NzZ6bTEuOTA3LTY0LjQxN2wtNC4yMTMgNy42MTRjLS45MDIgMS42NjMtMS43MTMgMi42OTYtMi40NDQgMy4xNzEtLjY0NC40MDEtMS45MTguNTY5LTMuNzY1LjU2OUgyMjAuNWwtMi45MzggOS43NDFoNy4zYzMuNTEgMCA2LjIwNi0xLjI4NyA3LjQ5My0xLjkzMSAxLjM4NC0uNzQgMS43NDctLjMxNyAyLjgxNy0xLjM0OWwyLjQ2Ni0yLjEzNmgyMi43OTZsMy4wMjUtMTAuMTQyaC0xNi42ODdsMi45MTMtNS41MzdIMjMzLjEyem0zMy42NTQgNjQuNjEyYy0uMzg5LS41Ni0uMTA5LTEuNTQ1LjQ4NS0zLjU5N2w2LjIzMS0yMC42MjNoMjIuMTY1YzMuMjMtLjA0NyA1LjU2Mi0uMDg0IDcuMDc5LS4xOTMgMS42MjktLjE3MSAzLjQwMS0uNzUyIDUuMzMyLTEuNzk3IDEuOTkzLTEuMDk0IDMuMDEzLTIuMjQ4IDMuODc0LTMuNTcyLjk2MS0xLjMyMSAyLjUwMy00LjIxMyAzLjgyNy04LjY3MWw3LjgzMi0yNi4wOTgtMjMuMDAxLjEzNHMtNy4wODMgMS4wNDUtMTAuMjAxIDIuMTk4Yy0zLjE0NiAxLjI4Ny03LjY0MiA0Ljg4MS03LjY0MiA0Ljg4MWwyLjA3Ny03LjE1NGgtMTQuMjA5bC0xOS44OTIgNjUuOTcyYy0uNzA2IDIuNTYyLTEuMTc4IDQuNDIxLTEuMjg3IDUuNTM3LS4wMzcgMS4yMDMgMS41MTcgMi4zOTQgMi41MjUgMy4yOTMgMS4xOTEuODk5IDIuOTUxLjc1MiA0LjYzOS44OTkgMS43NzUuMTM0IDQuMy4yMTggNy43ODUuMjE4aDEwLjkxOWwzLjM1Mi0xMS4zMTctOS43NzUuOTIzYy0xLjA0NSAwLTEuOC0uNTYtMi4xMTQtMS4wMzJ6bTEwLjczNi0zOC4xNDloMjMuMjgxbC0xLjQ4IDQuNjM5Yy0uMjA4LjEwOS0uNzA2LS4yMy0zLjA3NS4wNWgtMjAuMTU5bDEuNDMzLTQuNjg5em00LjY2NC0xNS41NThoMjMuNDc3bC0xLjY4OCA1LjU4N3MtMTEuMDY1LS4xMDktMTIuODM3LjIxOGMtNy43OTggMS4zNDktMTIuMzUyIDUuNTE2LTEyLjM1MiA1LjUxNmwzLjQwMS0xMS4zMnptMTcuNjU4IDM1LjczMWMtLjE5My42OTMtLjQ5NyAxLjExNi0uOTIzIDEuNDMzLS40NzMuMzA1LTEuMjM3LjQxNC0yLjM3OC40MTRoLTMuMzE3bC4xOTYtNS42NDloLTEzLjc5OGwtLjU2IDI3LjYxOGMtLjAyMiAxLjk5My4xNzEgMy4xNDYgMS42MjkgNC4wNyAxLjQ1OCAxLjE1MyA1Ljk1MSAxLjMgMTEuOTk4IDEuM2g4LjY0NmwzLjEyMi0xMC4zMzgtNy41MjcuNDE0LTIuNTAzLjE0NmMtLjM0Mi0uMTQ2LS42NjgtLjI4LTEuMDMyLS42NDQtLjMxNy0uMzE0LS44NTItLjEyMS0uNzY1LTIuMTE0bC4wNTktNy4wNzkgNy44OTQtLjMyNmM0LjI2MyAwIDYuMDg1LTEuMzg3IDcuNjM5LTIuNzA4IDEuNDgzLTEuMjY1IDEuOTY4LTIuNzIgMi41MjgtNC42ODlsMS4zMjQtNi4yNjhoLTEwLjg0OGwtMS4zODQgNC40MjF6IiBmaWxsPSIjRkVGRUZFIi8+PC9zdmc+")
}

.rccs__card--visa .rccs__card__background,.rccs__card--visaelectron .rccs__card__background {
    background: linear-gradient(25deg,#0f509e,#1399cd)
}

.rccs__card--visa .rccs__issuer,.rccs__card--visaelectron .rccs__issuer {
    background-size: 75%
}

.rccs__card--visa .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjE2NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PHBhdGggZD0iTTI2NC43OTQgNTIuODU3Yy0uMjkyIDIzLjAzMSAyMC41MjUgMzUuODg0IDM2LjIwNyA0My41MjUgMTYuMTEyIDcuODQxIDIxLjUyNCAxMi44NjkgMjEuNDYzIDE5Ljg4LS4xMjMgMTAuNzMxLTEyLjg1MyAxNS40NjYtMjQuNzY4IDE1LjY1LTIwLjc4Ny4zMjQtMzIuODcxLTUuNjEtNDIuNDgtMTAuMWwtNy40ODcgMzUuMDM4YzkuNjQgNC40NDMgMjcuNDkgOC4zMTggNDYgOC40ODcgNDMuNDQ4IDAgNzEuODc1LTIxLjQ0OCA3Mi4wMy01NC43MDIuMTY4LTQyLjIwMy01OC4zNzgtNDQuNTQtNTcuOTc4LTYzLjQwNS4xMzktNS43MTkgNS41OTYtMTEuODIzIDE3LjU1OC0xMy4zNzUgNS45MTktLjc4NSAyMi4yNjItMS4zODQgNDAuNzg4IDcuMTQ5TDM3My40IDcuMTAzQzM2My40MzcgMy40NzUgMzUwLjYzIDAgMzM0LjY4NiAwYy00MC44OTYgMC02OS42NjEgMjEuNzQtNjkuODkyIDUyLjg1N000NDMuMjc2IDIuOTIxYy03LjkzMyAwLTE0LjYyIDQuNjI4LTE3LjYwNCAxMS43M2wtNjIuMDY2IDE0OC4xOTVoNDMuNDE3bDguNjQtMjMuODc2aDUzLjA1OGw1LjAxMiAyMy44NzZINTEyTDQ3OC42MDcgMi45MjFoLTM1LjMzbTYuMDcyIDQzLjIwMmwxMi41MyA2MC4wNTNoLTM0LjMxNWwyMS43ODUtNjAuMDUzTTIxMi4xNTIgMi45MjFMMTc3LjkzIDE2Mi44NDZIMjE5LjNMMjUzLjUxIDIuOTIxaC00MS4zNTdtLTYxLjIwNiAwbC00My4wNjMgMTA4Ljg1MS0xNy40Mi05Mi41NTRDODguNDE4IDguODg2IDgwLjM0NyAyLjkyMSA3MS4zODMgMi45MjFILjk4NUwwIDcuNTY0YzE0LjQ1MiAzLjEzNyAzMC44NzIgOC4xOTUgNDAuODIgMTMuNjA3IDYuMDg3IDMuMzA1IDcuODI1IDYuMTk2IDkuODIzIDE0LjA1MmwzMi45OTQgMTI3LjYyM2g0My43MjVMMTk0LjM5NSAyLjkyMWgtNDMuNDQ5IiBmaWxsPSIjRkZGIi8+PC9zdmc+")
}

.rccs__card--visaelectron .rccs__issuer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjIyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PHBhdGggZD0iTTE5NC4zOTMgMi45MmwtNjcuMDMgMTU5LjkxNkg4My42MjhMNTAuNjM5IDM1LjIwOWMtMS45OTctNy44NDMtMy43MzctMTAuNzMtOS44MjQtMTQuMDQ1QzMwLjg2NyAxNS43NjEgMTQuNDQgMTAuNzA2IDAgNy41NjJsLjk3NC00LjY0M2g3MC40MDhjOC45NiAwIDE3LjAyOSA1Ljk2NyAxOS4wNzggMTYuMjk3bDE3LjQzMiA5Mi41NDZMMTUwLjkyMyAyLjkyaDQzLjQ3em01OS4xMjIgMGwtMzQuMjA4IDE1OS45MTZoLTQxLjM3NEwyMTIuMTQgMi45MTloNDEuMzc0em01NC4yNjUgNDQuMzFjLjE0LTUuNzMyIDUuNi0xMS44MzUgMTcuNTUyLTEzLjM5NCA1LjkyLS43NjUgMjIuMjc2LTEuMzc3IDQwLjgwMiA3LjE1OWw3LjI0OC0zMy45M0MzNjMuNDI3IDMuNDY1IDM1MC42MTkgMCAzMzQuNjg1IDBjLTQwLjkgMC02OS42NzIgMjEuNzIzLTY5LjkgNTIuODU1LS4yNjkgMjMuMDI4IDIwLjU0OSAzNS44NjMgMzYuMjA1IDQzLjUzMiAxNi4xMjcgNy44MzMgMjEuNTM0IDEyLjg2OCAyMS40NTkgMTkuODY3LS4xMTUgMTAuNzMtMTIuODc4IDE1LjQ4LTI0Ljc0NSAxNS42NTYtMjAuODA4LjMzLTMyLjg3LTUuNjIzLTQyLjQ5Mi0xMC4xMDVsLTcuNTEgMzUuMDU1YzkuNjggNC40MzYgMjcuNTIgOC4yOSA0NS45OTggOC40ODcgNDMuNDggMCA3MS45MTgtMjEuNDc1IDcyLjA0NS01NC43MjIuMTczLTQyLjE5OS01OC4zNDgtNDQuNTQtNTcuOTY1LTYzLjM5NnptMTY1Ljk2OCAxMTUuNjA2SDUxMkw0NzguNTggMi45MTloLTM1LjI5NGMtNy45NiAwLTE0LjY1IDQuNjItMTcuNjE4IDExLjcyM2wtNjIuMDggMTQ4LjE5NGg0My40NDZsOC42MTgtMjMuODg4aDUzLjA4bDUuMDE2IDIzLjg4OHptLTQ2LjE4My01Ni42NThsMjEuNzg1LTYwLjA1NCAxMi41MTQgNjAuMDU0aC0zNC4zem0tMTIxLjEgMTAwLjY3NmgtMTYuODFWMjIyLjVoMTguODA0djQuNzA1aC0yNC40N3YtNDMuNDA4aDIzLjUwNnY0LjcwNGgtMTcuODR2MTMuNzE0aDE2LjgxdjQuNjR6bTEwLjY3OC0yNS4zNzNoNS42NjZ2NDUuNzIyaC01LjY2NnYtNDUuNzIyem0zMC42NDQgNDEuOTg4YzQuMDYgMCA2LjU3MS0uNzEgOC42MzQtMS42MDhsMS4wMyA0LjA1N2MtMS45OTcuODk5LTUuNDczIDEuOTk0LTEwLjQzNSAxLjk5NC05LjU5MiAwLTE1LjMyMy02LjM3NS0xNS4zMjMtMTUuNzc3czUuNTM1LTE2Ljc0NSAxNC42MTctMTYuNzQ1YzEwLjIzOSAwIDEyLjg4IDguODkgMTIuODggMTQuNjIgMCAxLjE1Ny0uMDY1IDEuOTk0LS4xOTYgMi42MzhoLTIxLjg5M2MuMTI3IDcuNjY2IDQuOTU5IDEwLjgyMSAxMC42ODYgMTAuODIxem01LjkyNy0xNC44NzhjLjA2Ni0zLjU0LTEuNDgtOS4xNDQtNy44NTUtOS4xNDQtNS43OTcgMC04LjI0NSA1LjIxOC04LjY5NiA5LjE0NGgxNi41NTF6bTM2LjMwOSAxNy41MThjLTEuNDgxLjcwOS00Ljc2NyAxLjgwNC04Ljk1MSAxLjgwNC05LjQwMiAwLTE1LjUxOS02LjM3NS0xNS41MTktMTUuOTA3IDAtOS41OTUgNi41NjUtMTYuNjE0IDE2Ljc0MS0xNi42MTQgMy4zNDggMCA2LjMxLjgzMyA3Ljg1NiAxLjY3NGwtMS4yODUgNC4zMTVjLTEuMzU2LS43MS0zLjQ4MS0xLjQ4NC02LjU3LTEuNDg0LTcuMTUgMC0xMS4wMTEgNS4zNDUtMTEuMDExIDExLjc4OCAwIDcuMjEyIDQuNjM2IDExLjY1NSAxMC44MTggMTEuNjU1IDMuMjIgMCA1LjM0NS0uNzcyIDYuOTUzLTEuNDgxbC45NjggNC4yNXptMTUuODk1LTM3LjU0NXY3LjQ3aDguMTExdjQuMzEyaC04LjExdjE2LjgxYzAgMy44NjggMS4wOTQgNi4wNTUgNC4yNSA2LjA1NSAxLjU0MiAwIDIuNDQ4LS4xMjggMy4yODUtLjM5bC4yNTggNC4zMmMtMS4wOTUuMzg1LTIuODM0Ljc3LTUuMDI1Ljc3LTIuNjQxIDAtNC43NjYtLjkwMS02LjExNi0yLjM4LTEuNTQ3LTEuNzQyLTIuMTktNC41MDctMi4xOS04LjE3OHYtMTcuMDA3aC00LjgzMnYtNC4zMTJoNC44MzF2LTUuNzk2bDUuNTM4LTEuNjc0em0xNi4wMjcgMTcuMTk1YzAtMy42Ny0uMDY5LTYuODI1LS4yNTgtOS43MjVoNC45NTlsLjI1OCA2LjE4MmguMTljMS40MTktNC4xODUgNC44OTQtNi44MjYgOC42OTItNi44MjYuNTgyIDAgMS4wMzQuMDY1IDEuNTUuMTI3djUuMzQ5Yy0uNTgyLS4xMzEtMS4xNTctLjEzMS0xLjkzNS0uMTMxLTMuOTg5IDAtNi44MjYgMi45NjItNy41OTggNy4yMTUtLjEyNy43NzEtLjE5MyAxLjczNi0uMTkzIDIuNjQxdjE2LjYxNGgtNS42NjVWMjA1Ljc2em01MC4yMjEgNS42MDJjMCAxMS41MjctOC4wNTEgMTYuNTUyLTE1LjUyMSAxNi41NTItOC4zNzMgMC0xNC45MzctNi4xODUtMTQuOTM3LTE2LjAzNSAwLTEwLjM3IDYuODg4LTE2LjQ4NyAxNS40NTMtMTYuNDg3IDguOTUxIDAgMTUuMDA1IDYuNTAzIDE1LjAwNSAxNS45N3ptLTI0LjY2NS4zMjRjMCA2LjgyNiAzLjg2NCAxMS45NzggOS40MDIgMTEuOTc4IDUuNDEgMCA5LjQ2NC01LjA5IDkuNDY0LTEyLjEwOSAwLTUuMjgtMi42MzgtMTEuOTE2LTkuMzM3LTExLjkxNi02LjYzIDAtOS41MyA2LjE4NS05LjUzIDEyLjA0N3ptMzMuMzQ5LTcuMjE2YzAtMy4yODItLjA2OS01Ljg1OC0uMjU4LTguNDM0aDUuMDIxbC4zMjQgNS4xNTJoLjEyN2MxLjU0Ny0yLjkgNS4xNTItNS43OTYgMTAuMzA1LTUuNzk2IDQuMzEyIDAgMTEuMDEgMi41NzYgMTEuMDEgMTMuMjYzdjE4LjU1aC01LjY2NXYtMTcuOTY4YzAtNS4wMjItMS44NjctOS4yMS03LjIxMi05LjIxLTMuNjcxIDAtNi41NzEgMi42NDItNy41OTggNS43OTctLjI2MS43MS0uMzg5IDEuNjc0LS4zODkgMi42NDF2MTguNzRoLTUuNjY1di0yMi43MzV6IiBmaWxsPSIjRkZGIi8+PC9zdmc+")
}

.rccs__number {
    clear: both;
    font-family: "Consolas","Courier",monospace;
    font-size: 20px;
    left: 10%;
    position: absolute;
    top: 45%
}

.rccs__number.rccs__number--large {
    font-size: 17px
}

.rccs__name {
    font-family: "Consolas","Courier",monospace;
    font-size: 17px;
    left: 10%;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    text-transform: uppercase;
    width: 60%
}

.rccs__expiry,.rccs__name {
    bottom: 15%;
    line-height: 1;
    position: absolute
}

.rccs__expiry {
    font-size: 0;
    right: 10%
}

.rccs__expiry>* {
    vertical-align: middle
}

.rccs__expiry__valid {
    font-size: 10px;
    margin-bottom: 5px
}

.rccs__expiry__value {
    font-family: "Consolas","Courier",monospace;
    font-size: 16px
}

.rccs__cvc,.rccs__expiry,.rccs__name,.rccs__number {
    opacity: .5;
    transition: opacity .3s
}

.rccs__chip {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9Ijc2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGM0QwOEYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkFENzY2IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJNOTIuNzI3IDc1LjQ1NUg3LjI3MmMtNCAwLTcuMjczLTMuMjczLTcuMjczLTcuMjczVjcuMjczYzAtNCAzLjI3My03LjI3MyA3LjI3My03LjI3M2g4NS40NTVjNCAwIDcuMjczIDMuMjczIDcuMjczIDcuMjczdjYwLjkwOWMwIDQtMy4yNzMgNy4yNzMtNy4yNzMgNy4yNzMiIGZpbGw9InVybCgjYSkiLz48cGF0aCBkPSJNNzIuMTIzIDI4LjQ4NWgyNy44Nzh2LTEuODE4SDcwLjM1M2MtLjk2NSAwLTEuODMyLjYwMS0yLjE3MiAxLjUwNC0yLjI4NyA2LjA3Mi0yLjQzMyAxMi41OTQtLjQzOCAxOS44NDJhOC43MDUgOC43MDUgMCAwMS0uMSA1LjAzYy0yLjAzNiA2LjE5NS03Ljc3OSAxOS45ODgtMTguNTUxIDE5Ljk4OC0xMS4wMDggMC0xNi4wOTYtMTUuNjk5LTE3LjMzNC0yMS45NTJhNC44OTkgNC44OTkgMCAwMS4xMDctMi4zNTdjMS42OTUtNS42NDggMi4wOTQtMTAuNjQtLjAxNi0xOS41OWE1LjQ0OCA1LjQ0OCAwIDAxLjA0OC0yLjY0NkMzNi4zNzcgOS43MzEgNDQuNzc5IDYuMzM5IDQ0Ljg2MiA2LjMwN2EuOTEuOTEgMCAwMC41OTMtLjg1MlYwaC0xLjgxOHYzLjc3NmMwIC42NS0uMzMyIDEuMjUyLS44ODQgMS41OTYtMi44MDMgMS43NDItOC45MDQgNi45MzYtMTIuNTU3IDIwLjQ1NmExLjUyMiAxLjUyMiAwIDAxLTEuNDczIDEuMTMzTC4wMDEgMjYuODIydjEuODE4bDI3LjQxNi4xMzNhMy4xMjIgMy4xMjIgMCAwMTMuMDM3IDIuNDc4YzEuNDE2IDYuNzQxIDEuMjE5IDExLjAzOS4wODIgMTUuNDU4YTIuODA5IDIuODA5IDAgMDEtMi42OSAyLjEwOWwtMjcuODQ0LjI3djEuODE5bDI4LjYwNS0uMjc4YTEuNDQ1IDEuNDQ1IDAgMDExLjQzNSAxLjE1MmMxLjQ0MiA3LjA0MSA2Ljg4NyAyMy4wNyAxOS4wNSAyMy4wNyA2LjM2OCAwIDEyLjA2Mi00LjI1IDE2LjQ2Ny0xMi4yOSAyLjY0NC00LjgyOCA0LjA2Ny05LjU5MSA0LjU0MS0xMS4zNDZoMjkuOTAxdi0xLjgxOEg3MS45ODVhMi41OCAyLjU4IDAgMDEtMi40ODktMS44ODljLTEuNjkyLTYuMTY0LTEuNzYxLTExLjc1NS0uMi0xNi45NTkuMzcxLTEuMjM1IDEuNTM4LTIuMDYxIDIuODI3LTIuMDYxek01NC45NzMgNi41NzFjLjA0NS4wMjIgNC41MTkgMi4zMjIgOS4yNTMgMTAuMDQxYS45MDkuOTA5IDAgMDAxLjM0Ny4yMzJjLjM2NS0uMjkyLjQxNi0uODM3LjE3Mi0xLjIzNS0zLjU3LTUuODA1LTcuMDI0LTguNzEtOC43NzUtOS45MzFhMS41OTggMS41OTggMCAwMS0uNjgtMS4zMTVWMGgtMS44MTh2NS43NThhLjkxLjkxIDAgMDAuNTAyLjgxM3oiIGZpbGw9IiMwQzAyMDAiLz48L3N2Zz4=");
    height: 26.36364px;
    left: 10%;
    width: 41.42857px
}

.rccs__chip,.rccs__issuer {
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 10%
}

.rccs__issuer {
    background-position: 100% 0;
    height: 23%;
    right: 10%;
    width: 40%
}

.rccs__stripe {
    background-color: #2a1d16;
    height: 22%;
    left: 0;
    position: absolute;
    top: 9%;
    width: 100%
}

.rccs__signature {
    background: repeating-linear-gradient(.1deg,#fff 20%,#fff 40%,#fea 0,#fea 44%,#fff 0);
    height: 18%;
    left: 5%;
    position: absolute;
    top: 35%;
    width: 75%
}

.rccs__cvc {
    color: #222;
    font-size: 14px;
    left: 67%;
    line-height: 1;
    top: 42%
}

.rccs__cvc,.rccs__cvc__front {
    font-family: "Consolas","Courier",monospace;
    position: absolute
}

.rccs__cvc__front {
    font-size: 11.9px;
    opacity: 0;
    right: 10%;
    top: 38%;
    visibility: hidden
}

.rccs--filled {
    opacity: .8!important
}

.rccs--focused {
    font-weight: 700;
    opacity: 1!important
}
@charset "UTF-8";:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: hsla(0,0%,100%,0.7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error)
}

.Toastify__toast-container {
    z-index: var(--toastify-z-index);
    -webkit-transform: translateZ(var(--toastify-z-index));
    position: fixed;
    padding: 4px;
    width: var(--toastify-toast-width);
    box-sizing: border-box;
    color: #fff
}

.Toastify__toast-container--top-left {
    top: 1em;
    left: 1em
}

.Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--top-right {
    top: 1em;
    right: 1em
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em
}

@media only screen and (max-width: 480px) {
    .Toastify__toast-container {
        width:100vw;
        padding: 0;
        left: 0;
        margin: 0
    }

    .Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right {
        top: 0;
        transform: translateX(0)
    }

    .Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right {
        bottom: 0;
        transform: translateX(0)
    }

    .Toastify__toast-container--rtl {
        right: 0;
        left: auto
    }
}

.Toastify__toast {
    position: relative;
    min-height: var(--toastify-toast-min-height);
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 8px;
    border-radius: 4px;
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);
    display: flex;
    justify-content: space-between;
    max-height: var(--toastify-toast-max-height);
    overflow: hidden;
    font-family: var(--toastify-font-family);
    cursor: pointer;
    direction: ltr
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast-body {
    margin: auto 0;
    flex: 1 1 auto;
    padding: 6px;
    display: flex;
    align-items: center
}

.Toastify__toast-body>div:last-child {
    flex: 1 1
}

.Toastify__toast-icon {
    margin-inline-end:10px;width: 20px;
    flex-shrink: 0;
    display: flex
}

.Toastify--animate {
    animation-fill-mode: both;
    animation-duration: .7s
}

.Toastify--animate-icon {
    animation-fill-mode: both;
    animation-duration: .3s
}

@media only screen and (max-width: 480px) {
    .Toastify__toast {
        margin-bottom:0;
        border-radius: 0
    }
}

.Toastify__toast-theme--dark {
    background: var(--toastify-color-dark);
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light {
    background: var(--toastify-color-light);
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    color: var(--toastify-text-color-info);
    background: var(--toastify-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    color: var(--toastify-text-color-success);
    background: var(--toastify-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    color: var(--toastify-text-color-warning);
    background: var(--toastify-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    color: var(--toastify-text-color-error);
    background: var(--toastify-color-error)
}

.Toastify__progress-bar-theme--light {
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    color: #fff;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: .7;
    transition: .3s ease;
    align-self: flex-start
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:focus,.Toastify__close-button:hover {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    z-index: var(--toastify-z-index);
    opacity: .7;
    transform-origin: left
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    right: 0;
    left: auto;
    transform-origin: right
}

.Toastify__spinner {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border-radius: 100%;
    border: 2px solid;
    border-color: var(--toastify-spinner-color-empty-area);
    border-right: 2px solid var(--toastify-spinner-color);
    animation: Toastify__spin .65s linear infinite
}

@keyframes Toastify__bounceInRight {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

@keyframes Toastify__bounceInLeft {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes Toastify__bounceInUp {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes Toastify__bounceInDown {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0,110%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0,-110%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(110%,0,0)
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-110%,0,0)
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,500px,0)
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,-500px,0)
    }
}

.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left {
    animation-name: Toastify__slideOutLeft
}

.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right {
    animation-name: Toastify__slideOutRight
}

.Toastify__slide-exit--top-center {
    animation-name: Toastify__slideOutUp
}

.Toastify__slide-exit--bottom-center {
    animation-name: Toastify__slideOutDown
}

@keyframes Toastify__spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box {
    position: absolute;
    left: 0;
    top: 0
}

.leaflet-container {
    overflow: hidden
}

.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.leaflet-tile::selection {
    background: transparent
}

.leaflet-safari .leaflet-tile {
    image-rendering: -webkit-optimize-contrast
}

.leaflet-safari .leaflet-tile-container {
    width: 1600px;
    height: 1600px;
    -webkit-transform-origin: 0 0
}

.leaflet-marker-icon,.leaflet-marker-shadow {
    display: block
}

.leaflet-container .leaflet-overlay-pane svg {
    max-width: none!important;
    max-height: none!important
}

.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer {
    max-width: none!important;
    max-height: none!important;
    width: auto;
    padding: 0
}

.leaflet-container img.leaflet-tile {
    mix-blend-mode: plus-lighter
}

.leaflet-container.leaflet-touch-zoom {
    touch-action: pan-x pan-y
}

.leaflet-container.leaflet-touch-drag {
    touch-action: none;
    touch-action: pinch-zoom
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    touch-action: none
}

.leaflet-container {
    -webkit-tap-highlight-color: transparent
}

.leaflet-container a {
    -webkit-tap-highlight-color: rgba(51,181,229,.4)
}

.leaflet-tile {
    filter: inherit;
    visibility: hidden
}

.leaflet-tile-loaded {
    visibility: inherit
}

.leaflet-zoom-box {
    width: 0;
    height: 0;
    box-sizing: border-box;
    z-index: 800
}

.leaflet-overlay-pane svg {
    -moz-user-select: none
}

.leaflet-pane {
    z-index: 400
}

.leaflet-tile-pane {
    z-index: 200
}

.leaflet-overlay-pane {
    z-index: 400
}

.leaflet-shadow-pane {
    z-index: 500
}

.leaflet-marker-pane {
    z-index: 600
}

.leaflet-tooltip-pane {
    z-index: 650
}

.leaflet-popup-pane {
    z-index: 700
}

.leaflet-map-pane canvas {
    z-index: 100
}

.leaflet-map-pane svg {
    z-index: 200
}

.leaflet-vml-shape {
    width: 1px;
    height: 1px
}

.lvml {
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute
}

.leaflet-control {
    position: relative;
    z-index: 800;
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-bottom,.leaflet-top {
    position: absolute;
    z-index: 1000;
    pointer-events: none
}

.leaflet-top {
    top: 0
}

.leaflet-right {
    right: 0
}

.leaflet-bottom {
    bottom: 0
}

.leaflet-left {
    left: 0
}

.leaflet-control {
    float: left;
    clear: both
}

.leaflet-right .leaflet-control {
    float: right
}

.leaflet-top .leaflet-control {
    margin-top: 10px
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 10px
}

.leaflet-left .leaflet-control {
    margin-left: 10px
}

.leaflet-right .leaflet-control {
    margin-right: 10px
}

.leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    transition: opacity .2s linear
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1
}

.leaflet-zoom-animated {
    transform-origin: 0 0
}

svg.leaflet-zoom-animated {
    will-change: transform
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    transition: transform .25s cubic-bezier(0,0,.25,1)
}

.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile {
    transition: none
}

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden
}

.leaflet-interactive {
    cursor: pointer
}

.leaflet-grab {
    cursor: grab
}

.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive {
    cursor: crosshair
}

.leaflet-control,.leaflet-popup-pane {
    cursor: auto
}

.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable {
    cursor: move;
    cursor: grabbing
}

.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container {
    pointer-events: none
}

.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path {
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-container {
    background: #ddd;
    outline-offset: 1px
}

.leaflet-container a {
    color: #0078a8
}

.leaflet-zoom-box {
    border: 2px dotted #38f;
    background: hsla(0,0%,100%,.5)
}

.leaflet-container {
    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.5
}

.leaflet-bar {
    box-shadow: 0 1px 5px rgba(0,0,0,.65);
    border-radius: 4px
}

.leaflet-bar a {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000
}

.leaflet-bar a,.leaflet-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block
}

.leaflet-bar a:focus,.leaflet-bar a:hover {
    background-color: #f4f4f4
}

.leaflet-bar a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.leaflet-bar a:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none
}

.leaflet-bar a.leaflet-disabled {
    cursor: default;
    background-color: #f4f4f4;
    color: #bbb
}

.leaflet-touch .leaflet-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.leaflet-touch .leaflet-bar a:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.leaflet-control-zoom-in,.leaflet-control-zoom-out {
    font: 700 18px "Lucida Console",Monaco,monospace;
    text-indent: 1px
}

.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out {
    font-size: 22px
}

.leaflet-control-layers {
    box-shadow: 0 1px 5px rgba(0,0,0,.4);
    background: #fff;
    border-radius: 5px
}

.leaflet-control-layers-toggle {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
    width: 36px;
    height: 36px
}

.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);
    background-size: 26px 26px
}

.leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height: 44px
}

.leaflet-control-layers-expanded .leaflet-control-layers-toggle,.leaflet-control-layers .leaflet-control-layers-list {
    display: none
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative
}

.leaflet-control-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff
}

.leaflet-control-layers-scrollbar {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 5px
}

.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px
}

.leaflet-control-layers label {
    display: block;
    font-size: 13px;
    font-size: 1.08333em
}

.leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    margin: 5px -10px 5px -6px
}

.leaflet-default-icon-path {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)
}

.leaflet-container .leaflet-control-attribution {
    background: #fff;
    background: hsla(0,0%,100%,.8);
    margin: 0
}

.leaflet-control-attribution,.leaflet-control-scale-line {
    padding: 0 5px;
    color: #333;
    line-height: 1.4
}

.leaflet-control-attribution a {
    text-decoration: none
}

.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover {
    text-decoration: underline
}

.leaflet-attribution-flag {
    display: inline!important;
    vertical-align: initial!important;
    width: 1em;
    height: .6669em
}

.leaflet-left .leaflet-control-scale {
    margin-left: 5px
}

.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px
}

.leaflet-control-scale-line {
    border: 2px solid #777;
    border-top: none;
    line-height: 1.1;
    padding: 2px 5px 1px;
    white-space: nowrap;
    box-sizing: border-box;
    background: hsla(0,0%,100%,.8);
    text-shadow: 1px 1px #fff
}

.leaflet-control-scale-line:not(:first-child) {
    border-top: 2px solid #777;
    border-bottom: none;
    margin-top: -2px
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777
}

.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers {
    box-shadow: none
}

.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers {
    border: 2px solid rgba(0,0,0,.2);
    background-clip: padding-box
}

.leaflet-popup {
    position: absolute;
    text-align: center;
    margin-bottom: 20px
}

.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    border-radius: 12px
}

.leaflet-popup-content {
    margin: 13px 24px 13px 20px;
    line-height: 1.3;
    font-size: 13px;
    font-size: 1.08333em;
    min-height: 1px
}

.leaflet-popup-content p {
    margin: 1.3em 0
}

.leaflet-popup-tip-container {
    width: 40px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-top: -1px;
    margin-left: -20px;
    overflow: hidden;
    pointer-events: none
}

.leaflet-popup-tip {
    width: 17px;
    height: 17px;
    padding: 1px;
    margin: -10px auto 0;
    pointer-events: auto;
    transform: rotate(45deg)
}

.leaflet-popup-content-wrapper,.leaflet-popup-tip {
    background: #fff;
    color: #333;
    box-shadow: 0 3px 14px rgba(0,0,0,.4)
}

.leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    text-align: center;
    width: 24px;
    height: 24px;
    font: 16px/24px Tahoma,Verdana,sans-serif;
    color: #757575;
    text-decoration: none;
    background: transparent
}

.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover {
    color: #585858
}

.leaflet-popup-scrolled {
    overflow: auto
}

.leaflet-oldie .leaflet-popup-content-wrapper {
    -ms-zoom:1}

.leaflet-oldie .leaflet-popup-tip {
    width: 24px;
    margin: 0 auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)
}

.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999
}

.leaflet-div-icon {
    background: #fff;
    border: 1px solid #666
}

.leaflet-tooltip {
    position: absolute;
    padding: 6px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #222;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
    box-shadow: 0 1px 3px rgba(0,0,0,.4)
}

.leaflet-tooltip.leaflet-interactive {
    cursor: pointer;
    pointer-events: auto
}

.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before {
    position: absolute;
    pointer-events: none;
    border: 6px solid transparent;
    background: transparent;
    content: ""
}

.leaflet-tooltip-bottom {
    margin-top: 6px
}

.leaflet-tooltip-top {
    margin-top: -6px
}

.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before {
    left: 50%;
    margin-left: -6px
}

.leaflet-tooltip-top:before {
    bottom: 0;
    margin-bottom: -12px;
    border-top-color: #fff
}

.leaflet-tooltip-bottom:before {
    top: 0;
    margin-top: -12px;
    margin-left: -6px;
    border-bottom-color: #fff
}

.leaflet-tooltip-left {
    margin-left: -6px
}

.leaflet-tooltip-right {
    margin-left: 6px
}

.leaflet-tooltip-left:before,.leaflet-tooltip-right:before {
    top: 50%;
    margin-top: -6px
}

.leaflet-tooltip-left:before {
    right: 0;
    margin-right: -12px;
    border-left-color: #fff
}

.leaflet-tooltip-right:before {
    left: 0;
    margin-left: -12px;
    border-right-color: #fff
}

@media print {
    .leaflet-control {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact
    }
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) 50% no-repeat
}

@font-face {
    font-family: "slick";
    font-weight: 400;
    font-style: normal;
    src: url(/static/media/slick.a4e97f5a.eot);
    src: url(/static/media/slick.a4e97f5a.eot?#iefix) format("embedded-opentype"),url(/static/media/slick.29518378.woff) format("woff"),url(/static/media/slick.c94f7671.ttf) format("truetype"),url(/static/media/slick.2630a3e3.svg#slick) format("svg")
}

.slick-next,.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    transform: translateY(-50%);
    cursor: pointer;
    border: none
}

.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,.slick-prev:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,.slick-dots li button {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:focus,.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}
.menu-mobile {
    display: none
}

.top-content-grid-commerce {
    height: unset;
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
    padding-top: 0!important;
    overflow-y: auto;
    background-color: #fff
}

.breadbrumb-spacer {
    transition: all .4s ease-in-out
}

.hoverCard {
    text-align: center;
    width: 15.5%!important;
    margin: .55%!important
}

.ui.container.commerce-top-content,.ui.grid {
    margin-left: 0!important;
    margin-right: 0!important
}

.drop-down-menu {
    margin-top: 26px!important;
    width: 100%;
    border-radius: 0 0 4px 4px!important;
    z-index: 20000!important
}

.menu-lateral-mobile {
    width: 100%!important
}

.nav-chat-budge {
    background-color: #ff1e19;
    width: 25px;
    height: 25px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    display: flex;
    position: absolute;
    font-size: 10px;
    color: #fff
}

.botao-chat {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 4000;
    border: none;
    color: #fff;
    width: 100px;
    height: 100px;
    text-align: center;
    cursor: pointer;
    margin-right: 10px
}

.container-icon {
    margin-left: 25%;
    border-radius: 50%;
    width: 70px;
    height: 70px
}

.botao-icon {
    margin-top: 5px
}

.btn-preferencia {
    position: fixed;
    bottom: 0;
    left: 5;
    z-index: 4000;
    text-align: center;
    cursor: pointer
}

.menuMobile {
    display: flex;
    align-items: center;
    padding: 30px 10px
}

@media (max-width: 1400px) {
    .hoverCard {
        width:18.5%!important;
        margin: .7%!important
    }
}

@media (max-width: 1150px) {
    .hoverCard {
        width:23%!important;
        margin: 1%!important
    }
}

@media (max-width: 960px) {
    .hoverCard {
        width:31%!important;
        margin: 1%!important
    }

    .menu-mobile,.nav-custom-menu {
        display: none
    }
}

@media (max-width: 768px) {
    .botao-chat {
        margin-right:0;
        width: 75px;
        height: 75px
    }

    .botao-icon {
        height: 45px
    }

    .container-icon {
        margin-left: 0;
        margin-bottom: 5%;
        border-radius: 50%;
        width: 60px;
        height: 60px
    }

    .hoverCard {
        width: 46%!important;
        margin: 1.8%!important
    }

    .nav-menu-ain,.nav-menus {
        display: none
    }

    .nav-search {
        position: relative!important;
        left: 0!important;
        padding-right: 1em;
        margin-bottom: 10px;
        margin-top: 5px
    }

    .nav-search input {
        border-radius: 15px!important
    }

    .nav-logo {
        margin-left: auto;
        margin-right: auto
    }

    .nav-cart {
        width: 80px!important;
        text-align: center
    }

    .menu-mobile {
        display: block
    }

    .menu-desktop {
        display: none
    }
}

@media (max-width: 460px) {
    .hoverCard {
        width:90%!important;
        margin: 5%!important
    }

    .btn-preferencia {
        visibility: hidden
    }
}

.contador-regressivo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    grid-gap: 20px;
    gap: 20px;
    padding: 16px var(--fo-gutter,32px);
    background: var(--fo-red,#ff2739);
    color: #fff;
    font-family: var(--fo-sans,sans-serif)
}

.contador-titulo {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase
}

.contador-blocos {
    display: flex;
    align-items: flex-start;
    grid-gap: 10px;
    gap: 10px
}

.contador-bloco {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 54px;
    padding: 7px 10px;
    border-radius: var(--fo-radius,3px);
    background: hsla(0,0%,100%,.14)
}

.contador-bloco__valor {
    font-family: var(--fo-display,sans-serif);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -.01em;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum","tnum"
}

.contador-bloco__rotulo {
    margin-top: 2px;
    font-size: 10px;
    font-weight: 500;
    opacity: .85
}

.contador-bloco__rotulo,.contador-link {
    letter-spacing: .06em;
    text-transform: uppercase
}

.contador-link {
    display: inline-flex;
    align-items: center;
    height: 36px;
    padding: 0 18px;
    border-radius: var(--fo-radius,3px);
    background: #fff;
    font-size: 12.5px;
    font-weight: 600;
    text-decoration: none;
    transition: background var(--fo-dur,.15s) var(--fo-ease,ease)
}

.contador-link,.contador-link:hover {
    color: var(--fo-red,#ff2739)!important
}

.contador-link:hover {
    background: var(--fo-neutral,#f2f2f2)
}

.contador-regressivo--ao-vivo .contador-pulso {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #fff;
    animation: contador-pulso 1.4s var(--fo-ease,ease) infinite
}

@keyframes contador-pulso {
    0%,to {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        opacity: .45;
        transform: scale(.75)
    }
}

@media (prefers-reduced-motion:reduce) {
    .contador-regressivo--ao-vivo .contador-pulso {
        animation: none
    }
}

@media (max-width: 640px) {
    .contador-regressivo {
        grid-gap:12px;
        gap: 12px;
        padding: 14px 16px
    }

    .contador-titulo {
        font-size: 11.5px;
        letter-spacing: .06em;
        width: 100%;
        text-align: center
    }

    .contador-blocos {
        grid-gap: 8px;
        gap: 8px
    }

    .contador-bloco {
        min-width: 48px;
        padding: 6px 8px
    }

    .contador-bloco__valor {
        font-size: 19px
    }
}

.overlay-search {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: #333;
    transition: all .5s,z-index 0ms;
    visibility: hidden;
    z-index: 99
}

.search-open .nav-search input {
    z-index: 100;
    border-color: red
}

.menu-desktop>div:first-child>div:nth-child(2)>div:first-child {
    padding: 0!important;
    background-color: #f2f2f2!important
}

.MenuCatAll {
    background-color: #0ff
}

.arrow {
    position: absolute;
    right: 1em;
    margin-top: 5px;
    opacity: .1;
    filter: alpha(opacity=10)
}

.MenuSubItem:hover {
    font-weight: 700!important
}

.menu-horizontal-container {
    width: 100%
}

.menu-horizontal-container,.navbar-horizontal {
    display: flex;
    align-items: center;
    position: relative
}

.navbar-horizontal {
    background-color: #ff2739;
    flex-grow: 1;
    overflow: visible;
    flex-wrap: wrap;
    z-index: 1000
}

.navbar-horizontal a,.navbar-item-horizontal {
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: block;
    padding: 12px 16px;
    transition: all .3s ease
}

.navbar-horizontal a:hover,.navbar-item-horizontal:hover {
    color: #565656
}

.dropdown-horizontal {
    position: static;
    display: inline-block
}

.dropdown-horizontal .dropbtn-horizontal {
    font-size: 12px;
    border: none;
    outline: none;
    color: #fff;
    padding: 12px 16px;
    background-color: inherit;
    font: inherit;
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    grid-gap: 5px;
    gap: 5px;
    transition: all .3s ease
}

.dropdown-title-link-horizontal {
    color: inherit!important;
    text-decoration: none!important;
    padding: 0!important
}

.caret-down {
    font-size: 10px;
    margin-left: 5px;
    transition: transform .3s ease
}

.dropdown-horizontal:hover .dropbtn-horizontal {
    background-color: #d9d9d9;
    color: #565656
}

.dropdown-horizontal:hover .dropdown-title-link-horizontal {
    color: #565656!important
}

.dropdown-horizontal:hover .caret-down {
    transform: rotate(180deg)
}

.dropdown-content-horizontal {
    display: none;
    position: absolute;
    top: 100%;
    background-color: #d9d9d9;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    z-index: 10500;
    border-radius: 0;
    opacity: 0;
    transform: translateY(-10px);
    transition: all .3s ease
}

.dropdown-content-horizontal,.dropdown-horizontal.align-right .dropdown-content-horizontal {
    left: 0;
    right: 0;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: 100vh;
    overflow: visible
}

.dropdown-horizontal:hover .dropdown-content-horizontal {
    display: block;
    opacity: 1;
    transform: translateY(0);
    animation: fadeInDown .3s ease
}

.row-horizontal {
    display: grid;
    grid-gap: 15px;
    gap: 15px;
    padding: 15px;
    align-items: start
}

.dropdown-horizontal[data-columns="1"] .row-horizontal {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.dropdown-horizontal[data-columns="2"] .row-horizontal {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.dropdown-horizontal[data-columns="3"] .row-horizontal {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.dropdown-horizontal[data-columns="4"] .row-horizontal {
    grid-template-columns: repeat(4,minmax(0,1fr))
}

.dropdown-horizontal[data-columns="5"] .row-horizontal {
    grid-template-columns: repeat(5,minmax(0,1fr))
}

.dropdown-horizontal[data-columns="6"] .row-horizontal {
    grid-template-columns: repeat(6,minmax(0,1fr))
}

.dropdown-horizontal[data-columns="7"] .row-horizontal {
    grid-template-columns: repeat(7,minmax(0,1fr))
}

.dropdown-horizontal[data-columns="8"] .row-horizontal {
    grid-template-columns: repeat(8,minmax(0,1fr))
}

.dropdown-horizontal[data-columns="9"] .row-horizontal {
    grid-template-columns: repeat(9,minmax(0,1fr))
}

.dropdown-horizontal[data-columns="10"] .row-horizontal {
    grid-template-columns: repeat(10,minmax(0,1fr))
}

.column-horizontal {
    flex: initial;
    min-width: 0;
    max-width: none;
    padding: 10px;
    background-color: #d9d9d9;
    border-radius: 4px
}

.column-horizontal a {
    color: #565656!important;
    text-decoration: none;
    display: block;
    text-align: left;
    padding: 10px 8px;
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    transition: all .3s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 4px;
    margin-bottom: 2px
}

.column-horizontal a:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.column-horizontal a:focus,.column-horizontal a:hover {
    color: #ff2739!important;
    font-weight: 500;
    background-color: rgba(255,39,57,.1);
    transform: translateX(5px)
}

.column-horizontal a:focus,.dropbtn-horizontal:focus,.navbar-item-horizontal:focus {
    outline: 2px solid #ff2739;
    outline-offset: 2px
}

.menu-horizontal-loading {
    padding: 15px;
    text-align: center;
    color: #666;
    font-style: italic;
    background-color: #f5f5f5;
    border-radius: 4px
}

@media screen and (max-width: 1200px) {
    .column-horizontal {
        min-width:180px;
        max-width: 200px
    }
}

@media screen and (max-width: 992px) {
    .column-horizontal {
        min-width:160px;
        max-width: 180px
    }
}

@media screen and (max-width: 768px) {
    .navbar-horizontal {
        flex-direction:column;
        align-items: stretch
    }

    .dropdown-horizontal {
        width: 100%
    }

    .dropdown-content-horizontal {
        position: static;
        width: 100%!important;
        min-width: 100%!important;
        max-width: 100%!important;
        overflow-y: auto;
        display: none;
        box-shadow: inset 0 2px 4px rgba(0,0,0,.1);
        border-radius: 0
    }

    .dropdown-horizontal.align-right .dropdown-content-horizontal {
        left: 0;
        right: auto
    }

    .dropdown-horizontal:hover .dropdown-content-horizontal {
        display: block
    }

    .row-horizontal {
        display: block;
        grid-gap: 10px;
        gap: 10px;
        padding: 10px
    }

    .column-horizontal {
        width: 100%;
        min-width: auto;
        max-width: none;
        margin-bottom: 10px
    }

    .column-horizontal:last-child {
        margin-bottom: 0
    }

    .dropbtn-horizontal {
        justify-content: space-between;
        width: 100%
    }

    .navbar-item-horizontal {
        text-align: left
    }
}

@media screen and (max-width: 480px) {
    .dropbtn-horizontal {
        padding:12px 16px!important;
        font-size: 12px!important
    }

    .navbar-item-horizontal {
        padding: 12px 16px;
        font-size: 12px
    }

    .column-horizontal a {
        font-size: 12px;
        padding: 8px 6px
    }

    .column-horizontal,.row-horizontal {
        padding: 8px
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@media (prefers-reduced-motion:reduce) {
    .caret-down,.column-horizontal a,.dropdown-content-horizontal {
        transition: none
    }

    .dropdown-horizontal:hover .dropdown-content-horizontal {
        animation: none
    }
}

@media (prefers-contrast:high) {
    .dropdown-content-horizontal {
        border: 2px solid #000
    }

    .column-horizontal a {
        border-bottom: 2px solid #000
    }

    .column-horizontal a:focus,.dropbtn-horizontal:focus,.navbar-item-horizontal:focus {
        outline: 3px solid #000
    }
}

.dropdown-horizontal[data-type=all] .dropdown-content-horizontal {
    left: 0;
    right: auto
}

.dropdown-submenu-horizontal {
    position: relative;
    display: flex;
    align-items: center;
    grid-gap: 6px;
    gap: 6px;
    white-space: nowrap
}

.caret-right {
    font-size: 10px;
    display: inline-block;
    margin-left: 6px
}

.dropdown-submenu-horizontal .dropdown-submenu-content-horizontal {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    background-color: #d9d9d9;
    min-width: 250px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    z-index: 10600;
    border-radius: 4px
}

.dropdown-submenu-horizontal:hover .dropdown-submenu-content-horizontal {
    display: block
}

.dropdown-submenu-horizontal[data-align=left] .dropdown-submenu-content-horizontal {
    left: auto;
    right: 100%
}

.menu-container {
    border-bottom: 1px solid #f2f2f2
}

.menu-container,.navbar {
    display: flex;
    background-color: #ff2739;
    align-items: center
}

.navbar {
    flex-grow: 1;
    overflow: hidden
}

.navbar a {
    float: left;
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.dropdown-cat {
    float: left;
    overflow: hidden
}

.dropdown-cat .dropbtn {
    font-size: 12px;
    border: none;
    outline: none;
    color: #fff;
    padding: 10px;
    background-color: inherit;
    font: inherit;
    margin: 0;
    cursor: pointer
}

.dropdown-cat:hover .dropbtn,.navbar a:hover {
    background-color: #d9d9d9;
    color: #565656
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #d9d9d9;
    width: 100%;
    left: 0;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    z-index: 10500
}

.dropdown-cat:hover .dropdown-content {
    display: block
}

.column-menu {
    float: left;
    width: 33.33%;
    padding: 10px;
    background-color: #d9d9d9;
    height: auto
}

.column-menu a {
    float: none;
    color: #565656;
    text-decoration: none;
    display: block;
    text-align: left
}

.column-menu a:hover {
    color: #ff2739
}

@media screen and (max-width: 600px) {
    .column-menu {
        width:100%;
        height: auto
    }
}

.nav-superior {
    margin-bottom: 15px;
    font-size: 1em;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.nav-estaticas-commerce {
    min-width: 200px;
    max-width: 100%
}

.autoCompleteArena.hidden {
    display: none
}

.autoCompleteArena {
    width: 100%;
    background-color: #fff;
    z-index: 2000;
    border-radius: 5px;
    position: absolute;
    bottom: -1px;
    box-shadow: 0 3px 50px rgba(0,0,0,.25098039215686274);
    transform: translateY(100%);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.autoCompleteArena ul {
    margin-top: 2px;
    padding-left: 12px;
    margin-bottom: 4px
}

.autoCompleteArena ul li {
    padding: .5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.autoCompleteArena ul li a {
    color: inherit;
    text-decoration: none;
    width: 100%;
}

.autoCompleteArena ul li:hover {
    color: #126ab2
}

.autoCompleteArena .focus-overlay-control {
    background: red;
    opacity: .5
}

.slick-list {
    margin: 0 0 -6px!important
}

.slick-initialized .slick-slide {
    display: block!important
}

.search {
    color: #fff;
    background-color: #ff2739
}

.container-mobile-forma-pagamento {
    display: flex;
    flex-direction: column;
    align-items: center
}

.select-forma-pagamento {
    width: 250px
}

.label-forma-pagamento {
    font-size: 25px;
    margin-bottom: 10px
}

.drop-down-menu-login.ui.dropdown,.drop-down-menu-login.ui.dropdown .menu {
    z-index: 9000!important
}

@media (max-width: 425px) {
    .select-forma-pagamento {
        width:200px
    }

    .label-forma-pagamento {
        font-size: 20px
    }
}

@media (max-width: 375px) {
    .select-forma-pagamento {
        width:180px
    }

    .label-forma-pagamento {
        font-size: 19px
    }
}

.fade {
    transition: opacity 0s ease-in-out
}

.fade-in {
    opacity: 1
}

.fade-out {
    opacity: 0
}

.nav-secundaria {
    font-size: clamp(12px,1.4vw,15px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    background-color: #e1e1e1
}

.nav-secundaria .nav-menus {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: clamp(8px,1.6vw,16px);
    gap: clamp(8px,1.6vw,16px)
}

.header-bottom {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    width: 100%;
    padding: 8px 16px
}

.header-bottom,.header-bottom__center {
    align-items: center;
    grid-gap: clamp(8px,2vw,24px);
    gap: clamp(8px,2vw,24px)
}

.header-bottom__center {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.header-bottom__center .nav-search {
    width: min(75vw,640px)
}

.responsive-cart {
    display: flex;
    align-items: center;
    background-color: #126ab2;
    color: #fff;
    border-radius: 5px
}

.responsive-cart i,.responsive-cart svg {
    font-size: 1.5rem
}

.drop-down-menu-login .text,.header-bottom,.login-text,.nav-secundaria {
    font-size: clamp(12px,1.6vw,15px)
}

.search-open .nav-search i {
    z-index: 101;
    color: #fff
}

.drop-down-menu-login .text,.login-text {
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

@media (max-width: 768px) {
    .header-bottom {
        grid-template-columns:1fr auto 0
    }

    .header-bottom__center .nav-search {
        width: min(85vw,640px)
    }
}

.nav-logo img {
    max-height: 90px!important
}

.menu-desktop,.menu-mobile {
    position: fixed;
    z-index: 8000;
    top: 0;
    left: 0;
    width: 100%
}

.button-agrupador {
    display: flex!important;
    align-items: center!important;
    grid-gap: 5px!important;
    gap: 5px!important;
    background: transparent!important;
    font-weight: 500!important;
    padding: 0!important;
    font-size: 15px!important
}

.button-agrupador i {
    height: 100%!important;
    margin: 0!important;
    padding-left: 6px!important
}

.header-bottom__actions .login-action {
    display: flex;
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
    padding: 6px 10px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color .2s ease
}

.header-bottom__actions .login-action:hover {
    background-color: rgba(108,117,125,.1)
}

.header-bottom__actions .login-action svg {
    width: 24px;
    height: 24px
}

.header-bottom__actions .login-action .login-text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    white-space: normal
}

.header-bottom__actions .login-action .login-text .login-line-1 {
    font-size: 15px
}

.header-bottom__actions .login-action .login-text .login-line-2 {
    font-size: 13px;
    color: #6c757d
}

.modal-endereco .ui.cards {
    display: block!important;
    margin: 0!important
}

.modal-endereco .card {
    margin: .5em!important
}

.modal-endereco .ui.centered.cards {
    margin-left: -8px!important;
    margin-right: 5px!important
}

.novo-endereco-botao {
    width: 100%!important;
    margin-left: auto!important;
    margin-right: auto!important;
    color: #000!important
}

.main-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.btn-delivery {
    flex: 1 1;
    min-width: 250px;
    max-width: 350px;
    overflow: "hidden";
    height: "100px";
    border-radius: "10px";
    border: "solid 3px";
    display: "flex";
    align-items: "center";
    cursor: "pointer";
    margin: "0.5em"
}

@media (max-width: 460px) {
    .btn-delivery h2 {
        font-size:20px
    }
}

.address-search-row {
    padding: 5px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc
}

svg.svg-inline--fa.fa-map-marker-alt.fa-w-12.row-icon {
    font-size: 20px;
    width: 36px;
    opacity: .8
}

.address-search-row.row-content.main_text {
    font-size: 16px
}

.address-search-row.row-content.secondary_text {
    font-size: 12px;
    opacity: .7
}

.help-container {
    text-align: center;
    display: flex;
    flex-direction: column;
    padding: 10px 20px
}

div.help-text {
    padding: 10px
}

.breadcrumb {
    width: 100%;
    display: flex;
    background-color: #ccc;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap
}

div.breadcrumb-item,span.breadcrumb-item {
    padding: 5px;
    color: rgba(0,0,0,.5);
    transition: all .3s ease-in-out
}

div.breadcrumb-item:hover span.breadcrumb-item:hover {
    color: #000
}

div.breadcrumb-item:last-child,span.breadcrumb-item:last-child {
    font-weight: 700;
    color: #000
}

.button-agrupador-sidebar {
    min-width: 150px;
    height: 30px;
    display: flex!important;
    justify-content: space-between;
    align-items: center;
    padding: 4px!important
}

.button-agrupador-sidebar i {
    height: 100%!important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0!important;
    padding-left: 8px
}

.fo-side,.menu-lateral-mobile .fo-side,.menu-lateral-mobile.ui.menu {
    text-align: left!important
}

.fo-side {
    background: #fff;
    min-height: 100%
}

.fo-side-head {
    justify-content: space-between;
    padding: 18px 16px 12px
}

.fo-side-head,.fo-side-logo {
    display: flex;
    align-items: center
}

.fo-side-logo {
    cursor: pointer;
    min-width: 0
}

.fo-side-logo img {
    max-height: 72px!important;
    width: auto!important
}

.fo-side-close {
    background: none;
    border: 0;
    color: #333;
    font-size: 26px;
    line-height: 1;
    padding: 8px;
    margin-left: 12px;
    cursor: pointer;
    flex: 0 0 auto
}

.fo-side-ofertas {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 12px;
    gap: 12px;
    width: calc(100% - 32px);
    margin: 4px 16px 22px;
    padding: 18px 16px;
    border: 0;
    border-radius: 12px;
    background: #e01e26;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: .4px;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(224,30,38,.35);
    transition: transform .05s ease,box-shadow .15s ease
}

.fo-side-ofertas:active {
    transform: translateY(1px);
    box-shadow: 0 3px 10px rgba(224,30,38,.35)
}

.fo-side-ofertas svg {
    font-size: 20px
}

.fo-side-section-title {
    color: #9a9a9a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    text-align: left!important;
    padding: 6px 18px 10px
}

.fo-side-dept .fo-dept-accordion .ui.menu {
    border: 0!important;
    box-shadow: none!important;
    background: #fff!important;
    border-radius: 0!important;
    text-align: left!important
}

.fo-side-dept a {
    display: block;
    text-decoration: none
}

.fo-dept-item.item {
    padding: 0!important;
    margin: 0!important;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 0!important;
    text-align: left!important
}

.fo-dept-item.item:before {
    display: none!important
}

.fo-dept-item .title,.fo-dept-leaf.item {
    display: flex!important;
    flex-direction: row!important;
    align-items: center!important;
    justify-content: flex-start!important;
    grid-gap: 16px;
    gap: 16px;
    padding: 17px 18px!important;
    color: #2b2b2b!important;
    font-size: 16px!important;
    font-weight: 600;
    text-align: left!important;
    cursor: pointer
}

.fo-dept-icon {
    flex: 0 0 auto;
    width: 26px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #444;
    font-size: 19px
}

.fo-dept-label {
    flex: 1 1 auto;
    line-height: 1.3
}

.fo-dept-chevron {
    flex: 0 0 auto;
    color: silver;
    font-size: 14px
}

.fo-dept-leaf.fo-dept-sub.item,.fo-dept-sub .title {
    padding-left: 56px!important;
    font-size: 15px!important;
    font-weight: 400;
    color: #555!important;
    background: #fafafa
}

.fo-side-dept .ui.accordion .accordion .content,.fo-side-dept .ui.accordion .content {
    padding: 0!important;
    margin: 0!important
}

.fo-side-section-title.fo-divider {
    border-top: 8px solid #f4f4f4;
    margin-top: 4px;
    padding-top: 16px
}

.fo-side-acoes>div,.fo-side-links>div,.fo-side-links a {
    text-align: left!important;
    padding: 15px 18px!important;
    margin: 0!important;
    border-bottom: 1px solid #f0f0f0;
    box-shadow: none!important;
    color: #2b2b2b!important;
    font-size: 15px!important;
    text-decoration: none;
    cursor: pointer
}

.fo-side-links>div,.fo-side-links a {
    display: block!important;
    font-weight: 400
}

@media only screen and (min-width: 992px) {
    .ui.small.modal {
        width:750px!important
    }
}

.modal-cupom.ui.modal>.header {
    padding: 1.25rem 24px 1rem!important
}

.modal-cupom.ui.modal>.content {
    padding: 0 24px 24px!important
}

.cupom-cards-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
    gap: 16px
}

@media only screen and (min-width: 768px) {
    .cupom-cards-grid {
        grid-template-columns:1fr 1fr
    }
}

.cupom-card {
    transition: all .2s ease;
    overflow: visible
}

.cupom-card--tooltip {
    z-index: 6
}

.cupom-categorias {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 6px;
    gap: 6px;
    flex: 1 1;
    min-width: 0;
    max-width: 100%;
    line-height: 1.4;
    word-break: break-word
}

.cupom-categorias-mais-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    z-index: 1
}

.cupom-categorias-mais {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 18px;
    padding: 0 6px;
    border: 1px solid #d1d5db;
    border-radius: 9999px;
    background: #f3f4f6;
    color: #374151;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    touch-action: manipulation
}

.cupom-categorias-mais-wrap.is-open .cupom-categorias-mais,.cupom-categorias-mais:hover {
    background: #e5e7eb;
    border-color: #9ca3af
}

.cupom-categorias-tooltip {
    position: fixed;
    z-index: 10000000;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding: 10px 12px;
    border-radius: 8px;
    background: #fff;
    color: #374151;
    text-align: left;
    border: 1px solid #e5e7eb;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    box-sizing: border-box
}

.cupom-categorias-tooltip-title {
    display: block;
    position: -webkit-sticky;
    position: sticky;
    top: -10px;
    margin: -10px -12px 8px;
    padding: 10px 12px 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #6b7280;
    background: #fff;
    z-index: 1
}

.cupom-categorias-tooltip:before {
    margin-left: -6px;
    border: 6px solid transparent;
    border-bottom-color: #fff
}

.cupom-categorias-tooltip:after,.cupom-categorias-tooltip:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: var(--arrow-left,16px)
}

.cupom-categorias-tooltip:after {
    margin-left: -7px;
    margin-bottom: 1px;
    border: 7px solid transparent;
    border-bottom-color: #e5e7eb;
    z-index: -1
}

.cupom-categorias-tooltip--above:before {
    bottom: auto;
    top: 100%;
    border-bottom-color: transparent;
    border-top-color: #fff
}

.cupom-categorias-tooltip--above:after {
    bottom: auto;
    top: 100%;
    margin-bottom: 0;
    margin-top: 1px;
    border-bottom-color: transparent;
    border-top-color: #e5e7eb
}

.cupom-categorias-tooltip-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.cupom-categorias-tooltip-list li {
    padding: 4px 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    color: #374151;
    border-bottom: 1px solid #f3f4f6
}

.cupom-categorias-tooltip-list li:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.cupom-card:not(.cupom-card--selected):hover {
    border-color: #93c5fd!important;
    box-shadow: 0 1px 3px rgba(0,0,0,.1)
}

.cupom-copy-btn {
    transition: background-color .2s ease
}

.message-error,.spinner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%
}

.message-error {
    text-align: center;
    padding: 12px;
    flex-direction: column
}

.message-error i {
    font-size: 55px;
    margin-bottom: 20px
}

.ui.modal>.content {
    padding: 0!important
}

#payment-iframe-sdk {
    height: 650px!important;
    min-height: 400px!important
}

.modal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 99999999;
    display: flex;
    justify-content: center;
    align-items: center
}

.payment-iframe-sdk-modal {
    width: 80%!important;
    height: 500px!important;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,.5);
    position: relative
}

@media (max-width: 960px) {
    .payment-iframe-sdk-modal {
        width:95%!important
    }
}

.scrolling.content {
    max-height: none!important
}

.modal-iframe {
    width: 80%!important;
    min-height: 420px!important
}

.pix-info {
    width: 100%;
    padding: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column
}

.pix-qrcode {
    max-width: 180px;
    max-height: 180px;
    width: auto;
    height: auto
}

.pix-valor {
    padding-top: 20px;
    font-size: 25px
}

.pix-title {
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px
}

.pix-copy {
    padding: 10px;
    width: 100%;
    display: flex;
    justify-content: center
}

.image-product-hover-animated {
    transition: transform .2s ease-in-out
}

.imagem-loading {
    position: relative;
    overflow: hidden;
    animation-duration: 1.7s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: placeholderAnimate;
    background-size: 1300px;
    border-radius: 3px;
    height: 10em;
    width: 90%
}

.zoom-image-container {
    z-index: 1000;
    width: 100%!important;
    height: 100%!important;
    max-width: 500px!important;
    max-height: 500px!important;
    background-color: #fff;
    box-shadow: 10px 10px 139px -73px rgba(0,0,0,.61)
}

@media (max-width: 768px) {
    .zoom-image-container {
        top:100%!important;
        left: -60%!important;
        max-width: 90vw!important;
        max-height: 50vh!important;
        margin-left: 0!important;
        margin-top: 10px
    }
}

.hoverCard {
    transition: box-shadow var(--fo-dur,.15s) var(--fo-ease,ease)
}

.card-produto-box {
    height: 100%;
    display: flex;
    flex-direction: column
}

.produto-nome-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

.produto-nome-clamp p {
    margin: 0
}

.produto-img-box {
    background: #f7f7f7;
    border-radius: var(--fo-radius,2px);
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 150px;
    width: 100%
}

.produto-img-box img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    mix-blend-mode: multiply
}

.produto-img-caption {
    text-align: center;
    font-family: var(--fo-sans,sans-serif);
    font-size: 9px;
    line-height: 1.2;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--fo-grey-body,#7e7e7e);
    margin-top: 6px
}

.produto-img-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 118px;
    color: #c4c4c4
}

.produto-img-placeholder svg {
    width: 46px;
    height: 46px
}

.hoverCard:hover {
    transform: none;
    opacity: 1!important;
    border-color: var(--fo-charcoal,#25282b)!important;
    box-shadow: none!important
}

.preco-auxiliar {
    color: var(--fo-charcoal,#25282b);
    opacity: .7;
    transition: all .2s ease-in-out
}

.preco-auxiliar.shrink {
    font-size: 90%;
    opacity: .6
}

.strike {
    text-decoration: line-through
}

.ui .card {
    opacity: .9
}

.plus-button {
    background: var(--fo-red,#ff2739);
    border-radius: var(--fo-radius,2px);
    width: 26px;
    height: 26px;
    outline: none;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background var(--fo-dur,.15s) var(--fo-ease,ease)
}

.plus-button:hover {
    background: var(--fo-red-deep,#c01e2d)
}

.plus-button i {
    font-size: 14px;
    margin: 0;
    color: #fff
}

@media screen and (max-width: 768px) {
    .popup-content {
        display:none
    }
}

@media screen and (min-width: 768px) {
    .table-discount-content {
        display:none
    }
}

.discount-table-item {
    display: flex;
    grid-gap: 1.25rem;
    gap: 1.25rem;
    padding: 0 .5rem;
    justify-content: space-between;
    align-items: center
}

.discount-table-box {
    background-color: var(--fo-white,#fff);
    border-radius: var(--fo-radius,2px);
    position: relative;
    min-width: 232px;
    padding: 12px 16px 8px;
    font-family: var(--fo-sans,sans-serif)
}

.discount-table-title {
    font-family: var(--fo-sans,sans-serif);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--fo-charcoal,#25282b);
    padding-bottom: 8px;
    margin-bottom: 4px;
    border-bottom: 2px solid var(--fo-red,#ff2739)
}

.table-discount-content .discount-table-box {
    border: 1px solid var(--fo-border,#e9e9e9)
}

.preco-destaque-content {
    display: flex;
    align-items: center;
    grid-gap: .5rem;
    gap: .5rem;
    justify-content: center;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    font-weight: 700
}

.preco-destaque-content--pdp {
    font-size: 30px;
    line-height: 1.1
}

.title-card-combo {
    font-size: 20px;
    font-weight: 700
}

.container-card {
    display: flex!important;
    flex-direction: column!important;
    justify-content: space-between!important
}

.container-products {
    padding-top: 15px
}

.product {
    padding-bottom: 15px
}

.container-preco {
    display: flex;
    flex-direction: row;
    margin-top: .5rem
}

.slider-produtos-adicionais .slick-list {
    margin: auto!important;
    width: 90%;
    height: 100%;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    display: relative
}

@media (max-width: 1440px) {
    .slider-produtos-adicionais .slick-list {
        width:100%
    }
}

.slider-produtos-adicionais .slick-track {
    display: flex!important;
    grid-gap: 20px;
    gap: 20px;
    height: 100%
}

.slider-produtos-adicionais .slick-slide {
    height: inherit!important
}

.slider-produtos-adicionais .slick-slide>div,.slider-produtos-adicionais .slick-slide>div>div,.slider-produtos-adicionais .slick-slide>div>div>div {
    height: 100%!important
}

.slider-produtos-adicionais .ui.card {
    width: 68%;
    min-height: 400px
}

@media (max-width: 480px) {
    .slider-produtos-adicionais .ui.card {
        width:85%
    }

    .slick-slide>div>div {
        place-items: center
    }
}

@media (max-width: 768px) {
    .slider-produtos-adicionais .ui.card {
        width:78%
    }

    .slick-slide>div>div {
        place-items: center
    }
}

.container-agrupadores-pagamento {
    padding: 30px;
    display: flex;
    flex-direction: column;
    grid-gap: 25px;
    gap: 25px
}

.form-class {
    grid-gap: 15px;
    gap: 15px
}

.form-class,.form-field-container {
    display: flex;
    flex-direction: column
}

.form-field-container {
    grid-gap: 8px;
    gap: 8px
}

.form-field-container label {
    font-weight: 600;
    color: #494949
}

.container-actions-buttons {
    display: flex;
    grid-gap: 8px;
    gap: 8px
}

.alert-message {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    grid-gap: .75rem;
    gap: .75rem;
    padding: .75rem 1rem;
    border-radius: .5rem;
    box-shadow: 0 1px 2px rgba(0,0,0,.05)
}

.alert-message.alert {
    background-color: #fff7ed;
    border-bottom: 4px solid #f97316;
    color: #c2410c
}

.alert-message.error {
    background-color: #fef2f2;
    border-bottom: 4px solid #ef4444;
    color: #b91c1c
}

.alert-message.success {
    background-color: #f0fdf4;
    border-bottom: 4px solid #22c55e;
    color: #15803d
}

.alert-message.info {
    background-color: #eff6ff;
    border-bottom: 4px solid #3b82f6;
    color: #1d4ed8
}

.alert-icon {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem
}

.alert-icon--orange {
    color: #f97316
}

.alert-icon--red {
    color: #ef4444
}

.alert-icon--green {
    color: #22c55e
}

.alert-icon--blue {
    color: #3b82f6
}

.alert-content {
    flex: 1 1
}

.alert-title {
    font-weight: 600;
    font-size: .875rem
}

@media (min-width: 640px) {
    .alert-title {
        font-size:1.2rem
    }
}

.alert-text {
    font-size: 1rem;
    margin-top: .25rem
}

.chat-list .chat-item {
    width: 100%;
    min-height: 65px;
    padding: 5px 10px;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.chat-list .chat-item:hover {
    background-color: #f0f0f0
}

.chat-list .chat-item .chat-profile {
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center
}

.chat-list .chat-item .profile-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #bcbcbc;
    border: 1.5px solid #707070;
    font-size: 25px;
    color: #f0f0f0;
    position: relative
}

.chat-list .chat-item .chat-info {
    width: calc(100% - 70px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.chat-item .chat-info .chat-first-line {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.chat-info .chat-first-line .chat-name {
    font-size: 14px;
    font-weight: 600
}

.chat-info .chat-first-line .chat-data {
    font-size: 12px
}

.chat-item .chat-info .chat-last-msg {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 12px
}

.chat-divider {
    width: 92%;
    height: 1px;
    background-color: #f0f0f0
}

.chat-budge {
    background-color: #ff1e19;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    font-size: 12px;
    color: #fff
}

.chat-name.loading {
    width: 60px;
    height: 20px;
    margin-bottom: 10px
}

.chat-data.loading {
    width: 40px;
    height: 20px;
    margin-bottom: 10px
}

.chat-last-msg.loading {
    width: 80px;
    height: 20px;
    margin-bottom: 10px
}

.room-chat {
    flex: 1 1;
    min-height: 100%;
    flex-direction: column
}

.room-chat,.room-chat .room-footer {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.room-chat .room-footer {
    min-height: 45px;
    max-height: 45px;
    padding: 7px 10px;
    background-color: #ddd
}

.room-chat .room-footer .room-input {
    width: calc(100% - 50px);
    height: 30px;
    background-color: initial;
    border: none;
    border-bottom: 1px solid #000;
    color: #000
}

input.room-input::placeholder {
    color: rgba(0,0,0,.4);
    opacity: 1
}

input.room-input:focus {
    box-shadow: none;
    outline: none
}

.room-chat .room-footer .room-send {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px
}

.room-chat .room-mensagens {
    flex: 1 1;
    height: calc(100% - 45px);
    width: 100%
}

.room-chat .mensagens {
    width: 100%;
    height: 100%;
    overflow: auto
}

.room-chat .mensagens .chat-msg-line {
    width: 100%;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    line-height: 1rem
}

.room-chat .mensagens .chat-msg-line.send {
    justify-content: flex-end
}

.room-chat .mensagens .chat-msg-line.receive {
    justify-content: flex-start
}

.room-chat .mensagens .chat-msg {
    min-width: 50px;
    max-width: 80%;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    padding: 5px 10px
}

.chat-msg-line.send .chat-msg {
    background-color: #dcdcdc;
    color: #000
}

.chat-msg-line.receive .chat-msg {
    background-color: #30c250;
    color: #fff
}

.chat-msg-line .chat-msg .msg-footer {
    width: 100%;
    flex-direction: row;
    display: flex;
    opacity: .6;
    font-size: 10px
}

.chat-msg-line.receive .chat-msg .msg-footer {
    justify-content: flex-end;
    justify-content: flex-start
}

.chat-msg-line .chat-msg .msg-footer .msg-time {
    font-size: 10px;
    padding: 0 5px
}

.chat-msg-line.receive .chat-msg .msg-footer .msg-time {
    color: #fff
}

.chat-msg-line.send .chat-msg .msg-footer .msg-time {
    color: #000
}

.chat-msg-line .chat-msg.msg-loading {
    width: 40%;
    height: 30px
}

.msg-loading {
    background: linear-gradient(90deg,#dcdcdc 2%,#f0f0f0 18%,#dcdcdc 33%);
    background-size: 1300px
}

.chat-msg-line.receive .msg-loading,.msg-loading {
    position: relative;
    overflow: hidden;
    animation-duration: 1.7s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: placeholderAnimate
}

.chat-msg-line.receive .msg-loading {
    background: linear-gradient(90deg,#30c250 2%,#7de493 18%,#30c250 33%);
    background-size: 1300px
}

.room-chat .chat-falha {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.room-chat .chat-falha .chat-falha-icon {
    font-size: 40px;
    margin-bottom: 10px;
    color: rgba(0,0,0,.4)
}

.chat-window {
    position: fixed;
    right: 35px;
    bottom: -100%;
    width: 350px;
    min-height: 400px;
    max-height: 50vh;
    height: auto;
    z-index: 1000;
    box-shadow: 13px 7px 58px -16px rgba(0,0,0,.75);
    display: none;
    flex-direction: column;
    transition: all .3s ease-in-out
}

.chat-window.open {
    bottom: 0;
    display: flex;
    animation: chatShowDesktop .3s ease-in
}

.chat-window .chat-header {
    width: 100%;
    min-height: 45px;
    max-height: 50px;
    background-color: #00f;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    border-radius: 5px 5px 0 0
}

.chat-window .chat-header.room-header {
    justify-content: flex-start
}

.chat-window .chat-header span {
    font-size: 16px;
    font-weight: 800
}

.chat-window .chat-header.room-header span {
    padding-left: 10px
}

.chat-window .chat-header .btn-close {
    color: #fff;
    cursor: pointer
}

.chat-window .chat-content {
    flex: 1 1;
    width: 100%;
    min-height: calc(100% - 45px);
    display: flex;
    overflow: auto;
    background-color: #fff
}

.chat-window .chat-content.chat-list {
    width: 100;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

@media (max-width: 768px) {
    .chat-window {
        top:0;
        bottom: 0;
        left: 100%;
        right: 0;
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        display: none
    }

    .chat-window.open {
        left: 0;
        display: flex;
        animation: chatShowMobile .2s ease-in
    }
}

@keyframes chatShowMobile {
    0% {
        left: 100%;
        display: none
    }

    to {
        left: 0;
        display: flex
    }
}

@keyframes chatShowDesktop {
    0% {
        bottom: -100%;
        opacity: 0;
        visibility: hidden
    }

    to {
        bottom: 0;
        opacity: 1;
        visibility: visible
    }
}

.footer-container {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    background-color: #ebebeb;
    color: #000
}

.footer-commerce {
    padding: 25px 25px 10px;
    max-width: 100vw;
    overflow-x: auto
}

.footer-powered-by {
    display: flex;
    justify-content: center;
    width: 100vw;
    padding-bottom: 10px
}

.footer-powered-by img {
    max-width: 40px;
    height: auto;
    margin-left: 10px
}

.footer-commerce table {
    width: 100%
}

.footer-commerce th {
    background-color: #ebebeb!important
}

@media (max-width: 768px) {
    .footer-commerce,
    .footer-container {
        display: block !important;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        padding: 0;
        background: transparent;
    }

    .footer-content {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 40px 6% !important;
    }

    .footer-column {
        align-items: center;
        width: 100%;
        max-width: 320px;
    }

    .footer-column h4::after {
        left: 50%;
        transform: translateX(-50%);
    }

    .social-icons {
        justify-content: center;
    }
}

@media (max-width: 1024px) {
    .footer-powered-by {
        padding-bottom:40px
    }
}

.jd_footer {
    display: none;
    background-color: #f0f0f0;
    width: 100%;
    color: #333;
    padding-bottom: 10px
}

@media (max-width: 768px) {
    .jd_footer {
        display:block
    }
}

.jd_newsletter {
    background-color: #ccc;
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px
}

.jd_newsletter-icon {
    margin: 0 auto 10px;
    width: 40px;
    height: 40px
}

.jd_newsletter-icon svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #ff3a44;
    stroke-width: 2
}

.jd_newsletter h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #fff
}

.jd_newsletter p {
    font-size: 14px;
    color: #888;
    margin-bottom: 15px
}

.jd_email-input {
    background-color: #fff;
    border: none;
    border-radius: 5px;
    padding: 12px;
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px
}

.jd_submit-btn {
    background-color: #ff3a44;
    color: #fff;
    border: none;
    border-radius: 20px;
    padding: 8px 25px;
    font-size: 14px;
    cursor: pointer;
    text-transform: uppercase
}

.jd_footer-section {
    padding: 20px
}

.jd_section-title {
    color: #ff3a44;
    font-size: 16px;
    margin-bottom: 10px
}

.jd_footer-links {
    list-style: none;
    padding: 0
}

.jd_footer-links li {
    margin-bottom: 8px
}

.jd_footer-links a {
    color: #666;
    text-decoration: none;
    font-size: 14px
}

.jd_atendimento p,.jd_contato p {
    font-size: 14px;
    color: #666;
    margin-bottom: 5px
}

.jd_logo-container {
    text-align: center;
    margin: 25px 0
}

.jd_logo {
    max-width: 150px
}

.jd_social-media {
    grid-gap: 15px;
    gap: 15px;
    margin-top: 15px
}

.jd_social-icon,.jd_social-media {
    display: flex;
    justify-content: center
}

.jd_social-icon {
    width: 30px;
    height: 30px;
    background-color: #ff3a44;
    border-radius: 50%;
    align-items: center;
    color: #fff;
    text-decoration: none
}

.footer-loading {
    position: relative;
    overflow: hidden;
    animation-duration: 1.7s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: placeholderAnimate;
    background-size: 1300px;
    border-radius: 3px;
    height: 150px;
    width: 100%;
    background: #ebebeb;
    background: linear-gradient(90deg,#eee 2%,#ddd 18%,#eee 33%)
}

@keyframes placeholderAnimate {
    0% {
        bg-position: -650px 0
    }

    to {
        bg-position: 650px 0
    }
}

.container-aviso-manutencao {
    display: grid;
    grid-template-columns: 40% 60%;
    grid-template-rows: 1fr;
    grid-gap: 0 0;
    gap: 0 0;
    grid-auto-flow: row;
    grid-template-areas: "div1 div2";
    height: 100vh;
    width: 100%!important
}

.div2 {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 20% 30% 50%;
    grid-gap: 0 0;
    gap: 0 0;
    grid-auto-flow: row;
    grid-template-areas: "logo-fornecedor" "mensagem-default" "mensagem-fornecedor";
    grid-area: div2;
    padding-right: 10px
}

.logo-fornecedor {
    width: 60%
}

.mensagem-fornecedor {
    grid-area: mensagem-fornecedor;
    text-align: left;
    float: left
}

.div1 {
    grid-area: div1
}

.logo-maintenance {
    width: 60%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.text1 {
    font-size: 50px
}

.text1,.text2 {
    font-weight: 700
}

.text2 {
    font-size: 28px
}

.mensagem-fornecedor {
    font-size: 22px!important;
    border-top: 2px solid;
    min-height: 170px;
    padding-top: 5%
}

@media (max-width: 1440px) {
    .logo-fornecedor {
        width:20%!important
    }

    .logo-supplier {
        width: 100%!important;
        left: 50%!important
    }
}

@media (max-width: 1024px) {
    .logo-fornecedor {
        width:30%!important
    }

    .logo-supplier {
        width: 100%!important;
        left: 50%!important
    }
}

@media (max-width: 768px) {
    .logo-fornecedor {
        width:40%!important
    }

    .logo-supplier {
        width: 100%!important;
        left: 50%!important
    }
}

@media (max-width: 540px) {
    .text1 {
        font-size:40px!important
    }

    .text2 {
        font-size: 20px!important
    }

    .mensagem-fornecedor {
        font-size: 16px!important
    }

    .logo-fornecedor {
        width: 75%!important
    }

    .logo-supplier {
        width: 100%!important;
        left: 22%!important
    }
}

@media (max-width: 496px) {
    .text1 {
        font-size:30px!important
    }

    .text2 {
        font-size: 16px!important
    }

    .mensagem-fornecedor {
        font-size: 14px!important
    }

    .logo-fornecedor {
        width: 75%!important
    }

    .logo-supplier {
        width: 100%!important;
        left: 22%!important
    }
}

@media (max-width: 375px) {
    .logo-fornecedor {
        width:64%
    }

    .logo-supplier {
        width: 100%;
        left: 25%
    }
}

@media (max-width: 320px) {
    .text1 {
        font-size:25px!important
    }

    .text2 {
        font-size: 14px
    }

    .mensagem-fornecedor {
        font-size: 12px!important
    }

    .logo-fornecedor {
        width: 75%
    }

    .logo-supplier {
        width: 100%;
        left: 22%
    }
}

.container-controle-maioridade {
    display: grid;
    grid-template-columns: 40% 60%;
    grid-template-rows: 1fr;
    grid-gap: 0 0;
    gap: 0 0;
    grid-auto-flow: row;
    grid-template-areas: "div1cm div2cm";
    height: 100vh
}

.div2cm {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 20% 30% 50%;
    grid-gap: 0 0;
    gap: 0 0;
    grid-auto-flow: row;
    grid-template-areas: "logo-fornecedor" "mensagem-default" "mensagem-controle-maioridade";
    grid-area: div2cm;
    padding-right: 10px
}

.logo-fornecedor {
    grid-area: logo-fornecedor;
    width: 20%;
    text-align: right
}

.mensagem-default {
    grid-area: mensagem-default;
    line-height: 35px;
    border-top: 2px solid;
    display: flex;
    align-items: center;
    text-align: left;
    float: left
}

.div1cm {
    grid-area: div1cm
}

.logo-controle-maioridade {
    width: 300px;
    width: 60%
}

.logo-controle-maioridade,.logo-supplier {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.logo-supplier {
    width: 250px
}

.titulo {
    font-size: 35px;
    font-weight: 700
}

.mensagem-controle-maioridade {
    font-size: 22px;
    border-top: 2px solid;
    min-height: 170px;
    padding-top: 5%;
    text-align: justify
}

.inner {
    display: table-cell;
    vertical-align: middle
}

@media (max-width: 420px) {
    .mensagem-controle-maioridade,.titulo {
        font-size:20px
    }
}

@media (max-width: 320px) {
    .mensagem-controle-maioridade,.titulo {
        font-size:16px
    }
}

.cookies__container {
    position: fixed;
    bottom: 1rem;
    width: 85%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    z-index: 5000;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.35);
    border-radius: .5rem;
    grid-gap: .5rem;
    gap: .5rem
}

.cookies__container h2 {
    font-weight: 700;
    margin: 0!important
}

.cookies__container p {
    font-size: .95rem
}

.cookies__buttons {
    display: flex;
    grid-gap: .5rem;
    gap: .5rem;
    flex-wrap: wrap
}

@media screen and (max-width: 450px) {
    .cookies__container {
        width:90%;
        padding: 1rem
    }

    .cookies__buttons button {
        width: 100%
    }
}

.container-acesso-app {
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f6f6f6
}

.container-acesso-app .card-container-app .card-app {
    background-color: #fff;
    padding: 40px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 650px;
    margin: 20px;
    grid-gap: 25px;
    gap: 25px;
    box-shadow: 0 2px 8px 0 rgba(99,99,99,.2)
}

.card-app .status-system-app {
    font-size: 14px;
    color: oklch(40.8% .123 38.172);
    display: flex;
    align-items: center;
    padding: 4px 12px;
    grid-gap: 8px;
    gap: 8px;
    text-transform: uppercase;
    margin: 0!important
}

.card-app .icon-system-app,.card-app .status-system-app {
    background-color: oklch(98.7% .022 95.277);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 20px;
    border: 1px solid oklch(95.4% .038 75.164)
}

.card-app .icon-system-app {
    font-size: 60px;
    padding: 20px;
    color: oklch(76.9% .188 70.08)
}

.card-app h1 {
    color: oklch(27.9% .041 260.031);
    font-size: 30px;
    font-weight: 700
}

.card-app h1,.card-app h2 {
    margin: 0!important;
    text-align: center
}

.card-app h2 {
    color: oklch(55.4% .046 257.417);
    font-size: 18px
}

.card-app .status-app-descricao {
    color: oklch(70.4% .04 256.788);
    font-size: 15px;
    margin: 0!important;
    max-width: 550px;
    text-align: center
}

.information-app {
    width: 100%;
    padding: 20px;
    background-color: oklch(98.4% .003 247.858);
    border: 1px solid oklch(96.8% .007 247.896);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    grid-gap: 15px;
    gap: 15px;
    box-shadow: 0 2px 8px 0 rgba(99,99,99,.2)
}

.information-app-title {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.information-app h4 {
    margin: 0!important;
    color: oklch(70.4% .04 256.788)
}

.information-app h5 {
    margin: 0!important;
    background: #fee2e2;
    color: #b91c1c;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 20px;
    font-weight: 600
}

.information-app-message {
    display: flex;
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
    color: oklch(55.4% .046 257.417)
}

.status-ball-app {
    background: oklch(70.5% .213 47.604);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
    position: relative;
    animation: pulse-status 1.5s infinite
}

@keyframes pulse-status {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 oklch(70.5% .213 47.604/.7)
    }

    70% {
        transform: scale(1.2);
        box-shadow: 0 0 0 8px oklch(70.5% .213 47.604/0)
    }

    to {
        transform: scale(1);
        box-shadow: 0 0 0 0 oklch(70.5% .213 47.604/0)
    }
}
.lazy-load-image-background.blur {
    filter: blur(15px)
}

.lazy-load-image-background.blur.lazy-load-image-loaded {
    filter: blur(0);
    transition: filter .3s
}

.lazy-load-image-background.blur>img {
    opacity: 0
}

.lazy-load-image-background.blur.lazy-load-image-loaded>img {
    opacity: 1;
    transition: opacity .3s
}

.loadingCardProduto {
    text-align: center;
    width: 15.5%!important;
    margin: .55%!important
}

.loadingCardProduto.cardFull {
    margin: 0!important;
    width: 100%!important
}

@media (max-width: 1400px) {
    .loadingCardProduto {
        width:18.5%!important;
        margin: .7%!important
    }
}

@media (max-width: 1150px) {
    .loadingCardProduto {
        width:23%!important;
        margin: 1%!important
    }
}

@media (max-width: 960px) {
    .loadingCardProduto {
        width:31%!important;
        margin: 1%!important
    }
}

@media (max-width: 768px) {
    .loadingCardProduto {
        width:46%!important;
        margin: 1.8%!important
    }

    .cardFull .center-on-mobile {
        text-align: center!important;
        justify-content: center!important;
        width: 100%!important
    }

    .cardFull .center-on-mobile .center-on-mobile-block {
        margin-left: auto!important;
        margin-right: auto!important;
        max-width: 700px
    }

    .flex-center-mobile {
        width: 100%!important;
        display: flex!important;
        justify-content: center!important;
        align-items: center!important;
        flex-direction: column!important
    }
}

@media (max-width: 460px) {
    .loadingCardProduto {
        width:90%!important;
        margin: 5%!important
    }
}

.titulo-produto.loading {
    height: 15px;
    margin-bottom: 5px
}

.imagem-produto.loading {
    height: 10em
}

.preco-produto.loading {
    width: 50%;
    height: 24px
}

.botao-produto.loading {
    height: 36px
}

.descricao-produto.loading {
    height: 20px;
    margin-bottom: 5px
}

.cardFull .titulo-produto.loading {
    width: 60%
}

.cardFull .imagem-produto.loading {
    height: 308px
}

.cardFull .botao-produto.loading {
    width: 200px
}

.flex-center-column {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.container-filters {
    min-width: 250px;
    max-width: 300px;
    background-color: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
    padding: 16px;
    transition: all .3s ease-in-out;
    border: 1px solid var(--fo-border,#e9e9e9);
    border-radius: var(--fo-radius,2px);
    flex: 1 1
}

.container-filters .filter {
    width: 100%;
    margin-bottom: 10px;
    transition: all .3s ease-in-out
}

.container-filters .filter .filter-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 0;
    background-color: initial;
    border-bottom: 1px solid var(--fo-border,#e9e9e9);
    border-radius: 0;
    cursor: pointer
}

.container-filters .filter .filter-header .filter-title {
    font-family: var(--fo-sans,sans-serif);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--fo-charcoal,#25282b);
    font-size: 12px
}

.container-filters .filter .filter-header .filter-title-icon {
    font-size: 14px;
    color: var(--fo-grey-body,#7e7e7e);
    cursor: pointer;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.container-filters .filter .filter-header .filter-title-icon svg:last-child {
    position: absolute;
    transform: rotate(0deg);
    transition: all .3s ease-in-out
}

.container-filters .filter.close .filter-header .filter-title-icon svg:last-child,.container-filters .filter:first-child .filter-header .filter-title-icon svg:last-child {
    transform: rotate(90deg)
}

.container-filters .filter:first-child.close .filter-header .filter-title-icon svg:last-child {
    transform: rotate(0deg)
}

.container-filters .filter .filter-content {
    width: 100%;
    padding: 10px;
    overflow: hidden
}

.container-filters .filter .filter-content,.container-filters .filter:first-child.close .filter-content {
    transition: all .3s ease-in-out;
    -webkit-clip-path: circle(100% at 50% 50%);
    clip-path: circle(100% at 50% 50%);
    opacity: 1;
    height: inherit
}

.container-filters .filter .filter-content .filter-clear {
    font-weight: 700;
    margin-bottom: 10px;
    cursor: pointer
}

.container-filters .filter .filter-content .filter-tag {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    cursor: pointer
}

.container-filters .filter .filter-content .filter-tag>div {
    margin: 5px 0
}

.container-filters .footer-options-filter {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 8px;
    grid-gap: 8px;
    gap: 8px
}

.container-filters .footer-options-filter>button {
    flex: 1 1;
    min-width: 100px;
    max-width: 200px;
    margin: 0;
    padding: 11px 14px;
    box-shadow: none;
    border-radius: var(--fo-radius,2px);
    outline: none;
    font-family: var(--fo-sans,sans-serif);
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .06em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background var(--fo-dur,.15s) var(--fo-ease,ease),color var(--fo-dur,.15s) var(--fo-ease,ease)
}

.container-filters .footer-options-filter .clear-all {
    background-color: initial;
    border: 1.5px solid var(--fo-charcoal,#25282b)!important;
    color: var(--fo-charcoal,#25282b)!important
}

.container-filters .footer-options-filter .clear-all:hover {
    background-color: var(--fo-charcoal,#25282b)!important;
    color: #fff!important
}

.container-filters .footer-options-filter .apply-all {
    border: 0!important;
    background-color: var(--fo-red,#ff2739)!important;
    color: #fff!important
}

.container-filters .footer-options-filter .apply-all:hover {
    background-color: var(--fo-red-deep,#c01e2d)!important
}

.container-filters .filter.close .filter-content,.container-filters .filter:first-child .filter-content {
    -webkit-clip-path: circle(.5% at 50% 1%);
    clip-path: circle(.5% at 50% 1%);
    opacity: 0;
    height: 0;
    transition: all .3s ease-in-out
}

@media (max-width: 780px) {
    .container-filters {
        display:none
    }

    .container-filters.open {
        display: block
    }
}

@media (max-width: 400px) {
    .container-filters {
        max-width:250px;
        min-width: 200px
    }

    .container-filters .filter .filter-header .filter-title-icon {
        font-size: 15px
    }

    .container-filters .filter .filter-header .filter-title {
        font-size: 12px
    }
}

.breadcrumb-container {
    box-shadow: 0 3px 2px 1px hsla(0,0%,83.1%,.96);
    color: #fff;
    position: relative;
    padding: .5em;
    margin-top: 1em;
    margin-left: 0;
    left: 0;
    width: calc(100% + 2em);
    height: auto;
    z-index: 2;
    transition: top .5s ease-in-out;
    line-height: .5em
}

.breadcrumb-container .clickable {
    cursor: pointer
}

.container-commerce {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    min-height: 100vh
}

.container-products {
    flex: 1 1;
    padding: 0 20px;
    min-width: inherit;
    max-width: 100%
}

.options-lista {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
    margin: 1em 0;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--fo-border,#e9e9e9)
}

.open-filters {
    width: 40px;
    height: 40px;
    padding: 5px;
    background-color: #fff;
    border: 1.5px solid var(--fo-charcoal,#25282b);
    color: var(--fo-red,#ff2739);
    font-size: 17px;
    margin-right: auto;
    display: none;
    border-radius: var(--fo-radius,2px);
    cursor: pointer;
    justify-content: center;
    align-items: center
}

@media (max-width: 780px) {
    .open-filters {
        display:flex
    }
}

@media (min-width: 576px) {
    .container-products {
        min-width:500px
    }

    .container-commerce .ui.cards>.card {
        max-width: 300px;
        min-width: 240px
    }
}

@media screen and (max-width: 767px) {
    .ui.cards {
        display:grid!important;
        grid-template-columns: repeat(2,minmax(0,1fr))!important;
        grid-gap: 8px!important;
        gap: 8px!important;
        align-items: stretch!important;
        justify-content: normal!important
    }

    .ui.cards>div {
        width: 100%!important;
        max-width: none!important;
        min-width: 0!important;
        height: auto!important;
        margin: 0!important;
        box-sizing: border-box!important
    }
}

@media screen and (max-width: 380px) {
    .ui.cards {
        grid-template-columns:1fr!important
    }
}

.config-item {
    font-size: 1.5em
}

.descricao-longa-item-conjunto * {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.itens-preco {
    display: flex;
    flex: 1 1;
    flex-flow: column
}

.preco {
    flex: 1 1;
    padding: 0 0 .15em
}

.preco.original {
    text-decoration: line-through;
    opacity: .7;
    font-size: 1.2em;
    font-weight: 100
}

.go-back,.preco.atual {
    font-weight: 700
}

.go-back {
    color: #444;
    mix-blend-mode: undefined;
    font-size: 1.3rem;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .4px;
    text-align: left;
    vertical-align: top;
    line-height: 1.8em;
    height: 3em
}

.go-back img {
    display: inline-block
}

.detalhe-produto-top-container {
    min-height: 75vh
}

.container-go-back {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 130px
}

.btn-voltar-detalhe-pedido {
    font-size: 30px
}

.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 768px) {
    .btn-voltar-detalhe-pedido {
        display:none
    }
}

.detalhe-produto-top-container .ui.basic.segment {
    padding-left: var(--fo-gutter,32px);
    padding-right: var(--fo-gutter,32px)
}

.detalhe-produto-top-container .pdp-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 10px;
    gap: 10px;
    padding: 20px 0 0;
    font-family: var(--fo-sans,sans-serif);
    font-size: 12px;
    color: var(--fo-text-muted,#6b7075)
}

.detalhe-produto-top-container .pdp-breadcrumb a {
    display: inline-flex;
    align-items: center;
    grid-gap: 6px;
    gap: 6px;
    color: var(--fo-text-muted,#6b7075);
    cursor: pointer;
    text-decoration: none
}

.detalhe-produto-top-container .pdp-breadcrumb a svg {
    color: var(--fo-red,#ff2739);
    font-size: 13px
}

.detalhe-produto-top-container .pdp-breadcrumb a:hover {
    color: var(--fo-red,#ff2739)
}

.detalhe-produto-top-container .pdp-breadcrumb__sep {
    font-size: 9px;
    color: #c8cacc
}

.detalhe-produto-top-container .pdp-breadcrumb__cat {
    color: var(--fo-text-muted,#6b7075)
}

.detalhe-produto-top-container .pdp-breadcrumb__atual {
    color: var(--fo-charcoal,#25282b);
    font-weight: 400
}

.detalhe-produto-top-container .cardProduto.ui.basic.segment {
    margin: 24px auto 72px;
    padding-top: 0;
    padding-bottom: 0
}

.detalhe-produto-top-container .cardProduto>.ui.segment {
    margin: 0;
    padding: 44px 48px 48px;
    border: 1px solid var(--fo-border,#e9e9e9);
    border-radius: var(--fo-radius,3px);
    box-shadow: none;
    background: var(--fo-white,#fff)
}

@media (max-width: 768px) {
    .detalhe-produto-top-container .ui.basic.segment {
        padding-left:16px;
        padding-right: 16px
    }

    .detalhe-produto-top-container .cardProduto>.ui.segment {
        padding: 24px 18px 28px
    }

    .detalhe-produto-top-container .cardProduto.ui.basic.segment {
        margin-bottom: 40px
    }
}

.detalhe-produto-top-container .pdp-section-header {
    display: flex;
    flex-direction: column;
    grid-gap: 12px;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 6px
}

.detalhe-produto-top-container .pdp-section-header .fo-section-title {
    font-size: clamp(24px,3vw,34px)
}

.detalhe-produto-top-container .pdp-related-band {
    margin: 0;
    padding: 64px 0 72px;
    background: var(--fo-surface-band,#f2f2f2);
    box-shadow: 0 0 0 100vw #f2f2f2;
    -webkit-clip-path: inset(0 -100vw);
    clip-path: inset(0 -100vw)
}

.detalhe-produto-top-container {
    padding-bottom: 0!important
}

.detalhe-produto-top-container .pdp-related-band>.ui.segment {
    background: transparent!important;
    margin-top: 0!important;
    margin-bottom: 0!important;
    padding-top: 0!important;
    padding-bottom: 0!important
}

@keyframes bounce {
    0%,to {
        transform: translateY(-10%);
        animation-timing-function: cubic-bezier(.8,0,1,1)
    }

    50% {
        transform: translateY(0);
        animation-timing-function: cubic-bezier(0,0,.2,1)
    }
}
.adicionar-remover-produto-carrinho {
    width: 100%!important;
    max-width: 100%!important;
    min-width: 0;
    margin: 0!important
}

.adicionar-remover-produto-carrinho>.ui.input {
    width: 100%!important;
    min-width: 0;
    display: flex!important;
    align-items: stretch
}

.adicionar-remover-produto-carrinho>.ui.input>input {
    flex: 1 1!important;
    min-width: 0!important;
    max-width: none!important;
    width: auto!important
}

.adicionar-remover-produto-carrinho>.ui.input>.ui.basic.label {
    flex: 0 1 auto;
    width: auto!important;
    min-width: 0;
    max-width: 32%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.adicionar-remover-produto-carrinho .control-product-quantity {
    flex: 0 0 auto;
    min-width: 2.2em;
    padding-left: .55em!important;
    padding-right: .55em!important
}

.adicionar-remover-produto-carrinho .control-product-quantity--tag {
    flex: 1 1;
    width: auto!important;
    min-width: 0;
    max-width: 160px;
    overflow: hidden
}

.adicionar-remover-produto-carrinho>.ui.input>div {
    display: flex;
    flex: 0 0 auto;
    min-width: 0;
    align-items: stretch
}

.adicionar-remover-produto-carrinho>.ui.input>div>.control-product-quantity {
    height: 100%
}

@media screen and (max-width: 767px) {
    .adicionar-remover-produto-carrinho .control-product-quantity--tag {
        max-width:42%
    }

    .adicionar-remover-produto-carrinho>.ui.input>.ui.basic.label {
        max-width: 28%;
        padding-left: .4em;
        padding-right: .4em
    }
}
body {
    font-family: sans-serif
}

.go-back {
    color: #444;
    mix-blend-mode: undefined;
    font-size: 1.3rem;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .4px;
    text-align: left;
    vertical-align: top;
    line-height: 1.8em;
    height: 3em
}

.go-back img {
    display: inline-block
}

@keyframes placeholderAnimate {
    0% {
        background-position: -650px 0
    }

    to {
        background-position: 650px 0
    }
}

.loading {
    position: relative;
    overflow: hidden;
    animation-duration: 1.7s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: placeholderAnimate;
    background: linear-gradient(90deg,#eee 2%,#ddd 18%,#eee 33%);
    background-size: 1300px;
    border-radius: 5px
}

.slider-vitrine-produtos .slick-list {
    height: 100%!important
}

.modal-content-padding {
    padding: 20px!important
}

*,:after,:before {
    box-sizing: inherit
}

body {
    -webkit-overflow-scrolling: touch
}

html {
    box-sizing: border-box
}

input[type=email],input[type=password],input[type=search],input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article,aside,footer,header,nav,section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,figure,main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: initial;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: initial;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit;
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,input,optgroup,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: initial
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],template {
    display: none
}

/*!
  * # Semantic UI 2.3.1 - Site
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
body,html {
    height: 100%
}

html {
    font-size: 14px
}

body {
    margin: 0;
    overflow-x: hidden;
    min-width: 320px;
    background: #fff;
    font-size: 14px;
    line-height: 1.4285em;
    color: rgba(0,0,0,.87);
    font-smoothing: antialiased
}

body,h1,h2,h3,h4,h5 {
    padding: 0;
    font-family: "Lato","Helvetica Neue",Arial,Helvetica,sans-serif
}

h1,h2,h3,h4,h5 {
    line-height: 1.28571429em;
    margin: calc(2rem - .14286em) 0 1rem;
    font-weight: 700
}

h1 {
    min-height: 1rem;
    font-size: 2rem
}

h2 {
    font-size: 1.71428571rem
}

h3 {
    font-size: 1.28571429rem
}

h4 {
    font-size: 1.07142857rem
}

h5 {
    font-size: 1rem
}

h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child {
    margin-top: 0
}

h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child {
    margin-bottom: 0
}

p {
    margin: 0 0 1em;
    line-height: 1.4285em
}

p:first-child {
    margin-top: 0
}

p:last-child {
    margin-bottom: 0
}

a {
    color: #828282
}

a,a:hover {
    text-decoration: none
}

a:hover {
    color: #bf1e1e
}

::-webkit-selection {
    background-color: #cce2ff;
    color: rgba(0,0,0,.87)
}

::selection {
    background-color: #cce2ff;
    color: rgba(0,0,0,.87)
}

input::-webkit-selection,textarea::-webkit-selection {
    background-color: hsla(0,0%,39.2%,.4);
    color: rgba(0,0,0,.87)
}

input::selection,textarea::selection {
    background-color: hsla(0,0%,39.2%,.4);
    color: rgba(0,0,0,.87)
}

/* Sem barra de rolagem custom (thumb cinza em cápsula) */
body ::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

body {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

body .ui.inverted::-webkit-scrollbar-track {
    background: hsla(0,0%,100%,.1)
}

body .ui.inverted::-webkit-scrollbar-thumb {
    background: hsla(0,0%,100%,.25)
}

body .ui.inverted::-webkit-scrollbar-thumb:window-inactive {
    background: hsla(0,0%,100%,.15)
}

body .ui.inverted::-webkit-scrollbar-thumb:hover {
    background: hsla(0,0%,100%,.35)
}

/*!
  * # Semantic UI 2.3.1 - Button
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
.ui.button {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: none;
    border: none;
    vertical-align: initial;
    background: #e0e1e2 none;
    color: rgba(0,0,0,.6);
    font-family: "Lato","Helvetica Neue",Arial,Helvetica,sans-serif;
    margin: 0 .25em 0 0;
    padding: .78571429em 1.5em;
    text-transform: none;
    text-shadow: none;
    font-weight: 700;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: .28571429rem;
    -webkit-user-select: none;
    user-select: none;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
    will-change: "";
    -webkit-tap-highlight-color: transparent
}

.ui.button,.ui.button:hover {
    box-shadow: inset 0 0 0 1px transparent,inset 0 0 0 0 rgba(34,36,38,.15)
}

.ui.button:hover {
    background-color: #cacbcd;
    background-image: none;
    color: rgba(0,0,0,.8)
}

.ui.button:hover .icon {
    opacity: .85
}

.ui.button:focus {
    background-color: #cacbcd;
    color: rgba(0,0,0,.8);
    background-image: ""!important;
    box-shadow: ""!important
}

.ui.button:focus .icon {
    opacity: .85
}

.ui.active.button:active,.ui.button:active {
    background-color: #babbbc;
    background-image: "";
    color: rgba(0,0,0,.9);
    box-shadow: inset 0 0 0 1px transparent,none
}

.ui.active.button {
    box-shadow: inset 0 0 0 1px transparent
}

.ui.active.button,.ui.active.button:hover {
    color: rgba(0,0,0,.95)
}

.ui.active.button,.ui.active.button:active,.ui.active.button:hover {
    background-color: #c0c1c2;
    background-image: none
}

.ui.loading.loading.loading.loading.loading.loading.button {
    position: relative;
    cursor: default;
    text-shadow: none!important;
    color: transparent!important;
    opacity: 1;
    pointer-events: auto;
    transition: all 0s linear,opacity .1s ease
}

.ui.loading.button:before {
    border-radius: 500rem;
    border: .2em solid rgba(0,0,0,.15)
}

.ui.loading.button:after,.ui.loading.button:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -.64285714em 0 0 -.64285714em;
    width: 1.28571429em;
    height: 1.28571429em
}

.ui.loading.button:after {
    animation: button-spin .6s linear;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border: .2em solid transparent;
    border-top-color: #fff;
    box-shadow: 0 0 0 1px transparent
}

.ui.labeled.icon.loading.button .icon {
    background-color: initial;
    box-shadow: none
}

@keyframes button-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.ui.basic.loading.button:not(.inverted):before {
    border-color: rgba(0,0,0,.1)
}

.ui.basic.loading.button:not(.inverted):after {
    border-top-color: #767676
}

.ui.button:disabled,.ui.buttons .disabled.button,.ui.disabled.active.button,.ui.disabled.button,.ui.disabled.button:hover {
    cursor: default;
    opacity: .45!important;
    background-image: none!important;
    box-shadow: none!important;
    pointer-events: none!important
}

.ui.basic.buttons .ui.disabled.button {
    border-color: rgba(34,36,38,.5)
}

.ui.animated.button {
    position: relative;
    overflow: hidden;
    padding-right: 0!important;
    vertical-align: middle;
    z-index: 1
}

.ui.animated.button .content {
    will-change: transform,opacity
}

.ui.animated.button .visible.content {
    position: relative;
    margin-right: 1.5em
}

.ui.animated.button .hidden.content {
    position: absolute;
    width: 100%
}

.ui.animated.button .hidden.content,.ui.animated.button .visible.content {
    transition: right .3s ease 0s
}

.ui.animated.button .visible.content {
    left: auto;
    right: 0
}

.ui.animated.button .hidden.content {
    top: 50%;
    left: auto;
    right: -100%;
    margin-top: -.5em
}

.ui.animated.button:focus .visible.content,.ui.animated.button:hover .visible.content {
    left: auto;
    right: 200%
}

.ui.animated.button:focus .hidden.content,.ui.animated.button:hover .hidden.content {
    left: auto;
    right: 0
}

.ui.vertical.animated.button .hidden.content,.ui.vertical.animated.button .visible.content {
    transition: top .3s ease,transform .3s ease
}

.ui.vertical.animated.button .visible.content {
    transform: translateY(0);
    right: auto
}

.ui.vertical.animated.button .hidden.content {
    top: -50%;
    left: 0;
    right: auto
}

.ui.vertical.animated.button:focus .visible.content,.ui.vertical.animated.button:hover .visible.content {
    transform: translateY(200%);
    right: auto
}

.ui.vertical.animated.button:focus .hidden.content,.ui.vertical.animated.button:hover .hidden.content {
    top: 50%;
    right: auto
}

.ui.fade.animated.button .hidden.content,.ui.fade.animated.button .visible.content {
    transition: opacity .3s ease,transform .3s ease
}

.ui.fade.animated.button .visible.content {
    left: auto;
    right: auto;
    opacity: 1;
    transform: scale(1)
}

.ui.fade.animated.button .hidden.content {
    opacity: 0;
    left: 0;
    right: auto;
    transform: scale(1.5)
}

.ui.fade.animated.button:focus .visible.content,.ui.fade.animated.button:hover .visible.content {
    left: auto;
    right: auto;
    opacity: 0;
    transform: scale(.75)
}

.ui.fade.animated.button:focus .hidden.content,.ui.fade.animated.button:hover .hidden.content {
    left: 0;
    right: auto;
    opacity: 1;
    transform: scale(1)
}

.ui.inverted.button {
    box-shadow: inset 0 0 0 2px #fff!important;
    background: transparent none;
    color: #fff;
    text-shadow: none!important
}

.ui.inverted.buttons .button {
    margin: 0 0 0 -2px
}

.ui.inverted.buttons .button:first-child {
    margin-left: 0
}

.ui.inverted.vertical.buttons .button {
    margin: 0 0 -2px
}

.ui.inverted.vertical.buttons .button:first-child {
    margin-top: 0
}

.ui.inverted.button.active,.ui.inverted.button:focus,.ui.inverted.button:hover {
    background: #fff;
    box-shadow: inset 0 0 0 2px #fff!important;
    color: rgba(0,0,0,.8)
}

.ui.inverted.button.active:focus {
    background: #dcddde;
    box-shadow: inset 0 0 0 2px #dcddde!important;
    color: rgba(0,0,0,.8)
}

.ui.labeled.button:not(.icon) {
    display: inline-flex;
    flex-direction: row;
    background: none!important;
    padding: 0!important;
    border: none!important;
    box-shadow: none!important
}

.ui.labeled.button>.button {
    margin: 0
}

.ui.labeled.button>.label {
    display: flex;
    align-items: center;
    margin: 0 0 0 -1px!important;
    padding: "";
    font-size: 1em;
    border-color: rgba(34,36,38,.15)
}

.ui.labeled.button>.tag.label:before {
    width: 1.85em;
    height: 1.85em
}

.ui.labeled.button:not([class*="left labeled"])>.button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ui.labeled.button:not([class*="left labeled"])>.label,.ui[class*="left labeled"].button>.button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ui[class*="left labeled"].button>.label {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ui.button>.icon:not(.button) {
    height: .85714286em;
    opacity: .8;
    transition: opacity .1s ease;
    vertical-align: "";
    color: ""
}

.ui.button:not(.icon)>.icon:not(.button):not(.dropdown),.ui.button>.icon:not(.button) {
    margin: 0 .42857143em 0 -.21428571em
}

.ui.button:not(.icon)>.right.icon:not(.button):not(.dropdown) {
    margin: 0 -.21428571em 0 .42857143em
}

.ui[class*="left floated"].button,.ui[class*="left floated"].buttons {
    float: left;
    margin-left: 0;
    margin-right: .25em
}

.ui[class*="right floated"].button,.ui[class*="right floated"].buttons {
    float: right;
    margin-right: 0;
    margin-left: .25em
}

.ui.compact.button,.ui.compact.buttons .button {
    padding: .58928571em 1.125em
}

.ui.compact.icon.button,.ui.compact.icon.buttons .button {
    padding: .58928571em
}

.ui.compact.labeled.icon.button,.ui.compact.labeled.icon.buttons .button {
    padding: .58928571em 3.69642857em
}

.ui.small.button,.ui.small.buttons .button,.ui.small.buttons .or {
    font-size: .92857143rem
}

.ui.button,.ui.buttons .button,.ui.buttons .or {
    font-size: 1rem
}

.ui.large.button,.ui.large.buttons .button,.ui.large.buttons .or {
    font-size: 1.14285714rem
}

.ui.big.button,.ui.big.buttons .button,.ui.big.buttons .or {
    font-size: 1.28571429rem
}

.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or {
    font-size: 1.42857143rem
}

.ui.massive.button,.ui.massive.buttons .button,.ui.massive.buttons .or {
    font-size: 1.71428571rem
}

.ui.icon.button,.ui.icon.buttons .button {
    padding: .78571429em
}

.ui.icon.button>.icon,.ui.icon.buttons .button>.icon {
    opacity: .9;
    margin: 0!important;
    vertical-align: top
}

.ui.basic.button,.ui.basic.buttons .button {
    background: transparent none!important;
    color: rgba(0,0,0,.6)!important;
    font-weight: 400;
    border-radius: .28571429rem;
    text-transform: none;
    text-shadow: none!important;
    box-shadow: inset 0 0 0 1px rgba(34,36,38,.15)
}

.ui.basic.buttons {
    box-shadow: none;
    border: 1px solid rgba(34,36,38,.15);
    border-radius: .28571429rem
}

.ui.basic.buttons .button {
    border-radius: 0
}

.ui.basic.button:focus,.ui.basic.button:hover,.ui.basic.buttons .button:focus,.ui.basic.buttons .button:hover {
    background: #fff!important;
    color: rgba(0,0,0,.8)!important;
    box-shadow: inset 0 0 0 1px rgba(34,36,38,.35),inset 0 0 0 0 rgba(34,36,38,.15)
}

.ui.basic.button:active,.ui.basic.buttons .button:active {
    background: #f8f8f8!important;
    color: rgba(0,0,0,.9)!important;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.15),inset 0 1px 4px 0 rgba(34,36,38,.15)
}

.ui.basic.active.button,.ui.basic.buttons .active.button {
    background: rgba(0,0,0,.05)!important;
    box-shadow: ""!important;
    color: rgba(0,0,0,.95)!important
}

.ui.basic.active.button:hover,.ui.basic.buttons .active.button:hover {
    background-color: rgba(0,0,0,.05)
}

.ui.basic.buttons .button:hover {
    box-shadow: inset 0 0 0 1px rgba(34,36,38,.35),inset inset 0 0 0 0 rgba(34,36,38,.15)
}

.ui.basic.buttons .button:active {
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.15),inset inset 0 1px 4px 0 rgba(34,36,38,.15)
}

.ui.basic.buttons .active.button {
    box-shadow: ""!important
}

.ui.basic.inverted.button,.ui.basic.inverted.buttons .button {
    background-color: initial!important;
    color: #f9fafb!important;
    box-shadow: inset 0 0 0 2px hsla(0,0%,100%,.5)!important
}

.ui.basic.inverted.button:focus,.ui.basic.inverted.button:hover,.ui.basic.inverted.buttons .button:focus,.ui.basic.inverted.buttons .button:hover {
    color: #fff!important;
    box-shadow: inset 0 0 0 2px #fff!important
}

.ui.basic.inverted.button:active,.ui.basic.inverted.buttons .button:active {
    background-color: hsla(0,0%,100%,.08)!important;
    color: #fff!important;
    box-shadow: inset 0 0 0 2px hsla(0,0%,100%,.9)!important
}

.ui.basic.inverted.active.button,.ui.basic.inverted.buttons .active.button {
    background-color: hsla(0,0%,100%,.08);
    color: #fff;
    text-shadow: none;
    box-shadow: inset 0 0 0 2px hsla(0,0%,100%,.7)
}

.ui.basic.inverted.active.button:hover,.ui.basic.inverted.buttons .active.button:hover {
    background-color: hsla(0,0%,100%,.15);
    box-shadow: inset 0 0 0 2px #fff!important
}

.ui.basic.buttons .button {
    border-left: 1px solid rgba(34,36,38,.15);
    box-shadow: none
}

.ui.basic.vertical.buttons .button {
    border-left: none;
    border-left-width: 0;
    border-top: 1px solid rgba(34,36,38,.15)
}

.ui.basic.vertical.buttons .button:first-child {
    border-top-width: 0
}

.ui.labeled.icon.button,.ui.labeled.icon.buttons .button {
    position: relative;
    padding-left: 4.07142857em!important;
    padding-right: 1.5em!important
}

.ui.labeled.icon.button>.icon,.ui.labeled.icon.buttons>.button>.icon {
    position: absolute;
    height: 100%;
    line-height: 1;
    border-radius: 0;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    text-align: center;
    margin: 0;
    width: 2.57142857em;
    background-color: rgba(0,0,0,.05);
    color: "";
    box-shadow: inset -1px 0 0 0 transparent;
    top: 0;
    left: 0
}

.ui[class*="right labeled"].icon.button {
    padding-right: 4.07142857em!important;
    padding-left: 1.5em!important
}

.ui[class*="right labeled"].icon.button>.icon {
    left: auto;
    right: 0;
    border-radius: 0;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
    box-shadow: inset 1px 0 0 0 transparent
}

.ui.labeled.icon.button>.icon:after,.ui.labeled.icon.button>.icon:before,.ui.labeled.icon.buttons>.button>.icon:after,.ui.labeled.icon.buttons>.button>.icon:before {
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
    transform: translateY(-50%)
}

.ui.labeled.icon.buttons .button>.icon {
    border-radius: 0
}

.ui.labeled.icon.buttons .button:first-child>.icon {
    border-top-left-radius: .28571429rem;
    border-bottom-left-radius: .28571429rem
}

.ui.labeled.icon.buttons .button:last-child>.icon {
    border-top-right-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem
}

.ui.vertical.labeled.icon.buttons .button:first-child>.icon {
    border-radius: 0;
    border-top-left-radius: .28571429rem
}

.ui.vertical.labeled.icon.buttons .button:last-child>.icon {
    border-radius: 0;
    border-bottom-left-radius: .28571429rem
}

.ui.fluid[class*="left labeled"].icon.button,.ui.fluid[class*="right labeled"].icon.button {
    padding-left: 1.5em!important;
    padding-right: 1.5em!important
}

.ui.buttons .or {
    position: relative;
    width: .3em;
    height: 2.57142857em;
    z-index: 3
}

.ui.buttons .or:before {
    position: absolute;
    text-align: center;
    border-radius: 500rem;
    content: "or";
    top: 50%;
    left: 50%;
    background-color: #fff;
    text-shadow: none;
    margin-top: -.89285714em;
    margin-left: -.89285714em;
    width: 1.78571429em;
    height: 1.78571429em;
    line-height: 1.78571429em;
    color: rgba(0,0,0,.4);
    font-style: normal;
    font-weight: 700;
    box-shadow: inset 0 0 0 1px transparent
}

.ui.buttons .or[data-text]:before {
    content: attr(data-text)
}

.ui.fluid.buttons .or {
    width: 0!important
}

.ui.fluid.buttons .or:after {
    display: none
}

.ui.attached.button {
    position: relative;
    display: block;
    margin: 0;
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(34,36,38,.15)!important
}

.ui.attached.top.button {
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.attached.bottom.button {
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui.left.attached.button {
    display: inline-block;
    border-left: none;
    text-align: right;
    padding-right: .75em;
    border-radius: .28571429rem 0 0 .28571429rem
}

.ui.right.attached.button {
    display: inline-block;
    text-align: left;
    padding-left: .75em;
    border-radius: 0 .28571429rem .28571429rem 0
}

.ui.attached.buttons {
    position: relative;
    display: flex;
    border-radius: 0;
    width: auto!important;
    z-index: 2;
    margin-left: -1px;
    margin-right: -1px
}

.ui.attached.buttons .button {
    margin: 0
}

.ui.attached.buttons .button:first-child,.ui.attached.buttons .button:last-child {
    border-radius: 0
}

.ui[class*="top attached"].buttons {
    margin-bottom: -1px;
    border-radius: .28571429rem .28571429rem 0 0
}

.ui[class*="top attached"].buttons .button:first-child {
    border-radius: .28571429rem 0 0 0
}

.ui[class*="top attached"].buttons .button:last-child {
    border-radius: 0 .28571429rem 0 0
}

.ui[class*="bottom attached"].buttons {
    margin-top: -1px;
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui[class*="bottom attached"].buttons .button:first-child {
    border-radius: 0 0 0 .28571429rem
}

.ui[class*="bottom attached"].buttons .button:last-child {
    border-radius: 0 0 .28571429rem 0
}

.ui[class*="left attached"].buttons {
    display: inline-flex;
    margin-right: 0;
    margin-left: -1px;
    border-radius: 0 .28571429rem .28571429rem 0
}

.ui[class*="left attached"].buttons .button:first-child {
    margin-left: -1px;
    border-radius: 0 .28571429rem 0 0
}

.ui[class*="left attached"].buttons .button:last-child {
    margin-left: -1px;
    border-radius: 0 0 .28571429rem 0
}

.ui[class*="right attached"].buttons {
    display: inline-flex;
    margin-left: 0;
    margin-right: -1px;
    border-radius: .28571429rem 0 0 .28571429rem
}

.ui[class*="right attached"].buttons .button:first-child {
    margin-left: -1px;
    border-radius: .28571429rem 0 0 0
}

.ui[class*="right attached"].buttons .button:last-child {
    margin-left: -1px;
    border-radius: 0 0 0 .28571429rem
}

.ui.fluid.button,.ui.fluid.buttons {
    width: 100%
}

.ui.fluid.button {
    display: block
}

.ui.two.buttons {
    width: 100%
}

.ui.two.buttons>.button {
    width: 50%
}

.ui.three.buttons {
    width: 100%
}

.ui.three.buttons>.button {
    width: 33.333%
}

.ui.four.buttons {
    width: 100%
}

.ui.four.buttons>.button {
    width: 25%
}

.ui.five.buttons {
    width: 100%
}

.ui.five.buttons>.button {
    width: 20%
}

.ui.six.buttons {
    width: 100%
}

.ui.six.buttons>.button {
    width: 16.666%
}

.ui.seven.buttons {
    width: 100%
}

.ui.seven.buttons>.button {
    width: 14.285%
}

.ui.eight.buttons {
    width: 100%
}

.ui.eight.buttons>.button {
    width: 12.5%
}

.ui.nine.buttons {
    width: 100%
}

.ui.nine.buttons>.button {
    width: 11.11%
}

.ui.ten.buttons {
    width: 100%
}

.ui.ten.buttons>.button {
    width: 10%
}

.ui.eleven.buttons {
    width: 100%
}

.ui.eleven.buttons>.button {
    width: 9.09%
}

.ui.twelve.buttons {
    width: 100%
}

.ui.twelve.buttons>.button {
    width: 8.3333%
}

.ui.fluid.vertical.buttons,.ui.fluid.vertical.buttons>.button {
    display: flex;
    width: auto
}

.ui.two.vertical.buttons>.button {
    height: 50%
}

.ui.three.vertical.buttons>.button {
    height: 33.333%
}

.ui.four.vertical.buttons>.button {
    height: 25%
}

.ui.five.vertical.buttons>.button {
    height: 20%
}

.ui.six.vertical.buttons>.button {
    height: 16.666%
}

.ui.seven.vertical.buttons>.button {
    height: 14.285%
}

.ui.eight.vertical.buttons>.button {
    height: 12.5%
}

.ui.nine.vertical.buttons>.button {
    height: 11.11%
}

.ui.ten.vertical.buttons>.button {
    height: 10%
}

.ui.eleven.vertical.buttons>.button {
    height: 9.09%
}

.ui.twelve.vertical.buttons>.button {
    height: 8.3333%
}

.ui.green.button,.ui.green.buttons .button {
    background-color: #21ba45;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.green.button {
    box-shadow: inset 0 0 0 0 rgba(34,36,38,.15)
}

.ui.green.button:hover,.ui.green.buttons .button:hover {
    background-color: #16ab39;
    color: #fff;
    text-shadow: none
}

.ui.green.button:focus,.ui.green.buttons .button:focus {
    background-color: #0ea432;
    color: #fff;
    text-shadow: none
}

.ui.green.button:active,.ui.green.buttons .button:active {
    background-color: #198f35;
    color: #fff;
    text-shadow: none
}

.ui.green.active.button,.ui.green.button .active.button:active,.ui.green.buttons .active.button,.ui.green.buttons .active.button:active {
    background-color: #13ae38;
    color: #fff;
    text-shadow: none
}

.ui.basic.green.button,.ui.basic.green.buttons .button {
    box-shadow: inset 0 0 0 1px #21ba45!important;
    color: #21ba45!important
}

.ui.basic.green.button:hover,.ui.basic.green.buttons .button:hover {
    background: transparent!important;
    box-shadow: inset 0 0 0 1px #16ab39!important;
    color: #16ab39!important
}

.ui.basic.green.button:focus,.ui.basic.green.buttons .button:focus {
    background: transparent!important;
    box-shadow: inset 0 0 0 1px #0ea432!important;
    color: #16ab39!important
}

.ui.basic.green.active.button,.ui.basic.green.buttons .active.button {
    background: transparent!important;
    box-shadow: inset 0 0 0 1px #13ae38!important;
    color: #198f35!important
}

.ui.basic.green.button:active,.ui.basic.green.buttons .button:active {
    box-shadow: inset 0 0 0 1px #198f35!important;
    color: #198f35!important
}

.ui.buttons:not(.vertical)>.basic.green.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.green.button,.ui.inverted.green.buttons .button {
    background-color: initial;
    box-shadow: inset 0 0 0 2px #2ecc40!important;
    color: #2ecc40
}

.ui.inverted.green.button.active,.ui.inverted.green.button:active,.ui.inverted.green.button:focus,.ui.inverted.green.button:hover,.ui.inverted.green.buttons .button.active,.ui.inverted.green.buttons .button:active,.ui.inverted.green.buttons .button:focus,.ui.inverted.green.buttons .button:hover {
    box-shadow: none!important;
    color: #fff
}

.ui.inverted.green.button:hover,.ui.inverted.green.buttons .button:hover {
    background-color: #22be34
}

.ui.inverted.green.button:focus,.ui.inverted.green.buttons .button:focus {
    background-color: #19b82b
}

.ui.inverted.green.active.button,.ui.inverted.green.buttons .active.button {
    background-color: #1fc231
}

.ui.inverted.green.button:active,.ui.inverted.green.buttons .button:active {
    background-color: #25a233
}

.ui.inverted.green.basic.button,.ui.inverted.green.basic.buttons .button,.ui.inverted.green.buttons .basic.button {
    background-color: initial;
    box-shadow: inset 0 0 0 2px hsla(0,0%,100%,.5)!important;
    color: #fff!important
}

.ui.inverted.green.basic.button:hover,.ui.inverted.green.basic.buttons .button:hover,.ui.inverted.green.buttons .basic.button:hover {
    box-shadow: inset 0 0 0 2px #22be34!important;
    color: #2ecc40!important
}

.ui.inverted.green.basic.button:focus,.ui.inverted.green.basic.buttons .button:focus {
    box-shadow: inset 0 0 0 2px #19b82b!important;
    color: #2ecc40!important
}

.ui.inverted.green.basic.active.button,.ui.inverted.green.basic.buttons .active.button,.ui.inverted.green.buttons .basic.active.button {
    box-shadow: inset 0 0 0 2px #1fc231!important;
    color: #2ecc40!important
}

.ui.inverted.green.basic.button:active,.ui.inverted.green.basic.buttons .button:active,.ui.inverted.green.buttons .basic.button:active {
    box-shadow: inset 0 0 0 2px #25a233!important;
    color: #2ecc40!important
}

.ui.red.button,.ui.red.buttons .button {
    background-color: #db2828;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.red.button {
    box-shadow: inset 0 0 0 0 rgba(34,36,38,.15)
}

.ui.red.button:hover,.ui.red.buttons .button:hover {
    background-color: #d01919;
    color: #fff;
    text-shadow: none
}

.ui.red.button:focus,.ui.red.buttons .button:focus {
    background-color: #ca1010;
    color: #fff;
    text-shadow: none
}

.ui.red.button:active,.ui.red.buttons .button:active {
    background-color: #b21e1e;
    color: #fff;
    text-shadow: none
}

.ui.red.active.button,.ui.red.button .active.button:active,.ui.red.buttons .active.button,.ui.red.buttons .active.button:active {
    background-color: #d41515;
    color: #fff;
    text-shadow: none
}

.ui.basic.red.button,.ui.basic.red.buttons .button {
    box-shadow: inset 0 0 0 1px #db2828!important;
    color: #db2828!important
}

.ui.basic.red.button:hover,.ui.basic.red.buttons .button:hover {
    background: transparent!important;
    box-shadow: inset 0 0 0 1px #d01919!important;
    color: #d01919!important
}

.ui.basic.red.button:focus,.ui.basic.red.buttons .button:focus {
    background: transparent!important;
    box-shadow: inset 0 0 0 1px #ca1010!important;
    color: #d01919!important
}

.ui.basic.red.active.button,.ui.basic.red.buttons .active.button {
    background: transparent!important;
    box-shadow: inset 0 0 0 1px #d41515!important;
    color: #b21e1e!important
}

.ui.basic.red.button:active,.ui.basic.red.buttons .button:active {
    box-shadow: inset 0 0 0 1px #b21e1e!important;
    color: #b21e1e!important
}

.ui.buttons:not(.vertical)>.basic.red.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.red.button,.ui.inverted.red.buttons .button {
    background-color: initial;
    box-shadow: inset 0 0 0 2px #ff695e!important;
    color: #ff695e
}

.ui.inverted.red.button.active,.ui.inverted.red.button:active,.ui.inverted.red.button:focus,.ui.inverted.red.button:hover,.ui.inverted.red.buttons .button.active,.ui.inverted.red.buttons .button:active,.ui.inverted.red.buttons .button:focus,.ui.inverted.red.buttons .button:hover {
    box-shadow: none!important;
    color: #fff
}

.ui.inverted.red.button:hover,.ui.inverted.red.buttons .button:hover {
    background-color: #ff5144
}

.ui.inverted.red.button:focus,.ui.inverted.red.buttons .button:focus {
    background-color: #ff4335
}

.ui.inverted.red.active.button,.ui.inverted.red.buttons .active.button {
    background-color: #ff5144
}

.ui.inverted.red.button:active,.ui.inverted.red.buttons .button:active {
    background-color: #ff392b
}

.ui.inverted.red.basic.button,.ui.inverted.red.basic.buttons .button,.ui.inverted.red.buttons .basic.button {
    background-color: initial;
    box-shadow: inset 0 0 0 2px hsla(0,0%,100%,.5)!important;
    color: #fff!important
}

.ui.inverted.red.basic.button:hover,.ui.inverted.red.basic.buttons .button:hover,.ui.inverted.red.buttons .basic.button:hover {
    box-shadow: inset 0 0 0 2px #ff5144!important;
    color: #ff695e!important
}

.ui.inverted.red.basic.button:focus,.ui.inverted.red.basic.buttons .button:focus {
    box-shadow: inset 0 0 0 2px #ff4335!important;
    color: #ff695e!important
}

.ui.inverted.red.basic.active.button,.ui.inverted.red.basic.buttons .active.button,.ui.inverted.red.buttons .basic.active.button {
    box-shadow: inset 0 0 0 2px #ff5144!important;
    color: #ff695e!important
}

.ui.inverted.red.basic.button:active,.ui.inverted.red.basic.buttons .button:active,.ui.inverted.red.buttons .basic.button:active {
    box-shadow: inset 0 0 0 2px #ff392b!important;
    color: #ff695e!important
}

.ui.teal.button,.ui.teal.buttons .button {
    background-color: #00b5ad;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.teal.button {
    box-shadow: inset 0 0 0 0 rgba(34,36,38,.15)
}

.ui.teal.button:hover,.ui.teal.buttons .button:hover {
    background-color: #009c95;
    color: #fff;
    text-shadow: none
}

.ui.teal.button:focus,.ui.teal.buttons .button:focus {
    background-color: #008c86;
    color: #fff;
    text-shadow: none
}

.ui.teal.button:active,.ui.teal.buttons .button:active {
    background-color: #00827c;
    color: #fff;
    text-shadow: none
}

.ui.teal.active.button,.ui.teal.button .active.button:active,.ui.teal.buttons .active.button,.ui.teal.buttons .active.button:active {
    background-color: #009c95;
    color: #fff;
    text-shadow: none
}

.ui.basic.teal.button,.ui.basic.teal.buttons .button {
    box-shadow: inset 0 0 0 1px #00b5ad!important;
    color: #00b5ad!important
}

.ui.basic.teal.button:hover,.ui.basic.teal.buttons .button:hover {
    background: transparent!important;
    box-shadow: inset 0 0 0 1px #009c95!important;
    color: #009c95!important
}

.ui.basic.teal.button:focus,.ui.basic.teal.buttons .button:focus {
    background: transparent!important;
    box-shadow: inset 0 0 0 1px #008c86!important;
    color: #009c95!important
}

.ui.basic.teal.active.button,.ui.basic.teal.buttons .active.button {
    background: transparent!important;
    box-shadow: inset 0 0 0 1px #009c95!important;
    color: #00827c!important
}

.ui.basic.teal.button:active,.ui.basic.teal.buttons .button:active {
    box-shadow: inset 0 0 0 1px #00827c!important;
    color: #00827c!important
}

.ui.buttons:not(.vertical)>.basic.teal.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.teal.button,.ui.inverted.teal.buttons .button {
    background-color: initial;
    box-shadow: inset 0 0 0 2px #6dffff!important;
    color: #6dffff
}

.ui.inverted.teal.button.active,.ui.inverted.teal.button:active,.ui.inverted.teal.button:focus,.ui.inverted.teal.button:hover,.ui.inverted.teal.buttons .button.active,.ui.inverted.teal.buttons .button:active,.ui.inverted.teal.buttons .button:focus,.ui.inverted.teal.buttons .button:hover {
    box-shadow: none!important;
    color: rgba(0,0,0,.6)
}

.ui.inverted.teal.button:hover,.ui.inverted.teal.buttons .button:hover {
    background-color: #54ffff
}

.ui.inverted.teal.button:focus,.ui.inverted.teal.buttons .button:focus {
    background-color: #4ff
}

.ui.inverted.teal.active.button,.ui.inverted.teal.buttons .active.button {
    background-color: #54ffff
}

.ui.inverted.teal.button:active,.ui.inverted.teal.buttons .button:active {
    background-color: #3affff
}

.ui.inverted.teal.basic.button,.ui.inverted.teal.basic.buttons .button,.ui.inverted.teal.buttons .basic.button {
    background-color: initial;
    box-shadow: inset 0 0 0 2px hsla(0,0%,100%,.5)!important;
    color: #fff!important
}

.ui.inverted.teal.basic.button:hover,.ui.inverted.teal.basic.buttons .button:hover,.ui.inverted.teal.buttons .basic.button:hover {
    box-shadow: inset 0 0 0 2px #54ffff!important;
    color: #6dffff!important
}

.ui.inverted.teal.basic.button:focus,.ui.inverted.teal.basic.buttons .button:focus {
    box-shadow: inset 0 0 0 2px #4ff!important;
    color: #6dffff!important
}

.ui.inverted.teal.basic.active.button,.ui.inverted.teal.basic.buttons .active.button,.ui.inverted.teal.buttons .basic.active.button {
    box-shadow: inset 0 0 0 2px #54ffff!important;
    color: #6dffff!important
}

.ui.inverted.teal.basic.button:active,.ui.inverted.teal.basic.buttons .button:active,.ui.inverted.teal.buttons .basic.button:active {
    box-shadow: inset 0 0 0 2px #3affff!important;
    color: #6dffff!important
}

.ui.primary.button,.ui.primary.buttons .button {
    background-color: #2185d0;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.primary.button {
    box-shadow: inset 0 0 0 0 rgba(34,36,38,.15)
}

.ui.primary.button:hover,.ui.primary.buttons .button:hover {
    background-color: #1678c2;
    color: #fff;
    text-shadow: none
}

.ui.primary.button:focus,.ui.primary.buttons .button:focus {
    background-color: #0d71bb;
    color: #fff;
    text-shadow: none
}

.ui.primary.button:active,.ui.primary.buttons .button:active {
    background-color: #1a69a4;
    color: #fff;
    text-shadow: none
}

.ui.primary.active.button,.ui.primary.button .active.button:active,.ui.primary.buttons .active.button,.ui.primary.buttons .active.button:active {
    background-color: #1279c6;
    color: #fff;
    text-shadow: none
}

.ui.basic.primary.button,.ui.basic.primary.buttons .button {
    box-shadow: inset 0 0 0 1px #2185d0!important;
    color: #2185d0!important
}

.ui.basic.primary.button:hover,.ui.basic.primary.buttons .button:hover {
    background: transparent!important;
    box-shadow: inset 0 0 0 1px #1678c2!important;
    color: #1678c2!important
}

.ui.basic.primary.button:focus,.ui.basic.primary.buttons .button:focus {
    background: transparent!important;
    box-shadow: inset 0 0 0 1px #0d71bb!important;
    color: #1678c2!important
}

.ui.basic.primary.active.button,.ui.basic.primary.buttons .active.button {
    background: transparent!important;
    box-shadow: inset 0 0 0 1px #1279c6!important;
    color: #1a69a4!important
}

.ui.basic.primary.button:active,.ui.basic.primary.buttons .button:active {
    box-shadow: inset 0 0 0 1px #1a69a4!important;
    color: #1a69a4!important
}

.ui.positive.button,.ui.positive.buttons .button {
    background-color: #21ba45;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.positive.button {
    box-shadow: inset 0 0 0 0 rgba(34,36,38,.15)
}

.ui.positive.button:hover,.ui.positive.buttons .button:hover {
    background-color: #16ab39;
    color: #fff;
    text-shadow: none
}

.ui.positive.button:focus,.ui.positive.buttons .button:focus {
    background-color: #0ea432;
    color: #fff;
    text-shadow: none
}

.ui.positive.button:active,.ui.positive.buttons .button:active {
    background-color: #198f35;
    color: #fff;
    text-shadow: none
}

.ui.positive.active.button,.ui.positive.button .active.button:active,.ui.positive.buttons .active.button,.ui.positive.buttons .active.button:active {
    background-color: #13ae38;
    color: #fff;
    text-shadow: none
}

.ui.basic.positive.button,.ui.basic.positive.buttons .button {
    box-shadow: inset 0 0 0 1px #21ba45!important;
    color: #21ba45!important
}

.ui.basic.positive.button:hover,.ui.basic.positive.buttons .button:hover {
    background: transparent!important;
    box-shadow: inset 0 0 0 1px #16ab39!important;
    color: #16ab39!important
}

.ui.basic.positive.button:focus,.ui.basic.positive.buttons .button:focus {
    background: transparent!important;
    box-shadow: inset 0 0 0 1px #0ea432!important;
    color: #16ab39!important
}

.ui.basic.positive.active.button,.ui.basic.positive.buttons .active.button {
    background: transparent!important;
    box-shadow: inset 0 0 0 1px #13ae38!important;
    color: #198f35!important
}

.ui.basic.positive.button:active,.ui.basic.positive.buttons .button:active {
    box-shadow: inset 0 0 0 1px #198f35!important;
    color: #198f35!important
}

.ui.negative.button,.ui.negative.buttons .button {
    background-color: #db2828;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.negative.button {
    box-shadow: inset 0 0 0 0 rgba(34,36,38,.15)
}

.ui.negative.button:hover,.ui.negative.buttons .button:hover {
    background-color: #d01919;
    color: #fff;
    text-shadow: none
}

.ui.negative.button:focus,.ui.negative.buttons .button:focus {
    background-color: #ca1010;
    color: #fff;
    text-shadow: none
}

.ui.negative.button:active,.ui.negative.buttons .button:active {
    background-color: #b21e1e;
    color: #fff;
    text-shadow: none
}

.ui.negative.active.button,.ui.negative.button .active.button:active,.ui.negative.buttons .active.button,.ui.negative.buttons .active.button:active {
    background-color: #d41515;
    color: #fff;
    text-shadow: none
}

.ui.basic.negative.button,.ui.basic.negative.buttons .button {
    box-shadow: inset 0 0 0 1px #db2828!important;
    color: #db2828!important
}

.ui.basic.negative.button:hover,.ui.basic.negative.buttons .button:hover {
    background: transparent!important;
    box-shadow: inset 0 0 0 1px #d01919!important;
    color: #d01919!important
}

.ui.basic.negative.button:focus,.ui.basic.negative.buttons .button:focus {
    background: transparent!important;
    box-shadow: inset 0 0 0 1px #ca1010!important;
    color: #d01919!important
}

.ui.basic.negative.active.button,.ui.basic.negative.buttons .active.button {
    background: transparent!important;
    box-shadow: inset 0 0 0 1px #d41515!important;
    color: #b21e1e!important
}

.ui.basic.negative.button:active,.ui.basic.negative.buttons .button:active {
    box-shadow: inset 0 0 0 1px #b21e1e!important;
    color: #b21e1e!important
}

.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child) {
    margin-left: -1px
}

.ui.buttons {
    display: inline-flex;
    flex-direction: row;
    font-size: 0;
    vertical-align: initial;
    margin: 0 .25em 0 0
}

.ui.buttons:not(.basic):not(.inverted) {
    box-shadow: none
}

.ui.buttons:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ui.buttons .button {
    flex: 1 0 auto;
    border-radius: 0;
    margin: 0
}

.ui.buttons:not(.basic):not(.inverted)>.button,.ui.buttons>.ui.button:not(.basic):not(.inverted) {
    box-shadow: inset 0 0 0 1px transparent,inset 0 0 0 0 rgba(34,36,38,.15)
}

.ui.buttons .button:first-child {
    border-left: none;
    margin-left: 0;
    border-top-left-radius: .28571429rem;
    border-bottom-left-radius: .28571429rem
}

.ui.buttons .button:last-child {
    border-top-right-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem
}

.ui.vertical.buttons {
    display: inline-flex;
    flex-direction: column
}

.ui.vertical.buttons .button {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    box-shadow: none;
    border-radius: 0
}

.ui.vertical.buttons .button:first-child {
    border-top-left-radius: .28571429rem;
    border-top-right-radius: .28571429rem
}

.ui.vertical.buttons .button:last-child {
    margin-bottom: 0;
    border-bottom-left-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem
}

.ui.vertical.buttons .button:only-child {
    border-radius: .28571429rem
}

/*!
  * # Semantic UI 2.3.1 - Container
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
.ui.container {
    display: block;
    max-width: 100%!important
}

@media only screen and (max-width: 767px) {
    .ui.container {
        margin-left:1em!important;
        margin-right: 1em!important
    }

    .ui.container,.ui.grid.container,.ui.relaxed.grid.container,.ui.very.relaxed.grid.container {
        width: auto!important
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .ui.container {
        width:723px;
        margin-left: auto!important;
        margin-right: auto!important
    }

    .ui.grid.container {
        width: calc(723px + 2rem)!important
    }

    .ui.relaxed.grid.container {
        width: calc(723px + 3rem)!important
    }

    .ui.very.relaxed.grid.container {
        width: calc(723px + 5rem)!important
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .ui.container {
        width:933px;
        margin-left: auto!important;
        margin-right: auto!important
    }

    .ui.grid.container {
        width: calc(933px + 2rem)!important
    }

    .ui.relaxed.grid.container {
        width: calc(933px + 3rem)!important
    }

    .ui.very.relaxed.grid.container {
        width: calc(933px + 5rem)!important
    }
}

@media only screen and (min-width: 1200px) {
    .ui.container {
        width:1127px;
        margin-left: auto!important;
        margin-right: auto!important
    }

    .ui.grid.container {
        width: calc(1127px + 2rem)!important
    }

    .ui.relaxed.grid.container {
        width: calc(1127px + 3rem)!important
    }

    .ui.very.relaxed.grid.container {
        width: calc(1127px + 5rem)!important
    }
}

.ui.text.container {
    font-family: "Lato","Helvetica Neue",Arial,Helvetica,sans-serif;
    max-width: 700px!important;
    line-height: 1.5;
    font-size: 1.14285714rem
}

.ui.fluid.container {
    width: 100%
}

.ui[class*="left aligned"].container {
    text-align: left
}

.ui[class*="center aligned"].container {
    text-align: center
}

.ui[class*="right aligned"].container {
    text-align: right
}

.ui.justified.container {
    text-align: justify;
    -webkit-hyphens: auto;
    hyphens: auto
}

/*!
  * # Semantic UI 2.3.1 - Divider
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
.ui.divider {
    margin: 1rem 0;
    line-height: 1;
    height: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: rgba(0,0,0,.85);
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.ui.divider:not(.vertical):not(.horizontal) {
    border-top: 1px solid rgba(34,36,38,.15);
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.ui.grid>.column+.divider,.ui.grid>.row>.column+.divider {
    left: auto
}

.ui.horizontal.divider {
    display: table;
    white-space: nowrap;
    height: auto;
    margin: "";
    line-height: 1;
    text-align: center
}

.ui.horizontal.divider:after,.ui.horizontal.divider:before {
    content: "";
    display: table-cell;
    position: relative;
    top: 50%;
    width: 50%;
    background-repeat: no-repeat
}

.ui.horizontal.divider:before {
    background-position: right 1em top 50%
}

.ui.horizontal.divider:after {
    background-position: left 1em top 50%
}

.ui.vertical.divider {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    width: auto;
    height: 50%;
    line-height: 0;
    text-align: center;
    transform: translateX(-50%)
}

.ui.vertical.divider:after,.ui.vertical.divider:before {
    position: absolute;
    left: 50%;
    content: "";
    z-index: 3;
    border-left: 1px solid rgba(34,36,38,.15);
    border-right: 1px solid hsla(0,0%,100%,.1);
    width: 0;
    height: calc(100% - 1rem)
}

.ui.vertical.divider:before {
    top: -100%
}

.ui.vertical.divider:after {
    top: auto;
    bottom: 0
}

@media only screen and (max-width: 767px) {
    .ui.grid .stackable.row .ui.vertical.divider,.ui.stackable.grid .ui.vertical.divider {
        display:table;
        white-space: nowrap;
        height: auto;
        margin: "";
        overflow: hidden;
        line-height: 1;
        text-align: center;
        position: static;
        top: 0;
        left: 0;
        transform: none
    }

    .ui.grid .stackable.row .ui.vertical.divider:after,.ui.grid .stackable.row .ui.vertical.divider:before,.ui.stackable.grid .ui.vertical.divider:after,.ui.stackable.grid .ui.vertical.divider:before {
        position: static;
        left: 0;
        border-left: none;
        border-right: none;
        content: "";
        display: table-cell;
        position: relative;
        top: 50%;
        width: 50%;
        background-repeat: no-repeat
    }

    .ui.grid .stackable.row .ui.vertical.divider:before,.ui.stackable.grid .ui.vertical.divider:before {
        background-position: right 1em top 50%
    }

    .ui.grid .stackable.row .ui.vertical.divider:after,.ui.stackable.grid .ui.vertical.divider:after {
        background-position: left 1em top 50%
    }
}

.ui.divider>.icon {
    margin: 0;
    font-size: 1rem;
    height: 1em;
    vertical-align: middle
}

.ui.hidden.divider {
    border-color: transparent!important
}

.ui.hidden.divider:after,.ui.hidden.divider:before {
    display: none
}

.ui.divider.inverted,.ui.horizontal.inverted.divider,.ui.vertical.inverted.divider {
    color: #fff
}

.ui.divider.inverted,.ui.divider.inverted:after,.ui.divider.inverted:before {
    border-color: rgba(34,36,38,.15) hsla(0,0%,100%,.15) hsla(0,0%,100%,.15) rgba(34,36,38,.15)!important
}

.ui.fitted.divider {
    margin: 0
}

.ui.clearing.divider {
    clear: both
}

.ui.section.divider {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.ui.divider {
    font-size: 1rem
}

.ui.horizontal.divider:after,.ui.horizontal.divider:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC")
}

@media only screen and (max-width: 767px) {
    .ui.grid .stackable.row .ui.vertical.divider:after,.ui.grid .stackable.row .ui.vertical.divider:before,.ui.stackable.grid .ui.vertical.divider:after,.ui.stackable.grid .ui.vertical.divider:before {
        background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC")
    }
}

/*!
  * # Semantic UI 2.3.1 - Flag
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
i.flag:not(.icon) {
    line-height: 11px;
    vertical-align: initial;
    margin: 0 .5em 0 0;
    text-decoration: inherit;
    speak: none;
    font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

i.flag:not(.icon),i.flag:not(.icon):before {
    display: inline-block;
    width: 16px;
    height: 11px
}

i.flag:not(.icon):before {
    content: "";
    background: url(/static/media/flags.99f63ae7.png) no-repeat -108px -1976px
}

/*!
  * # Semantic UI 2.3.1 - Header
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
.ui.header {
    border: none;
    margin: calc(2rem - .14286em) 0 1rem;
    padding: 0;
    font-family: "Lato","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-weight: 700;
    line-height: 1.28571429em;
    text-transform: none;
    color: rgba(0,0,0,.87)
}

.ui.header:first-child {
    margin-top: -.14285714em
}

.ui.header:last-child {
    margin-bottom: 0
}

.ui.header .sub.header {
    display: block;
    font-weight: 400;
    padding: 0;
    margin: 0;
    line-height: 1.2em;
    color: rgba(0,0,0,.6)
}

.ui.header>.icon {
    display: table-cell;
    opacity: 1;
    font-size: 1.5em;
    padding-top: 0;
    vertical-align: middle
}

.ui.header .icon:only-child {
    display: inline-block;
    padding: 0;
    margin-right: .75rem
}

.ui.header>.image:not(.icon),.ui.header>img {
    display: inline-block;
    margin-top: .14285714em;
    width: 2.5em;
    height: auto;
    vertical-align: middle
}

.ui.header>.image:not(.icon):only-child,.ui.header>img:only-child {
    margin-right: .75rem
}

.ui.header .content {
    display: inline-block;
    vertical-align: top
}

.ui.header>.icon+.content,.ui.header>.image+.content,.ui.header>img+.content {
    padding-left: .75rem;
    vertical-align: middle
}

.ui.header>.icon+.content {
    display: table-cell
}

.ui.header .ui.label {
    font-size: "";
    margin-left: .5rem;
    vertical-align: middle
}

.ui.header+p {
    margin-top: 0
}

h1.ui.header {
    font-size: 2rem
}

h2.ui.header {
    font-size: 1.71428571rem
}

h3.ui.header {
    font-size: 1.28571429rem
}

h4.ui.header {
    font-size: 1.07142857rem
}

h5.ui.header {
    font-size: 1rem
}

h1.ui.header .sub.header,h2.ui.header .sub.header {
    font-size: 1.14285714rem
}

h3.ui.header .sub.header,h4.ui.header .sub.header {
    font-size: 1rem
}

h5.ui.header .sub.header {
    font-size: .92857143rem
}

.ui.huge.header {
    min-height: 1em;
    font-size: 2em
}

.ui.large.header {
    font-size: 1.71428571em
}

.ui.medium.header {
    font-size: 1.28571429em
}

.ui.small.header {
    font-size: 1.07142857em
}

.ui.tiny.header {
    font-size: 1em
}

.ui.huge.header .sub.header,.ui.large.header .sub.header {
    font-size: 1.14285714rem
}

.ui.header .sub.header,.ui.small.header .sub.header {
    font-size: 1rem
}

.ui.tiny.header .sub.header {
    font-size: .92857143rem
}

.ui.sub.header {
    padding: 0;
    margin-bottom: .14285714rem;
    font-weight: 700;
    text-transform: uppercase;
    color: ""
}

.ui.small.sub.header {
    font-size: .78571429em
}

.ui.sub.header {
    font-size: .85714286em
}

.ui.large.sub.header {
    font-size: .92857143em
}

.ui.huge.sub.header {
    font-size: 1em
}

.ui.icon.header {
    display: inline-block;
    text-align: center;
    margin: 2rem 0 1rem
}

.ui.icon.header:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ui.icon.header:first-child {
    margin-top: 0
}

.ui.icon.header .icon {
    float: none;
    width: auto;
    height: auto;
    line-height: 1;
    font-size: 3em;
    margin: 0 auto .5rem;
    opacity: 1
}

.ui.icon.header .content,.ui.icon.header .icon {
    display: block;
    padding: 0
}

.ui.icon.header .square.icon {
    font-size: 2em
}

.ui.block.icon.header .icon {
    margin-bottom: 0
}

.ui.icon.header.aligned {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.ui.disabled.header {
    opacity: .45
}

.ui.inverted.header {
    color: #fff
}

.ui.inverted.header .sub.header {
    color: hsla(0,0%,100%,.8)
}

.ui.inverted.attached.header {
    border-color: transparent
}

.ui.inverted.attached.header,.ui.inverted.block.header {
    background: #545454 linear-gradient(transparent,rgba(0,0,0,.05));
    box-shadow: none
}

.ui.inverted.block.header {
    border-bottom: none
}

.ui.red.header {
    color: #db2828!important
}

a.ui.red.header:hover {
    color: #d01919!important
}

.ui.red.dividing.header {
    border-bottom: 2px solid #db2828
}

.ui.inverted.red.header {
    color: #ff695e!important
}

a.ui.inverted.red.header:hover {
    color: #ff5144!important
}

.ui.green.header {
    color: #21ba45!important
}

a.ui.green.header:hover {
    color: #16ab39!important
}

.ui.green.dividing.header {
    border-bottom: 2px solid #21ba45
}

.ui.inverted.green.header {
    color: #2ecc40!important
}

a.ui.inverted.green.header:hover {
    color: #22be34!important
}

.ui.teal.header {
    color: #00b5ad!important
}

a.ui.teal.header:hover {
    color: #009c95!important
}

.ui.teal.dividing.header {
    border-bottom: 2px solid #00b5ad
}

.ui.inverted.teal.header {
    color: #6dffff!important
}

a.ui.inverted.teal.header:hover {
    color: #54ffff!important
}

.ui.blue.header {
    color: #2185d0!important
}

a.ui.blue.header:hover {
    color: #1678c2!important
}

.ui.blue.dividing.header {
    border-bottom: 2px solid #2185d0
}

.ui.inverted.blue.header {
    color: #54c8ff!important
}

a.ui.inverted.blue.header:hover {
    color: #3ac0ff!important
}

.ui.floated.header,.ui[class*="left floated"].header {
    float: left;
    margin-top: 0;
    margin-right: .5em
}

.ui[class*="right floated"].header {
    float: right;
    margin-top: 0;
    margin-left: .5em
}

.ui.block.header {
    background: #f3f4f5;
    padding: .78571429rem 1rem;
    box-shadow: none;
    border: 1px solid #d4d4d5;
    border-radius: .28571429rem
}

.ui.tiny.block.header {
    font-size: .85714286rem
}

.ui.small.block.header {
    font-size: .92857143rem
}

.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    font-size: 1rem
}

.ui.large.block.header {
    font-size: 1.14285714rem
}

.ui.huge.block.header {
    font-size: 1.42857143rem
}

.ui.attached.header {
    background: #fff;
    padding: .78571429rem 1rem;
    margin-left: -1px;
    margin-right: -1px;
    box-shadow: none;
    border: 1px solid #d4d4d5
}

.ui.attached.block.header {
    background: #f3f4f5
}

.ui.attached:not(.top):not(.bottom).header {
    margin-top: 0;
    margin-bottom: 0;
    border-top: none;
    border-radius: 0
}

.ui.top.attached.header {
    margin-bottom: 0;
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.bottom.attached.header {
    margin-top: 0;
    border-top: none;
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui.tiny.attached.header {
    font-size: .85714286em
}

.ui.small.attached.header {
    font-size: .92857143em
}

.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    font-size: 1em
}

.ui.large.attached.header {
    font-size: 1.14285714em
}

.ui.huge.attached.header {
    font-size: 1.42857143em
}

.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    font-size: 1.28571429em
}

@font-face {
    font-family: "Icons";
    src: url(/static/media/icons.a01e3f2d.eot);
    src: url(/static/media/icons.a01e3f2d.eot?#iefix) format("embedded-opentype"),url(/static/media/icons.38c6d8ba.woff2) format("woff2"),url(/static/media/icons.425399f8.woff) format("woff"),url(/static/media/icons.c656b8ca.ttf) format("truetype"),url(/static/media/icons.62d9dae4.svg#icons) format("svg");
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-decoration:inherit;text-transform:none;font-display: swap
}

i.icon {
    display: inline-block;
    opacity: 1;
    margin: 0 .25rem 0 0;
    width: 1.18em;
    height: 1em;
    font-family: "Icons";
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

i.icon:before {
    background: none!important
}

i.icon.loading {
    height: 1em;
    line-height: 1;
    animation: icon-loading 2s linear infinite
}

@keyframes icon-loading {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

i.icon.active,i.icon.hover {
    opacity: 1!important
}

i.disabled.icon {
    opacity: .45!important
}

i.flipped.icon,i.horizontally.flipped.icon {
    transform: scaleX(-1)
}

i.vertically.flipped.icon {
    transform: scaleY(-1)
}

i.clockwise.rotated.icon,i.right.rotated.icon,i.rotated.icon {
    transform: rotate(90deg)
}

i.counterclockwise.rotated.icon,i.left.rotated.icon {
    transform: rotate(-90deg)
}

i.bordered.icon {
    line-height: 1;
    vertical-align: initial;
    width: 2em;
    height: 2em;
    padding: .5em 0!important;
    box-shadow: inset 0 0 0 .1em rgba(0,0,0,.1)
}

i.bordered.inverted.icon {
    border: none;
    box-shadow: none
}

i.inverted.bordered.icon {
    background-color: #1b1c1d!important;
    color: #fff!important
}

i.inverted.icon {
    color: #fff
}

i.red.icon {
    color: #db2828!important
}

i.inverted.red.icon {
    color: #ff695e!important
}

i.inverted.bordered.red.icon {
    background-color: #db2828!important;
    color: #fff!important
}

i.green.icon {
    color: #21ba45!important
}

i.inverted.green.icon {
    color: #2ecc40!important
}

i.inverted.bordered.green.icon {
    background-color: #21ba45!important;
    color: #fff!important
}

i.teal.icon {
    color: #00b5ad!important
}

i.inverted.teal.icon {
    color: #6dffff!important
}

i.inverted.bordered.teal.icon {
    background-color: #00b5ad!important;
    color: #fff!important
}

i.blue.icon {
    color: #2185d0!important
}

i.inverted.blue.icon {
    color: #54c8ff!important
}

i.inverted.bordered.blue.icon {
    background-color: #2185d0!important;
    color: #fff!important
}

i.black.icon {
    color: #1b1c1d!important
}

i.inverted.black.icon {
    color: #545454!important
}

i.inverted.bordered.black.icon {
    background-color: #1b1c1d!important;
    color: #fff!important
}

i.icon,i.icons {
    font-size: 1em
}

i.big.icon,i.big.icons {
    line-height: 1;
    vertical-align: middle;
    font-size: 2em
}

i.icons {
    display: inline-block;
    position: relative;
    line-height: 1
}

i.icons .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    margin: 0
}

i.icons .icon:first-child {
    position: static;
    width: auto;
    height: auto;
    vertical-align: top;
    transform: none;
    margin-right: .25rem
}

i.icon.\35 00px:before {
    content: "\f26e"
}

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.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.down:before {
    content: "\f107"
}

i.icon.angle.left:before {
    content: "\f104"
}

i.icon.angle.right:before {
    content: "\f105"
}

i.icon.angle.up:before {
    content: "\f106"
}

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.barcode:before {
    content: "\f02a"
}

i.icon.check:before {
    content: "\f00c"
}

i.icon.check.circle:before {
    content: "\f058"
}

i.icon.check.square:before {
    content: "\f14a"
}

i.icon.gavel:before {
    content: "\f0e3"
}

i.icon.home:before {
    content: "\f015"
}

i.icon.info:before {
    content: "\f129"
}

i.icon.info.circle:before {
    content: "\f05a"
}

i.icon.minus:before {
    content: "\f068"
}

i.icon.minus.circle:before {
    content: "\f056"
}

i.icon.minus.square:before {
    content: "\f146"
}

i.icon.plus:before {
    content: "\f067"
}

i.icon.plus.circle:before {
    content: "\f055"
}

i.icon.plus.square:before {
    content: "\f0fe"
}

i.icon.power.off:before {
    content: "\f011"
}

i.icon.search:before {
    content: "\f002"
}

i.icon.search.minus:before {
    content: "\f010"
}

i.icon.search.plus:before {
    content: "\f00e"
}

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.shopping.bag:before {
    content: "\f290"
}

i.icon.shopping.basket:before {
    content: "\f291"
}

i.icon.shopping.cart:before {
    content: "\f07a"
}

i.icon.sign.in.alternate:before {
    content: "\f2f6"
}

i.icon.sign.language:before {
    content: "\f2a7"
}

i.icon.sign.out.alternate:before {
    content: "\f2f5"
}

i.icon.star:before {
    content: "\f005"
}

i.icon.star.half:before {
    content: "\f089"
}

i.icon.sync:before {
    content: "\f021"
}

i.icon.sync.alternate:before {
    content: "\f2f1"
}

i.icon.trash:before {
    content: "\f1f8"
}

i.icon.trash.alternate:before {
    content: "\f2ed"
}

i.icon.user:before {
    content: "\f007"
}

i.icon.user.circle:before {
    content: "\f2bd"
}

i.icon.user.md:before {
    content: "\f0f0"
}

i.icon.user.plus:before {
    content: "\f234"
}

i.icon.user.secret:before {
    content: "\f21b"
}

i.icon.user.times:before {
    content: "\f235"
}

i.icon.users:before {
    content: "\f0c0"
}

i.icon.cancel:before {
    content: "\f00d"
}

i.icon.cart:before {
    content: "\f07a"
}

i.icon.chat:before {
    content: "\f075"
}

i.icon.close:before {
    content: "\f00d"
}

i.icon.dropdown:before {
    content: "\f0d7"
}

i.icon.power.cord:before {
    content: "\f1e6"
}

i.icon.power:before {
    content: "\f011"
}

i.icon.shop:before {
    content: "\f07a"
}

i.icon.money:before {
    content: "\f3d1"
}

i.icon.sign.in:before {
    content: "\f2f6"
}

i.icon.sign.out:before {
    content: "\f2f5"
}

i.icon.star.half.empty:before,i.icon.star.half.full:before {
    content: "\f089"
}

i.icon.delete:before {
    content: "\f00d"
}

i.icon.eye:before {
    content: "\f06e"
}

i.icon.eye.slash:before {
    content: "\f070"
}

@font-face {
    font-family: "outline-icons";
    src: url(/static/media/outline-icons.752905fa.eot);
    src: url(/static/media/outline-icons.752905fa.eot?#iefix) format("embedded-opentype"),url(/static/media/outline-icons.687a4990.woff2) format("woff2"),url(/static/media/outline-icons.ddae9b1b.woff) format("woff"),url(/static/media/outline-icons.53671035.ttf) format("truetype"),url(/static/media/outline-icons.9c4845b4.svg#icons) format("svg");
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-decoration:inherit;text-transform:none;font-display: swap
}

i.icon.outline {
    font-family: "outline-icons"
}

i.icon.check.circle.outline:before {
    content: "\f058"
}

i.icon.check.square.outline:before {
    content: "\f14a"
}

i.icon.money.bill.alternate.outline:before {
    content: "\f3d1"
}

i.icon.plus.square.outline:before {
    content: "\f0fe"
}

i.icon.share.square.outline:before {
    content: "\f14d"
}

i.icon.star.outline:before {
    content: "\f005"
}

i.icon.star.half.outline:before {
    content: "\f089"
}

i.icon.trash.alternate.outline:before {
    content: "\f2ed"
}

i.icon.star.empty:before {
    content: "\f089"
}

@font-face {
    font-family: "brand-icons";
    src: url(/static/media/brand-icons.d68fa3e6.eot);
    src: url(/static/media/brand-icons.d68fa3e6.eot?#iefix) format("embedded-opentype"),url(/static/media/brand-icons.278156e4.woff2) format("woff2"),url(/static/media/brand-icons.cac87dc0.woff) format("woff"),url(/static/media/brand-icons.65a2fb6d.ttf) format("truetype"),url(/static/media/brand-icons.6729d297.svg#icons) format("svg");
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-decoration:inherit;text-transform:none;font-display: swap
}

i.icon.\35 00px {
    font-family: "brand-icons"
}

/*!
  * # Semantic UI 2.3.1 - Image
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
.ui.image {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    background-color: initial
}

img.ui.image {
    display: block
}

.ui.image img,.ui.image svg {
    display: block;
    max-width: 100%;
    height: auto
}

.ui.hidden.image,.ui.hidden.images {
    display: none
}

.ui.hidden.transition.image,.ui.hidden.transition.images {
    display: block;
    visibility: hidden
}

.ui.images>.hidden.transition {
    display: inline-block;
    visibility: hidden
}

.ui.disabled.image,.ui.disabled.images {
    cursor: default;
    opacity: .45
}

.ui.inline.image,.ui.inline.image img,.ui.inline.image svg {
    display: inline-block
}

.ui.top.aligned.image,.ui.top.aligned.image img,.ui.top.aligned.images .image,.ui.top.aligned.image svg {
    display: inline-block;
    vertical-align: top
}

.ui.middle.aligned.image,.ui.middle.aligned.image img,.ui.middle.aligned.images .image,.ui.middle.aligned.image svg {
    display: inline-block;
    vertical-align: middle
}

.ui.bottom.aligned.image,.ui.bottom.aligned.image img,.ui.bottom.aligned.images .image,.ui.bottom.aligned.image svg {
    display: inline-block;
    vertical-align: bottom
}

.ui.rounded.image,.ui.rounded.image>*,.ui.rounded.images .image,.ui.rounded.images .image>* {
    border-radius: .3125em
}

.ui.bordered.image img,.ui.bordered.images .image,.ui.bordered.images img,.ui.bordered.images svg,.ui.bordered.image svg,img.ui.bordered.image {
    border: 1px solid rgba(0,0,0,.1)
}

.ui.fluid.image,.ui.fluid.image img,.ui.fluid.images,.ui.fluid.images img,.ui.fluid.images svg,.ui.fluid.image svg {
    display: block;
    width: 100%;
    height: auto
}

.ui.avatar.image,.ui.avatar.image img,.ui.avatar.images .image,.ui.avatar.images img,.ui.avatar.images svg,.ui.avatar.image svg {
    margin-right: .25em;
    display: inline-block;
    width: 2em;
    height: 2em;
    border-radius: 500rem
}

.ui.spaced.image {
    display: inline-block!important;
    margin-left: .5em;
    margin-right: .5em
}

.ui[class*="left spaced"].image {
    margin-left: .5em;
    margin-right: 0
}

.ui[class*="right spaced"].image {
    margin-left: 0;
    margin-right: .5em
}

.ui.floated.image,.ui.floated.images {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em
}

.ui.right.floated.image,.ui.right.floated.images {
    float: right;
    margin-right: 0;
    margin-bottom: 1em;
    margin-left: 1em
}

.ui.floated.image:last-child,.ui.floated.images:last-child {
    margin-bottom: 0
}

.ui.centered.image,.ui.centered.images {
    margin-left: auto;
    margin-right: auto
}

.ui.mini.image,.ui.mini.images .image,.ui.mini.images img,.ui.mini.images svg {
    width: 35px;
    height: auto;
    font-size: .78571429rem
}

.ui.tiny.image,.ui.tiny.images .image,.ui.tiny.images img,.ui.tiny.images svg {
    width: 80px;
    height: auto;
    font-size: .85714286rem
}

.ui.small.image,.ui.small.images .image,.ui.small.images img,.ui.small.images svg {
    width: 150px;
    height: auto;
    font-size: .92857143rem
}

.ui.medium.image,.ui.medium.images .image,.ui.medium.images img,.ui.medium.images svg {
    width: 300px;
    height: auto;
    font-size: 1rem
}

.ui.large.image,.ui.large.images .image,.ui.large.images img,.ui.large.images svg {
    width: 450px;
    height: auto;
    font-size: 1.14285714rem
}

.ui.big.image,.ui.big.images .image,.ui.big.images img,.ui.big.images svg {
    width: 600px;
    height: auto;
    font-size: 1.28571429rem
}

.ui.huge.image,.ui.huge.images .image,.ui.huge.images img,.ui.huge.images svg {
    width: 800px;
    height: auto;
    font-size: 1.42857143rem
}

.ui.massive.image,.ui.massive.images .image,.ui.massive.images img,.ui.massive.images svg {
    width: 960px;
    height: auto;
    font-size: 1.71428571rem
}

.ui.images {
    font-size: 0;
    margin: 0 -.25rem
}

.ui.images .image,.ui.images>img,.ui.images>svg {
    display: inline-block;
    margin: 0 .25rem .5rem
}

/*!
  * # Semantic UI 2.3.1 - Input
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
.ui.input {
    position: relative;
    font-weight: 400;
    font-style: normal;
    display: inline-flex;
    color: rgba(0,0,0,.87)
}

.ui.input>input {
    margin: 0;
    max-width: 100%;
    flex: 1 0 auto;
    outline: none;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    text-align: left;
    line-height: 1.21428571em;
    font-family: "Lato","Helvetica Neue",Arial,Helvetica,sans-serif;
    padding: .67857143em 1em;
    background: #fff;
    border: 1px solid rgba(34,36,38,.15);
    color: rgba(0,0,0,.87);
    border-radius: .28571429rem;
    transition: box-shadow .1s ease,border-color .1s ease;
    box-shadow: none
}

.ui.input>input::-webkit-input-placeholder {
    color: hsla(0,0%,74.9%,.87)
}

.ui.input>input::-moz-placeholder {
    color: hsla(0,0%,74.9%,.87)
}

.ui.input>input:-ms-input-placeholder {
    color: hsla(0,0%,74.9%,.87)
}

.ui.disabled.input,.ui.input:not(.disabled) input[disabled] {
    opacity: .45
}

.ui.disabled.input>input,.ui.input:not(.disabled) input[disabled] {
    pointer-events: none
}

.ui.input.down input,.ui.input>input:active {
    border-color: rgba(0,0,0,.3);
    background: #fafafa;
    color: rgba(0,0,0,.87);
    box-shadow: none
}

.ui.loading.loading.input>i.icon:before {
    border-radius: 500rem;
    border: .2em solid rgba(0,0,0,.1)
}

.ui.loading.loading.input>i.icon:after,.ui.loading.loading.input>i.icon:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -.64285714em 0 0 -.64285714em;
    width: 1.28571429em;
    height: 1.28571429em
}

.ui.loading.loading.input>i.icon:after {
    animation: button-spin .6s linear;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border: .2em solid transparent;
    border-top-color: #767676;
    box-shadow: 0 0 0 1px transparent
}

.ui.input.focus>input,.ui.input>input:focus {
    border-color: #85b7d9;
    background: #fff;
    color: rgba(0,0,0,.8);
    box-shadow: none
}

.ui.input.focus>input::-webkit-input-placeholder,.ui.input>input:focus::-webkit-input-placeholder {
    color: hsla(0,0%,45.1%,.87)
}

.ui.input.focus>input::-moz-placeholder,.ui.input>input:focus::-moz-placeholder {
    color: hsla(0,0%,45.1%,.87)
}

.ui.input.focus>input:-ms-input-placeholder,.ui.input>input:focus:-ms-input-placeholder {
    color: hsla(0,0%,45.1%,.87)
}

.ui.transparent.input>input {
    border-color: transparent!important;
    background-color: initial!important;
    padding: 0!important;
    box-shadow: none!important;
    border-radius: 0!important
}

.ui.transparent.icon.input>i.icon {
    width: 1.1em
}

.ui.transparent.icon.input>input {
    padding-left: 0!important;
    padding-right: 2em!important
}

.ui.transparent[class*="left icon"].input>input {
    padding-left: 2em!important;
    padding-right: 0!important
}

.ui.transparent.inverted.input {
    color: #fff
}

.ui.transparent.inverted.input>input {
    color: inherit
}

.ui.transparent.inverted.input>input::-webkit-input-placeholder {
    color: hsla(0,0%,100%,.5)
}

.ui.transparent.inverted.input>input::-moz-placeholder {
    color: hsla(0,0%,100%,.5)
}

.ui.transparent.inverted.input>input:-ms-input-placeholder {
    color: hsla(0,0%,100%,.5)
}

.ui.icon.input>i.icon {
    cursor: default;
    position: absolute;
    line-height: 1;
    text-align: center;
    top: 0;
    right: 0;
    margin: 0;
    height: 100%;
    width: 2.67142857em;
    border-radius: 0 .28571429rem .28571429rem 0
}

.ui.icon.input>i.icon:not(.link) {
    pointer-events: none
}

.ui.icon.input>input {
    padding-right: 2.67142857em!important;
    border: 1px solid #ff2739
}

.ui.icon.input>i.icon:after,.ui.icon.input>i.icon:before {
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    margin-top: -.5em
}

.ui.icon.input>i.link.icon {
    cursor: pointer
}

.ui[class*="left icon"].input>i.icon {
    right: auto;
    left: 1px;
    border-radius: .28571429rem 0 0 .28571429rem
}

.ui[class*="left icon"].input>input {
    padding-left: 2.67142857em!important;
    padding-right: 1em!important
}

.ui.icon.input>input:focus~i.icon {
    opacity: 1
}

.ui.labeled.input>.label {
    flex: 0 0 auto;
    margin: 0;
    font-size: 1em
}

.ui.labeled.input>.label:not(.corner) {
    padding-top: .78571429em;
    padding-bottom: .78571429em
}

.ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ui.labeled.input:not([class*="corner labeled"]) .label:first-child+input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-color: transparent
}

.ui.labeled.input:not([class*="corner labeled"]) .label:first-child+input:focus {
    border-left-color: #85b7d9
}

.ui[class*="right labeled"].input>input {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border-right-color: transparent!important
}

.ui[class*="right labeled"].input>input+.label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ui[class*="right labeled"].input>input:focus {
    border-right-color: #85b7d9!important
}

.ui.labeled.input .corner.label {
    top: 1px;
    right: 1px;
    font-size: .64285714em;
    border-radius: 0 .28571429rem 0 0
}

.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input>input {
    padding-right: 2.5em!important
}

.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>input {
    padding-right: 3.25em!important
}

.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>.icon {
    margin-right: 1.25em
}

.ui[class*="left corner labeled"].labeled.input>input {
    padding-left: 2.5em!important
}

.ui[class*="left corner labeled"].icon.input>input {
    padding-left: 3.25em!important
}

.ui[class*="left corner labeled"].icon.input>.icon {
    margin-left: 1.25em
}

.ui.input>.ui.corner.label {
    top: 1px;
    right: 1px
}

.ui.input>.ui.left.corner.label {
    right: auto;
    left: 1px
}

.ui[class*="left action"].input>input {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
    border-left-color: transparent!important
}

.ui[class*="left action"].input>.button,.ui[class*="left action"].input>.buttons>.button,.ui[class*="left action"].input>.dropdown {
    border-radius: 0
}

.ui[class*="left action"].input>.button:first-child,.ui[class*="left action"].input>.buttons:first-child>.button,.ui[class*="left action"].input>.dropdown:first-child {
    border-radius: .28571429rem 0 0 .28571429rem
}

.ui[class*="left action"].input>input:focus {
    border-left-color: #85b7d9!important
}

.ui.inverted.input>input {
    border: none
}

.ui.fluid.input {
    display: flex
}

.ui.fluid.input>input {
    width: 0!important
}

.ui.mini.input {
    font-size: .78571429em
}

.ui.small.input {
    font-size: .92857143em
}

.ui.input {
    font-size: 1em
}

.ui.large.input {
    font-size: 1.14285714em
}

.ui.big.input {
    font-size: 1.28571429em
}

.ui.huge.input {
    font-size: 1.42857143em
}

.ui.massive.input {
    font-size: 1.71428571em
}

/*!
  * # Semantic UI 2.3.1 - Label
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
.ui.label {
    display: inline-block;
    line-height: 1;
    vertical-align: initial;
    margin: 0 .14285714em;
    background-color: #e8e8e8;
    background-image: none;
    padding: .5833em .833em;
    color: rgba(0,0,0,.6);
    text-transform: none;
    font-weight: 700;
    border: 0 solid transparent;
    border-radius: .28571429rem;
    transition: background .1s ease
}

.ui.label:first-child {
    margin-left: 0
}

.ui.label:last-child {
    margin-right: 0
}

.ui.label>a,a.ui.label {
    cursor: pointer
}

.ui.label>a {
    color: inherit;
    opacity: .5;
    transition: opacity .1s ease
}

.ui.label>a:hover {
    opacity: 1
}

.ui.label>img {
    width: auto!important;
    vertical-align: middle;
    height: 2.1666em!important
}

.ui.label>.icon {
    width: auto;
    margin: 0 .75em 0 0
}

.ui.label>.detail {
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    margin-left: 1em;
    opacity: .8
}

.ui.label>.detail .icon {
    margin: 0 .25em 0 0
}

.ui.label>.close.icon,.ui.label>.delete.icon {
    cursor: pointer;
    margin-right: 0;
    margin-left: .5em;
    font-size: .92857143em;
    opacity: .5;
    transition: background .1s ease
}

.ui.label>.delete.icon:hover {
    opacity: 1
}

.ui.labels>.label {
    margin: 0 .5em .5em 0
}

.ui.header>.ui.label {
    margin-top: -.29165em
}

.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
}

.ui.top.attached.label+[class*="right floated"]+*,.ui.top.attached.label:first-child+:not(.attached) {
    margin-top: 2rem!important
}

.ui.bottom.attached.label:first-child~:last-child:not(.attached) {
    margin-top: 0;
    margin-bottom: 2rem!important
}

.ui.image.label {
    width: auto!important;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 9999px;
    vertical-align: initial;
    text-transform: none;
    background: #e8e8e8;
    padding: .5833em .833em .5833em .5em;
    border-radius: .28571429rem;
    box-shadow: none
}

.ui.image.label img {
    display: inline-block;
    vertical-align: top;
    height: 2.1666em;
    margin: -.5833em .5em -.5833em -.5em;
    border-radius: .28571429rem 0 0 .28571429rem
}

.ui.image.label .detail {
    background: rgba(0,0,0,.1);
    margin: -.5833em -.833em -.5833em .5em;
    padding: .5833em .833em;
    border-radius: 0 .28571429rem .28571429rem 0
}

.ui.tag.label,.ui.tag.labels .label {
    margin-left: 1em;
    position: relative;
    padding-left: 1.5em;
    padding-right: 1.5em;
    border-radius: 0 .28571429rem .28571429rem 0;
    transition: none
}

.ui.tag.label:before,.ui.tag.labels .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.label:after,.ui.tag.labels .label:after {
    position: absolute;
    content: "";
    top: 50%;
    left: -.25em;
    margin-top: -.25em;
    background-color: #fff!important;
    width: .5em;
    height: .5em;
    box-shadow: 0 -1px 1px 0 rgba(0,0,0,.3);
    border-radius: 500rem
}

.ui.corner.label {
    margin: 0;
    padding: 0;
    text-align: center;
    border-color: #e8e8e8;
    width: 4em;
    height: 4em;
    z-index: 1
}

.ui.corner.label,.ui.corner.label:after {
    position: absolute;
    top: 0;
    right: 0;
    transition: border-color .1s ease;
    background-color: initial!important
}

.ui.corner.label:after {
    content: "";
    z-index: -1;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 0 4em 4em 0;
    border-right-color: inherit
}

.ui.corner.label .icon {
    cursor: default;
    position: relative;
    top: .64285714em;
    left: .78571429em;
    font-size: 1.14285714em;
    margin: 0
}

.ui.left.corner.label,.ui.left.corner.label:after {
    right: auto;
    left: 0
}

.ui.left.corner.label:after {
    border-color: transparent;
    border-style: solid;
    border-width: 4em 4em 0 0;
    border-top-color: inherit
}

.ui.left.corner.label .icon {
    left: -.78571429em
}

.ui.segment>.ui.corner.label {
    top: -1px;
    right: -1px
}

.ui.segment>.ui.left.corner.label {
    right: auto;
    left: -1px
}

.ui.ribbon.label {
    position: relative;
    margin: 0;
    min-width: -webkit-max-content;
    min-width: max-content;
    border-radius: 0 .28571429rem .28571429rem 0;
    border-color: rgba(0,0,0,.15)
}

.ui.ribbon.label:after {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    background-color: initial!important;
    border-color: transparent;
    border-style: solid;
    border-width: 0 1.2em 1.2em 0;
    border-right-color: inherit;
    width: 0;
    height: 0
}

.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);
    text-align: left;
    transform: translateX(-100%);
    border-radius: .28571429rem 0 0 .28571429rem
}

.ui[class*="right ribbon"].label:after {
    left: auto;
    right: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 1.2em 1.2em 0 0;
    border-top-color: inherit
}

.ui.card .image>.ribbon.label,.ui.image>.ribbon.label {
    position: absolute;
    top: 1rem
}

.ui.card .image>.ui.ribbon.label,.ui.image>.ui.ribbon.label {
    left: calc(.05rem - 1.2em)
}

.ui.card .image>.ui[class*="right ribbon"].label,.ui.image>.ui[class*="right ribbon"].label {
    left: calc(100% - .05rem + 1.2em);
    padding-left: .833em
}

.ui.table td>.ui.ribbon.label {
    left: -1.98571em
}

.ui.table td>.ui[class*="right ribbon"].label {
    left: calc(100% + 1.98571em);
    padding-left: .833em
}

.ui.attached.label,.ui[class*="top attached"].label {
    width: 100%;
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    padding: .75em 1em;
    border-radius: .21428571rem .21428571rem 0 0
}

.ui[class*="bottom attached"].label {
    top: auto;
    bottom: 0;
    border-radius: 0 0 .21428571rem .21428571rem
}

.ui[class*="top left attached"].label {
    width: auto;
    margin-top: 0!important;
    border-radius: .21428571rem 0 .28571429rem 0
}

.ui[class*="top right attached"].label {
    width: auto;
    left: auto;
    right: 0;
    border-radius: 0 .21428571rem 0 .28571429rem
}

.ui[class*="bottom left attached"].label {
    width: auto;
    top: auto;
    bottom: 0;
    border-radius: 0 .28571429rem 0 .21428571rem
}

.ui[class*="bottom right attached"].label {
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    width: auto;
    border-radius: .28571429rem 0 .21428571rem 0
}

.ui.label.disabled {
    opacity: .5
}

a.ui.label:hover,a.ui.labels .label:hover {
    background-color: #e0e0e0;
    border-color: #e0e0e0;
    background-image: none;
    color: rgba(0,0,0,.8)
}

.ui.labels a.label:hover:before,a.ui.label:hover:before {
    color: rgba(0,0,0,.8)
}

.ui.active.label {
    border-color: #d0d0d0
}

.ui.active.label,.ui.active.label:before {
    background-color: #d0d0d0;
    background-image: none;
    color: rgba(0,0,0,.95)
}

a.ui.active.label:hover,a.ui.labels .active.label:hover {
    border-color: #c8c8c8
}

.ui.labels a.active.label:ActiveHover:before,a.ui.active.label:ActiveHover:before,a.ui.active.label:hover,a.ui.labels .active.label:hover {
    background-color: #c8c8c8;
    background-image: none;
    color: rgba(0,0,0,.95)
}

.ui.label.visible:not(.dropdown),.ui.labels.visible .label {
    display: inline-block!important
}

.ui.label.hidden,.ui.labels.hidden .label {
    display: none!important
}

.ui.red.label,.ui.red.labels .label {
    background-color: #db2828!important;
    border-color: #db2828!important;
    color: #fff!important
}

.ui.red.labels .label:hover,a.ui.red.label:hover {
    background-color: #d01919!important;
    border-color: #d01919!important;
    color: #fff!important
}

.ui.red.corner.label,.ui.red.corner.label:hover {
    background-color: initial!important
}

.ui.red.ribbon.label {
    border-color: #b21e1e!important
}

.ui.basic.red.label {
    background-color: #fff!important;
    color: #db2828!important;
    border-color: #db2828!important
}

.ui.basic.red.labels a.label:hover,a.ui.basic.red.label:hover {
    background-color: #fff!important;
    color: #d01919!important;
    border-color: #d01919!important
}

.ui.orange.label,.ui.orange.labels .label {
    background-color: #f2711c!important;
    border-color: #f2711c!important;
    color: #fff!important
}

.ui.orange.ribbon.label {
    border-color: #cf590c!important
}

.ui.yellow.label,.ui.yellow.labels .label {
    background-color: #fbbd08!important;
    border-color: #fbbd08!important;
    color: #fff!important
}

.ui.yellow.ribbon.label {
    border-color: #cd9903!important
}

.ui.olive.label,.ui.olive.labels .label {
    background-color: #b5cc18!important;
    border-color: #b5cc18!important;
    color: #fff!important
}

.ui.olive.ribbon.label {
    border-color: #198f35!important
}

.ui.green.label,.ui.green.labels .label {
    background-color: #21ba45!important;
    border-color: #21ba45!important;
    color: #fff!important
}

.ui.green.ribbon.label {
    border-color: #198f35!important
}

.ui.teal.label,.ui.teal.labels .label {
    background-color: #00b5ad!important;
    border-color: #00b5ad!important;
    color: #fff!important
}

.ui.teal.ribbon.label {
    border-color: #00827c!important
}

.ui.blue.label,.ui.blue.labels .label {
    background-color: #2185d0!important;
    border-color: #2185d0!important;
    color: #fff!important
}

.ui.blue.ribbon.label {
    border-color: #1a69a4!important
}

.ui.violet.label,.ui.violet.labels .label {
    background-color: #6435c9!important;
    border-color: #6435c9!important;
    color: #fff!important
}

.ui.violet.ribbon.label {
    border-color: #502aa1!important
}

.ui.purple.label,.ui.purple.labels .label {
    background-color: #a333c8!important;
    border-color: #a333c8!important;
    color: #fff!important
}

.ui.purple.ribbon.label {
    border-color: #82299f!important
}

.ui.pink.label,.ui.pink.labels .label {
    background-color: #e03997!important;
    border-color: #e03997!important;
    color: #fff!important
}

.ui.pink.ribbon.label {
    border-color: #c71f7e!important
}

.ui.brown.label,.ui.brown.labels .label {
    background-color: #a5673f!important;
    border-color: #a5673f!important;
    color: #fff!important
}

.ui.brown.ribbon.label {
    border-color: #805031!important
}

.ui.grey.label,.ui.grey.labels .label {
    background-color: #767676!important;
    border-color: #767676!important;
    color: #fff!important
}

.ui.grey.ribbon.label {
    border-color: #805031!important
}

.ui.black.label,.ui.black.labels .label {
    background-color: #1b1c1d!important;
    border-color: #1b1c1d!important;
    color: #fff!important
}

.ui.black.labels .label:hover,a.ui.black.label:hover {
    background-color: #27292a!important;
    border-color: #27292a!important;
    color: #fff!important
}

.ui.black.corner.label,.ui.black.corner.label:hover {
    background-color: initial!important
}

.ui.black.ribbon.label {
    border-color: #805031!important
}

.ui.basic.black.label {
    background-color: #fff!important;
    color: #1b1c1d!important;
    border-color: #1b1c1d!important
}

.ui.basic.black.labels a.label:hover,a.ui.basic.black.label:hover {
    background-color: #fff!important;
    color: #27292a!important;
    border-color: #27292a!important
}

.ui.basic.label {
    background: none #fff;
    border: 1px solid rgba(34,36,38,.15);
    color: rgba(0,0,0,.87);
    box-shadow: none
}

a.ui.basic.label:hover {
    text-decoration: none;
    background: none #fff;
    color: #1e70bf;
    box-shadow: 1px solid rgba(34,36,38,.15);
    box-shadow: none
}

.ui.basic.pointing.label:before {
    border-color: inherit
}

.ui.fluid.labels>.label,.ui.label.fluid {
    width: 100%;
    box-sizing: border-box
}

.ui.horizontal.label,.ui.horizontal.labels .label {
    margin: 0 .5em 0 0;
    padding: .4em .833em;
    min-width: 3em;
    text-align: center
}

.ui.pointing.label {
    position: relative
}

.ui.attached.pointing.label {
    position: absolute
}

.ui.pointing.label:before {
    background-color: inherit;
    background-image: inherit;
    border: 0 solid;
    border-color: inherit;
    position: absolute;
    content: "";
    transform: rotate(45deg);
    background-image: none;
    z-index: 2;
    width: .6666em;
    height: .6666em;
    transition: background .1s ease
}

.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%
}

.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;
    top: auto;
    right: auto;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 100%;
    left: 50%
}

.ui[class*="left pointing"].label {
    margin-top: 0;
    margin-left: .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
}

.ui[class*="right pointing"].label {
    margin-top: 0;
    margin-right: .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
}

.ui.basic.pointing.label:before,.ui.basic[class*="pointing above"].label:before {
    margin-top: -1px
}

.ui.basic[class*="bottom pointing"].label:before,.ui.basic[class*="pointing below"].label:before {
    bottom: auto;
    top: 100%;
    margin-top: 1px
}

.ui.basic[class*="left pointing"].label:before {
    top: 50%;
    left: -1px
}

.ui.basic[class*="right pointing"].label:before {
    top: 50%;
    right: -1px
}

.ui.label,.ui.labels .label {
    font-size: .85714286rem
}

.ui.large.label,.ui.large.labels .label {
    font-size: 1rem
}

/*!
  * # Semantic UI 2.3.1 - Loader
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
.ui.loader {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    text-align: center;
    z-index: 1000;
    transform: translateX(-50%) translateY(-50%)
}

.ui.loader:before {
    border-radius: 500rem;
    border: .2em solid rgba(0,0,0,.1)
}

.ui.loader:after,.ui.loader:before {
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%
}

.ui.loader:after {
    animation: loader .6s linear;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border: .2em solid transparent;
    border-top-color: #767676;
    box-shadow: 0 0 0 1px transparent
}

@keyframes loader {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.ui.mini.loader:after,.ui.mini.loader:before {
    width: 1rem;
    height: 1rem;
    margin: 0 0 0 -.5rem
}

.ui.tiny.loader:after,.ui.tiny.loader:before {
    width: 1.14285714rem;
    height: 1.14285714rem;
    margin: 0 0 0 -.57142857rem
}

.ui.small.loader:after,.ui.small.loader:before {
    width: 1.71428571rem;
    height: 1.71428571rem;
    margin: 0 0 0 -.85714286rem
}

.ui.loader:after,.ui.loader:before {
    width: 2.28571429rem;
    height: 2.28571429rem;
    margin: 0 0 0 -1.14285714rem
}

.ui.large.loader:after,.ui.large.loader:before {
    width: 3.42857143rem;
    height: 3.42857143rem;
    margin: 0 0 0 -1.71428571rem
}

.ui.big.loader:after,.ui.big.loader:before {
    width: 3.71428571rem;
    height: 3.71428571rem;
    margin: 0 0 0 -1.85714286rem
}

.ui.huge.loader:after,.ui.huge.loader:before {
    width: 4.14285714rem;
    height: 4.14285714rem;
    margin: 0 0 0 -2.07142857rem
}

.ui.massive.loader:after,.ui.massive.loader:before {
    width: 4.57142857rem;
    height: 4.57142857rem;
    margin: 0 0 0 -2.28571429rem
}

.ui.dimmer .loader {
    display: block
}

.ui.dimmer .ui.loader {
    color: hsla(0,0%,100%,.9)
}

.ui.dimmer .ui.loader:before {
    border-color: hsla(0,0%,100%,.15)
}

.ui.dimmer .ui.loader:after {
    border-color: #fff transparent transparent
}

.ui.inverted.dimmer .ui.loader {
    color: rgba(0,0,0,.87)
}

.ui.inverted.dimmer .ui.loader:before {
    border-color: rgba(0,0,0,.1)
}

.ui.inverted.dimmer .ui.loader:after {
    border-color: #767676 transparent transparent
}

.ui.text.loader {
    width: auto!important;
    height: auto!important;
    text-align: center;
    font-style: normal
}

.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
}

.ui.inverted.dimmer .ui.mini.loader,.ui.mini.loader {
    width: 1rem;
    height: 1rem;
    font-size: .78571429em
}

.ui.inverted.dimmer .ui.tiny.loader,.ui.tiny.loader {
    width: 1.14285714rem;
    height: 1.14285714rem;
    font-size: .85714286em
}

.ui.inverted.dimmer .ui.small.loader,.ui.small.loader {
    width: 1.71428571rem;
    height: 1.71428571rem;
    font-size: .92857143em
}

.ui.inverted.dimmer .ui.loader,.ui.loader {
    width: 2.28571429rem;
    height: 2.28571429rem;
    font-size: 1em
}

.ui.inverted.dimmer .ui.large.loader,.ui.large.loader {
    width: 3.42857143rem;
    height: 3.42857143rem;
    font-size: 1.14285714em
}

.ui.big.loader,.ui.inverted.dimmer .ui.big.loader {
    width: 3.71428571rem;
    height: 3.71428571rem;
    font-size: 1.28571429em
}

.ui.huge.loader,.ui.inverted.dimmer .ui.huge.loader {
    width: 4.14285714rem;
    height: 4.14285714rem;
    font-size: 1.42857143em
}

.ui.inverted.dimmer .ui.massive.loader,.ui.massive.loader {
    width: 4.57142857rem;
    height: 4.57142857rem;
    font-size: 1.71428571em
}

.ui.mini.text.loader {
    min-width: 1rem;
    padding-top: 1.78571429rem
}

.ui.tiny.text.loader {
    min-width: 1.14285714rem;
    padding-top: 1.92857143rem
}

.ui.small.text.loader {
    min-width: 1.71428571rem;
    padding-top: 2.5rem
}

.ui.text.loader {
    min-width: 2.28571429rem;
    padding-top: 3.07142857rem
}

.ui.large.text.loader {
    min-width: 3.42857143rem;
    padding-top: 4.21428571rem
}

.ui.big.text.loader {
    min-width: 3.71428571rem;
    padding-top: 4.5rem
}

.ui.huge.text.loader {
    min-width: 4.14285714rem;
    padding-top: 4.92857143rem
}

.ui.massive.text.loader {
    min-width: 4.57142857rem;
    padding-top: 5.35714286rem
}

.ui.inverted.loader {
    color: hsla(0,0%,100%,.9)
}

.ui.inverted.loader:before {
    border-color: hsla(0,0%,100%,.15)
}

.ui.inverted.loader:after {
    border-top-color: #fff
}

.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
}

.ui.centered.inline.loader.active,.ui.centered.inline.loader.visible {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.ui.segment {
    position: relative;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    margin: 1rem 0;
    padding: 1em;
    border-radius: .28571429rem;
    border: 1px solid rgba(34,36,38,.15)
}

.ui.segment:first-child {
    margin-top: 0
}

.ui.segment:last-child {
    margin-bottom: 0
}

.ui.vertical.segment {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    background: none transparent;
    border-radius: 0;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid rgba(34,36,38,.15)
}

.ui.vertical.segment:last-child {
    border-bottom: none
}

.ui.inverted.segment>.ui.header {
    color: #fff
}

.ui[class*="bottom attached"].segment>[class*="top attached"].label {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ui[class*="top attached"].segment>[class*="bottom attached"].label {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.ui.attached.segment:not(.top):not(.bottom)>[class*="top attached"].label {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ui.attached.segment:not(.top):not(.bottom)>[class*="bottom attached"].label {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.ui.grid>.row>.ui.segment.column,.ui.grid>.ui.segment.column,.ui.page.grid.segment {
    padding-top: 2em;
    padding-bottom: 2em
}

.ui.grid.segment {
    margin: 1rem 0;
    border-radius: .28571429rem
}

.ui.basic.table.segment {
    background: #fff;
    border: 1px solid rgba(34,36,38,.15);
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15)
}

.ui[class*="very basic"].table.segment {
    padding: 1em
}

.ui.compact.segment {
    display: table
}

.ui.disabled.segment {
    opacity: .45;
    color: rgba(40,40,40,.3)
}

.ui.basic.segment {
    background: none transparent;
    box-shadow: none;
    border: none;
    border-radius: 0
}

.ui.clearing.segment:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ui.red.segment:not(.inverted) {
    border-top: 2px solid #db2828!important
}

.ui.inverted.red.segment {
    background-color: #db2828!important;
    color: #fff!important
}

.ui.black.segment:not(.inverted) {
    border-top: 2px solid #1b1c1d!important
}

.ui.inverted.black.segment {
    background-color: #1b1c1d!important;
    color: #fff!important
}

.ui[class*="left aligned"].segment {
    text-align: left
}

.ui[class*="right aligned"].segment {
    text-align: right
}

.ui[class*="center aligned"].segment {
    text-align: center
}

.ui.floated.segment,.ui[class*="left floated"].segment {
    float: left;
    margin-right: 1em
}

.ui[class*="right floated"].segment {
    float: right;
    margin-left: 1em
}

.ui.inverted.segment {
    border: none;
    box-shadow: none
}

.ui.inverted.segment,.ui.primary.inverted.segment {
    background: #1b1c1d;
    color: hsla(0,0%,100%,.9)
}

.ui.inverted.segment .segment {
    color: rgba(0,0,0,.87)
}

.ui.inverted.segment .inverted.segment {
    color: hsla(0,0%,100%,.9)
}

.ui.inverted.attached.segment {
    border-color: #555
}

.ui.secondary.segment {
    background: #f3f4f5;
    color: rgba(0,0,0,.6)
}

.ui.secondary.inverted.segment {
    background: #4c4f52 linear-gradient(hsla(0,0%,100%,.2),hsla(0,0%,100%,.2));
    color: hsla(0,0%,100%,.8)
}

.ui.tertiary.segment {
    background: #dcddde;
    color: rgba(0,0,0,.6)
}

.ui.tertiary.inverted.segment {
    background: #717579 linear-gradient(hsla(0,0%,100%,.35),hsla(0,0%,100%,.35));
    color: hsla(0,0%,100%,.8)
}

.ui.attached.segment {
    top: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0 -1px;
    width: calc(100% + 2px);
    max-width: calc(100% + 2px);
    box-shadow: none;
    border: 1px solid #d4d4d5
}

.ui.attached:not(.message)+.ui.attached.segment:not(.top) {
    border-top: none
}

.ui[class*="top attached"].segment {
    bottom: 0;
    margin-bottom: 0;
    top: 0;
    margin-top: 1rem;
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.segment[class*="top attached"]:first-child {
    margin-top: 0
}

.ui.segment[class*="bottom attached"] {
    bottom: 0;
    margin-top: 0;
    top: 0;
    margin-bottom: 1rem;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),none;
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui.segment[class*="bottom attached"]:last-child {
    margin-bottom: 0
}

.ui.mini.segment,.ui.mini.segments .segment {
    font-size: .78571429rem
}

.ui.tiny.segment,.ui.tiny.segments .segment {
    font-size: .85714286rem
}

.ui.small.segment,.ui.small.segments .segment {
    font-size: .92857143rem
}

.ui.segment,.ui.segments .segment {
    font-size: 1rem
}

.ui.large.segment,.ui.large.segments .segment {
    font-size: 1.14285714rem
}

.ui.big.segment,.ui.big.segments .segment {
    font-size: 1.28571429rem
}

.ui.huge.segment,.ui.huge.segments .segment {
    font-size: 1.42857143rem
}

.ui.massive.segment,.ui.massive.segments .segment {
    font-size: 1.71428571rem
}

.ui.breadcrumb {
    line-height: 1;
    display: inline-block;
    margin: 0;
    vertical-align: middle
}

.ui.breadcrumb:first-child {
    margin-top: 0
}

.ui.breadcrumb:last-child {
    margin-bottom: 0
}

.ui.breadcrumb .divider {
    display: inline-block;
    opacity: .7;
    margin: 0 .21428571rem;
    font-size: .92857143em;
    color: rgba(0,0,0,.4);
    vertical-align: initial
}

.ui.breadcrumb a {
    color: #4183c4
}

.ui.breadcrumb a:hover {
    color: #1e70bf
}

.ui.breadcrumb .icon.divider {
    font-size: .85714286em;
    vertical-align: initial
}

.ui.breadcrumb a.section {
    cursor: pointer
}

.ui.breadcrumb .section {
    display: inline-block;
    margin: 0;
    padding: 0
}

.ui.breadcrumb.segment {
    display: inline-block;
    padding: .78571429em 1em
}

.ui.breadcrumb .active.section {
    font-weight: 700
}

.ui.mini.breadcrumb {
    font-size: .78571429rem
}

.ui.tiny.breadcrumb {
    font-size: .85714286rem
}

.ui.small.breadcrumb {
    font-size: .92857143rem
}

.ui.breadcrumb {
    font-size: 1rem
}

.ui.large.breadcrumb {
    font-size: 1.14285714rem
}

.ui.big.breadcrumb {
    font-size: 1.28571429rem
}

.ui.huge.breadcrumb {
    font-size: 1.42857143rem
}

.ui.massive.breadcrumb {
    font-size: 1.71428571rem
}

.ui.form {
    position: relative;
    max-width: 100%
}

.ui.form>p {
    margin: 1em 0
}

.ui.form .field {
    clear: both;
    margin: 0 0 1em
}

.ui.form .field:last-child,.ui.form .fields:last-child .field {
    margin-bottom: 0
}

.ui.form .fields .field {
    clear: both;
    margin: 0
}

.ui.form .field>label {
    display: block;
    margin: 0 0 .28571429rem;
    color: rgba(0,0,0,.87);
    font-size: .92857143em;
    font-weight: 700;
    text-transform: none
}

.ui.form input:not([type]),.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=email],.ui.form input[type=file],.ui.form input[type=number],.ui.form input[type=password],.ui.form input[type=search],.ui.form input[type=tel],.ui.form input[type=text],.ui.form input[type=time],.ui.form input[type=url],.ui.form textarea {
    width: 100%;
    vertical-align: top
}

.ui.form ::-webkit-datetime-edit,.ui.form ::-webkit-inner-spin-button {
    height: 1.21428571em
}

.ui.form input:not([type]),.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=email],.ui.form input[type=file],.ui.form input[type=number],.ui.form input[type=password],.ui.form input[type=search],.ui.form input[type=tel],.ui.form input[type=text],.ui.form input[type=time],.ui.form input[type=url] {
    font-family: "Lato","Helvetica Neue",Arial,Helvetica,sans-serif;
    margin: 0;
    outline: none;
    -webkit-appearance: none;
    tap-highlight-color: hsla(0,0%,100%,0);
    line-height: 1.21428571em;
    padding: .67857143em 1em;
    font-size: 1em;
    background: #fff;
    border: 1px solid rgba(34,36,38,.15);
    color: rgba(0,0,0,.87);
    border-radius: .28571429rem;
    box-shadow: inset 0 0 0 0 transparent;
    transition: color .1s ease,border-color .1s ease
}

.ui.form textarea {
    margin: 0;
    -webkit-appearance: none;
    tap-highlight-color: hsla(0,0%,100%,0);
    padding: .78571429em 1em;
    background: #fff;
    border: 1px solid rgba(34,36,38,.15);
    outline: none;
    color: rgba(0,0,0,.87);
    border-radius: .28571429rem;
    box-shadow: inset 0 0 0 0 transparent;
    transition: color .1s ease,border-color .1s ease;
    font-size: 1em;
    line-height: 1.2857;
    resize: vertical
}

.ui.form textarea:not([rows]) {
    height: 12em;
    min-height: 8em;
    max-height: 24em
}

.ui.form input[type=checkbox],.ui.form textarea {
    vertical-align: top
}

.ui.form input.attached {
    width: auto
}

.ui.form select {
    display: block;
    height: auto;
    width: 100%;
    background: #fff;
    border: 1px solid rgba(34,36,38,.15);
    border-radius: .28571429rem;
    box-shadow: inset 0 0 0 0 transparent;
    padding: .62em 1em;
    color: rgba(0,0,0,.87);
    transition: color .1s ease,border-color .1s ease
}

.ui.form .field>.selection.dropdown {
    width: 100%
}

.ui.form .field>.selection.dropdown>.dropdown.icon {
    float: right
}

.ui.form .inline.field>.selection.dropdown,.ui.form .inline.fields .field>.selection.dropdown {
    width: auto
}

.ui.form .inline.field>.selection.dropdown>.dropdown.icon,.ui.form .inline.fields .field>.selection.dropdown>.dropdown.icon {
    float: none
}

.ui.form .field .ui.input,.ui.form .fields .field .ui.input,.ui.form .wide.field .ui.input {
    width: 100%
}

.ui.form .inline.field:not(.wide) .ui.input,.ui.form .inline.fields .field:not(.wide) .ui.input {
    width: auto;
    vertical-align: middle
}

.ui.form .field .ui.input input,.ui.form .fields .field .ui.input input {
    width: auto
}

.ui.form .eight.fields .ui.input input,.ui.form .five.fields .ui.input input,.ui.form .four.fields .ui.input input,.ui.form .nine.fields .ui.input input,.ui.form .seven.fields .ui.input input,.ui.form .six.fields .ui.input input,.ui.form .ten.fields .ui.input input,.ui.form .three.fields .ui.input input,.ui.form .two.fields .ui.input input,.ui.form .wide.field .ui.input input {
    flex: 1 0 auto;
    width: 0
}

.ui.form .error.message,.ui.form .success.message,.ui.form .warning.message {
    display: none
}

.ui.form .message:first-child {
    margin-top: 0
}

.ui.form .field .prompt.label {
    white-space: normal;
    background: #fff!important;
    border: 1px solid #e0b4b4!important;
    color: #9f3a38!important
}

.ui.form .inline.field .prompt,.ui.form .inline.fields .field .prompt {
    vertical-align: top;
    margin: -.25em 0 -.5em .5em
}

.ui.form .inline.field .prompt:before,.ui.form .inline.fields .field .prompt:before {
    border-width: 0 0 1px 1px;
    bottom: auto;
    right: auto;
    top: 50%;
    left: 0
}

.ui.form .field.field input:-webkit-autofill {
    box-shadow: inset 0 0 0 100px ivory!important;
    border-color: #e5dfa1!important
}

.ui.form .field.field input:-webkit-autofill:focus {
    box-shadow: inset 0 0 0 100px ivory!important;
    border-color: #d5c315!important
}

.ui.form .error.error input:-webkit-autofill {
    box-shadow: inset 0 0 0 100px #fffaf0!important;
    border-color: #e0b4b4!important
}

.ui.form ::-webkit-input-placeholder {
    color: hsla(0,0%,74.9%,.87)
}

.ui.form :-ms-input-placeholder {
    color: hsla(0,0%,74.9%,.87)
}

.ui.form ::-moz-placeholder {
    color: hsla(0,0%,74.9%,.87)
}

.ui.form :focus::-webkit-input-placeholder {
    color: hsla(0,0%,45.1%,.87)
}

.ui.form :focus:-ms-input-placeholder {
    color: hsla(0,0%,45.1%,.87)
}

.ui.form :focus::-moz-placeholder {
    color: hsla(0,0%,45.1%,.87)
}

.ui.form .error ::-webkit-input-placeholder {
    color: #e7bdbc
}

.ui.form .error :-ms-input-placeholder {
    color: #e7bdbc!important
}

.ui.form .error ::-moz-placeholder {
    color: #e7bdbc
}

.ui.form .error :focus::-webkit-input-placeholder {
    color: #da9796
}

.ui.form .error :focus:-ms-input-placeholder {
    color: #da9796!important
}

.ui.form .error :focus::-moz-placeholder {
    color: #da9796
}

.ui.form input:not([type]):focus,.ui.form input[type=date]:focus,.ui.form input[type=datetime-local]:focus,.ui.form input[type=email]:focus,.ui.form input[type=file]:focus,.ui.form input[type=number]:focus,.ui.form input[type=password]:focus,.ui.form input[type=search]:focus,.ui.form input[type=tel]:focus,.ui.form input[type=text]:focus,.ui.form input[type=time]:focus,.ui.form input[type=url]:focus,.ui.form textarea:focus {
    color: rgba(0,0,0,.95);
    border-color: #85b7d9;
    border-radius: .28571429rem;
    background: #fff;
    box-shadow: inset 0 0 0 0 rgba(34,36,38,.35)
}

.ui.form textarea:focus {
    -webkit-appearance: none
}

.ui.form.success .success.message:not(:empty) {
    display: block
}

.ui.form.success .compact.success.message:not(:empty) {
    display: inline-block
}

.ui.form.success .icon.success.message:not(:empty) {
    display: flex
}

.ui.form.warning .warning.message:not(:empty) {
    display: block
}

.ui.form.warning .compact.warning.message:not(:empty) {
    display: inline-block
}

.ui.form.warning .icon.warning.message:not(:empty) {
    display: flex
}

.ui.form.error .error.message:not(:empty) {
    display: block
}

.ui.form.error .compact.error.message:not(:empty) {
    display: inline-block
}

.ui.form.error .icon.error.message:not(:empty) {
    display: flex
}

.ui.form .field.error .input,.ui.form .field.error label,.ui.form .fields.error .field .input,.ui.form .fields.error .field label {
    color: #9f3a38
}

.ui.form .field.error .corner.label,.ui.form .fields.error .field .corner.label {
    border-color: #9f3a38;
    color: #fff
}

.ui.form .field.error input:not([type]),.ui.form .field.error input[type=date],.ui.form .field.error input[type=datetime-local],.ui.form .field.error input[type=email],.ui.form .field.error input[type=file],.ui.form .field.error input[type=number],.ui.form .field.error input[type=password],.ui.form .field.error input[type=search],.ui.form .field.error input[type=tel],.ui.form .field.error input[type=text],.ui.form .field.error input[type=time],.ui.form .field.error input[type=url],.ui.form .field.error select,.ui.form .field.error textarea,.ui.form .fields.error .field input:not([type]),.ui.form .fields.error .field input[type=date],.ui.form .fields.error .field input[type=datetime-local],.ui.form .fields.error .field input[type=email],.ui.form .fields.error .field input[type=file],.ui.form .fields.error .field input[type=number],.ui.form .fields.error .field input[type=password],.ui.form .fields.error .field input[type=search],.ui.form .fields.error .field input[type=tel],.ui.form .fields.error .field input[type=text],.ui.form .fields.error .field input[type=time],.ui.form .fields.error .field input[type=url],.ui.form .fields.error .field select,.ui.form .fields.error .field textarea {
    background: #fff6f6;
    border-color: #e0b4b4;
    color: #9f3a38;
    border-radius: "";
    box-shadow: none
}

.ui.form .field.error input:not([type]):focus,.ui.form .field.error input[type=date]:focus,.ui.form .field.error input[type=datetime-local]:focus,.ui.form .field.error input[type=email]:focus,.ui.form .field.error input[type=file]:focus,.ui.form .field.error input[type=number]:focus,.ui.form .field.error input[type=password]:focus,.ui.form .field.error input[type=search]:focus,.ui.form .field.error input[type=tel]:focus,.ui.form .field.error input[type=text]:focus,.ui.form .field.error input[type=time]:focus,.ui.form .field.error input[type=url]:focus,.ui.form .field.error select:focus,.ui.form .field.error textarea:focus {
    background: #fff6f6;
    border-color: #e0b4b4;
    color: #9f3a38;
    -webkit-appearance: none;
    box-shadow: none
}

.ui.form .field.error select {
    -webkit-appearance: menulist-button
}

.ui.form .field.error .ui.dropdown,.ui.form .field.error .ui.dropdown .item,.ui.form .field.error .ui.dropdown .text,.ui.form .fields.error .field .ui.dropdown,.ui.form .fields.error .field .ui.dropdown .item {
    background: #fff6f6;
    color: #9f3a38
}

.ui.form .field.error .ui.dropdown,.ui.form .field.error .ui.dropdown:hover,.ui.form .fields.error .field .ui.dropdown,.ui.form .fields.error .field .ui.dropdown:hover {
    border-color: #e0b4b4!important
}

.ui.form .field.error .ui.dropdown:hover .menu,.ui.form .fields.error .field .ui.dropdown:hover .menu {
    border-color: #e0b4b4
}

.ui.form .field.error .ui.multiple.selection.dropdown>.label,.ui.form .fields.error .field .ui.multiple.selection.dropdown>.label {
    background-color: #eacbcb;
    color: #9f3a38
}

.ui.form .field.error .ui.dropdown .menu .item:hover,.ui.form .field.error .ui.dropdown .menu .selected.item,.ui.form .fields.error .field .ui.dropdown .menu .item:hover,.ui.form .fields.error .field .ui.dropdown .menu .selected.item {
    background-color: #fbe7e7
}

.ui.form .field.error .ui.dropdown .menu .active.item,.ui.form .fields.error .field .ui.dropdown .menu .active.item {
    background-color: #fdcfcf!important
}

.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box,.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label {
    color: #9f3a38
}

.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before,.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before {
    background: #fff6f6;
    border-color: #e0b4b4
}

.ui.form .field.error .checkbox .box:after,.ui.form .field.error .checkbox label:after,.ui.form .fields.error .field .checkbox .box:after,.ui.form .fields.error .field .checkbox label:after {
    color: #9f3a38
}

.ui.form .disabled.field,.ui.form .disabled.fields .field,.ui.form .field :disabled {
    pointer-events: none;
    opacity: .45
}

.ui.form .field.disabled>label,.ui.form .fields.disabled>label {
    opacity: .45
}

.ui.form .field.disabled :disabled {
    opacity: 1
}

.ui.form .required.field>.checkbox:after,.ui.form .required.field>label:after,.ui.form .required.fields.grouped>label:after,.ui.form .required.fields:not(.grouped)>.field>.checkbox:after,.ui.form .required.fields:not(.grouped)>.field>label:after {
    margin: -.2em 0 0 .2em;
    content: "*";
    color: #db2828
}

.ui.form .required.field>label:after,.ui.form .required.fields.grouped>label:after,.ui.form .required.fields:not(.grouped)>.field>label:after {
    display: inline-block;
    vertical-align: top
}

.ui.form .required.field>.checkbox:after,.ui.form .required.fields:not(.grouped)>.field>.checkbox:after {
    position: absolute;
    top: 0;
    left: 100%
}

.ui.form .inverted.segment .ui.checkbox .box,.ui.form .inverted.segment .ui.checkbox label,.ui.form .inverted.segment label,.ui.inverted.form .inline.field>label,.ui.inverted.form .inline.field>p,.ui.inverted.form .inline.fields .field>label,.ui.inverted.form .inline.fields .field>p,.ui.inverted.form .inline.fields>label,.ui.inverted.form .ui.checkbox .box,.ui.inverted.form .ui.checkbox label,.ui.inverted.form label {
    color: hsla(0,0%,100%,.9)
}

.ui.inverted.form input:not([type]),.ui.inverted.form input[type=date],.ui.inverted.form input[type=datetime-local],.ui.inverted.form input[type=email],.ui.inverted.form input[type=file],.ui.inverted.form input[type=number],.ui.inverted.form input[type=password],.ui.inverted.form input[type=search],.ui.inverted.form input[type=tel],.ui.inverted.form input[type=text],.ui.inverted.form input[type=time],.ui.inverted.form input[type=url] {
    background: #fff;
    border-color: hsla(0,0%,100%,.1);
    color: rgba(0,0,0,.87);
    box-shadow: none
}

.ui.form .grouped.fields {
    display: block;
    margin: 0 0 1em
}

.ui.form .grouped.fields:last-child {
    margin-bottom: 0
}

.ui.form .grouped.fields>label {
    margin: 0 0 .28571429rem;
    color: rgba(0,0,0,.87);
    font-size: .92857143em;
    font-weight: 700;
    text-transform: none
}

.ui.form .grouped.fields .field,.ui.form .grouped.inline.fields .field {
    display: block;
    margin: .5em 0;
    padding: 0
}

.ui.form .fields {
    display: flex;
    flex-direction: row;
    margin: 0 -.5em 1em
}

.ui.form .fields>.field {
    flex: 0 1 auto;
    padding-left: .5em;
    padding-right: .5em
}

.ui.form .fields>.field:first-child {
    border-left: none;
    box-shadow: none
}

.ui.form .two.fields>.field,.ui.form .two.fields>.fields {
    width: 50%
}

.ui.form .three.fields>.field,.ui.form .three.fields>.fields {
    width: 33.33333333%
}

.ui.form .four.fields>.field,.ui.form .four.fields>.fields {
    width: 25%
}

.ui.form .five.fields>.field,.ui.form .five.fields>.fields {
    width: 20%
}

.ui.form .six.fields>.field,.ui.form .six.fields>.fields {
    width: 16.66666667%
}

.ui.form .seven.fields>.field,.ui.form .seven.fields>.fields {
    width: 14.28571429%
}

.ui.form .eight.fields>.field,.ui.form .eight.fields>.fields {
    width: 12.5%
}

.ui.form .nine.fields>.field,.ui.form .nine.fields>.fields {
    width: 11.11111111%
}

.ui.form .ten.fields>.field,.ui.form .ten.fields>.fields {
    width: 10%
}

@media only screen and (max-width: 767px) {
    .ui.form .fields {
        flex-wrap:wrap
    }

    .ui.form:not(.unstackable) .eight.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .eight.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .five.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .five.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .four.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .four.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .nine.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .nine.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .seven.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .seven.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .six.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .six.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .ten.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .ten.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .three.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .three.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .two.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .two.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable)>.field,.ui[class*="equal width"].form:not(.unstackable) .fields>.field {
        width: 100%!important;
        margin: 0 0 1em
    }
}

.ui.form .fields .wide.field {
    width: 6.25%;
    padding-left: .5em;
    padding-right: .5em
}

.ui.form .one.wide.field {
    width: 6.25%!important
}

.ui.form .two.wide.field {
    width: 12.5%!important
}

.ui.form .three.wide.field {
    width: 18.75%!important
}

.ui.form .four.wide.field {
    width: 25%!important
}

.ui.form .five.wide.field {
    width: 31.25%!important
}

.ui.form .six.wide.field {
    width: 37.5%!important
}

.ui.form .seven.wide.field {
    width: 43.75%!important
}

.ui.form .eight.wide.field {
    width: 50%!important
}

.ui.form .nine.wide.field {
    width: 56.25%!important
}

.ui.form .ten.wide.field {
    width: 62.5%!important
}

.ui.form .eleven.wide.field {
    width: 68.75%!important
}

.ui.form .twelve.wide.field {
    width: 75%!important
}

.ui.form .thirteen.wide.field {
    width: 81.25%!important
}

.ui.form .fourteen.wide.field {
    width: 87.5%!important
}

.ui.form .fifteen.wide.field {
    width: 93.75%!important
}

.ui.form .sixteen.wide.field {
    width: 100%!important
}

@media only screen and (max-width: 767px) {
    .ui.form:not(.unstackable) .fields:not(.unstackable)>.eight.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.eleven.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.fifteen.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.five.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.four.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.fourteen.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.nine.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.seven.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.six.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.sixteen.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.ten.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.thirteen.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.three.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.twelve.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.two.wide.field,.ui.form:not(.unstackable) .five.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .five.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .four.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .four.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .three.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .three.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .two.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .two.fields:not(.unstackable)>.fields {
        width:100%!important
    }

    .ui.form .fields {
        margin-bottom: 0
    }
}

.ui.form [class*="equal width"].fields>.field,.ui[class*="equal width"].form .fields>.field {
    width: 100%;
    flex: 1 1 auto
}

.ui.form .inline.fields {
    margin: 0 0 1em;
    align-items: center
}

.ui.form .inline.fields .field {
    margin: 0;
    padding: 0 1em 0 0
}

.ui.form .inline.field>label,.ui.form .inline.field>p,.ui.form .inline.fields .field>label,.ui.form .inline.fields .field>p,.ui.form .inline.fields>label {
    display: inline-block;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: initial;
    font-size: .92857143em;
    font-weight: 700;
    color: rgba(0,0,0,.87);
    text-transform: none
}

.ui.form .inline.fields>label {
    margin: .035714em 1em 0 0
}

.ui.form .inline.field>input,.ui.form .inline.field>select,.ui.form .inline.fields .field>input,.ui.form .inline.fields .field>select {
    display: inline-block;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
    font-size: 1em
}

.ui.form .inline.field>:first-child,.ui.form .inline.fields .field>:first-child {
    margin: 0 .85714286em 0 0
}

.ui.form .inline.field>:only-child,.ui.form .inline.fields .field>:only-child {
    margin: 0
}

.ui.form .inline.fields .wide.field {
    display: flex;
    align-items: center
}

.ui.form .inline.fields .wide.field>input,.ui.form .inline.fields .wide.field>select {
    width: 100%
}

.ui.mini.form {
    font-size: .78571429rem
}

.ui.tiny.form {
    font-size: .85714286rem
}

.ui.small.form {
    font-size: .92857143rem
}

.ui.form {
    font-size: 1rem
}

.ui.large.form {
    font-size: 1.14285714rem
}

.ui.big.form {
    font-size: 1.28571429rem
}

.ui.huge.form {
    font-size: 1.42857143rem
}

.ui.massive.form {
    font-size: 1.71428571rem
}

/*!
  * # Semantic UI 2.3.1 - Grid
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
.ui.grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 0;
    margin: -1rem
}

.ui.relaxed.grid {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.ui[class*="very relaxed"].grid {
    margin-left: -2.5rem;
    margin-right: -2.5rem
}

.ui.grid+.grid {
    margin-top: 1rem
}

.ui.grid>.column:not(.row),.ui.grid>.row>.column {
    position: relative;
    display: inline-block;
    width: 6.25%;
    padding-left: 1rem;
    padding-right: 1rem;
    vertical-align: top
}

.ui.grid>* {
    padding-left: 1rem;
    padding-right: 1rem
}

.ui.grid>.row {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: inherit;
    align-items: stretch;
    width: 100%!important;
    padding: 1rem 0
}

.ui.grid>.column:not(.row) {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.ui.grid>.row>.column {
    margin-top: 0;
    margin-bottom: 0
}

.ui.grid>.row>.column>img,.ui.grid>.row>img {
    max-width: 100%
}

.ui.grid>.ui.grid:first-child {
    margin-top: 0
}

.ui.grid>.ui.grid:last-child {
    margin-bottom: 0
}

.ui.aligned.grid .column>.segment:not(.compact):not(.attached),.ui.grid .aligned.row>.column>.segment:not(.compact):not(.attached) {
    width: 100%
}

.ui.grid .row+.ui.divider {
    flex-grow: 1;
    margin: 1rem
}

.ui.grid .column+.ui.vertical.divider {
    height: calc(50% - 1rem)
}

.ui.grid>.column:last-child>.horizontal.segment,.ui.grid>.row>.column:last-child>.horizontal.segment {
    box-shadow: none
}

@media only screen and (max-width: 767px) {
    .ui.page.grid {
        width:auto;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .ui.page.grid {
        width:auto;
        margin-left: 0;
        margin-right: 0;
        padding-left: 2em;
        padding-right: 2em
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .ui.page.grid {
        width:auto;
        margin-left: 0;
        margin-right: 0;
        padding-left: 3%;
        padding-right: 3%
    }
}

@media only screen and (min-width: 1200px) and (max-width:1919px) {
    .ui.page.grid {
        width:auto;
        margin-left: 0;
        margin-right: 0;
        padding-left: 15%;
        padding-right: 15%
    }
}

@media only screen and (min-width: 1920px) {
    .ui.page.grid {
        width:auto;
        margin-left: 0;
        margin-right: 0;
        padding-left: 23%;
        padding-right: 23%
    }
}

.ui.grid>.column:only-child,.ui.grid>.row>.column:only-child,.ui[class*="one column"].grid>.column:not(.row),.ui[class*="one column"].grid>.row>.column {
    width: 100%
}

.ui[class*="two column"].grid>.column:not(.row),.ui[class*="two column"].grid>.row>.column {
    width: 50%
}

.ui[class*="three column"].grid>.column:not(.row),.ui[class*="three column"].grid>.row>.column {
    width: 33.33333333%
}

.ui[class*="four column"].grid>.column:not(.row),.ui[class*="four column"].grid>.row>.column {
    width: 25%
}

.ui[class*="five column"].grid>.column:not(.row),.ui[class*="five column"].grid>.row>.column {
    width: 20%
}

.ui[class*="six column"].grid>.column:not(.row),.ui[class*="six column"].grid>.row>.column {
    width: 16.66666667%
}

.ui[class*="seven column"].grid>.column:not(.row),.ui[class*="seven column"].grid>.row>.column {
    width: 14.28571429%
}

.ui[class*="eight column"].grid>.column:not(.row),.ui[class*="eight column"].grid>.row>.column {
    width: 12.5%
}

.ui[class*="nine column"].grid>.column:not(.row),.ui[class*="nine column"].grid>.row>.column {
    width: 11.11111111%
}

.ui[class*="ten column"].grid>.column:not(.row),.ui[class*="ten column"].grid>.row>.column {
    width: 10%
}

.ui[class*="eleven column"].grid>.column:not(.row),.ui[class*="eleven column"].grid>.row>.column {
    width: 9.09090909%
}

.ui[class*="twelve column"].grid>.column:not(.row),.ui[class*="twelve column"].grid>.row>.column {
    width: 8.33333333%
}

.ui[class*="thirteen column"].grid>.column:not(.row),.ui[class*="thirteen column"].grid>.row>.column {
    width: 7.69230769%
}

.ui[class*="fourteen column"].grid>.column:not(.row),.ui[class*="fourteen column"].grid>.row>.column {
    width: 7.14285714%
}

.ui[class*="fifteen column"].grid>.column:not(.row),.ui[class*="fifteen column"].grid>.row>.column {
    width: 6.66666667%
}

.ui[class*="sixteen column"].grid>.column:not(.row),.ui[class*="sixteen column"].grid>.row>.column {
    width: 6.25%
}

.ui.grid>[class*="one column"].row>.column {
    width: 100%!important
}

.ui.grid>[class*="two column"].row>.column {
    width: 50%!important
}

.ui.grid>[class*="three column"].row>.column {
    width: 33.33333333%!important
}

.ui.grid>[class*="four column"].row>.column {
    width: 25%!important
}

.ui.grid>[class*="five column"].row>.column {
    width: 20%!important
}

.ui.grid>[class*="six column"].row>.column {
    width: 16.66666667%!important
}

.ui.grid>[class*="seven column"].row>.column {
    width: 14.28571429%!important
}

.ui.grid>[class*="eight column"].row>.column {
    width: 12.5%!important
}

.ui.grid>[class*="nine column"].row>.column {
    width: 11.11111111%!important
}

.ui.grid>[class*="ten column"].row>.column {
    width: 10%!important
}

.ui.grid>[class*="eleven column"].row>.column {
    width: 9.09090909%!important
}

.ui.grid>[class*="twelve column"].row>.column {
    width: 8.33333333%!important
}

.ui.grid>[class*="thirteen column"].row>.column {
    width: 7.69230769%!important
}

.ui.grid>[class*="fourteen column"].row>.column {
    width: 7.14285714%!important
}

.ui.grid>[class*="fifteen column"].row>.column {
    width: 6.66666667%!important
}

.ui.grid>[class*="sixteen column"].row>.column {
    width: 6.25%!important
}

.ui.celled.page.grid {
    box-shadow: none
}

.ui.column.grid>[class*="one wide"].column,.ui.grid>.column.row>[class*="one wide"].column,.ui.grid>.row>[class*="one wide"].column,.ui.grid>[class*="one wide"].column {
    width: 6.25%!important
}

.ui.column.grid>[class*="two wide"].column,.ui.grid>.column.row>[class*="two wide"].column,.ui.grid>.row>[class*="two wide"].column,.ui.grid>[class*="two wide"].column {
    width: 12.5%!important
}

.ui.column.grid>[class*="three wide"].column,.ui.grid>.column.row>[class*="three wide"].column,.ui.grid>.row>[class*="three wide"].column,.ui.grid>[class*="three wide"].column {
    width: 18.75%!important
}

.ui.column.grid>[class*="four wide"].column,.ui.grid>.column.row>[class*="four wide"].column,.ui.grid>.row>[class*="four wide"].column,.ui.grid>[class*="four wide"].column {
    width: 25%!important
}

.ui.column.grid>[class*="five wide"].column,.ui.grid>.column.row>[class*="five wide"].column,.ui.grid>.row>[class*="five wide"].column,.ui.grid>[class*="five wide"].column {
    width: 31.25%!important
}

.ui.column.grid>[class*="six wide"].column,.ui.grid>.column.row>[class*="six wide"].column,.ui.grid>.row>[class*="six wide"].column,.ui.grid>[class*="six wide"].column {
    width: 37.5%!important
}

.ui.column.grid>[class*="seven wide"].column,.ui.grid>.column.row>[class*="seven wide"].column,.ui.grid>.row>[class*="seven wide"].column,.ui.grid>[class*="seven wide"].column {
    width: 43.75%!important
}

.ui.column.grid>[class*="eight wide"].column,.ui.grid>.column.row>[class*="eight wide"].column,.ui.grid>.row>[class*="eight wide"].column,.ui.grid>[class*="eight wide"].column {
    width: 50%!important
}

.ui.column.grid>[class*="nine wide"].column,.ui.grid>.column.row>[class*="nine wide"].column,.ui.grid>.row>[class*="nine wide"].column,.ui.grid>[class*="nine wide"].column {
    width: 56.25%!important
}

.ui.column.grid>[class*="ten wide"].column,.ui.grid>.column.row>[class*="ten wide"].column,.ui.grid>.row>[class*="ten wide"].column,.ui.grid>[class*="ten wide"].column {
    width: 62.5%!important
}

.ui.column.grid>[class*="eleven wide"].column,.ui.grid>.column.row>[class*="eleven wide"].column,.ui.grid>.row>[class*="eleven wide"].column,.ui.grid>[class*="eleven wide"].column {
    width: 68.75%!important
}

.ui.column.grid>[class*="twelve wide"].column,.ui.grid>.column.row>[class*="twelve wide"].column,.ui.grid>.row>[class*="twelve wide"].column,.ui.grid>[class*="twelve wide"].column {
    width: 75%!important
}

.ui.column.grid>[class*="thirteen wide"].column,.ui.grid>.column.row>[class*="thirteen wide"].column,.ui.grid>.row>[class*="thirteen wide"].column,.ui.grid>[class*="thirteen wide"].column {
    width: 81.25%!important
}

.ui.column.grid>[class*="fourteen wide"].column,.ui.grid>.column.row>[class*="fourteen wide"].column,.ui.grid>.row>[class*="fourteen wide"].column,.ui.grid>[class*="fourteen wide"].column {
    width: 87.5%!important
}

.ui.column.grid>[class*="fifteen wide"].column,.ui.grid>.column.row>[class*="fifteen wide"].column,.ui.grid>.row>[class*="fifteen wide"].column,.ui.grid>[class*="fifteen wide"].column {
    width: 93.75%!important
}

.ui.column.grid>[class*="sixteen wide"].column,.ui.grid>.column.row>[class*="sixteen wide"].column,.ui.grid>.row>[class*="sixteen wide"].column,.ui.grid>[class*="sixteen wide"].column {
    width: 100%!important
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .ui.column.grid>[class*="one wide mobile"].column,.ui.grid>.column.row>[class*="one wide mobile"].column,.ui.grid>.row>[class*="one wide mobile"].column,.ui.grid>[class*="one wide mobile"].column {
        width:6.25%!important
    }

    .ui.column.grid>[class*="two wide mobile"].column,.ui.grid>.column.row>[class*="two wide mobile"].column,.ui.grid>.row>[class*="two wide mobile"].column,.ui.grid>[class*="two wide mobile"].column {
        width: 12.5%!important
    }

    .ui.column.grid>[class*="three wide mobile"].column,.ui.grid>.column.row>[class*="three wide mobile"].column,.ui.grid>.row>[class*="three wide mobile"].column,.ui.grid>[class*="three wide mobile"].column {
        width: 18.75%!important
    }

    .ui.column.grid>[class*="four wide mobile"].column,.ui.grid>.column.row>[class*="four wide mobile"].column,.ui.grid>.row>[class*="four wide mobile"].column,.ui.grid>[class*="four wide mobile"].column {
        width: 25%!important
    }

    .ui.column.grid>[class*="five wide mobile"].column,.ui.grid>.column.row>[class*="five wide mobile"].column,.ui.grid>.row>[class*="five wide mobile"].column,.ui.grid>[class*="five wide mobile"].column {
        width: 31.25%!important
    }

    .ui.column.grid>[class*="six wide mobile"].column,.ui.grid>.column.row>[class*="six wide mobile"].column,.ui.grid>.row>[class*="six wide mobile"].column,.ui.grid>[class*="six wide mobile"].column {
        width: 37.5%!important
    }

    .ui.column.grid>[class*="seven wide mobile"].column,.ui.grid>.column.row>[class*="seven wide mobile"].column,.ui.grid>.row>[class*="seven wide mobile"].column,.ui.grid>[class*="seven wide mobile"].column {
        width: 43.75%!important
    }

    .ui.column.grid>[class*="eight wide mobile"].column,.ui.grid>.column.row>[class*="eight wide mobile"].column,.ui.grid>.row>[class*="eight wide mobile"].column,.ui.grid>[class*="eight wide mobile"].column {
        width: 50%!important
    }

    .ui.column.grid>[class*="nine wide mobile"].column,.ui.grid>.column.row>[class*="nine wide mobile"].column,.ui.grid>.row>[class*="nine wide mobile"].column,.ui.grid>[class*="nine wide mobile"].column {
        width: 56.25%!important
    }

    .ui.column.grid>[class*="ten wide mobile"].column,.ui.grid>.column.row>[class*="ten wide mobile"].column,.ui.grid>.row>[class*="ten wide mobile"].column,.ui.grid>[class*="ten wide mobile"].column {
        width: 62.5%!important
    }

    .ui.column.grid>[class*="eleven wide mobile"].column,.ui.grid>.column.row>[class*="eleven wide mobile"].column,.ui.grid>.row>[class*="eleven wide mobile"].column,.ui.grid>[class*="eleven wide mobile"].column {
        width: 68.75%!important
    }

    .ui.column.grid>[class*="twelve wide mobile"].column,.ui.grid>.column.row>[class*="twelve wide mobile"].column,.ui.grid>.row>[class*="twelve wide mobile"].column,.ui.grid>[class*="twelve wide mobile"].column {
        width: 75%!important
    }

    .ui.column.grid>[class*="thirteen wide mobile"].column,.ui.grid>.column.row>[class*="thirteen wide mobile"].column,.ui.grid>.row>[class*="thirteen wide mobile"].column,.ui.grid>[class*="thirteen wide mobile"].column {
        width: 81.25%!important
    }

    .ui.column.grid>[class*="fourteen wide mobile"].column,.ui.grid>.column.row>[class*="fourteen wide mobile"].column,.ui.grid>.row>[class*="fourteen wide mobile"].column,.ui.grid>[class*="fourteen wide mobile"].column {
        width: 87.5%!important
    }

    .ui.column.grid>[class*="fifteen wide mobile"].column,.ui.grid>.column.row>[class*="fifteen wide mobile"].column,.ui.grid>.row>[class*="fifteen wide mobile"].column,.ui.grid>[class*="fifteen wide mobile"].column {
        width: 93.75%!important
    }

    .ui.column.grid>[class*="sixteen wide mobile"].column,.ui.grid>.column.row>[class*="sixteen wide mobile"].column,.ui.grid>.row>[class*="sixteen wide mobile"].column,.ui.grid>[class*="sixteen wide mobile"].column {
        width: 100%!important
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .ui.column.grid>[class*="one wide tablet"].column,.ui.grid>.column.row>[class*="one wide tablet"].column,.ui.grid>.row>[class*="one wide tablet"].column,.ui.grid>[class*="one wide tablet"].column {
        width:6.25%!important
    }

    .ui.column.grid>[class*="two wide tablet"].column,.ui.grid>.column.row>[class*="two wide tablet"].column,.ui.grid>.row>[class*="two wide tablet"].column,.ui.grid>[class*="two wide tablet"].column {
        width: 12.5%!important
    }

    .ui.column.grid>[class*="three wide tablet"].column,.ui.grid>.column.row>[class*="three wide tablet"].column,.ui.grid>.row>[class*="three wide tablet"].column,.ui.grid>[class*="three wide tablet"].column {
        width: 18.75%!important
    }

    .ui.column.grid>[class*="four wide tablet"].column,.ui.grid>.column.row>[class*="four wide tablet"].column,.ui.grid>.row>[class*="four wide tablet"].column,.ui.grid>[class*="four wide tablet"].column {
        width: 25%!important
    }

    .ui.column.grid>[class*="five wide tablet"].column,.ui.grid>.column.row>[class*="five wide tablet"].column,.ui.grid>.row>[class*="five wide tablet"].column,.ui.grid>[class*="five wide tablet"].column {
        width: 31.25%!important
    }

    .ui.column.grid>[class*="six wide tablet"].column,.ui.grid>.column.row>[class*="six wide tablet"].column,.ui.grid>.row>[class*="six wide tablet"].column,.ui.grid>[class*="six wide tablet"].column {
        width: 37.5%!important
    }

    .ui.column.grid>[class*="seven wide tablet"].column,.ui.grid>.column.row>[class*="seven wide tablet"].column,.ui.grid>.row>[class*="seven wide tablet"].column,.ui.grid>[class*="seven wide tablet"].column {
        width: 43.75%!important
    }

    .ui.column.grid>[class*="eight wide tablet"].column,.ui.grid>.column.row>[class*="eight wide tablet"].column,.ui.grid>.row>[class*="eight wide tablet"].column,.ui.grid>[class*="eight wide tablet"].column {
        width: 50%!important
    }

    .ui.column.grid>[class*="nine wide tablet"].column,.ui.grid>.column.row>[class*="nine wide tablet"].column,.ui.grid>.row>[class*="nine wide tablet"].column,.ui.grid>[class*="nine wide tablet"].column {
        width: 56.25%!important
    }

    .ui.column.grid>[class*="ten wide tablet"].column,.ui.grid>.column.row>[class*="ten wide tablet"].column,.ui.grid>.row>[class*="ten wide tablet"].column,.ui.grid>[class*="ten wide tablet"].column {
        width: 62.5%!important
    }

    .ui.column.grid>[class*="eleven wide tablet"].column,.ui.grid>.column.row>[class*="eleven wide tablet"].column,.ui.grid>.row>[class*="eleven wide tablet"].column,.ui.grid>[class*="eleven wide tablet"].column {
        width: 68.75%!important
    }

    .ui.column.grid>[class*="twelve wide tablet"].column,.ui.grid>.column.row>[class*="twelve wide tablet"].column,.ui.grid>.row>[class*="twelve wide tablet"].column,.ui.grid>[class*="twelve wide tablet"].column {
        width: 75%!important
    }

    .ui.column.grid>[class*="thirteen wide tablet"].column,.ui.grid>.column.row>[class*="thirteen wide tablet"].column,.ui.grid>.row>[class*="thirteen wide tablet"].column,.ui.grid>[class*="thirteen wide tablet"].column {
        width: 81.25%!important
    }

    .ui.column.grid>[class*="fourteen wide tablet"].column,.ui.grid>.column.row>[class*="fourteen wide tablet"].column,.ui.grid>.row>[class*="fourteen wide tablet"].column,.ui.grid>[class*="fourteen wide tablet"].column {
        width: 87.5%!important
    }

    .ui.column.grid>[class*="fifteen wide tablet"].column,.ui.grid>.column.row>[class*="fifteen wide tablet"].column,.ui.grid>.row>[class*="fifteen wide tablet"].column,.ui.grid>[class*="fifteen wide tablet"].column {
        width: 93.75%!important
    }

    .ui.column.grid>[class*="sixteen wide tablet"].column,.ui.grid>.column.row>[class*="sixteen wide tablet"].column,.ui.grid>.row>[class*="sixteen wide tablet"].column,.ui.grid>[class*="sixteen wide tablet"].column {
        width: 100%!important
    }
}

@media only screen and (min-width: 992px) {
    .ui.column.grid>[class*="one wide computer"].column,.ui.grid>.column.row>[class*="one wide computer"].column,.ui.grid>.row>[class*="one wide computer"].column,.ui.grid>[class*="one wide computer"].column {
        width:6.25%!important
    }

    .ui.column.grid>[class*="two wide computer"].column,.ui.grid>.column.row>[class*="two wide computer"].column,.ui.grid>.row>[class*="two wide computer"].column,.ui.grid>[class*="two wide computer"].column {
        width: 12.5%!important
    }

    .ui.column.grid>[class*="three wide computer"].column,.ui.grid>.column.row>[class*="three wide computer"].column,.ui.grid>.row>[class*="three wide computer"].column,.ui.grid>[class*="three wide computer"].column {
        width: 18.75%!important
    }

    .ui.column.grid>[class*="four wide computer"].column,.ui.grid>.column.row>[class*="four wide computer"].column,.ui.grid>.row>[class*="four wide computer"].column,.ui.grid>[class*="four wide computer"].column {
        width: 25%!important
    }

    .ui.column.grid>[class*="five wide computer"].column,.ui.grid>.column.row>[class*="five wide computer"].column,.ui.grid>.row>[class*="five wide computer"].column,.ui.grid>[class*="five wide computer"].column {
        width: 31.25%!important
    }

    .ui.column.grid>[class*="six wide computer"].column,.ui.grid>.column.row>[class*="six wide computer"].column,.ui.grid>.row>[class*="six wide computer"].column,.ui.grid>[class*="six wide computer"].column {
        width: 37.5%!important
    }

    .ui.column.grid>[class*="seven wide computer"].column,.ui.grid>.column.row>[class*="seven wide computer"].column,.ui.grid>.row>[class*="seven wide computer"].column,.ui.grid>[class*="seven wide computer"].column {
        width: 43.75%!important
    }

    .ui.column.grid>[class*="eight wide computer"].column,.ui.grid>.column.row>[class*="eight wide computer"].column,.ui.grid>.row>[class*="eight wide computer"].column,.ui.grid>[class*="eight wide computer"].column {
        width: 50%!important
    }

    .ui.column.grid>[class*="nine wide computer"].column,.ui.grid>.column.row>[class*="nine wide computer"].column,.ui.grid>.row>[class*="nine wide computer"].column,.ui.grid>[class*="nine wide computer"].column {
        width: 56.25%!important
    }

    .ui.column.grid>[class*="ten wide computer"].column,.ui.grid>.column.row>[class*="ten wide computer"].column,.ui.grid>.row>[class*="ten wide computer"].column,.ui.grid>[class*="ten wide computer"].column {
        width: 62.5%!important
    }

    .ui.column.grid>[class*="eleven wide computer"].column,.ui.grid>.column.row>[class*="eleven wide computer"].column,.ui.grid>.row>[class*="eleven wide computer"].column,.ui.grid>[class*="eleven wide computer"].column {
        width: 68.75%!important
    }

    .ui.column.grid>[class*="twelve wide computer"].column,.ui.grid>.column.row>[class*="twelve wide computer"].column,.ui.grid>.row>[class*="twelve wide computer"].column,.ui.grid>[class*="twelve wide computer"].column {
        width: 75%!important
    }

    .ui.column.grid>[class*="thirteen wide computer"].column,.ui.grid>.column.row>[class*="thirteen wide computer"].column,.ui.grid>.row>[class*="thirteen wide computer"].column,.ui.grid>[class*="thirteen wide computer"].column {
        width: 81.25%!important
    }

    .ui.column.grid>[class*="fourteen wide computer"].column,.ui.grid>.column.row>[class*="fourteen wide computer"].column,.ui.grid>.row>[class*="fourteen wide computer"].column,.ui.grid>[class*="fourteen wide computer"].column {
        width: 87.5%!important
    }

    .ui.column.grid>[class*="fifteen wide computer"].column,.ui.grid>.column.row>[class*="fifteen wide computer"].column,.ui.grid>.row>[class*="fifteen wide computer"].column,.ui.grid>[class*="fifteen wide computer"].column {
        width: 93.75%!important
    }

    .ui.column.grid>[class*="sixteen wide computer"].column,.ui.grid>.column.row>[class*="sixteen wide computer"].column,.ui.grid>.row>[class*="sixteen wide computer"].column,.ui.grid>[class*="sixteen wide computer"].column {
        width: 100%!important
    }
}

@media only screen and (min-width: 1200px) and (max-width:1919px) {
    .ui.column.grid>[class*="one wide large screen"].column,.ui.grid>.column.row>[class*="one wide large screen"].column,.ui.grid>.row>[class*="one wide large screen"].column,.ui.grid>[class*="one wide large screen"].column {
        width:6.25%!important
    }

    .ui.column.grid>[class*="two wide large screen"].column,.ui.grid>.column.row>[class*="two wide large screen"].column,.ui.grid>.row>[class*="two wide large screen"].column,.ui.grid>[class*="two wide large screen"].column {
        width: 12.5%!important
    }

    .ui.column.grid>[class*="three wide large screen"].column,.ui.grid>.column.row>[class*="three wide large screen"].column,.ui.grid>.row>[class*="three wide large screen"].column,.ui.grid>[class*="three wide large screen"].column {
        width: 18.75%!important
    }

    .ui.column.grid>[class*="four wide large screen"].column,.ui.grid>.column.row>[class*="four wide large screen"].column,.ui.grid>.row>[class*="four wide large screen"].column,.ui.grid>[class*="four wide large screen"].column {
        width: 25%!important
    }

    .ui.column.grid>[class*="five wide large screen"].column,.ui.grid>.column.row>[class*="five wide large screen"].column,.ui.grid>.row>[class*="five wide large screen"].column,.ui.grid>[class*="five wide large screen"].column {
        width: 31.25%!important
    }

    .ui.column.grid>[class*="six wide large screen"].column,.ui.grid>.column.row>[class*="six wide large screen"].column,.ui.grid>.row>[class*="six wide large screen"].column,.ui.grid>[class*="six wide large screen"].column {
        width: 37.5%!important
    }

    .ui.column.grid>[class*="seven wide large screen"].column,.ui.grid>.column.row>[class*="seven wide large screen"].column,.ui.grid>.row>[class*="seven wide large screen"].column,.ui.grid>[class*="seven wide large screen"].column {
        width: 43.75%!important
    }

    .ui.column.grid>[class*="eight wide large screen"].column,.ui.grid>.column.row>[class*="eight wide large screen"].column,.ui.grid>.row>[class*="eight wide large screen"].column,.ui.grid>[class*="eight wide large screen"].column {
        width: 50%!important
    }

    .ui.column.grid>[class*="nine wide large screen"].column,.ui.grid>.column.row>[class*="nine wide large screen"].column,.ui.grid>.row>[class*="nine wide large screen"].column,.ui.grid>[class*="nine wide large screen"].column {
        width: 56.25%!important
    }

    .ui.column.grid>[class*="ten wide large screen"].column,.ui.grid>.column.row>[class*="ten wide large screen"].column,.ui.grid>.row>[class*="ten wide large screen"].column,.ui.grid>[class*="ten wide large screen"].column {
        width: 62.5%!important
    }

    .ui.column.grid>[class*="eleven wide large screen"].column,.ui.grid>.column.row>[class*="eleven wide large screen"].column,.ui.grid>.row>[class*="eleven wide large screen"].column,.ui.grid>[class*="eleven wide large screen"].column {
        width: 68.75%!important
    }

    .ui.column.grid>[class*="twelve wide large screen"].column,.ui.grid>.column.row>[class*="twelve wide large screen"].column,.ui.grid>.row>[class*="twelve wide large screen"].column,.ui.grid>[class*="twelve wide large screen"].column {
        width: 75%!important
    }

    .ui.column.grid>[class*="thirteen wide large screen"].column,.ui.grid>.column.row>[class*="thirteen wide large screen"].column,.ui.grid>.row>[class*="thirteen wide large screen"].column,.ui.grid>[class*="thirteen wide large screen"].column {
        width: 81.25%!important
    }

    .ui.column.grid>[class*="fourteen wide large screen"].column,.ui.grid>.column.row>[class*="fourteen wide large screen"].column,.ui.grid>.row>[class*="fourteen wide large screen"].column,.ui.grid>[class*="fourteen wide large screen"].column {
        width: 87.5%!important
    }

    .ui.column.grid>[class*="fifteen wide large screen"].column,.ui.grid>.column.row>[class*="fifteen wide large screen"].column,.ui.grid>.row>[class*="fifteen wide large screen"].column,.ui.grid>[class*="fifteen wide large screen"].column {
        width: 93.75%!important
    }

    .ui.column.grid>[class*="sixteen wide large screen"].column,.ui.grid>.column.row>[class*="sixteen wide large screen"].column,.ui.grid>.row>[class*="sixteen wide large screen"].column,.ui.grid>[class*="sixteen wide large screen"].column {
        width: 100%!important
    }
}

@media only screen and (min-width: 1920px) {
    .ui.column.grid>[class*="one wide widescreen"].column,.ui.grid>.column.row>[class*="one wide widescreen"].column,.ui.grid>.row>[class*="one wide widescreen"].column,.ui.grid>[class*="one wide widescreen"].column {
        width:6.25%!important
    }

    .ui.column.grid>[class*="two wide widescreen"].column,.ui.grid>.column.row>[class*="two wide widescreen"].column,.ui.grid>.row>[class*="two wide widescreen"].column,.ui.grid>[class*="two wide widescreen"].column {
        width: 12.5%!important
    }

    .ui.column.grid>[class*="three wide widescreen"].column,.ui.grid>.column.row>[class*="three wide widescreen"].column,.ui.grid>.row>[class*="three wide widescreen"].column,.ui.grid>[class*="three wide widescreen"].column {
        width: 18.75%!important
    }

    .ui.column.grid>[class*="four wide widescreen"].column,.ui.grid>.column.row>[class*="four wide widescreen"].column,.ui.grid>.row>[class*="four wide widescreen"].column,.ui.grid>[class*="four wide widescreen"].column {
        width: 25%!important
    }

    .ui.column.grid>[class*="five wide widescreen"].column,.ui.grid>.column.row>[class*="five wide widescreen"].column,.ui.grid>.row>[class*="five wide widescreen"].column,.ui.grid>[class*="five wide widescreen"].column {
        width: 31.25%!important
    }

    .ui.column.grid>[class*="six wide widescreen"].column,.ui.grid>.column.row>[class*="six wide widescreen"].column,.ui.grid>.row>[class*="six wide widescreen"].column,.ui.grid>[class*="six wide widescreen"].column {
        width: 37.5%!important
    }

    .ui.column.grid>[class*="seven wide widescreen"].column,.ui.grid>.column.row>[class*="seven wide widescreen"].column,.ui.grid>.row>[class*="seven wide widescreen"].column,.ui.grid>[class*="seven wide widescreen"].column {
        width: 43.75%!important
    }

    .ui.column.grid>[class*="eight wide widescreen"].column,.ui.grid>.column.row>[class*="eight wide widescreen"].column,.ui.grid>.row>[class*="eight wide widescreen"].column,.ui.grid>[class*="eight wide widescreen"].column {
        width: 50%!important
    }

    .ui.column.grid>[class*="nine wide widescreen"].column,.ui.grid>.column.row>[class*="nine wide widescreen"].column,.ui.grid>.row>[class*="nine wide widescreen"].column,.ui.grid>[class*="nine wide widescreen"].column {
        width: 56.25%!important
    }

    .ui.column.grid>[class*="ten wide widescreen"].column,.ui.grid>.column.row>[class*="ten wide widescreen"].column,.ui.grid>.row>[class*="ten wide widescreen"].column,.ui.grid>[class*="ten wide widescreen"].column {
        width: 62.5%!important
    }

    .ui.column.grid>[class*="eleven wide widescreen"].column,.ui.grid>.column.row>[class*="eleven wide widescreen"].column,.ui.grid>.row>[class*="eleven wide widescreen"].column,.ui.grid>[class*="eleven wide widescreen"].column {
        width: 68.75%!important
    }

    .ui.column.grid>[class*="twelve wide widescreen"].column,.ui.grid>.column.row>[class*="twelve wide widescreen"].column,.ui.grid>.row>[class*="twelve wide widescreen"].column,.ui.grid>[class*="twelve wide widescreen"].column {
        width: 75%!important
    }

    .ui.column.grid>[class*="thirteen wide widescreen"].column,.ui.grid>.column.row>[class*="thirteen wide widescreen"].column,.ui.grid>.row>[class*="thirteen wide widescreen"].column,.ui.grid>[class*="thirteen wide widescreen"].column {
        width: 81.25%!important
    }

    .ui.column.grid>[class*="fourteen wide widescreen"].column,.ui.grid>.column.row>[class*="fourteen wide widescreen"].column,.ui.grid>.row>[class*="fourteen wide widescreen"].column,.ui.grid>[class*="fourteen wide widescreen"].column {
        width: 87.5%!important
    }

    .ui.column.grid>[class*="fifteen wide widescreen"].column,.ui.grid>.column.row>[class*="fifteen wide widescreen"].column,.ui.grid>.row>[class*="fifteen wide widescreen"].column,.ui.grid>[class*="fifteen wide widescreen"].column {
        width: 93.75%!important
    }

    .ui.column.grid>[class*="sixteen wide widescreen"].column,.ui.grid>.column.row>[class*="sixteen wide widescreen"].column,.ui.grid>.row>[class*="sixteen wide widescreen"].column,.ui.grid>[class*="sixteen wide widescreen"].column {
        width: 100%!important
    }
}

.ui.centered.grid,.ui.centered.grid>.row,.ui.grid>.centered.row {
    text-align: center;
    justify-content: center
}

.ui.centered.grid>.column:not(.aligned):not(.justified):not(.row),.ui.centered.grid>.row>.column:not(.aligned):not(.justified),.ui.grid .centered.row>.column:not(.aligned):not(.justified) {
    text-align: left
}

.ui.grid>.centered.column,.ui.grid>.row>.centered.column {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.ui.grid>.relaxed.row>.column,.ui.relaxed.grid>.column:not(.row),.ui.relaxed.grid>.row>.column {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.ui.grid>[class*="very relaxed"].row>.column,.ui[class*="very relaxed"].grid>.column:not(.row),.ui[class*="very relaxed"].grid>.row>.column {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.ui.grid .relaxed.row+.ui.divider,.ui.relaxed.grid .row+.ui.divider {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.ui.grid [class*="very relaxed"].row+.ui.divider,.ui[class*="very relaxed"].grid .row+.ui.divider {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.ui.grid [class*="left floated"].column {
    margin-right: auto
}

.ui.grid [class*="right floated"].column {
    margin-left: auto
}

.ui.divided.grid:not([class*="vertically divided"])>.column:not(.row),.ui.divided.grid:not([class*="vertically divided"])>.row>.column {
    box-shadow: -1px 0 0 0 rgba(34,36,38,.15)
}

.ui[class*="vertically divided"].grid>.column:not(.row),.ui[class*="vertically divided"].grid>.row>.column {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: 0;
    padding-bottom: 0
}

.ui[class*="vertically divided"].grid>.row {
    margin-top: 0;
    margin-bottom: 0
}

.ui.divided.grid:not([class*="vertically divided"])>.column:first-child,.ui.divided.grid:not([class*="vertically divided"])>.row>.column:first-child {
    box-shadow: none
}

.ui[class*="vertically divided"].grid>.row:first-child>.column {
    margin-top: 0
}

.ui.grid>.divided.row>.column {
    box-shadow: -1px 0 0 0 rgba(34,36,38,.15)
}

.ui.grid>.divided.row>.column:first-child {
    box-shadow: none
}

.ui[class*="vertically divided"].grid>.row {
    position: relative
}

.ui[class*="vertically divided"].grid>.row:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: calc(100% - 2rem);
    height: 1px;
    margin: 0 1rem;
    box-shadow: 0 -1px 0 0 rgba(34,36,38,.15)
}

.ui[class*="vertically divided"].grid>.row:first-child:before {
    box-shadow: none
}

.ui.inverted.divided.grid:not([class*="vertically divided"])>.column:not(.row),.ui.inverted.divided.grid:not([class*="vertically divided"])>.row>.column {
    box-shadow: -1px 0 0 0 hsla(0,0%,100%,.1)
}

.ui.inverted.divided.grid:not([class*="vertically divided"])>.column:not(.row):first-child,.ui.inverted.divided.grid:not([class*="vertically divided"])>.row>.column:first-child {
    box-shadow: none
}

.ui.inverted[class*="vertically divided"].grid>.row:before {
    box-shadow: 0 -1px 0 0 hsla(0,0%,100%,.1)
}

.ui.relaxed[class*="vertically divided"].grid>.row:before {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    width: calc(100% - 3rem)
}

.ui[class*="very relaxed"][class*="vertically divided"].grid>.row:before {
    margin-left: 5rem;
    margin-right: 5rem;
    width: calc(100% - 5rem)
}

.ui.celled.grid {
    width: 100%;
    margin: 1em 0;
    box-shadow: 0 0 0 1px #d4d4d5
}

.ui.celled.grid>.row {
    width: 100%!important;
    margin: 0;
    padding: 0;
    box-shadow: 0 -1px 0 0 #d4d4d5
}

.ui.celled.grid>.column:not(.row),.ui.celled.grid>.row>.column {
    box-shadow: -1px 0 0 0 #d4d4d5
}

.ui.celled.grid>.column:first-child,.ui.celled.grid>.row>.column:first-child {
    box-shadow: none
}

.ui.celled.grid>.column:not(.row),.ui.celled.grid>.row>.column {
    padding: 1em
}

.ui.relaxed.celled.grid>.column:not(.row),.ui.relaxed.celled.grid>.row>.column {
    padding: 1.5em
}

.ui[class*="very relaxed"].celled.grid>.column:not(.row),.ui[class*="very relaxed"].celled.grid>.row>.column {
    padding: 2em
}

.ui[class*="internally celled"].grid {
    box-shadow: none;
    margin: 0
}

.ui[class*="internally celled"].grid>.row:first-child,.ui[class*="internally celled"].grid>.row>.column:first-child {
    box-shadow: none
}

.ui.grid>.row>[class*="top aligned"].column,.ui.grid>[class*="top aligned"].column:not(.row),.ui.grid>[class*="top aligned"].row>.column,.ui[class*="top aligned"].grid>.column:not(.row),.ui[class*="top aligned"].grid>.row>.column {
    flex-direction: column;
    vertical-align: top;
    align-self: flex-start!important
}

.ui.grid>.row>[class*="middle aligned"].column,.ui.grid>[class*="middle aligned"].column:not(.row),.ui.grid>[class*="middle aligned"].row>.column,.ui[class*="middle aligned"].grid>.column:not(.row),.ui[class*="middle aligned"].grid>.row>.column {
    flex-direction: column;
    vertical-align: middle;
    align-self: center!important
}

.ui.grid>.row>[class*="bottom aligned"].column,.ui.grid>[class*="bottom aligned"].column:not(.row),.ui.grid>[class*="bottom aligned"].row>.column,.ui[class*="bottom aligned"].grid>.column:not(.row),.ui[class*="bottom aligned"].grid>.row>.column {
    flex-direction: column;
    vertical-align: bottom;
    align-self: flex-end!important
}

.ui.grid>.row>[class*="left aligned"].column.column,.ui.grid>[class*="left aligned"].column.column,.ui.grid>[class*="left aligned"].row>.column,.ui[class*="left aligned"].grid>.column,.ui[class*="left aligned"].grid>.row>.column {
    text-align: left;
    align-self: inherit
}

.ui.grid>.row>[class*="center aligned"].column.column,.ui.grid>[class*="center aligned"].column.column,.ui.grid>[class*="center aligned"].row>.column,.ui[class*="center aligned"].grid>.column,.ui[class*="center aligned"].grid>.row>.column {
    text-align: center;
    align-self: inherit
}

.ui[class*="center aligned"].grid {
    justify-content: center
}

.ui.grid>.row>[class*="right aligned"].column.column,.ui.grid>[class*="right aligned"].column.column,.ui.grid>[class*="right aligned"].row>.column,.ui[class*="right aligned"].grid>.column,.ui[class*="right aligned"].grid>.row>.column {
    text-align: right;
    align-self: inherit
}

.ui.grid>.justified.column.column,.ui.grid>.justified.row>.column,.ui.grid>.row>.justified.column.column,.ui.justified.grid>.column,.ui.justified.grid>.row>.column {
    text-align: justify;
    -webkit-hyphens: auto;
    hyphens: auto
}

.ui.grid>.row>.black.column,.ui.grid>.row>.blue.column,.ui.grid>.row>.green.column,.ui.grid>.row>.red.column,.ui.grid>.row>.teal.column {
    margin-top: -1rem;
    margin-bottom: -1rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.ui.grid>.red.column,.ui.grid>.red.row,.ui.grid>.row>.red.column {
    background-color: #db2828!important;
    color: #fff
}

.ui.grid>.green.column,.ui.grid>.green.row,.ui.grid>.row>.green.column {
    background-color: #21ba45!important;
    color: #fff
}

.ui.grid>.row>.teal.column,.ui.grid>.teal.column,.ui.grid>.teal.row {
    background-color: #00b5ad!important;
    color: #fff
}

.ui.grid>.blue.column,.ui.grid>.blue.row,.ui.grid>.row>.blue.column {
    background-color: #2185d0!important;
    color: #fff
}

.ui.grid>.black.column,.ui.grid>.black.row,.ui.grid>.row>.black.column {
    background-color: #1b1c1d!important;
    color: #fff
}

.ui.grid>[class*="equal width"].row>.column,.ui[class*="equal width"].grid>.column:not(.row),.ui[class*="equal width"].grid>.row>.column {
    display: inline-block;
    flex-grow: 1
}

.ui.grid>[class*="equal width"].row>.wide.column,.ui[class*="equal width"].grid>.row>.wide.column,.ui[class*="equal width"].grid>.wide.column {
    flex-grow: 0
}

@media only screen and (max-width: 767px) {
    .ui.grid>[class*="mobile reversed"].row,.ui[class*="mobile reversed"].grid,.ui[class*="mobile reversed"].grid>.row {
        flex-direction:row-reverse
    }

    .ui.stackable[class*="mobile reversed"],.ui[class*="mobile vertically reversed"].grid {
        flex-direction: column-reverse
    }

    .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.column:first-child,.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:first-child {
        box-shadow: -1px 0 0 0 rgba(34,36,38,.15)
    }

    .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.column:last-child,.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:last-child {
        box-shadow: none
    }

    .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"]>.row:first-child:before {
        box-shadow: 0 -1px 0 0 rgba(34,36,38,.15)
    }

    .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"]>.row:last-child:before {
        box-shadow: none
    }

    .ui[class*="mobile reversed"].celled.grid>.row>.column:first-child {
        box-shadow: -1px 0 0 0 #d4d4d5
    }

    .ui[class*="mobile reversed"].celled.grid>.row>.column:last-child {
        box-shadow: none
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .ui.grid>[class*="tablet reversed"].row,.ui[class*="tablet reversed"].grid,.ui[class*="tablet reversed"].grid>.row {
        flex-direction:row-reverse
    }

    .ui[class*="tablet vertically reversed"].grid {
        flex-direction: column-reverse
    }

    .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.column:first-child,.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:first-child {
        box-shadow: -1px 0 0 0 rgba(34,36,38,.15)
    }

    .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.column:last-child,.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:last-child {
        box-shadow: none
    }

    .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"]>.row:first-child:before {
        box-shadow: 0 -1px 0 0 rgba(34,36,38,.15)
    }

    .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"]>.row:last-child:before {
        box-shadow: none
    }

    .ui[class*="tablet reversed"].celled.grid>.row>.column:first-child {
        box-shadow: -1px 0 0 0 #d4d4d5
    }

    .ui[class*="tablet reversed"].celled.grid>.row>.column:last-child {
        box-shadow: none
    }
}

@media only screen and (min-width: 992px) {
    .ui.grid>[class*="computer reversed"].row,.ui[class*="computer reversed"].grid,.ui[class*="computer reversed"].grid>.row {
        flex-direction:row-reverse
    }

    .ui[class*="computer vertically reversed"].grid {
        flex-direction: column-reverse
    }

    .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.column:first-child,.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:first-child {
        box-shadow: -1px 0 0 0 rgba(34,36,38,.15)
    }

    .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.column:last-child,.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:last-child {
        box-shadow: none
    }

    .ui.grid[class*="vertically divided"][class*="computer vertically reversed"]>.row:first-child:before {
        box-shadow: 0 -1px 0 0 rgba(34,36,38,.15)
    }

    .ui.grid[class*="vertically divided"][class*="computer vertically reversed"]>.row:last-child:before {
        box-shadow: none
    }

    .ui[class*="computer reversed"].celled.grid>.row>.column:first-child {
        box-shadow: -1px 0 0 0 #d4d4d5
    }

    .ui[class*="computer reversed"].celled.grid>.row>.column:last-child {
        box-shadow: none
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .ui.doubling.grid {
        width:auto
    }

    .ui.doubling.grid>.row,.ui.grid>.doubling.row {
        margin: 0!important;
        padding: 0!important
    }

    .ui.doubling.grid>.row>.column,.ui.grid>.doubling.row>.column {
        display: inline-block!important;
        padding-top: 1rem!important;
        padding-bottom: 1rem!important;
        box-shadow: none!important;
        margin: 0
    }

    .ui.grid>[class*="two column"].doubling.row.row>.column,.ui[class*="two column"].doubling.grid>.column:not(.row),.ui[class*="two column"].doubling.grid>.row>.column {
        width: 100%!important
    }

    .ui.grid>[class*="four column"].doubling.row.row>.column,.ui.grid>[class*="three column"].doubling.row.row>.column,.ui[class*="four column"].doubling.grid>.column:not(.row),.ui[class*="four column"].doubling.grid>.row>.column,.ui[class*="three column"].doubling.grid>.column:not(.row),.ui[class*="three column"].doubling.grid>.row>.column {
        width: 50%!important
    }

    .ui.grid>[class*="five column"].doubling.row.row>.column,.ui.grid>[class*="seven column"].doubling.row.row>.column,.ui.grid>[class*="six column"].doubling.row.row>.column,.ui[class*="five column"].doubling.grid>.column:not(.row),.ui[class*="five column"].doubling.grid>.row>.column,.ui[class*="seven column"].doubling.grid>.column:not(.row),.ui[class*="seven column"].doubling.grid>.row>.column,.ui[class*="six column"].doubling.grid>.column:not(.row),.ui[class*="six column"].doubling.grid>.row>.column {
        width: 33.33333333%!important
    }

    .ui.grid>[class*="eight column"].doubling.row.row>.column,.ui.grid>[class*="nine column"].doubling.row.row>.column,.ui[class*="eight column"].doubling.grid>.column:not(.row),.ui[class*="eight column"].doubling.grid>.row>.column,.ui[class*="nine column"].doubling.grid>.column:not(.row),.ui[class*="nine column"].doubling.grid>.row>.column {
        width: 25%!important
    }

    .ui.grid>[class*="eleven column"].doubling.row.row>.column,.ui.grid>[class*="ten column"].doubling.row.row>.column,.ui[class*="eleven column"].doubling.grid>.column:not(.row),.ui[class*="eleven column"].doubling.grid>.row>.column,.ui[class*="ten column"].doubling.grid>.column:not(.row),.ui[class*="ten column"].doubling.grid>.row>.column {
        width: 20%!important
    }

    .ui.grid>[class*="thirteen column"].doubling.row.row>.column,.ui.grid>[class*="twelve column"].doubling.row.row>.column,.ui[class*="thirteen column"].doubling.grid>.column:not(.row),.ui[class*="thirteen column"].doubling.grid>.row>.column,.ui[class*="twelve column"].doubling.grid>.column:not(.row),.ui[class*="twelve column"].doubling.grid>.row>.column {
        width: 16.66666667%!important
    }

    .ui.grid>[class*="fifteen column"].doubling.row.row>.column,.ui.grid>[class*="fourteen column"].doubling.row.row>.column,.ui[class*="fifteen column"].doubling.grid>.column:not(.row),.ui[class*="fifteen column"].doubling.grid>.row>.column,.ui[class*="fourteen column"].doubling.grid>.column:not(.row),.ui[class*="fourteen column"].doubling.grid>.row>.column {
        width: 14.28571429%!important
    }

    .ui.grid>[class*="sixteen column"].doubling.row.row>.column,.ui[class*="sixteen column"].doubling.grid>.column:not(.row),.ui[class*="sixteen column"].doubling.grid>.row>.column {
        width: 12.5%!important
    }
}

@media only screen and (max-width: 767px) {
    .ui.doubling.grid>.row,.ui.grid>.doubling.row {
        margin:0!important;
        padding: 0!important
    }

    .ui.doubling.grid>.row>.column,.ui.grid>.doubling.row>.column {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important;
        margin: 0!important;
        box-shadow: none!important
    }

    .ui.grid>[class*="two column"].doubling:not(.stackable).row.row>.column,.ui[class*="two column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="two column"].doubling:not(.stackable).grid>.row>.column {
        width: 100%!important
    }

    .ui.grid>[class*="eight column"].doubling:not(.stackable).row.row>.column,.ui.grid>[class*="five column"].doubling:not(.stackable).row.row>.column,.ui.grid>[class*="four column"].doubling:not(.stackable).row.row>.column,.ui.grid>[class*="seven column"].doubling:not(.stackable).row.row>.column,.ui.grid>[class*="six column"].doubling:not(.stackable).row.row>.column,.ui.grid>[class*="three column"].doubling:not(.stackable).row.row>.column,.ui[class*="eight column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="eight column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="five column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="five column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="four column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="four column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="seven column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="seven column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="six column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="six column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="three column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="three column"].doubling:not(.stackable).grid>.row>.column {
        width: 50%!important
    }

    .ui.grid>[class*="eleven column"].doubling:not(.stackable).row.row>.column,.ui.grid>[class*="nine column"].doubling:not(.stackable).row.row>.column,.ui.grid>[class*="ten column"].doubling:not(.stackable).row.row>.column,.ui.grid>[class*="thirteen column"].doubling:not(.stackable).row.row>.column,.ui.grid>[class*="twelve column"].doubling:not(.stackable).row.row>.column,.ui[class*="eleven column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="eleven column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="nine column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="nine column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="ten column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="ten column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="thirteen column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="thirteen column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="twelve column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="twelve column"].doubling:not(.stackable).grid>.row>.column {
        width: 33.33333333%!important
    }

    .ui.grid>[class*="fifteen column"].doubling:not(.stackable).row.row>.column,.ui.grid>[class*="fourteen column"].doubling:not(.stackable).row.row>.column,.ui.grid>[class*="sixteen column"].doubling:not(.stackable).row.row>.column,.ui[class*="fifteen column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="fifteen column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="fourteen column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="fourteen column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="sixteen column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="sixteen column"].doubling:not(.stackable).grid>.row>.column {
        width: 25%!important
    }
}

@media only screen and (max-width: 767px) {
    .ui.stackable.grid {
        width:auto;
        margin-left: 0!important;
        margin-right: 0!important
    }

    .ui.grid>.stackable.stackable.row>.column,.ui.stackable.grid>.column.grid>.column,.ui.stackable.grid>.column.row>.column,.ui.stackable.grid>.column:not(.row),.ui.stackable.grid>.row>.column,.ui.stackable.grid>.row>.wide.column,.ui.stackable.grid>.wide.column {
        width: 100%!important;
        margin: 0!important;
        box-shadow: none!important;
        padding: 1rem 2rem!important
    }

    .ui.stackable.grid:not(.vertically)>.row {
        margin: 0;
        padding: 0
    }

    .ui.container>.ui.stackable.grid>.column,.ui.container>.ui.stackable.grid>.row>.column {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .ui.grid .ui.stackable.grid,.ui.segment:not(.vertical) .ui.stackable.page.grid {
        margin: 0!important
    }

    .ui.stackable.celled.grid>.column:not(.row):first-child,.ui.stackable.celled.grid>.row:first-child>.column:first-child,.ui.stackable.divided.grid>.column:not(.row):first-child,.ui.stackable.divided.grid>.row:first-child>.column:first-child {
        border-top: none!important
    }

    .ui.inverted.stackable.celled.grid>.column:not(.row),.ui.inverted.stackable.celled.grid>.row>.column,.ui.inverted.stackable.divided.grid>.column:not(.row),.ui.inverted.stackable.divided.grid>.row>.column {
        border-top: 1px solid hsla(0,0%,100%,.1)
    }

    .ui.stackable.celled.grid>.column:not(.row),.ui.stackable.celled.grid>.row>.column,.ui.stackable.divided:not(.vertically).grid>.column:not(.row),.ui.stackable.divided:not(.vertically).grid>.row>.column {
        border-top: 1px solid rgba(34,36,38,.15);
        box-shadow: none!important;
        padding-top: 2rem!important;
        padding-bottom: 2rem!important
    }

    .ui.stackable.celled.grid>.row {
        box-shadow: none!important
    }

    .ui.stackable.divided:not(.vertically).grid>.column:not(.row),.ui.stackable.divided:not(.vertically).grid>.row>.column {
        padding-left: 0!important;
        padding-right: 0!important
    }
}

@media only screen and (max-width: 767px) {
    .ui.grid.grid.grid>.row>[class*="computer only"].column:not(.mobile),.ui.grid.grid.grid>.row>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.mobile),.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="computer only"].column:not(.mobile),.ui.grid.grid.grid>[class*="computer only"].row:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].row:not(.mobile),.ui.grid.grid.grid>[class*="tablet only"].column:not(.mobile),.ui.grid.grid.grid>[class*="tablet only"].row:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),.ui[class*="computer only"].grid.grid.grid:not(.mobile),.ui[class*="large screen only"].grid.grid.grid:not(.mobile),.ui[class*="tablet only"].grid.grid.grid:not(.mobile),.ui[class*="widescreen only"].grid.grid.grid:not(.mobile) {
        display:none!important
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .ui.grid.grid.grid>.row>[class*="computer only"].column:not(.tablet),.ui.grid.grid.grid>.row>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.tablet),.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="computer only"].column:not(.tablet),.ui.grid.grid.grid>[class*="computer only"].row:not(.tablet),.ui.grid.grid.grid>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].row:not(.mobile),.ui.grid.grid.grid>[class*="mobile only"].column:not(.tablet),.ui.grid.grid.grid>[class*="mobile only"].row:not(.tablet),.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),.ui[class*="computer only"].grid.grid.grid:not(.tablet),.ui[class*="large screen only"].grid.grid.grid:not(.mobile),.ui[class*="mobile only"].grid.grid.grid:not(.tablet),.ui[class*="widescreen only"].grid.grid.grid:not(.mobile) {
        display:none!important
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .ui.grid.grid.grid>.row>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].row:not(.mobile),.ui.grid.grid.grid>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].row:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].row:not(.computer),.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),.ui[class*="large screen only"].grid.grid.grid:not(.mobile),.ui[class*="mobile only"].grid.grid.grid:not(.computer),.ui[class*="tablet only"].grid.grid.grid:not(.computer),.ui[class*="widescreen only"].grid.grid.grid:not(.mobile) {
        display:none!important
    }
}

@media only screen and (min-width: 1200px) and (max-width:1919px) {
    .ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].row:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].row:not(.computer),.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),.ui[class*="mobile only"].grid.grid.grid:not(.computer),.ui[class*="tablet only"].grid.grid.grid:not(.computer),.ui[class*="widescreen only"].grid.grid.grid:not(.mobile) {
        display:none!important
    }
}

@media only screen and (min-width: 1920px) {
    .ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].row:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].row:not(.computer),.ui[class*="mobile only"].grid.grid.grid:not(.computer),.ui[class*="tablet only"].grid.grid.grid:not(.computer) {
        display:none!important
    }
}

.ui.menu {
    display: flex;
    margin: 1rem 0;
    font-family: "Lato","Helvetica Neue",Arial,Helvetica,sans-serif;
    background: #fff;
    font-weight: 400;
    border: 1px solid rgba(34,36,38,.15);
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    border-radius: .28571429rem;
    min-height: 2.85714286em
}

.ui.menu:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ui.menu:first-child {
    margin-top: 0
}

.ui.menu:last-child {
    margin-bottom: 0
}

.ui.menu .menu {
    margin: 0
}

.ui.menu:not(.vertical)>.menu {
    display: flex
}

.ui.menu:not(.vertical) .item {
    display: flex;
    align-items: center
}

.ui.menu .item {
    position: relative;
    vertical-align: middle;
    line-height: 1;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    flex: 0 0 auto;
    -webkit-user-select: none;
    user-select: none;
    background: none;
    padding: .92857143em 1.14285714em;
    text-transform: none;
    color: rgba(0,0,0,.87);
    font-weight: 400;
    transition: background .1s ease,box-shadow .1s ease,color .1s ease
}

.ui.menu>.item:first-child {
    border-radius: .28571429rem 0 0 .28571429rem
}

.ui.menu .item:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background: rgba(34,36,38,.1)
}

.ui.menu .item>a:not(.ui),.ui.menu .item>p:only-child,.ui.menu .text.item>* {
    -webkit-user-select: text;
    user-select: text;
    line-height: 1.3
}

.ui.menu .item>p:first-child {
    margin-top: 0
}

.ui.menu .item>p:last-child {
    margin-bottom: 0
}

.ui.menu .item>i.icon {
    opacity: .9;
    float: none;
    margin: 0 .35714286em 0 0
}

.ui.menu:not(.vertical) .item>.button {
    position: relative;
    top: 0;
    margin: -.5em 0;
    padding-bottom: .78571429em;
    padding-top: .78571429em;
    font-size: 1em
}

.ui.menu>.container,.ui.menu>.grid {
    display: flex;
    align-items: inherit;
    flex-direction: inherit
}

.ui.menu .item>.input {
    width: 100%
}

.ui.menu:not(.vertical) .item>.input {
    position: relative;
    top: 0;
    margin: -.5em 0
}

.ui.menu .item>.input input {
    font-size: 1em;
    padding-top: .57142857em;
    padding-bottom: .57142857em
}

.ui.menu .header.item,.ui.vertical.menu .header.item {
    margin: 0;
    background: "";
    text-transform: normal;
    font-weight: 700
}

.ui.vertical.menu .item>.header:not(.ui) {
    margin: 0 0 .5em;
    font-size: 1em;
    font-weight: 700
}

.ui.menu .item>i.dropdown.icon {
    padding: 0;
    float: right;
    margin: 0 0 0 1em
}

.ui.menu .dropdown.item .menu {
    min-width: calc(100% - 1px);
    border-radius: 0 0 .28571429rem .28571429rem;
    background: #fff;
    margin: 0;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);
    flex-direction: column!important
}

.ui.menu .ui.dropdown .menu>.item {
    margin: 0;
    text-align: left;
    font-size: 1em!important;
    padding: .78571429em 1.14285714em!important;
    background: transparent!important;
    color: rgba(0,0,0,.87)!important;
    text-transform: none!important;
    font-weight: 400!important;
    box-shadow: none!important;
    transition: none!important
}

.ui.menu .ui.dropdown .menu>.item:hover,.ui.menu .ui.dropdown .menu>.selected.item {
    background: rgba(0,0,0,.05)!important;
    color: rgba(0,0,0,.95)!important
}

.ui.menu .ui.dropdown .menu>.active.item {
    background: rgba(0,0,0,.03)!important;
    font-weight: 700!important;
    color: rgba(0,0,0,.95)!important
}

.ui.menu .ui.dropdown.item .menu .item:not(.filtered) {
    display: block
}

.ui.menu .ui.dropdown .menu>.item .icon:not(.dropdown) {
    display: inline-block;
    font-size: 1em!important;
    float: none;
    margin: 0 .75em 0 0
}

.ui.secondary.menu .dropdown.item>.menu,.ui.text.menu .dropdown.item>.menu {
    border-radius: .28571429rem;
    margin-top: .35714286em
}

.ui.menu .pointing.dropdown.item .menu {
    margin-top: .75em
}

.ui.inverted.menu .search.dropdown.item>.search,.ui.inverted.menu .search.dropdown.item>.text {
    color: hsla(0,0%,100%,.9)
}

.ui.vertical.menu .dropdown.item>.icon {
    float: right;
    content: "\f0da";
    margin-left: 1em
}

.ui.vertical.menu .dropdown.item .menu {
    left: 100%;
    min-width: 0;
    margin: 0;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);
    border-radius: 0 .28571429rem .28571429rem .28571429rem
}

.ui.vertical.menu .dropdown.item.upward .menu {
    bottom: 0
}

.ui.vertical.menu .dropdown.item:not(.upward) .menu {
    top: 0
}

.ui.vertical.menu .active.dropdown.item {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ui.vertical.menu .dropdown.active.item {
    box-shadow: none
}

.ui.item.menu .dropdown .menu .item {
    width: 100%
}

.ui.menu .item>.label {
    background: #999;
    color: #fff;
    margin-left: 1em;
    padding: .3em .78571429em
}

.ui.vertical.menu .item>.label {
    background: #999;
    color: #fff;
    margin-top: -.15em;
    margin-bottom: -.15em;
    padding: .3em .78571429em
}

.ui.menu .item>.floating.label {
    padding: .3em .78571429em
}

.ui.menu .item>img:not(.ui) {
    display: inline-block;
    vertical-align: middle;
    margin: -.3em 0;
    width: 2.5em
}

.ui.vertical.menu .item>img:not(.ui):only-child {
    display: block;
    max-width: 100%;
    width: auto
}

.ui.menu .list .item:before {
    background: none!important
}

.ui.vertical.sidebar.menu>.item:first-child:before {
    display: block!important
}

.ui.vertical.sidebar.menu>.item:before {
    top: auto;
    bottom: 0
}

@media only screen and (max-width: 767px) {
    .ui.menu>.ui.container {
        width:100%!important;
        margin-left: 0!important;
        margin-right: 0!important
    }
}

@media only screen and (min-width: 768px) {
    .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless)>.container>.item:not(.right):not(.borderless):first-child {
        border-left:1px solid rgba(34,36,38,.1)
    }
}

.ui.link.menu .item:hover,.ui.menu .dropdown.item:hover,.ui.menu .link.item:hover,.ui.menu a.item:hover {
    cursor: pointer;
    background: rgba(0,0,0,.03);
    color: rgba(0,0,0,.95)
}

.ui.link.menu .item:active,.ui.menu .link.item:active,.ui.menu a.item:active {
    background: rgba(0,0,0,.03);
    color: rgba(0,0,0,.95)
}

.ui.menu .active.item {
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.95);
    font-weight: 400;
    box-shadow: none
}

.ui.menu .active.item>i.icon {
    opacity: 1
}

.ui.menu .active.item:hover,.ui.vertical.menu .active.item:hover {
    background-color: rgba(0,0,0,.05);
    color: rgba(0,0,0,.95)
}

.ui.menu .item.disabled,.ui.menu .item.disabled:hover {
    cursor: default!important;
    background-color: initial!important;
    color: rgba(40,40,40,.3)!important
}

.ui.menu:not(.vertical) .left.item,.ui.menu:not(.vertical) .left.menu {
    display: flex;
    margin-right: auto!important
}

.ui.menu:not(.vertical) .right.item,.ui.menu:not(.vertical) .right.menu {
    display: flex;
    margin-left: auto!important
}

.ui.menu .right.item:before,.ui.menu .right.menu>.item:before {
    right: auto;
    left: 0
}

.ui.vertical.menu {
    display: block;
    flex-direction: column;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15)
}

.ui.vertical.menu .item {
    display: block;
    background: none;
    border-top: none;
    border-right: none
}

.ui.vertical.menu>.item:first-child {
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.vertical.menu>.item:last-child {
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui.vertical.menu .item>.label {
    float: right;
    text-align: center
}

.ui.vertical.menu .item>i.icon {
    width: 1.18em;
    float: right;
    margin: 0 0 0 .5em
}

.ui.vertical.menu .item>.label+i.icon {
    float: none;
    margin: 0 .5em 0 0
}

.ui.vertical.menu .item:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(34,36,38,.1)
}

.ui.vertical.menu .item:first-child:before {
    display: none!important
}

.ui.vertical.menu .item>.menu {
    margin: .5em -1.14285714em 0
}

.ui.vertical.menu .menu .item {
    background: none;
    padding: .5em 1.33333333em;
    font-size: .85714286em;
    color: rgba(0,0,0,.5)
}

.ui.vertical.menu .item .menu .link.item:hover,.ui.vertical.menu .item .menu a.item:hover {
    color: rgba(0,0,0,.85)
}

.ui.vertical.menu .menu .item:before {
    display: none
}

.ui.vertical.menu .active.item {
    background: rgba(0,0,0,.05);
    border-radius: 0;
    box-shadow: none
}

.ui.vertical.menu>.active.item:first-child {
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.vertical.menu>.active.item:last-child {
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui.vertical.menu>.active.item:only-child {
    border-radius: .28571429rem
}

.ui.vertical.menu .active.item .menu .active.item {
    border-left: none
}

.ui.vertical.menu .item .menu .active.item {
    background-color: initial;
    font-weight: 700;
    color: rgba(0,0,0,.95)
}

.ui.text.menu {
    background: none transparent;
    border-radius: 0;
    box-shadow: none;
    border: none;
    margin: 1em -.5em
}

.ui.text.menu .item {
    border-radius: 0;
    box-shadow: none;
    align-self: center;
    margin: 0;
    padding: .35714286em .5em;
    font-weight: 400;
    color: rgba(0,0,0,.6);
    transition: opacity .1s ease
}

.ui.text.menu .item:before,.ui.text.menu .menu .item:before {
    display: none!important
}

.ui.text.menu .header.item {
    background-color: initial;
    opacity: 1;
    color: rgba(0,0,0,.85);
    font-size: .92857143em;
    text-transform: uppercase;
    font-weight: 700
}

.ui.text.item.menu .item,.ui.text.menu .item>img:not(.ui) {
    margin: 0
}

.ui.vertical.text.menu {
    margin: 1em 0
}

.ui.vertical.text.menu:first-child {
    margin-top: 0
}

.ui.vertical.text.menu:last-child {
    margin-bottom: 0
}

.ui.vertical.text.menu .item {
    margin: .57142857em 0;
    padding-left: 0;
    padding-right: 0
}

.ui.vertical.text.menu .item>i.icon {
    float: none;
    margin: 0 .35714286em 0 0
}

.ui.vertical.text.menu .header.item {
    margin: .57142857em 0 .71428571em
}

.ui.vertical.text.menu .item:not(.dropdown)>.menu {
    margin: 0
}

.ui.vertical.text.menu .item:not(.dropdown)>.menu>.item {
    margin: 0;
    padding: .5em 0
}

.ui.text.menu .item:hover {
    opacity: 1;
    background-color: initial
}

.ui.text.menu .active.item {
    background-color: initial;
    border: none;
    box-shadow: none;
    font-weight: 400;
    color: rgba(0,0,0,.95)
}

.ui.text.menu .active.item:hover {
    background-color: initial
}

.ui.text.attached.menu,.ui.text.pointing.menu .active.item:after {
    box-shadow: none
}

.ui.inverted.text.menu,.ui.inverted.text.menu .active.item,.ui.inverted.text.menu .item,.ui.inverted.text.menu .item:hover {
    background-color: initial!important
}

.ui.fluid.text.menu {
    margin-left: 0;
    margin-right: 0
}

.ui.vertical.icon.menu {
    display: inline-block;
    width: auto
}

.ui.icon.menu .item {
    height: auto;
    text-align: center;
    color: #1b1c1d
}

.ui.icon.menu .item>.icon:not(.dropdown) {
    margin: 0;
    opacity: 1
}

.ui.icon.menu .icon:before {
    opacity: 1
}

.ui.menu .icon.item>.icon {
    width: auto;
    margin: 0 auto
}

.ui.vertical.icon.menu .item>.icon:not(.dropdown) {
    display: block;
    opacity: 1;
    margin: 0 auto;
    float: none
}

.ui.inverted.icon.menu .item {
    color: #fff
}

.ui.labeled.icon.menu {
    text-align: center
}

.ui.labeled.icon.menu .item {
    min-width: 6em;
    flex-direction: column
}

.ui.labeled.icon.menu .item>.icon:not(.dropdown) {
    height: 1em;
    display: block;
    font-size: 1.71428571em!important;
    margin: 0 auto .5rem!important
}

.ui.fluid.labeled.icon.menu>.item {
    min-width: 0
}

.ui.menu .red.active.item,.ui.red.menu .active.item {
    border-color: #db2828!important;
    color: #db2828!important
}

.ui.green.menu .active.item,.ui.menu .green.active.item {
    border-color: #21ba45!important;
    color: #21ba45!important
}

.ui.menu .teal.active.item,.ui.teal.menu .active.item {
    border-color: #00b5ad!important;
    color: #00b5ad!important
}

.ui.blue.menu .active.item,.ui.menu .blue.active.item {
    border-color: #2185d0!important;
    color: #2185d0!important
}

.ui.floated.menu {
    float: left;
    margin: 0 .5rem 0 0
}

.ui.floated.menu .item:last-child:before {
    display: none
}

.ui.right.floated.menu {
    float: right;
    margin: 0 0 0 .5rem
}

.ui.borderless.menu .item .menu .item:before,.ui.borderless.menu .item:before,.ui.menu .borderless.item:before {
    background: none!important
}

.ui.menu.fluid,.ui.vertical.menu.fluid {
    width: 100%!important
}

.ui.item.menu,.ui.item.menu .item {
    width: 100%;
    padding-left: 0!important;
    padding-right: 0!important;
    margin-left: 0!important;
    margin-right: 0!important;
    text-align: center;
    justify-content: center
}

.ui.item.menu .item:last-child:before {
    display: none
}

.ui.menu.two.item .item {
    width: 50%
}

.ui.menu.three.item .item {
    width: 33.333%
}

.ui.menu.four.item .item {
    width: 25%
}

.ui.menu.five.item .item {
    width: 20%
}

.ui.menu.six.item .item {
    width: 16.666%
}

.ui.menu.seven.item .item {
    width: 14.285%
}

.ui.menu.eight.item .item {
    width: 12.5%
}

.ui.menu.nine.item .item {
    width: 11.11%
}

.ui.menu.ten.item .item {
    width: 10%
}

.ui.menu.eleven.item .item {
    width: 9.09%
}

.ui.menu.twelve.item .item {
    width: 8.333%
}

.ui.pointing.menu .item:after {
    visibility: hidden;
    position: absolute;
    content: "";
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    background: none;
    margin: .5px 0 0;
    width: .57142857em;
    height: .57142857em;
    border: 1px solid #d4d4d5;
    border-top: none;
    border-left: none;
    z-index: 2;
    transition: background .1s ease
}

.ui.vertical.pointing.menu .item:after {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    transform: translateX(50%) translateY(-50%) rotate(45deg);
    margin: 0 -.5px 0 0;
    border: 1px solid #d4d4d5;
    border-bottom: none;
    border-left: none
}

.ui.pointing.menu .active.item:after {
    visibility: visible
}

.ui.pointing.menu .active.dropdown.item:after {
    visibility: hidden
}

.ui.pointing.menu .active.item .menu .active.item:after,.ui.pointing.menu .dropdown.active.item:after {
    display: none
}

.ui.pointing.menu .active.item:after,.ui.pointing.menu .active.item:hover:after,.ui.vertical.pointing.menu .active.item:after,.ui.vertical.pointing.menu .active.item:hover:after {
    background-color: #f2f2f2
}

.ui.vertical.pointing.menu .menu .active.item:after {
    background-color: #fff
}

.ui.menu {
    font-size: 1rem
}

.ui.vertical.menu {
    width: 15rem
}

.ui.message {
    position: relative;
    min-height: 1em;
    margin: 1em 0;
    background: #f8f8f9;
    padding: 1em 1.5em;
    line-height: 1.4285em;
    color: rgba(0,0,0,.87);
    transition: opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;
    border-radius: .28571429rem;
    box-shadow: inset 0 0 0 1px rgba(34,36,38,.22),0 0 0 0 transparent
}

.ui.message:first-child {
    margin-top: 0
}

.ui.message:last-child {
    margin-bottom: 0
}

.ui.message .header {
    display: block;
    font-family: "Lato","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-weight: 700;
    margin: -.14285714em 0 0
}

.ui.message .header:not(.ui) {
    font-size: 1.14285714em
}

.ui.message p {
    opacity: .85;
    margin: .75em 0
}

.ui.message p:first-child {
    margin-top: 0
}

.ui.message p:last-child {
    margin-bottom: 0
}

.ui.message .header+p {
    margin-top: .25em
}

.ui.message .list:not(.ui) {
    text-align: left;
    padding: 0;
    opacity: .85;
    list-style-position: inside;
    margin: .5em 0 0
}

.ui.message .list:not(.ui):first-child {
    margin-top: 0
}

.ui.message .list:not(.ui):last-child {
    margin-bottom: 0
}

.ui.message .list:not(.ui) li {
    position: relative;
    list-style-type: none;
    margin: 0 0 .3em 1em;
    padding: 0
}

.ui.message .list:not(.ui) li:before {
    position: absolute;
    content: "•";
    left: -1em;
    height: 100%;
    vertical-align: initial
}

.ui.message .list:not(.ui) li:last-child {
    margin-bottom: 0
}

.ui.message>.icon {
    margin-right: .6em
}

.ui.message>.close.icon {
    cursor: pointer;
    position: absolute;
    margin: 0;
    top: .78575em;
    right: .5em;
    opacity: .7;
    transition: opacity .1s ease
}

.ui.message>.close.icon:hover {
    opacity: 1
}

.ui.message>:first-child {
    margin-top: 0
}

.ui.message>:last-child {
    margin-bottom: 0
}

.ui.dropdown .menu>.message {
    margin: 0 -1px
}

.ui.visible.visible.visible.visible.message {
    display: block
}

.ui.icon.visible.visible.visible.visible.message {
    display: flex
}

.ui.hidden.hidden.hidden.hidden.message {
    display: none
}

.ui.compact.message {
    display: inline-block
}

.ui.compact.icon.message {
    display: inline-flex
}

.ui.attached.message {
    margin-bottom: -1px;
    border-radius: .28571429rem .28571429rem 0 0;
    box-shadow: inset 0 0 0 1px rgba(34,36,38,.15);
    margin-left: -1px;
    margin-right: -1px
}

.ui.attached+.ui.attached.message:not(.top):not(.bottom) {
    margin-top: -1px;
    border-radius: 0
}

.ui.bottom.attached.message {
    margin-top: -1px;
    border-radius: 0 0 .28571429rem .28571429rem;
    box-shadow: inset 0 0 0 1px rgba(34,36,38,.15),0 1px 2px 0 rgba(34,36,38,.15)
}

.ui.bottom.attached.message:not(:last-child) {
    margin-bottom: 1em
}

.ui.attached.icon.message {
    width: auto
}

.ui.icon.message {
    display: flex;
    width: 100%;
    align-items: center
}

.ui.icon.message>.icon:not(.close) {
    display: block;
    flex: 0 0 auto;
    width: auto;
    line-height: 1;
    vertical-align: middle;
    font-size: 3em;
    opacity: .8
}

.ui.icon.message>.content {
    display: block;
    flex: 1 1 auto;
    vertical-align: middle
}

.ui.icon.message .icon:not(.close)+.content {
    padding-left: 0
}

.ui.floating.message {
    box-shadow: inset 0 0 0 1px rgba(34,36,38,.22),0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)
}

.ui.black.message {
    background-color: #1b1c1d;
    color: hsla(0,0%,100%,.9)
}

.ui.positive.message {
    background-color: #fcfff5;
    color: #2c662d
}

.ui.attached.positive.message,.ui.positive.message {
    box-shadow: inset 0 0 0 1px #a3c293,0 0 0 0 transparent
}

.ui.positive.message .header {
    color: #1a531b
}

.ui.negative.message {
    background-color: #fff6f6;
    color: #9f3a38
}

.ui.attached.negative.message,.ui.negative.message {
    box-shadow: inset 0 0 0 1px #e0b4b4,0 0 0 0 transparent
}

.ui.negative.message .header {
    color: #912d2b
}

.ui.info.message {
    background-color: #f8ffff;
    color: #276f86
}

.ui.attached.info.message,.ui.info.message {
    box-shadow: inset 0 0 0 1px #a9d5de,0 0 0 0 transparent
}

.ui.info.message .header {
    color: #0e566c
}

.ui.warning.message {
    background-color: #fffaf3;
    color: #573a08
}

.ui.attached.warning.message,.ui.warning.message {
    box-shadow: inset 0 0 0 1px #c9ba9b,0 0 0 0 transparent
}

.ui.warning.message .header {
    color: #794b02
}

.ui.error.message {
    background-color: #fff6f6;
    color: #9f3a38
}

.ui.attached.error.message,.ui.error.message {
    box-shadow: inset 0 0 0 1px #e0b4b4,0 0 0 0 transparent
}

.ui.error.message .header {
    color: #912d2b
}

.ui.success.message {
    background-color: #fcfff5;
    color: #2c662d
}

.ui.attached.success.message,.ui.success.message {
    box-shadow: inset 0 0 0 1px #a3c293,0 0 0 0 transparent
}

.ui.success.message .header {
    color: #1a531b
}

.ui.black.message,.ui.inverted.message {
    background-color: #1b1c1d;
    color: hsla(0,0%,100%,.9)
}

.ui.red.message {
    background-color: #ffe8e6;
    color: #db2828;
    box-shadow: inset 0 0 0 1px #db2828,0 0 0 0 transparent
}

.ui.red.message .header {
    color: #c82121
}

.ui.green.message {
    background-color: #e5f9e7;
    color: #1ebc30;
    box-shadow: inset 0 0 0 1px #1ebc30,0 0 0 0 transparent
}

.ui.green.message .header {
    color: #1aa62a
}

.ui.teal.message {
    background-color: #e1f7f7;
    color: #10a3a3;
    box-shadow: inset 0 0 0 1px #10a3a3,0 0 0 0 transparent
}

.ui.teal.message .header {
    color: #0e8c8c
}

.ui.blue.message {
    background-color: #dff0ff;
    color: #2185d0;
    box-shadow: inset 0 0 0 1px #2185d0,0 0 0 0 transparent
}

.ui.blue.message .header {
    color: #1e77ba
}

.ui.mini.message {
    font-size: .78571429em
}

.ui.tiny.message {
    font-size: .85714286em
}

.ui.small.message {
    font-size: .92857143em
}

.ui.message {
    font-size: 1em
}

.ui.large.message {
    font-size: 1.14285714em
}

.ui.big.message {
    font-size: 1.28571429em
}

.ui.huge.message {
    font-size: 1.42857143em
}

.ui.massive.message {
    font-size: 1.71428571em
}

/*!
  * # Semantic UI 2.3.1 - Table
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
.ui.table {
    width: 100%;
    background: #fff;
    margin: 1em 0;
    border: 1px solid rgba(34,36,38,.15);
    box-shadow: none;
    border-radius: .28571429rem;
    text-align: left;
    color: rgba(0,0,0,.87);
    border-collapse: initial;
    border-spacing: 0
}

.ui.table:first-child {
    margin-top: 0
}

.ui.table:last-child {
    margin-bottom: 0
}

.ui.table td,.ui.table th {
    transition: background .1s ease,color .1s ease
}

.ui.table thead {
    box-shadow: none
}

.ui.table thead th {
    cursor: auto;
    background: #f9fafb;
    text-align: inherit;
    color: rgba(0,0,0,.87);
    padding: .92857143em .78571429em;
    vertical-align: inherit;
    font-style: none;
    font-weight: 700;
    text-transform: none;
    border-bottom: 1px solid rgba(34,36,38,.1);
    border-left: none
}

.ui.table thead tr>th:first-child {
    border-left: none
}

.ui.table thead tr:first-child>th:first-child {
    border-radius: .28571429rem 0 0 0
}

.ui.table thead tr:first-child>th:last-child {
    border-radius: 0 .28571429rem 0 0
}

.ui.table thead tr:first-child>th:only-child {
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.table tfoot {
    box-shadow: none
}

.ui.table tfoot th {
    cursor: auto;
    border-top: 1px solid rgba(34,36,38,.15);
    background: #f9fafb;
    text-align: inherit;
    color: rgba(0,0,0,.87);
    padding: .78571429em;
    vertical-align: middle;
    font-style: normal;
    font-weight: 400;
    text-transform: none
}

.ui.table tfoot tr>th:first-child {
    border-left: none
}

.ui.table tfoot tr:first-child>th:first-child {
    border-radius: 0 0 0 .28571429rem
}

.ui.table tfoot tr:first-child>th:last-child {
    border-radius: 0 0 .28571429rem 0
}

.ui.table tfoot tr:first-child>th:only-child {
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui.table tr td {
    border-top: 1px solid rgba(34,36,38,.1)
}

.ui.table tr:first-child td {
    border-top: none
}

.ui.table tbody+tbody tr:first-child td {
    border-top: 1px solid rgba(34,36,38,.1)
}

.ui.table td {
    padding: .78571429em;
    text-align: inherit
}

.ui.table>.icon {
    vertical-align: initial
}

.ui.table>.icon:only-child {
    margin: 0
}

.ui.table.segment {
    padding: 0
}

.ui.table.segment:after {
    display: none
}

@media only screen and (max-width: 767px) {
    .ui.table:not(.unstackable) {
        width:100%
    }

    .ui.table:not(.unstackable) tbody,.ui.table:not(.unstackable) tr,.ui.table:not(.unstackable) tr>td,.ui.table:not(.unstackable) tr>th {
        width: auto!important;
        display: block!important
    }

    .ui.table:not(.unstackable) {
        padding: 0
    }

    .ui.table:not(.unstackable) tfoot,.ui.table:not(.unstackable) thead {
        display: block
    }

    .ui.table:not(.unstackable) tr {
        padding-top: 1em;
        padding-bottom: 1em;
        box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.1)!important
    }

    .ui.table:not(.unstackable) tr>td,.ui.table:not(.unstackable) tr>th {
        background: none;
        border: none!important;
        padding: .25em .75em!important;
        box-shadow: none!important
    }

    .ui.table:not(.unstackable) td:first-child,.ui.table:not(.unstackable) th:first-child {
        font-weight: 700
    }

    .ui.definition.table:not(.unstackable) thead th:first-child {
        box-shadow: none!important
    }
}

.ui.table td .image,.ui.table td .image img,.ui.table th .image,.ui.table th .image img {
    max-width: none
}

.ui.structured.table {
    border-collapse: collapse
}

.ui.structured.table thead th {
    border-left: none;
    border-right: none
}

.ui.structured.sortable.table thead th {
    border-left: 1px solid rgba(34,36,38,.15);
    border-right: 1px solid rgba(34,36,38,.15)
}

.ui.structured.basic.table th {
    border-left: none;
    border-right: none
}

.ui.structured.celled.table tr td,.ui.structured.celled.table tr th {
    border-left: 1px solid rgba(34,36,38,.1);
    border-right: 1px solid rgba(34,36,38,.1)
}

.ui.definition.table thead:not(.full-width) th:first-child {
    pointer-events: none;
    background: transparent;
    font-weight: 400;
    color: rgba(0,0,0,.4);
    box-shadow: -1px -1px 0 1px #fff
}

.ui.definition.table tfoot:not(.full-width) th:first-child {
    pointer-events: none;
    background: transparent;
    font-weight: rgba(0,0,0,.4);
    color: normal;
    box-shadow: 1px 1px 0 1px #fff
}

.ui.celled.definition.table thead:not(.full-width) th:first-child {
    box-shadow: 0 -1px 0 1px #fff
}

.ui.celled.definition.table tfoot:not(.full-width) th:first-child {
    box-shadow: 0 1px 0 1px #fff
}

.ui.definition.table tr td.definition,.ui.definition.table tr td:first-child:not(.ignored) {
    background: rgba(0,0,0,.03);
    font-weight: 700;
    color: rgba(0,0,0,.95);
    text-transform: "";
    box-shadow: "";
    text-align: "";
    font-size: 1em;
    padding-left: "";
    padding-right: ""
}

.ui.definition.table td:nth-child(2),.ui.definition.table tfoot:not(.full-width) th:nth-child(2),.ui.definition.table thead:not(.full-width) th:nth-child(2) {
    border-left: 1px solid rgba(34,36,38,.15)
}

.ui.table td.positive,.ui.table tr.positive {
    box-shadow: inset 0 0 0 #a3c293;
    background: #fcfff5!important;
    color: #2c662d!important
}

.ui.table td.negative,.ui.table tr.negative {
    box-shadow: inset 0 0 0 #e0b4b4;
    background: #fff6f6!important;
    color: #9f3a38!important
}

.ui.table td.error,.ui.table tr.error {
    box-shadow: inset 0 0 0 #e0b4b4;
    background: #fff6f6!important;
    color: #9f3a38!important
}

.ui.table td.warning,.ui.table tr.warning {
    box-shadow: inset 0 0 0 #c9ba9b;
    background: #fffaf3!important;
    color: #573a08!important
}

.ui.table td.active,.ui.table tr.active {
    box-shadow: inset 0 0 0 rgba(0,0,0,.87);
    background: #e0e0e0!important;
    color: rgba(0,0,0,.87)!important
}

.ui.table tr.disabled:hover,.ui.table tr.disabled td,.ui.table tr:hover td.disabled,.ui.table tr td.disabled {
    pointer-events: none;
    color: rgba(40,40,40,.3)
}

@media only screen and (max-width: 991px) {
    .ui[class*="tablet stackable"].table,.ui[class*="tablet stackable"].table tbody,.ui[class*="tablet stackable"].table tr,.ui[class*="tablet stackable"].table tr>td,.ui[class*="tablet stackable"].table tr>th {
        width:100%!important;
        display: block!important
    }

    .ui[class*="tablet stackable"].table {
        padding: 0
    }

    .ui[class*="tablet stackable"].table tfoot,.ui[class*="tablet stackable"].table thead {
        display: block
    }

    .ui[class*="tablet stackable"].table tr {
        padding-top: 1em;
        padding-bottom: 1em;
        box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.1)!important
    }

    .ui[class*="tablet stackable"].table tr>td,.ui[class*="tablet stackable"].table tr>th {
        background: none;
        border: none!important;
        padding: .25em .75em;
        box-shadow: none!important
    }

    .ui.definition[class*="tablet stackable"].table thead th:first-child {
        box-shadow: none!important
    }
}

.ui.table[class*="left aligned"],.ui.table [class*="left aligned"] {
    text-align: left
}

.ui.table[class*="center aligned"],.ui.table [class*="center aligned"] {
    text-align: center
}

.ui.table[class*="right aligned"],.ui.table [class*="right aligned"] {
    text-align: right
}

.ui.table[class*="top aligned"],.ui.table [class*="top aligned"] {
    vertical-align: top
}

.ui.table[class*="middle aligned"],.ui.table [class*="middle aligned"] {
    vertical-align: middle
}

.ui.table[class*="bottom aligned"],.ui.table [class*="bottom aligned"] {
    vertical-align: bottom
}

.ui.table td.collapsing,.ui.table th.collapsing {
    width: 1px;
    white-space: nowrap
}

.ui.fixed.table {
    table-layout: fixed
}

.ui.fixed.table td,.ui.fixed.table th {
    overflow: hidden;
    text-overflow: ellipsis
}

.ui.selectable.table tbody tr:hover,.ui.table tbody tr td.selectable:hover {
    background: rgba(0,0,0,.05)!important;
    color: rgba(0,0,0,.95)!important
}

.ui.inverted.table tbody tr td.selectable:hover,.ui.selectable.inverted.table tbody tr:hover {
    background: hsla(0,0%,100%,.08)!important;
    color: #fff!important
}

.ui.table tbody tr td.selectable {
    padding: 0
}

.ui.table tbody tr td.selectable>a:not(.ui) {
    display: block;
    color: inherit;
    padding: .78571429em
}

.ui.selectable.table tr.error:hover,.ui.selectable.table tr:hover td.error,.ui.table tr td.selectable.error:hover {
    background: #ffe7e7!important;
    color: #943634!important
}

.ui.selectable.table tr.warning:hover,.ui.selectable.table tr:hover td.warning,.ui.table tr td.selectable.warning:hover {
    background: #fff4e4!important;
    color: #493107!important
}

.ui.selectable.table tr.active:hover,.ui.selectable.table tr:hover td.active,.ui.table tr td.selectable.active:hover {
    background: #e0e0e0!important;
    color: rgba(0,0,0,.87)!important
}

.ui.selectable.table tr.positive:hover,.ui.selectable.table tr:hover td.positive,.ui.table tr td.selectable.positive:hover {
    background: #f7ffe6!important;
    color: #275b28!important
}

.ui.selectable.table tr.negative:hover,.ui.selectable.table tr:hover td.negative,.ui.table tr td.selectable.negative:hover {
    background: #ffe7e7!important;
    color: #943634!important
}

.ui.attached.table {
    top: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0 -1px;
    width: calc(100% + 2px);
    max-width: calc(100% + 2px);
    box-shadow: none;
    border: 1px solid #d4d4d5
}

.ui.attached+.ui.attached.table:not(.top) {
    border-top: none
}

.ui[class*="top attached"].table {
    bottom: 0;
    margin-bottom: 0;
    top: 0;
    margin-top: 1em;
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.table[class*="top attached"]:first-child {
    margin-top: 0
}

.ui[class*="bottom attached"].table {
    bottom: 0;
    margin-top: 0;
    top: 0;
    margin-bottom: 1em;
    box-shadow: none,none;
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui[class*="bottom attached"].table:last-child {
    margin-bottom: 0
}

.ui.striped.table>tr:nth-child(2n),.ui.striped.table tbody tr:nth-child(2n) {
    background-color: rgba(0,0,50,.02)
}

.ui.inverted.striped.table>tr:nth-child(2n),.ui.inverted.striped.table tbody tr:nth-child(2n) {
    background-color: hsla(0,0%,100%,.05)
}

.ui.striped.selectable.selectable.selectable.table tbody tr.active:hover {
    background: #efefef!important;
    color: rgba(0,0,0,.95)!important
}

.ui.table[class*="single line"],.ui.table [class*="single line"] {
    white-space: nowrap
}

.ui.red.table {
    border-top: .2em solid #db2828
}

.ui.inverted.red.table {
    background-color: #db2828!important;
    color: #fff!important
}

.ui.green.table {
    border-top: .2em solid #21ba45
}

.ui.inverted.green.table {
    background-color: #21ba45!important;
    color: #fff!important
}

.ui.teal.table {
    border-top: .2em solid #00b5ad
}

.ui.inverted.teal.table {
    background-color: #00b5ad!important;
    color: #fff!important
}

.ui.blue.table {
    border-top: .2em solid #2185d0
}

.ui.inverted.blue.table {
    background-color: #2185d0!important;
    color: #fff!important
}

.ui.black.table {
    border-top: .2em solid #1b1c1d
}

.ui.inverted.black.table {
    background-color: #1b1c1d!important;
    color: #fff!important
}

.ui.one.column.table td {
    width: 100%
}

.ui.two.column.table td {
    width: 50%
}

.ui.three.column.table td {
    width: 33.33333333%
}

.ui.four.column.table td {
    width: 25%
}

.ui.five.column.table td {
    width: 20%
}

.ui.six.column.table td {
    width: 16.66666667%
}

.ui.seven.column.table td {
    width: 14.28571429%
}

.ui.eight.column.table td {
    width: 12.5%
}

.ui.nine.column.table td {
    width: 11.11111111%
}

.ui.ten.column.table td {
    width: 10%
}

.ui.eleven.column.table td {
    width: 9.09090909%
}

.ui.twelve.column.table td {
    width: 8.33333333%
}

.ui.thirteen.column.table td {
    width: 7.69230769%
}

.ui.fourteen.column.table td {
    width: 7.14285714%
}

.ui.fifteen.column.table td {
    width: 6.66666667%
}

.ui.sixteen.column.table td,.ui.table td.one.wide,.ui.table th.one.wide {
    width: 6.25%
}

.ui.table td.two.wide,.ui.table th.two.wide {
    width: 12.5%
}

.ui.table td.three.wide,.ui.table th.three.wide {
    width: 18.75%
}

.ui.table td.four.wide,.ui.table th.four.wide {
    width: 25%
}

.ui.table td.five.wide,.ui.table th.five.wide {
    width: 31.25%
}

.ui.table td.six.wide,.ui.table th.six.wide {
    width: 37.5%
}

.ui.table td.seven.wide,.ui.table th.seven.wide {
    width: 43.75%
}

.ui.table td.eight.wide,.ui.table th.eight.wide {
    width: 50%
}

.ui.table td.nine.wide,.ui.table th.nine.wide {
    width: 56.25%
}

.ui.table td.ten.wide,.ui.table th.ten.wide {
    width: 62.5%
}

.ui.table td.eleven.wide,.ui.table th.eleven.wide {
    width: 68.75%
}

.ui.table td.twelve.wide,.ui.table th.twelve.wide {
    width: 75%
}

.ui.table td.thirteen.wide,.ui.table th.thirteen.wide {
    width: 81.25%
}

.ui.table td.fourteen.wide,.ui.table th.fourteen.wide {
    width: 87.5%
}

.ui.table td.fifteen.wide,.ui.table th.fifteen.wide {
    width: 93.75%
}

.ui.table td.sixteen.wide,.ui.table th.sixteen.wide {
    width: 100%
}

.ui.sortable.table thead th {
    cursor: pointer;
    white-space: nowrap;
    border-left: 1px solid rgba(34,36,38,.15);
    color: rgba(0,0,0,.87)
}

.ui.sortable.table thead th:first-child {
    border-left: none
}

.ui.sortable.table thead th.sorted,.ui.sortable.table thead th.sorted:hover {
    -webkit-user-select: none;
    user-select: none
}

.ui.sortable.table thead th:after {
    display: none;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    content: "";
    height: 1em;
    width: auto;
    opacity: .8;
    margin: 0 0 0 .5em;
    font-family: "Icons"
}

.ui.sortable.table thead th.ascending:after {
    content: "\f0d8"
}

.ui.sortable.table thead th.descending:after {
    content: "\f0d7"
}

.ui.sortable.table th.disabled:hover {
    cursor: auto;
    color: rgba(40,40,40,.3)
}

.ui.sortable.table thead th:hover {
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.8)
}

.ui.sortable.table thead th.sorted {
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.95)
}

.ui.sortable.table thead th.sorted:after {
    display: inline-block
}

.ui.sortable.table thead th.sorted:hover {
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.95)
}

.ui.inverted.sortable.table thead th.sorted {
    background: hsla(0,0%,100%,.15) linear-gradient(transparent,rgba(0,0,0,.05));
    color: #fff
}

.ui.inverted.sortable.table thead th:hover {
    background: hsla(0,0%,100%,.08) linear-gradient(transparent,rgba(0,0,0,.05));
    color: #fff
}

.ui.inverted.sortable.table thead th {
    border-left-color: transparent;
    border-right-color: transparent
}

.ui.inverted.table {
    background: #333;
    color: hsla(0,0%,100%,.9);
    border: none
}

.ui.inverted.table th {
    background-color: rgba(0,0,0,.15);
    color: hsla(0,0%,100%,.9)!important
}

.ui.inverted.table th,.ui.inverted.table tr td {
    border-color: hsla(0,0%,100%,.1)!important
}

.ui.inverted.table tr.disabled:hover td,.ui.inverted.table tr.disabled td,.ui.inverted.table tr:hover td.disabled,.ui.inverted.table tr td.disabled {
    pointer-events: none;
    color: hsla(0,0%,88.2%,.3)
}

.ui.inverted.definition.table tfoot:not(.full-width) th:first-child,.ui.inverted.definition.table thead:not(.full-width) th:first-child {
    background: #fff
}

.ui.inverted.definition.table tr td:first-child {
    background: hsla(0,0%,100%,.02);
    color: #fff
}

.ui.collapsing.table {
    width: auto
}

.ui.basic.table {
    background: transparent;
    border: 1px solid rgba(34,36,38,.15);
    box-shadow: none
}

.ui.basic.table tfoot,.ui.basic.table thead {
    box-shadow: none
}

.ui.basic.table th {
    background: transparent;
    border-left: none
}

.ui.basic.table tbody tr {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.ui.basic.table td {
    background: transparent
}

.ui.basic.striped.table tbody tr:nth-child(2n) {
    background-color: rgba(0,0,0,.05)!important
}

.ui[class*="very basic"].table {
    border: none
}

.ui[class*="very basic"].table:not(.sortable):not(.striped) td,.ui[class*="very basic"].table:not(.sortable):not(.striped) th {
    padding: ""
}

.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child,.ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child {
    padding-left: 0
}

.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child,.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child {
    padding-right: 0
}

.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {
    padding-top: 0
}

.ui.celled.table tr td,.ui.celled.table tr th {
    border-left: 1px solid rgba(34,36,38,.1)
}

.ui.celled.table tr td:first-child,.ui.celled.table tr th:first-child {
    border-left: none
}

.ui.compact.table th {
    padding-left: .7em;
    padding-right: .7em
}

.ui.compact.table td {
    padding: .5em .7em
}

.ui[class*="very compact"].table th {
    padding-left: .6em;
    padding-right: .6em
}

.ui[class*="very compact"].table td {
    padding: .4em .6em
}

.ui.small.table {
    font-size: .9em
}

.ui.table {
    font-size: 1em
}

.ui.large.table {
    font-size: 1.1em
}

.ui.card,.ui.cards>.card {
    max-width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 290px;
    min-height: 0;
    background: #fff;
    padding: 0
}

.ui.card {
    margin: 1em 0
}

.ui.card a,.ui.cards>.card a {
    cursor: pointer
}

.ui.card:first-child {
    margin-top: 0
}

.ui.card:last-child {
    margin-bottom: 0
}

.ui.cards {
    display: flex;
    margin: -.875em -.5em;
    flex-wrap: wrap
}

.ui.cards>.card {
    display: flex;
    margin: .875em .5em;
    float: none
}

.ui.card:after,.ui.cards:after {
    display: block;
    content: " ";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ui.cards~.ui.cards {
    margin-top: .875em
}

.ui.card>:first-child,.ui.cards>.card>:first-child {
    border-radius: .28571429rem .28571429rem 0 0!important;
    border-top: none!important
}

.ui.card>:last-child,.ui.cards>.card>:last-child {
    border-radius: 0 0 .28571429rem .28571429rem!important
}

.ui.card>:only-child,.ui.cards>.card>:only-child {
    border-radius: .28571429rem!important
}

.ui.card>.image,.ui.cards>.card>.image {
    position: relative;
    display: block;
    flex: 0 0 auto;
    padding: 0;
    background: rgba(0,0,0,.05)
}

.ui.card>.image>img,.ui.cards>.card>.image>img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: inherit
}

.ui.card>.image:not(.ui)>img,.ui.cards>.card>.image:not(.ui)>img {
    border: none
}

.ui.card>.content,.ui.cards>.card>.content {
    flex-grow: 1;
    border: none;
    border-top: 1px solid rgba(34,36,38,.1);
    background: none;
    margin: 0;
    padding: 1em;
    box-shadow: none;
    font-size: 1em;
    border-radius: 0
}

.ui.card>.content:after,.ui.cards>.card>.content:after {
    display: block;
    content: " ";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ui.card>.content>.header,.ui.cards>.card>.content>.header {
    display: block;
    margin: "";
    font-family: "Lato","Helvetica Neue",Arial,Helvetica,sans-serif;
    color: rgba(0,0,0,.85)
}

.ui.card>.content>.header:not(.ui),.ui.cards>.card>.content>.header:not(.ui) {
    font-weight: 700;
    font-size: 1.28571429em;
    margin-top: -.21425em;
    line-height: 1.28571429em
}

.ui.card>.content>.header+.description,.ui.card>.content>.meta+.description,.ui.cards>.card>.content>.header+.description,.ui.cards>.card>.content>.meta+.description {
    margin-top: .5em
}

.ui.card [class*="left floated"],.ui.cards>.card [class*="left floated"] {
    float: left
}

.ui.card [class*="right floated"],.ui.cards>.card [class*="right floated"] {
    float: right
}

.ui.card [class*="left aligned"],.ui.cards>.card [class*="left aligned"] {
    text-align: left
}

.ui.card [class*="center aligned"],.ui.cards>.card [class*="center aligned"] {
    text-align: center
}

.ui.card [class*="right aligned"],.ui.cards>.card [class*="right aligned"] {
    text-align: right
}

.ui.card .content img,.ui.cards>.card .content img {
    display: inline-block;
    vertical-align: middle;
    width: ""
}

.ui.card .avatar img,.ui.card img.avatar,.ui.cards>.card .avatar img,.ui.cards>.card img.avatar {
    width: 2em;
    height: 2em;
    border-radius: 500rem
}

.ui.card>.content>.description,.ui.cards>.card>.content>.description {
    clear: both;
    color: rgba(0,0,0,.68)
}

.ui.card>.content p,.ui.cards>.card>.content p {
    margin: 0 0 .5em
}

.ui.card>.content p:last-child,.ui.cards>.card>.content p:last-child {
    margin-bottom: 0
}

.ui.card .meta,.ui.cards>.card .meta {
    font-size: 1em;
    color: rgba(0,0,0,.4)
}

.ui.card .meta *,.ui.cards>.card .meta * {
    margin-right: .3em
}

.ui.card .meta :last-child,.ui.cards>.card .meta :last-child {
    margin-right: 0
}

.ui.card .meta [class*="right floated"],.ui.cards>.card .meta [class*="right floated"] {
    margin-right: 0;
    margin-left: .3em
}

.ui.card>.content a:not(.ui),.ui.cards>.card>.content a:not(.ui) {
    color: "";
    transition: color .1s ease
}

.ui.card>.content a:not(.ui):hover,.ui.cards>.card>.content a:not(.ui):hover {
    color: ""
}

.ui.card>.content>a.header,.ui.cards>.card>.content>a.header {
    color: rgba(0,0,0,.85)
}

.ui.card>.content>a.header:hover,.ui.cards>.card>.content>a.header:hover {
    color: #1e70bf
}

.ui.card .meta>a:not(.ui),.ui.cards>.card .meta>a:not(.ui) {
    color: rgba(0,0,0,.4)
}

.ui.card .meta>a:not(.ui):hover,.ui.cards>.card .meta>a:not(.ui):hover {
    color: rgba(0,0,0,.87)
}

.ui.card>.button,.ui.card>.buttons,.ui.cards>.card>.button,.ui.cards>.card>.buttons {
    margin: 0 -1px;
    width: calc(100% + 2px)
}

.ui.card .dimmer,.ui.cards>.card .dimmer {
    background-color: "";
    z-index: 10
}

.ui.card>.content .star.icon,.ui.cards>.card>.content .star.icon {
    cursor: pointer;
    opacity: .75;
    transition: color .1s ease
}

.ui.card>.content .star.icon:hover,.ui.cards>.card>.content .star.icon:hover {
    opacity: 1;
    color: #ffb70a
}

.ui.card>.content .active.star.icon,.ui.cards>.card>.content .active.star.icon {
    color: #ffe623
}

.ui.card>.content .like.icon,.ui.cards>.card>.content .like.icon {
    cursor: pointer;
    opacity: .75;
    transition: color .1s ease
}

.ui.card>.content .like.icon:hover,.ui.cards>.card>.content .like.icon:hover {
    opacity: 1;
    color: #ff2733
}

.ui.card>.content .active.like.icon,.ui.cards>.card>.content .active.like.icon {
    color: #ff2733
}

.ui.card>.extra,.ui.cards>.card>.extra {
    max-width: 100%;
    min-height: 0!important;
    flex-grow: 0;
    border-top: 0 solid rgba(0,0,0,.05)!important;
    position: static;
    background: none;
    width: auto;
    margin: 0;
    padding: .75em 1em;
    top: 0;
    left: 0;
    color: rgba(0,0,0,.4);
    box-shadow: none;
    transition: color .1s ease
}

.ui.card>.extra a:not(.ui),.ui.cards>.card>.extra a:not(.ui) {
    color: rgba(0,0,0,.4)
}

.ui.card>.extra a:not(.ui):hover,.ui.cards>.card>.extra a:not(.ui):hover {
    color: #1e70bf
}

.ui.centered.cards {
    justify-content: center
}

.ui.centered.card {
    margin-left: auto;
    margin-right: auto
}

.ui.fluid.card {
    width: 100%;
    max-width: 9999px
}

.ui.cards a.card,.ui.link.card,.ui.link.cards .card,a.ui.card {
    transform: none
}

.ui.cards a.card:hover,.ui.link.card:hover,.ui.link.cards .card:hover,a.ui.card:hover {
    cursor: pointer;
    z-index: 5;
    background: #fff;
    border: none;
    box-shadow: 0 1px 3px 0 #bcbdbd,0 0 0 1px #d4d4d5;
    transform: translateY(-3px)
}

.ui.cards>.red.card,.ui.red.card,.ui.red.cards>.card {
    box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #db2828,0 1px 3px 0 #d4d4d5
}

.ui.cards>.red.card:hover,.ui.red.card:hover,.ui.red.cards>.card:hover {
    box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #d01919,0 1px 3px 0 #bcbdbd
}

.ui.cards>.green.card,.ui.green.card,.ui.green.cards>.card {
    box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #21ba45,0 1px 3px 0 #d4d4d5
}

.ui.cards>.green.card:hover,.ui.green.card:hover,.ui.green.cards>.card:hover {
    box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #16ab39,0 1px 3px 0 #bcbdbd
}

.ui.cards>.teal.card,.ui.teal.card,.ui.teal.cards>.card {
    box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #00b5ad,0 1px 3px 0 #d4d4d5
}

.ui.cards>.teal.card:hover,.ui.teal.card:hover,.ui.teal.cards>.card:hover {
    box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #009c95,0 1px 3px 0 #bcbdbd
}

.ui.blue.card,.ui.blue.cards>.card,.ui.cards>.blue.card {
    box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #2185d0,0 1px 3px 0 #d4d4d5
}

.ui.blue.card:hover,.ui.blue.cards>.card:hover,.ui.cards>.blue.card:hover {
    box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #1678c2,0 1px 3px 0 #bcbdbd
}

.ui.black.card,.ui.black.cards>.card,.ui.cards>.black.card {
    box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #1b1c1d,0 1px 3px 0 #d4d4d5
}

.ui.black.card:hover,.ui.black.cards>.card:hover,.ui.cards>.black.card:hover {
    box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #27292a,0 1px 3px 0 #bcbdbd
}

.ui.one.cards {
    margin-left: 0;
    margin-right: 0
}

.ui.one.cards>.card {
    width: 100%
}

.ui.two.cards {
    margin-left: -1em;
    margin-right: -1em
}

.ui.two.cards>.card {
    width: calc(50% - 2em);
    margin-left: 1em;
    margin-right: 1em
}

.ui.three.cards {
    margin-left: -1em;
    margin-right: -1em
}

.ui.three.cards>.card {
    width: calc(33.33333% - 2em);
    margin-left: 1em;
    margin-right: 1em
}

.ui.four.cards {
    margin-left: -.75em;
    margin-right: -.75em
}

.ui.four.cards>.card {
    width: calc(25% - 1.5em);
    margin-left: .75em;
    margin-right: .75em
}

.ui.five.cards {
    margin-left: -.75em;
    margin-right: -.75em
}

.ui.five.cards>.card {
    width: calc(20% - 1.5em);
    margin-left: .75em;
    margin-right: .75em
}

.ui.six.cards {
    margin-left: -.75em;
    margin-right: -.75em
}

.ui.six.cards>.card {
    width: calc(16.66667% - 1.5em);
    margin-left: .75em;
    margin-right: .75em
}

.ui.seven.cards {
    margin-left: -.5em;
    margin-right: -.5em
}

.ui.seven.cards>.card {
    width: calc(14.28571% - 1em);
    margin-left: .5em;
    margin-right: .5em
}

.ui.eight.cards {
    margin-left: -.5em;
    margin-right: -.5em
}

.ui.eight.cards>.card {
    width: calc(12.5% - 1em);
    margin-left: .5em;
    margin-right: .5em;
    font-size: 11px
}

.ui.nine.cards {
    margin-left: -.5em;
    margin-right: -.5em
}

.ui.nine.cards>.card {
    width: calc(11.11111% - 1em);
    margin-left: .5em;
    margin-right: .5em;
    font-size: 10px
}

.ui.ten.cards {
    margin-left: -.5em;
    margin-right: -.5em
}

.ui.ten.cards>.card {
    width: calc(10% - 1em);
    margin-left: .5em;
    margin-right: .5em
}

@media only screen and (max-width: 767px) {
    .ui.two.doubling.cards {
        margin-left:0;
        margin-right: 0
    }

    .ui.two.doubling.cards>.card {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .ui.three.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.three.doubling.cards>.card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.four.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.four.doubling.cards>.card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.five.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.five.doubling.cards>.card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.six.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.six.doubling.cards>.card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.seven.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.seven.doubling.cards>.card {
        width: calc(33.33333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.eight.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.eight.doubling.cards>.card {
        width: calc(33.33333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.nine.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.nine.doubling.cards>.card {
        width: calc(33.33333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.ten.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.ten.doubling.cards>.card {
        width: calc(33.33333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .ui.two.doubling.cards {
        margin-left:0;
        margin-right: 0
    }

    .ui.two.doubling.cards>.card {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .ui.three.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.three.doubling.cards>.card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.four.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.four.doubling.cards>.card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.five.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.five.doubling.cards>.card {
        width: calc(33.33333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.six.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.six.doubling.cards>.card {
        width: calc(33.33333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.eight.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.eight.doubling.cards>.card {
        width: calc(33.33333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.eight.doubling.cards {
        margin-left: -.75em;
        margin-right: -.75em
    }

    .ui.eight.doubling.cards>.card {
        width: calc(25% - 1.5em);
        margin-left: .75em;
        margin-right: .75em
    }

    .ui.nine.doubling.cards {
        margin-left: -.75em;
        margin-right: -.75em
    }

    .ui.nine.doubling.cards>.card {
        width: calc(25% - 1.5em);
        margin-left: .75em;
        margin-right: .75em
    }

    .ui.ten.doubling.cards {
        margin-left: -.75em;
        margin-right: -.75em
    }

    .ui.ten.doubling.cards>.card {
        width: calc(20% - 1.5em);
        margin-left: .75em;
        margin-right: .75em
    }
}

@media only screen and (max-width: 767px) {
    .ui.stackable.cards {
        display:block!important
    }

    .ui.stackable.cards .card:first-child {
        margin-top: 0!important
    }

    .ui.stackable.cards>.card {
        display: block!important;
        height: auto!important;
        margin: 1em;
        padding: 0!important;
        width: calc(100% - 2em)!important
    }
}

.ui.cards>.card {
    font-size: 1em
}

.ui.items>.item {
    display: flex;
    margin: 1em 0;
    width: 100%;
    min-height: 0;
    background: transparent;
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    transition: box-shadow .1s ease;
    z-index: ""
}

.ui.items>.item a {
    cursor: pointer
}

.ui.items {
    margin: 1.5em 0
}

.ui.items:first-child {
    margin-top: 0!important
}

.ui.items:last-child {
    margin-bottom: 0!important
}

.ui.items>.item:after {
    display: block;
    content: " ";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ui.items>.item:first-child {
    margin-top: 0
}

.ui.items>.item:last-child {
    margin-bottom: 0
}

.ui.items>.item>.image {
    position: relative;
    flex: 0 0 auto;
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    max-height: "";
    align-self: top
}

.ui.items>.item>.image>img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: .125rem;
    border: none
}

.ui.items>.item>.image:only-child>img {
    border-radius: 0
}

.ui.items>.item>.content {
    display: block;
    flex: 1 1 auto;
    background: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    font-size: 1em;
    border: none;
    border-radius: 0
}

.ui.items>.item>.content:after {
    display: block;
    content: " ";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ui.items>.item>.image+.content {
    min-width: 0;
    width: auto;
    display: block;
    margin-left: 0;
    align-self: top;
    padding-left: 1.5em
}

.ui.items>.item>.content>.header {
    display: inline-block;
    margin: -.21425em 0 0;
    font-family: "Lato","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-weight: 700;
    color: rgba(0,0,0,.85)
}

.ui.items>.item>.content>.header:not(.ui) {
    font-size: 1.28571429em
}

.ui.items>.item [class*="left floated"] {
    float: left
}

.ui.items>.item [class*="right floated"] {
    float: right
}

.ui.items>.item .content img {
    align-self: middle;
    width: ""
}

.ui.items>.item .avatar img,.ui.items>.item img.avatar {
    width: "";
    height: "";
    border-radius: 500rem
}

.ui.items>.item>.content>.description {
    margin-top: .6em;
    max-width: auto;
    font-size: 1em;
    line-height: 1.4285em;
    color: rgba(0,0,0,.87)
}

.ui.items>.item>.content p {
    margin: 0 0 .5em
}

.ui.items>.item>.content p:last-child {
    margin-bottom: 0
}

.ui.items>.item .meta {
    margin: .5em 0;
    font-size: 1em;
    line-height: 1em;
    color: rgba(0,0,0,.6)
}

.ui.items>.item .meta * {
    margin-right: .3em
}

.ui.items>.item .meta :last-child {
    margin-right: 0
}

.ui.items>.item .meta [class*="right floated"] {
    margin-right: 0;
    margin-left: .3em
}

.ui.items>.item>.content a:not(.ui) {
    color: "";
    transition: color .1s ease
}

.ui.items>.item>.content a:not(.ui):hover {
    color: ""
}

.ui.items>.item>.content>a.header {
    color: rgba(0,0,0,.85)
}

.ui.items>.item>.content>a.header:hover {
    color: #1e70bf
}

.ui.items>.item .meta>a:not(.ui) {
    color: rgba(0,0,0,.4)
}

.ui.items>.item .meta>a:not(.ui):hover {
    color: rgba(0,0,0,.87)
}

.ui.items>.item>.content .favorite.icon {
    cursor: pointer;
    opacity: .75;
    transition: color .1s ease
}

.ui.items>.item>.content .favorite.icon:hover {
    opacity: 1;
    color: #ffb70a
}

.ui.items>.item>.content .active.favorite.icon {
    color: #ffe623
}

.ui.items>.item>.content .like.icon {
    cursor: pointer;
    opacity: .75;
    transition: color .1s ease
}

.ui.items>.item>.content .like.icon:hover {
    opacity: 1;
    color: #ff2733
}

.ui.items>.item>.content .active.like.icon {
    color: #ff2733
}

.ui.items>.item .extra {
    display: block;
    position: relative;
    background: none;
    margin: .5rem 0 0;
    width: 100%;
    padding: 0;
    top: 0;
    left: 0;
    color: rgba(0,0,0,.4);
    box-shadow: none;
    transition: color .1s ease;
    border-top: none
}

.ui.items>.item .extra>* {
    margin: .25rem .5rem .25rem 0
}

.ui.items>.item .extra>[class*="right floated"] {
    margin: .25rem 0 .25rem .5rem
}

.ui.items>.item .extra:after {
    display: block;
    content: " ";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ui.items>.item>.image:not(.ui) {
    width: 175px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .ui.items>.item {
        margin:1em 0
    }

    .ui.items>.item>.image:not(.ui) {
        width: 150px
    }

    .ui.items>.item>.image+.content {
        display: block;
        padding: 0 0 0 1em
    }
}

@media only screen and (max-width: 767px) {
    .ui.items:not(.unstackable)>.item {
        flex-direction:column;
        margin: 2em 0
    }

    .ui.items:not(.unstackable)>.item>.image {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .ui.items:not(.unstackable)>.item>.image,.ui.items:not(.unstackable)>.item>.image>img {
        max-width: 100%!important;
        width: auto!important;
        max-height: 250px!important
    }

    .ui.items:not(.unstackable)>.item>.image+.content {
        display: block;
        padding: 1.5em 0 0
    }
}

.ui.items>.item>.image+[class*="top aligned"].content {
    align-self: flex-start
}

.ui.items>.item>.image+[class*="middle aligned"].content {
    align-self: center
}

.ui.items>.item>.image+[class*="bottom aligned"].content {
    align-self: flex-end
}

.ui.relaxed.items>.item {
    margin: 1.5em 0
}

.ui[class*="very relaxed"].items>.item {
    margin: 2em 0
}

.ui.divided.items>.item {
    border-top: 1px solid rgba(34,36,38,.15);
    margin: 0;
    padding: 1em 0
}

.ui.divided.items>.item:first-child {
    border-top: none;
    margin-top: 0!important;
    padding-top: 0!important
}

.ui.divided.items>.item:last-child {
    margin-bottom: 0!important;
    padding-bottom: 0!important
}

.ui.relaxed.divided.items>.item {
    margin: 0;
    padding: 1.5em 0
}

.ui[class*="very relaxed"].divided.items>.item {
    margin: 0;
    padding: 2em 0
}

.ui.items a.item:hover,.ui.link.items>.item:hover {
    cursor: pointer
}

.ui.items a.item:hover .content .header,.ui.link.items>.item:hover .content .header {
    color: #1e70bf
}

.ui.items>.item {
    font-size: 1em
}

@media only screen and (max-width: 767px) {
    .ui.unstackable.items>.item>.image,.ui.unstackable.items>.item>.image>img {
        width:125px!important
    }
}

.ui.accordion,.ui.accordion .accordion {
    max-width: 100%
}

.ui.accordion .accordion {
    margin: 1em 0 0;
    padding: 0
}

.ui.accordion .accordion .title,.ui.accordion .title {
    cursor: pointer
}

.ui.accordion .title:not(.ui) {
    padding: .5em 0;
    font-family: "Lato","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 1em;
    color: rgba(0,0,0,.87)
}

.ui.accordion .accordion .title~.content,.ui.accordion .title~.content {
    display: none
}

.ui.accordion:not(.styled) .accordion .title~.content:not(.ui),.ui.accordion:not(.styled) .title~.content:not(.ui) {
    margin: "";
    padding: .5em 0 1em
}

.ui.accordion:not(.styled) .title~.content:not(.ui):last-child {
    padding-bottom: 0
}

.ui.accordion .accordion .title .dropdown.icon,.ui.accordion .title .dropdown.icon {
    display: inline-block;
    float: none;
    opacity: 1;
    width: 1.25em;
    height: 1em;
    margin: 0 .25rem 0 0;
    padding: 0;
    font-size: 1em;
    transition: transform .1s ease,opacity .1s ease;
    vertical-align: initial;
    transform: none
}

.ui.accordion.menu .item .title {
    display: block;
    padding: 0
}

.ui.accordion.menu .item .title>.dropdown.icon {
    float: right;
    margin: .21425em 0 0 1em;
    transform: rotate(180deg)
}

.ui.accordion .ui.header .dropdown.icon {
    font-size: 1em;
    margin: 0 .25rem 0 0
}

.ui.accordion .accordion .active.title .dropdown.icon,.ui.accordion .active.title .dropdown.icon,.ui.accordion.menu .item .active.title>.dropdown.icon {
    transform: rotate(90deg)
}

.ui.styled.accordion {
    width: 600px
}

.ui.styled.accordion,.ui.styled.accordion .accordion {
    border-radius: .28571429rem;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15)
}

.ui.styled.accordion .accordion .title,.ui.styled.accordion .title {
    margin: 0;
    padding: .75em 1em;
    color: rgba(0,0,0,.4);
    font-weight: 700;
    border-top: 1px solid rgba(34,36,38,.15);
    transition: background .1s ease,color .1s ease
}

.ui.styled.accordion .accordion .title:first-child,.ui.styled.accordion>.title:first-child {
    border-top: none
}

.ui.styled.accordion .accordion .content,.ui.styled.accordion .content {
    margin: 0;
    padding: .5em 1em 1.5em
}

.ui.styled.accordion .accordion .content {
    padding: .5em 1em 1.5em
}

.ui.styled.accordion .accordion .active.title,.ui.styled.accordion .accordion .title:hover,.ui.styled.accordion .active.title,.ui.styled.accordion .title:hover {
    background: transparent;
    color: rgba(0,0,0,.87)
}

.ui.styled.accordion .accordion .active.title,.ui.styled.accordion .active.title {
    background: transparent;
    color: rgba(0,0,0,.95)
}

.ui.accordion .accordion .active.content,.ui.accordion .active.content {
    display: block
}

.ui.fluid.accordion,.ui.fluid.accordion .accordion {
    width: 100%
}

.ui.inverted.accordion .title:not(.ui) {
    color: hsla(0,0%,100%,.9)
}

@font-face {
    font-family: "Accordion";
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.ui.accordion .accordion .title .dropdown.icon,.ui.accordion .title .dropdown.icon {
    font-family: Accordion;
    line-height: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: 400;
    font-style: normal;
    text-align: center
}

.ui.accordion .accordion .title .dropdown.icon:before,.ui.accordion .title .dropdown.icon:before {
    content: "\f0da"
}

.ui.checkbox {
    position: relative;
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: none;
    vertical-align: initial;
    font-style: normal;
    min-height: 17px;
    font-size: 1rem;
    line-height: 17px;
    min-width: 17px
}

.ui.checkbox input[type=checkbox],.ui.checkbox input[type=radio] {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0!important;
    outline: none;
    z-index: 3;
    width: 17px;
    height: 17px
}

.ui.checkbox .box,.ui.checkbox label {
    cursor: auto;
    position: relative;
    display: block;
    padding-left: 1.85714em;
    outline: none;
    font-size: 1em
}

.ui.checkbox .box:before,.ui.checkbox label:before {
    content: "";
    background: #fff;
    border-radius: .21428571rem;
    border: 1px solid #d4d4d5
}

.ui.checkbox .box:after,.ui.checkbox .box:before,.ui.checkbox label:after,.ui.checkbox label:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease
}

.ui.checkbox .box:after,.ui.checkbox label:after {
    font-size: 14px;
    text-align: center;
    opacity: 0;
    color: rgba(0,0,0,.87)
}

.ui.checkbox+label,.ui.checkbox label {
    color: rgba(0,0,0,.87);
    transition: color .1s ease
}

.ui.checkbox+label {
    vertical-align: middle
}

.ui.checkbox .box:hover:before,.ui.checkbox label:hover:before {
    background: #fff;
    border-color: rgba(34,36,38,.35)
}

.ui.checkbox+label:hover,.ui.checkbox label:hover {
    color: rgba(0,0,0,.8)
}

.ui.checkbox .box:active:before,.ui.checkbox label:active:before {
    background: #f9fafb;
    border-color: rgba(34,36,38,.35)
}

.ui.checkbox .box:active:after,.ui.checkbox input:active~label,.ui.checkbox label:active:after {
    color: rgba(0,0,0,.95)
}

.ui.checkbox input:focus~.box:before,.ui.checkbox input:focus~label:before {
    background: #fff;
    border-color: #96c8da
}

.ui.checkbox input:focus~.box:after,.ui.checkbox input:focus~label,.ui.checkbox input:focus~label:after {
    color: rgba(0,0,0,.95)
}

.ui.checkbox input:checked~.box:before,.ui.checkbox input:checked~label:before {
    background: #fff;
    border-color: rgba(34,36,38,.35)
}

.ui.checkbox input:checked~.box:after,.ui.checkbox input:checked~label:after {
    opacity: 1;
    color: rgba(0,0,0,.95)
}

.ui.checkbox input:not([type=radio]):indeterminate~.box:before,.ui.checkbox input:not([type=radio]):indeterminate~label:before {
    background: #fff;
    border-color: rgba(34,36,38,.35)
}

.ui.checkbox input:not([type=radio]):indeterminate~.box:after,.ui.checkbox input:not([type=radio]):indeterminate~label:after {
    opacity: 1;
    color: rgba(0,0,0,.95)
}

.ui.checkbox input:checked:focus~.box:before,.ui.checkbox input:checked:focus~label:before,.ui.checkbox input:not([type=radio]):indeterminate:focus~.box:before,.ui.checkbox input:not([type=radio]):indeterminate:focus~label:before {
    background: #fff;
    border-color: #96c8da
}

.ui.checkbox input:checked:focus~.box:after,.ui.checkbox input:checked:focus~label:after,.ui.checkbox input:not([type=radio]):indeterminate:focus~.box:after,.ui.checkbox input:not([type=radio]):indeterminate:focus~label:after {
    color: rgba(0,0,0,.95)
}

.ui.read-only.checkbox,.ui.read-only.checkbox label {
    cursor: default
}

.ui.checkbox input[disabled]~.box:after,.ui.checkbox input[disabled]~label,.ui.disabled.checkbox .box:after,.ui.disabled.checkbox label {
    cursor: default!important;
    opacity: .5;
    color: #000
}

.ui.checkbox input.hidden {
    z-index: -1
}

.ui.checkbox input.hidden+label {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.ui.radio.checkbox {
    min-height: 15px
}

.ui.radio.checkbox .box,.ui.radio.checkbox label {
    padding-left: 1.85714em
}

.ui.radio.checkbox .box:before,.ui.radio.checkbox label:before {
    content: "";
    transform: none;
    width: 15px;
    height: 15px;
    border-radius: 500rem;
    top: 1px;
    left: 0
}

.ui.radio.checkbox .box:after,.ui.radio.checkbox label:after {
    border: none;
    content: ""!important;
    line-height: 15px;
    top: 1px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 500rem;
    transform: scale(.46666667);
    background-color: rgba(0,0,0,.87)
}

.ui.radio.checkbox input:focus~.box:before,.ui.radio.checkbox input:focus~label:before {
    background-color: #fff
}

.ui.radio.checkbox input:focus~.box:after,.ui.radio.checkbox input:focus~label:after {
    background-color: rgba(0,0,0,.95)
}

.ui.radio.checkbox input:indeterminate~.box:after,.ui.radio.checkbox input:indeterminate~label:after {
    opacity: 0
}

.ui.radio.checkbox input:checked~.box:before,.ui.radio.checkbox input:checked~label:before {
    background-color: #fff
}

.ui.radio.checkbox input:checked~.box:after,.ui.radio.checkbox input:checked~label:after {
    background-color: rgba(0,0,0,.95)
}

.ui.radio.checkbox input:focus:checked~.box:before,.ui.radio.checkbox input:focus:checked~label:before {
    background-color: #fff
}

.ui.radio.checkbox input:focus:checked~.box:after,.ui.radio.checkbox input:focus:checked~label:after {
    background-color: rgba(0,0,0,.95)
}

.ui.slider.checkbox {
    min-height: 1.25rem
}

.ui.slider.checkbox input {
    width: 3.5rem;
    height: 1.25rem
}

.ui.slider.checkbox .box,.ui.slider.checkbox label {
    padding-left: 4.5rem;
    line-height: 1rem;
    color: rgba(0,0,0,.4)
}

.ui.slider.checkbox .box:before,.ui.slider.checkbox label:before {
    display: block;
    position: absolute;
    content: "";
    border: none!important;
    left: 0;
    z-index: 1;
    top: .4rem;
    background-color: rgba(0,0,0,.05);
    width: 3.5rem;
    height: .21428571rem;
    transform: none;
    border-radius: 500rem;
    transition: background .3s ease
}

.ui.slider.checkbox .box:after,.ui.slider.checkbox label:after {
    background: #fff linear-gradient(transparent,rgba(0,0,0,.05));
    position: absolute;
    content: ""!important;
    opacity: 1;
    z-index: 2;
    border: none;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),inset 0 0 0 1px rgba(34,36,38,.15);
    width: 1.5rem;
    height: 1.5rem;
    top: -.25rem;
    left: 0;
    transform: none;
    border-radius: 500rem;
    transition: left .3s ease
}

.ui.slider.checkbox input:focus~.box:before,.ui.slider.checkbox input:focus~label:before {
    background-color: rgba(0,0,0,.15);
    border: none
}

.ui.slider.checkbox .box:hover,.ui.slider.checkbox label:hover {
    color: rgba(0,0,0,.8)
}

.ui.slider.checkbox .box:hover:before,.ui.slider.checkbox label:hover:before {
    background: rgba(0,0,0,.15)
}

.ui.slider.checkbox input:checked~.box,.ui.slider.checkbox input:checked~label {
    color: rgba(0,0,0,.95)!important
}

.ui.slider.checkbox input:checked~.box:before,.ui.slider.checkbox input:checked~label:before {
    background-color: #545454!important
}

.ui.slider.checkbox input:checked~.box:after,.ui.slider.checkbox input:checked~label:after {
    left: 2rem
}

.ui.slider.checkbox input:focus:checked~.box,.ui.slider.checkbox input:focus:checked~label {
    color: rgba(0,0,0,.95)!important
}

.ui.slider.checkbox input:focus:checked~.box:before,.ui.slider.checkbox input:focus:checked~label:before {
    background-color: #000!important
}

.ui.toggle.checkbox {
    min-height: 1.5rem
}

.ui.toggle.checkbox input {
    width: 3.5rem;
    height: 1.5rem
}

.ui.toggle.checkbox .box,.ui.toggle.checkbox label {
    min-height: 1.5rem;
    padding-left: 4.5rem;
    color: rgba(0,0,0,.87)
}

.ui.toggle.checkbox label {
    padding-top: .15em
}

.ui.toggle.checkbox .box:before,.ui.toggle.checkbox label:before {
    display: block;
    position: absolute;
    content: "";
    z-index: 1;
    transform: none;
    border: none;
    top: 0;
    background: rgba(0,0,0,.05);
    box-shadow: none;
    width: 3.5rem;
    height: 1.5rem;
    border-radius: 500rem
}

.ui.toggle.checkbox .box:after,.ui.toggle.checkbox label:after {
    background: #fff linear-gradient(transparent,rgba(0,0,0,.05));
    position: absolute;
    content: ""!important;
    opacity: 1;
    z-index: 2;
    border: none;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),inset 0 0 0 1px rgba(34,36,38,.15);
    width: 1.5rem;
    height: 1.5rem;
    top: 0;
    left: 0;
    border-radius: 500rem;
    transition: background .3s ease,left .3s ease
}

.ui.toggle.checkbox input~.box:after,.ui.toggle.checkbox input~label:after {
    left: -.05rem;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),inset 0 0 0 1px rgba(34,36,38,.15)
}

.ui.toggle.checkbox .box:hover:before,.ui.toggle.checkbox input:focus~.box:before,.ui.toggle.checkbox input:focus~label:before,.ui.toggle.checkbox label:hover:before {
    background-color: rgba(0,0,0,.15);
    border: none
}

.ui.toggle.checkbox input:checked~.box,.ui.toggle.checkbox input:checked~label {
    color: rgba(0,0,0,.95)!important
}

.ui.toggle.checkbox input:checked~.box:before,.ui.toggle.checkbox input:checked~label:before {
    background-color: #2185d0!important
}

.ui.toggle.checkbox input:checked~.box:after,.ui.toggle.checkbox input:checked~label:after {
    left: 2.15rem;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),inset 0 0 0 1px rgba(34,36,38,.15)
}

.ui.toggle.checkbox input:focus:checked~.box,.ui.toggle.checkbox input:focus:checked~label {
    color: rgba(0,0,0,.95)!important
}

.ui.toggle.checkbox input:focus:checked~.box:before,.ui.toggle.checkbox input:focus:checked~label:before {
    background-color: #0d71bb!important
}

.ui.fitted.checkbox .box,.ui.fitted.checkbox label {
    padding-left: 0!important
}

.ui.fitted.slider.checkbox,.ui.fitted.toggle.checkbox {
    width: 3.5rem
}

@font-face {
    font-display: swap;
    font-family: "Checkbox";
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype")
}

.ui.checkbox .box:after,.ui.checkbox label:after {
    font-family: "Checkbox"
}

.ui.checkbox input:checked~.box:after,.ui.checkbox input:checked~label:after {
    content: "\e800"
}

.ui.checkbox input:indeterminate~.box:after,.ui.checkbox input:indeterminate~label:after {
    font-size: 12px;
    content: "\e801"
}

.dimmable:not(body) {
    position: relative
}

.ui.dimmer {
    display: none;
    position: absolute;
    top: 0!important;
    left: 0!important;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    padding: 1em;
    background-color: rgba(0,0,0,.85);
    opacity: 0;
    line-height: 1;
    animation-fill-mode: both;
    animation-duration: .5s;
    transition: background-color .5s linear;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    user-select: none;
    will-change: opacity;
    z-index: 2999
}

.ui.dimmer>.content {
    -webkit-user-select: text;
    user-select: text;
    color: #fff
}

.ui.segment>.ui.dimmer {
    border-radius: inherit!important
}

.ui.dimmer:not(.inverted)::-webkit-scrollbar-track {
    background: hsla(0,0%,100%,.1)
}

.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {
    background: hsla(0,0%,100%,.25)
}

.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {
    background: hsla(0,0%,100%,.15)
}

.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
    background: hsla(0,0%,100%,.35)
}

.animating.dimmable:not(body),.dimmed.dimmable:not(body) {
    overflow: hidden
}

.dimmed.dimmable>.ui.animating.dimmer,.dimmed.dimmable>.ui.visible.dimmer,.ui.active.dimmer {
    display: flex;
    opacity: 1
}

.ui.disabled.dimmer {
    width: 0!important;
    height: 0!important
}

.ui[class*="top aligned"].dimmer {
    justify-content: flex-start
}

.ui[class*="bottom aligned"].dimmer {
    justify-content: flex-end
}

.ui.page.dimmer {
    position: fixed;
    transform-style: "";
    perspective: 2000px;
    transform-origin: center center
}

body.animating.in.dimmable,body.dimmed.dimmable {
    overflow: hidden!important
}

body.dimmable>.dimmer {
    position: fixed
}

.blurring.dimmable>:not(.dimmer) {
    filter: blur(0) grayscale(0);
    transition: filter .8s ease
}

.blurring.dimmed.dimmable>:not(.dimmer) {
    filter: blur(5px) grayscale(.7)
}

.blurring.dimmable>.dimmer {
    background-color: rgba(0,0,0,.6)
}

.blurring.dimmable>.inverted.dimmer {
    background-color: hsla(0,0%,100%,.6)
}

.ui.dimmer>.top.aligned.content>* {
    vertical-align: top
}

.ui.dimmer>.bottom.aligned.content>* {
    vertical-align: bottom
}

.ui.inverted.dimmer {
    background-color: hsla(0,0%,100%,.85)
}

.ui.inverted.dimmer>.content>* {
    color: #fff
}

.ui.simple.dimmer {
    display: block;
    overflow: hidden;
    opacity: 1;
    width: 0;
    height: 0%;
    z-index: -100;
    background-color: transparent
}

.dimmed.dimmable>.ui.simple.dimmer {
    overflow: visible;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.85);
    z-index: 1
}

.ui.simple.inverted.dimmer {
    background-color: hsla(0,0%,100%,0)
}

.dimmed.dimmable>.ui.simple.inverted.dimmer {
    background-color: hsla(0,0%,100%,.85)
}

.ui.dropdown {
    cursor: pointer;
    position: relative;
    display: inline-block;
    outline: none;
    text-align: left;
    transition: box-shadow .1s ease,width .1s ease;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 30
}

.ui.dropdown .menu {
    cursor: auto;
    position: absolute;
    display: none;
    outline: none;
    top: 100%;
    min-width: -webkit-max-content;
    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,.15);
    border: 1px solid rgba(34,36,38,.15);
    border-radius: .28571429rem;
    transition: opacity .1s ease;
    z-index: 12000;
    will-change: transform,opacity
}

.ui.dropdown .menu>* {
    white-space: nowrap
}

.ui.dropdown>input:not(.search):first-child,.ui.dropdown>select {
    display: none!important
}

.ui.dropdown>.dropdown.icon {
    position: relative;
    font-size: .85714286em;
    margin: 0 0 0 1em
}

.ui.dropdown .menu>.item .dropdown.icon {
    width: auto;
    float: right;
    margin: 0 0 0 1em
}

.ui.dropdown .menu>.item .dropdown.icon+.text {
    margin-right: 1em
}

.ui.dropdown>.text {
    display: inline-block;
    transition: none
}

.ui.dropdown .menu>.item {
    position: relative;
    cursor: pointer;
    display: block;
    height: auto;
    text-align: left;
    border: none;
    line-height: 1em;
    color: rgba(0,0,0,.87);
    padding: .78571429rem 1.14285714rem!important;
    font-size: 1rem;
    text-transform: none;
    font-weight: 400;
    box-shadow: none;
    -webkit-touch-callout: none
}

.ui.dropdown .menu>.item:first-child {
    border-top-width: 0
}

.ui.dropdown .menu .item>[class*="right floated"],.ui.dropdown>.text>[class*="right floated"] {
    float: right!important;
    margin-right: 0!important;
    margin-left: 1em!important
}

.ui.dropdown .menu .item>[class*="left floated"],.ui.dropdown>.text>[class*="left floated"] {
    float: left!important;
    margin-left: 0!important;
    margin-right: 1em!important
}

.ui.dropdown .menu .item>.flag.floated,.ui.dropdown .menu .item>.icon.floated,.ui.dropdown .menu .item>.image.floated,.ui.dropdown .menu .item>img.floated {
    margin-top: 0
}

.ui.dropdown .menu>.header {
    margin: 1rem 0 .75rem;
    padding: 0 1.14285714rem;
    color: rgba(0,0,0,.85);
    font-size: .78571429em;
    font-weight: 700;
    text-transform: uppercase
}

.ui.dropdown .menu>.divider {
    border-top: 1px solid rgba(34,36,38,.1);
    height: 0;
    margin: .5em 0
}

.ui.dropdown.dropdown .menu>.input {
    width: auto;
    display: flex;
    margin: 1.14285714rem .78571429rem;
    min-width: 10rem
}

.ui.dropdown .menu>.header+.input {
    margin-top: 0
}

.ui.dropdown .menu>.input:not(.transparent) input {
    padding: .5em 1em
}

.ui.dropdown .menu>.input:not(.transparent) .button,.ui.dropdown .menu>.input:not(.transparent) .icon,.ui.dropdown .menu>.input:not(.transparent) .label {
    padding-top: .5em;
    padding-bottom: .5em
}

.ui.dropdown .menu>.item>.description,.ui.dropdown>.text>.description {
    float: right;
    margin: 0 0 0 1em;
    color: rgba(0,0,0,.4)
}

.ui.dropdown .menu>.message {
    padding: .78571429rem 1.14285714rem;
    font-weight: 400
}

.ui.dropdown .menu>.message:not(.ui) {
    color: rgba(0,0,0,.4)
}

.ui.dropdown .menu .menu {
    top: 0!important;
    left: 100%;
    right: auto;
    margin: 0 0 0 -.5em!important;
    border-radius: .28571429rem!important
}

.ui.dropdown .menu .menu:after {
    display: none
}

.ui.dropdown .menu>.item>.flag,.ui.dropdown .menu>.item>.icon,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>.label,.ui.dropdown .menu>.item>img,.ui.dropdown>.text>.flag,.ui.dropdown>.text>.icon,.ui.dropdown>.text>.image,.ui.dropdown>.text>.label,.ui.dropdown>.text>img {
    margin-top: 0
}

.ui.dropdown .menu>.item>.flag,.ui.dropdown .menu>.item>.icon,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>.label,.ui.dropdown .menu>.item>img,.ui.dropdown>.text>.flag,.ui.dropdown>.text>.icon,.ui.dropdown>.text>.image,.ui.dropdown>.text>.label,.ui.dropdown>.text>img {
    margin-left: 0;
    float: none;
    margin-right: .78571429rem
}

.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>img,.ui.dropdown>.text>.image,.ui.dropdown>.text>img {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-top: -.5em;
    margin-bottom: -.5em;
    max-height: 2em
}

.ui.dropdown .ui.menu>.item:before,.ui.menu .ui.dropdown .menu>.item:before {
    display: none
}

.ui.menu .ui.dropdown .menu .active.item {
    border-left: none
}

.ui.buttons>.ui.dropdown:last-child .menu,.ui.menu .right.dropdown.item .menu,.ui.menu .right.menu .dropdown:last-child .menu {
    left: auto;
    right: 0
}

.ui.label.dropdown .menu {
    min-width: 100%
}

.ui.dropdown.icon.button>.dropdown.icon {
    margin: 0
}

.ui.button.dropdown .menu {
    min-width: 100%
}

.ui.selection.dropdown {
    cursor: pointer;
    word-wrap: break-word;
    line-height: 1em;
    white-space: normal;
    outline: 0;
    transform: rotate(0deg);
    min-width: 14em;
    min-height: 2.71428571em;
    background: #fff;
    display: inline-block;
    padding: .78571429em 2.1em .78571429em 1em;
    color: rgba(0,0,0,.87);
    box-shadow: none;
    border: 1px solid rgba(34,36,38,.15);
    border-radius: .28571429rem;
    transition: box-shadow .1s ease,width .1s ease;
    z-index: auto
}

.ui.selection.dropdown.active,.ui.selection.dropdown.visible {
    z-index: 10
}

select.ui.dropdown {
    height: 38px;
    padding: .5em;
    border: 1px solid rgba(34,36,38,.15);
    visibility: visible
}

.ui.selection.dropdown>.delete.icon,.ui.selection.dropdown>.dropdown.icon,.ui.selection.dropdown>.search.icon {
    cursor: pointer;
    position: absolute;
    width: auto;
    height: auto;
    line-height: 1.21428571em;
    top: .78571429em;
    right: 1em;
    z-index: 3;
    margin: -.78571429em;
    padding: .91666667em;
    opacity: .8;
    transition: opacity .1s ease
}

.ui.compact.selection.dropdown {
    min-width: 0
}

.ui.selection.dropdown .menu {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    border-top-width: 0!important;
    width: auto;
    outline: none;
    margin: 0 -1px;
    min-width: calc(100% + 2px);
    width: calc(100% + 2px);
    border-radius: 0 0 .28571429rem .28571429rem;
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
    transition: opacity .1s ease
}

.ui.selection.dropdown .menu:after,.ui.selection.dropdown .menu:before {
    display: none
}

.ui.selection.dropdown .menu>.message {
    padding: .78571429rem 1.14285714rem
}

@media only screen and (max-width: 767px) {
    .ui.selection.dropdown .menu {
        max-height:8.01428571rem
    }
}

@media only screen and (min-width: 768px) {
    .ui.selection.dropdown .menu {
        max-height:10.68571429rem
    }
}

@media only screen and (min-width: 992px) {
    .ui.selection.dropdown .menu {
        max-height:16.02857143rem
    }
}

@media only screen and (min-width: 1920px) {
    .ui.selection.dropdown .menu {
        max-height:21.37142857rem
    }
}

.ui.selection.dropdown .menu>.item {
    border-top: 1px solid #fafafa;
    padding: .78571429rem 1.14285714rem!important;
    white-space: normal;
    word-wrap: normal
}

.ui.selection.dropdown .menu>.hidden.addition.item {
    display: none
}

.ui.selection.dropdown:hover {
    border-color: rgba(34,36,38,.35);
    box-shadow: none
}

.ui.selection.active.dropdown,.ui.selection.active.dropdown .menu {
    border-color: #96c8da;
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15)
}

.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,.15)
}

.ui.selection.visible.dropdown>.text:not(.default) {
    font-weight: 400;
    color: rgba(0,0,0,.8)
}

.ui.selection.active.dropdown:hover,.ui.selection.active.dropdown:hover .menu {
    border-color: #96c8da;
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15)
}

.ui.active.selection.dropdown>.dropdown.icon,.ui.visible.selection.dropdown>.dropdown.icon {
    opacity: 1;
    z-index: 3
}

.ui.active.selection.dropdown {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.ui.active.empty.selection.dropdown {
    border-radius: .28571429rem!important;
    box-shadow: none!important
}

.ui.active.empty.selection.dropdown .menu {
    border: none!important;
    box-shadow: none!important
}

.ui.search.dropdown {
    min-width: ""
}

.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;
    position: absolute;
    z-index: 2
}

.ui.search.dropdown>.text {
    cursor: text;
    position: relative;
    left: 1px;
    z-index: 3
}

.ui.search.selection.dropdown>input.search,.ui.search.selection.dropdown>span.sizer {
    line-height: 1.21428571em;
    padding: .67857143em 2.1em .67857143em 1em
}

.ui.search.selection.dropdown>span.sizer {
    display: none;
    white-space: pre
}

.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
}

.ui.active.search.dropdown input.search:focus+.text .flag,.ui.active.search.dropdown input.search:focus+.text .icon {
    opacity: .45
}

.ui.active.search.dropdown input.search:focus+.text {
    color: hsla(0,0%,45.1%,.87)!important
}

.ui.search.dropdown .menu {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch
}

@media only screen and (max-width: 767px) {
    .ui.search.dropdown .menu {
        max-height:8.01428571rem
    }
}

@media only screen and (min-width: 768px) {
    .ui.search.dropdown .menu {
        max-height:10.68571429rem
    }
}

@media only screen and (min-width: 992px) {
    .ui.search.dropdown .menu {
        max-height:16.02857143rem
    }
}

@media only screen and (min-width: 1920px) {
    .ui.search.dropdown .menu {
        max-height:21.37142857rem
    }
}

.ui.multiple.dropdown {
    padding: .22619048em 2.1em .22619048em .35714286em
}

.ui.multiple.dropdown .menu {
    cursor: auto
}

.ui.multiple.search.dropdown,.ui.multiple.search.dropdown>input.search {
    cursor: text
}

.ui.multiple.dropdown>.label {
    -webkit-user-select: none;
    user-select: none;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    font-size: 1em;
    padding: .35714286em .78571429em;
    margin: .14285714rem .28571429rem .14285714rem 0;
    box-shadow: inset 0 0 0 1px rgba(34,36,38,.15)
}

.ui.multiple.dropdown .dropdown.icon {
    margin: "";
    padding: ""
}

.ui.multiple.dropdown>.text {
    position: static;
    padding: 0;
    max-width: 100%;
    margin: .45238095em 0 .45238095em .64285714em;
    line-height: 1.21428571em
}

.ui.multiple.dropdown>.label~input.search {
    margin-left: .14285714em!important
}

.ui.multiple.dropdown>.label~.text {
    display: none
}

.ui.multiple.search.dropdown>.text {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding: inherit;
    margin: .45238095em 0 .45238095em .64285714em;
    line-height: 1.21428571em
}

.ui.multiple.search.dropdown>.label~.text {
    display: none
}

.ui.multiple.search.dropdown>input.search {
    position: static;
    padding: 0;
    max-width: 100%;
    margin: .45238095em 0 .45238095em .64285714em;
    width: 2.2em;
    line-height: 1.21428571em
}

.ui.inline.dropdown {
    cursor: pointer;
    display: inline-block;
    color: inherit
}

.ui.inline.dropdown .dropdown.icon {
    margin: 0 .5em 0 .21428571em;
    vertical-align: initial
}

.ui.inline.dropdown>.text {
    font-weight: 700
}

.ui.inline.dropdown .menu {
    cursor: auto;
    margin-top: .21428571em;
    border-radius: .28571429rem
}

.ui.dropdown .menu .active.item {
    background: transparent;
    font-weight: 700;
    color: rgba(0,0,0,.95);
    box-shadow: none;
    z-index: 12
}

.ui.dropdown .menu>.item:hover {
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.95);
    z-index: 13
}

.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 {
    border-radius: 500rem;
    border: .2em solid rgba(0,0,0,.1)
}

.ui.loading.dropdown>i.icon:after,.ui.loading.dropdown>i.icon:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -.64285714em 0 0 -.64285714em;
    width: 1.28571429em;
    height: 1.28571429em
}

.ui.loading.dropdown>i.icon:after {
    box-shadow: 0 0 0 1px transparent;
    animation: dropdown-spin .6s linear;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border: .2em solid transparent;
    border-top-color: #767676
}

.ui.loading.dropdown.button>i.icon:after,.ui.loading.dropdown.button>i.icon:before {
    display: none
}

@keyframes dropdown-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.ui.default.dropdown:not(.button)>.text,.ui.dropdown:not(.button)>.default.text {
    color: hsla(0,0%,74.9%,.87)
}

.ui.default.dropdown:not(.button)>input:focus~.text,.ui.dropdown:not(.button)>input:focus~.default.text {
    color: hsla(0,0%,45.1%,.87)
}

.ui.loading.dropdown>.text {
    transition: none
}

.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
}

.ui.dropdown .menu .selected.item,.ui.dropdown.selected {
    background: rgba(0,0,0,.03);
    color: rgba(0,0,0,.95)
}

.ui.dropdown>.filtered.text {
    visibility: hidden
}

.ui.dropdown .filtered.item {
    display: none!important
}

.ui.dropdown.error,.ui.dropdown.error>.default.text,.ui.dropdown.error>.text {
    color: #9f3a38
}

.ui.selection.dropdown.error {
    background: #fff6f6;
    border-color: #e0b4b4
}

.ui.dropdown.error>.menu,.ui.dropdown.error>.menu .menu,.ui.selection.dropdown.error:hover {
    border-color: #e0b4b4
}

.ui.dropdown.error>.menu>.item {
    color: #9f3a38
}

.ui.multiple.selection.error.dropdown>.label {
    border-color: #e0b4b4
}

.ui.dropdown.error>.menu>.item:hover {
    background-color: #fff2f2
}

.ui.dropdown.error>.menu .active.item {
    background-color: #fdcfcf
}

.ui.disabled.dropdown,.ui.dropdown .menu>.disabled.item {
    cursor: default;
    pointer-events: none;
    opacity: .45
}

.ui.dropdown .menu {
    left: 0
}

.ui.dropdown .menu .right.menu,.ui.dropdown .right.menu>.menu {
    left: 100%!important;
    right: auto!important;
    border-radius: .28571429rem!important
}

.ui.dropdown>.left.menu {
    left: auto!important;
    right: 0!important
}

.ui.dropdown .menu .left.menu,.ui.dropdown>.left.menu .menu {
    left: auto;
    right: 100%;
    margin: 0 -.5em 0 0!important;
    border-radius: .28571429rem!important
}

.ui.dropdown .item .left.dropdown.icon,.ui.dropdown .left.menu .item .dropdown.icon {
    width: auto;
    float: left;
    margin: 0
}

.ui.dropdown .item .left.dropdown.icon+.text,.ui.dropdown .left.menu .item .dropdown.icon+.text {
    margin-left: 1em;
    margin-right: 0
}

.ui.upward.dropdown>.menu {
    top: auto;
    bottom: 100%;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.08);
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.dropdown .upward.menu {
    top: auto!important;
    bottom: 0!important
}

.ui.simple.upward.active.dropdown,.ui.simple.upward.dropdown:hover {
    border-radius: .28571429rem .28571429rem 0 0!important
}

.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.upward.selection.dropdown .menu {
    border-top-width: 1px!important;
    border-bottom-width: 0!important;
    box-shadow: 0 -2px 3px 0 rgba(0,0,0,.08)
}

.ui.upward.selection.dropdown:hover {
    box-shadow: 0 0 2px 0 rgba(0,0,0,.05)
}

.ui.active.upward.selection.dropdown,.ui.upward.selection.dropdown.visible {
    border-radius: 0 0 .28571429rem .28571429rem!important
}

.ui.upward.selection.dropdown.visible {
    box-shadow: 0 0 3px 0 rgba(0,0,0,.08)
}

.ui.upward.active.selection.dropdown:hover {
    box-shadow: 0 0 3px 0 rgba(0,0,0,.05)
}

.ui.upward.active.selection.dropdown:hover .menu {
    box-shadow: 0 -2px 3px 0 rgba(0,0,0,.08)
}

.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu {
    overflow-x: hidden;
    overflow-y: scroll
}

.ui.scrolling.dropdown .menu {
    overflow-x: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch
}

.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu {
    overflow-y: scroll;
    min-width: 100%!important;
    width: auto!important
}

.ui.dropdown .scrolling.menu {
    position: static;
    box-shadow: none!important;
    border-radius: 0!important;
    margin: 0!important;
    border: none;
    border-top: 1px solid rgba(34,36,38,.15)
}

.ui.dropdown .scrolling.menu .item:first-child,.ui.dropdown .scrolling.menu>.item.item.item,.ui.scrolling.dropdown .menu .item.item.item,.ui.scrolling.dropdown .menu .item:first-child {
    border-top: none
}

.ui.dropdown>.animating.menu .scrolling.menu,.ui.dropdown>.visible.menu .scrolling.menu {
    display: block
}

@media (-ms-high-contrast:none) {
    .ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu {
        min-width: calc(100% - 17px)
    }
}

@media only screen and (max-width: 767px) {
    .ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu {
        max-height:10.28571429rem
    }
}

@media only screen and (min-width: 768px) {
    .ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu {
        max-height:15.42857143rem
    }
}

@media only screen and (min-width: 992px) {
    .ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu {
        max-height:20.57142857rem
    }
}

@media only screen and (min-width: 1920px) {
    .ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu {
        max-height:20.57142857rem
    }
}

.ui.simple.dropdown .menu:after,.ui.simple.dropdown .menu:before {
    display: none
}

.ui.simple.dropdown .menu {
    position: absolute;
    display: block;
    overflow: hidden;
    top: -9999px!important;
    opacity: 0;
    width: 0;
    height: 0;
    transition: opacity .1s ease
}

.ui.simple.active.dropdown,.ui.simple.dropdown:hover {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.ui.simple.active.dropdown>.menu,.ui.simple.dropdown:hover>.menu {
    overflow: visible;
    width: auto;
    height: auto;
    top: 100%!important;
    opacity: 1
}

.ui.simple.dropdown:hover>.menu>.item:hover>.menu,.ui.simple.dropdown>.menu>.item:active>.menu {
    overflow: visible;
    width: auto;
    height: auto;
    top: 0!important;
    left: 100%!important;
    opacity: 1
}

.ui.simple.disabled.dropdown:hover .menu {
    display: none;
    height: 0;
    width: 0;
    overflow: hidden
}

.ui.simple.visible.dropdown>.menu {
    display: block
}

.ui.fluid.dropdown {
    display: block;
    width: 100%;
    min-width: 0
}

.ui.fluid.dropdown>.dropdown.icon {
    float: right
}

.ui.floating.dropdown .menu {
    left: 0;
    right: auto;
    box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)!important;
    border-radius: .28571429rem!important
}

.ui.floating.dropdown>.menu {
    margin-top: .5em!important;
    border-radius: .28571429rem!important
}

.ui.pointing.dropdown>.menu {
    top: 100%;
    margin-top: .78571429rem;
    border-radius: .28571429rem
}

.ui.pointing.dropdown>.menu:after {
    display: block;
    position: absolute;
    pointer-events: none;
    content: "";
    visibility: visible;
    transform: rotate(45deg);
    width: .5em;
    height: .5em;
    box-shadow: -1px -1px 0 0 rgba(34,36,38,.15);
    background: #fff;
    z-index: 2;
    top: -.25em;
    left: 50%;
    margin: 0 0 0 -.25em
}

.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: -.25em;
    left: 1em;
    right: auto;
    margin: 0;
    transform: rotate(45deg)
}

.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: -.25em;
    left: auto!important;
    right: 1em!important;
    margin: 0;
    transform: rotate(45deg)
}

.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: -.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: -.25em;
    margin: 0;
    transform: rotate(135deg)
}

.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: -.25em;
    margin: 0;
    transform: rotate(135deg)
}

.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: -.25em;
    right: auto;
    margin: 0;
    transform: rotate(-135deg)
}

.ui.bottom.pointing.dropdown>.menu .menu {
    top: auto!important;
    bottom: 0!important
}

.ui.bottom.left.pointing.dropdown>.menu {
    left: 0;
    right: auto
}

.ui.bottom.left.pointing.dropdown>.menu:after {
    left: 1em;
    right: auto
}

.ui.bottom.right.pointing.dropdown>.menu {
    right: 0;
    left: auto
}

.ui.bottom.right.pointing.dropdown>.menu:after {
    left: auto;
    right: 1em
}

.ui.pointing.upward.dropdown .menu,.ui.top.pointing.upward.dropdown .menu {
    top: auto!important;
    bottom: 100%!important;
    margin: 0 0 .78571429rem;
    border-radius: .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,.15);
    margin: -.25em 0 0
}

.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;
    box-shadow: -1px -1px 0 0 rgba(34,36,38,.15)
}

.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;
    box-shadow: -1px -1px 0 0 rgba(34,36,38,.15)
}

@font-face {
    font-family: "Dropdown";
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype"),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.ui.dropdown>.dropdown.icon {
    font-family: "Dropdown";
    line-height: 1;
    height: 1em;
    width: 1.23em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    width: auto
}

.ui.dropdown>.dropdown.icon:before {
    content: "\f0d7"
}

.ui.dropdown .menu .item .dropdown.icon:before {
    content: "\f0da"
}

.ui.dropdown .item .left.dropdown.icon:before,.ui.dropdown .left.menu .item .dropdown.icon:before {
    content: "\f0d9"
}

.ui.vertical.menu .dropdown.item>.dropdown.icon:before {
    content: "\f0da"
}

.ui.modal {
    display: none;
    z-index: 3000;
    text-align: left;
    background: #fff;
    border: none;
    box-shadow: 1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);
    transform-origin: 50% 25%;
    flex: 0 0 auto;
    border-radius: .28571429rem;
    -webkit-user-select: text;
    user-select: text;
    will-change: top,left,margin,transform,opacity
}

.ui.modal>.icon:first-child+*,.ui.modal>:first-child:not(.icon) {
    border-top-left-radius: .28571429rem;
    border-top-right-radius: .28571429rem
}

.ui.modal>:last-child {
    border-bottom-left-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem
}

.ui.modal>.close {
    cursor: pointer;
    position: absolute;
    top: -2.5rem;
    right: -2.5rem;
    z-index: 1;
    opacity: .8;
    font-size: 1.25em;
    color: #fff;
    width: 2.25rem;
    height: 2.25rem;
    padding: .625rem 0 0
}

.ui.modal>.close:hover {
    opacity: 1
}

.ui.modal>.header {
    display: block;
    font-family: "Lato","Helvetica Neue",Arial,Helvetica,sans-serif;
    background: #fff;
    margin: 0;
    padding: 1.25rem 1.5rem;
    box-shadow: none;
    color: rgba(0,0,0,.85);
    border-bottom: 1px solid rgba(34,36,38,.15)
}

.ui.modal>.header:not(.ui) {
    font-size: 1.42857143rem;
    line-height: 1.28571429em;
    font-weight: 700
}

.ui.modal>.content {
    display: block;
    width: 100%;
    font-size: 1em;
    line-height: 1.4;
    padding: 1.5rem;
    background: #fff
}

.ui.modal>.image.content {
    display: flex;
    flex-direction: row
}

.ui.modal>.content>.image {
    display: block;
    flex: 0 1 auto;
    width: "";
    align-self: top
}

.ui.modal>[class*="top aligned"] {
    align-self: top
}

.ui.modal>[class*="middle aligned"] {
    align-self: middle
}

.ui.modal>.content>.description {
    display: block;
    flex: 1 0 auto;
    min-width: 0;
    align-self: top
}

.ui.modal>.content>.icon+.description,.ui.modal>.content>.image+.description {
    flex: 0 1 auto;
    min-width: "";
    width: auto;
    padding-left: 2em
}

.ui.modal>.content>.image>i.icon {
    margin: 0;
    opacity: 1;
    width: auto;
    line-height: 1;
    font-size: 8rem
}

.ui.modal>.actions {
    background: #f9fafb;
    padding: 1rem;
    border-top: 1px solid rgba(34,36,38,.15);
    text-align: right
}

.ui.modal .actions>.button {
    margin-left: .75em
}

@media only screen and (max-width: 767px) {
    .ui.modal {
        width:95%;
        margin: 0
    }
}

@media only screen and (min-width: 768px) {
    .ui.modal {
        width:88%;
        margin: 0
    }
}

@media only screen and (min-width: 992px) {
    .ui.modal {
        width:850px;
        margin: 0
    }
}

@media only screen and (min-width: 1200px) {
    .ui.modal {
        width:900px;
        margin: 0
    }
}

@media only screen and (min-width: 1920px) {
    .ui.modal {
        width:950px;
        margin: 0
    }
}

@media only screen and (max-width: 991px) {
    .ui.modal>.header {
        padding-right:2.25rem
    }

    .ui.modal>.close {
        top: 1.0535rem;
        right: 1rem;
        color: rgba(0,0,0,.87)
    }
}

@media only screen and (max-width: 767px) {
    .ui.modal>.header {
        padding:.75rem 2.25rem .75rem 1rem!important
    }

    .ui.modal>.content {
        display: block;
        padding: 1rem!important
    }

    .ui.modal>.close {
        top: .5rem!important;
        right: .5rem!important
    }

    .ui.modal .image.content {
        flex-direction: column
    }

    .ui.modal .content>.image {
        display: block;
        max-width: 100%;
        margin: 0 auto!important;
        text-align: center;
        padding: 0 0 1rem!important
    }

    .ui.modal>.content>.image>i.icon {
        font-size: 5rem;
        text-align: center
    }

    .ui.modal .content>.description {
        display: block;
        width: 100%!important;
        margin: 0!important;
        padding: 1rem 0!important;
        box-shadow: none
    }

    .ui.modal>.actions {
        padding: 1rem 1rem 0!important
    }

    .ui.modal .actions>.button,.ui.modal .actions>.buttons {
        margin-bottom: 1rem
    }
}

.ui.inverted.dimmer>.ui.modal {
    box-shadow: 1px 3px 10px 2px rgba(0,0,0,.2)
}

.ui.basic.modal {
    border: none;
    border-radius: 0;
    box-shadow: none!important;
    color: #fff
}

.ui.basic.modal,.ui.basic.modal>.actions,.ui.basic.modal>.content,.ui.basic.modal>.header {
    background-color: initial
}

.ui.basic.modal>.header {
    color: #fff
}

.ui.basic.modal>.close {
    top: 1rem;
    right: 1.5rem
}

.ui.inverted.dimmer>.basic.modal {
    color: rgba(0,0,0,.87)
}

.ui.inverted.dimmer>.ui.basic.modal>.header {
    color: rgba(0,0,0,.85)
}

@media only screen and (max-width: 991px) {
    .ui.basic.modal>.close {
        color:#fff
    }
}

.ui.loading.modal {
    display: block;
    visibility: hidden;
    z-index: -1
}

.ui.active.modal {
    display: block
}

.modals.dimmer[class*="top aligned"] .modal {
    margin: 5vh auto
}

.scrolling.dimmable.dimmed {
    overflow: hidden
}

.scrolling.dimmable>.dimmer {
    justify-content: flex-start
}

.scrolling.dimmable.dimmed>.dimmer {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.scrolling.dimmable>.dimmer {
    position: fixed
}

.modals.dimmer .ui.scrolling.modal {
    margin: 1rem auto!important
}

.scrolling.undetached.dimmable.dimmed {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.scrolling.undetached.dimmable.dimmed>.dimmer {
    overflow: hidden
}

.scrolling.undetached.dimmable .ui.scrolling.modal {
    position: absolute;
    left: 50%;
    margin-top: 1rem!important
}

.ui.modal .scrolling.content {
    max-height: 75vh;
    overflow: auto
}

.ui.fullscreen.modal {
    width: 95%!important;
    left: 0!important;
    margin: 1em auto
}

.ui.fullscreen.scrolling.modal {
    left: 0!important
}

.ui.fullscreen.modal>.header {
    padding-right: 2.25rem
}

.ui.fullscreen.modal>.close {
    top: 1.0535rem;
    right: 1rem;
    color: rgba(0,0,0,.87)
}

.ui.modal {
    font-size: 1rem
}

.ui.mini.modal>.header:not(.ui) {
    font-size: 1.3em
}

@media only screen and (max-width: 767px) {
    .ui.mini.modal {
        width:95%;
        margin: 0
    }
}

@media only screen and (min-width: 768px) {
    .ui.mini.modal {
        width:35.2%;
        margin: 0
    }
}

@media only screen and (min-width: 992px) {
    .ui.mini.modal {
        width:340px;
        margin: 0
    }
}

@media only screen and (min-width: 1200px) {
    .ui.mini.modal {
        width:360px;
        margin: 0
    }
}

@media only screen and (min-width: 1920px) {
    .ui.mini.modal {
        width:380px;
        margin: 0
    }
}

@media only screen and (max-width: 767px) {
    .ui.tiny.modal {
        width:95%;
        margin: 0
    }
}

@media only screen and (min-width: 768px) {
    .ui.tiny.modal {
        width:52.8%;
        margin: 0
    }
}

@media only screen and (min-width: 992px) {
    .ui.tiny.modal {
        width:510px;
        margin: 0
    }
}

@media only screen and (min-width: 1200px) {
    .ui.tiny.modal {
        width:540px;
        margin: 0
    }
}

@media only screen and (min-width: 1920px) {
    .ui.tiny.modal {
        width:570px;
        margin: 0
    }
}

.ui.small.modal>.header:not(.ui) {
    font-size: 1.3em
}

@media only screen and (max-width: 767px) {
    .ui.small.modal {
        width:95%;
        margin: 0
    }
}

@media only screen and (min-width: 768px) {
    .ui.small.modal {
        width:70.4%;
        margin: 0
    }
}

@media only screen and (min-width: 992px) {
    .ui.small.modal {
        width:680px;
        margin: 0
    }
}

@media only screen and (min-width: 1200px) {
    .ui.small.modal {
        width:720px;
        margin: 0
    }
}

@media only screen and (min-width: 1920px) {
    .ui.small.modal {
        width:760px;
        margin: 0
    }
}

.ui.large.modal>.header {
    font-size: 1.6em
}

@media only screen and (max-width: 767px) {
    .ui.large.modal {
        width:95%;
        margin: 0
    }
}

@media only screen and (min-width: 768px) {
    .ui.large.modal {
        width:88%;
        margin: 0
    }
}

@media only screen and (min-width: 992px) {
    .ui.large.modal {
        width:1020px;
        margin: 0
    }
}

@media only screen and (min-width: 1200px) {
    .ui.large.modal {
        width:1080px;
        margin: 0
    }
}

@media only screen and (min-width: 1920px) {
    .ui.large.modal {
        width:1140px;
        margin: 0
    }
}

[data-tooltip] {
    position: relative
}

[data-tooltip]:before {
    pointer-events: none;
    position: absolute;
    content: "";
    font-size: 1rem;
    width: .71428571em;
    height: .71428571em;
    background: #fff;
    transform: rotate(45deg);
    z-index: 2;
    box-shadow: 1px 1px 0 0 #bababc
}

[data-tooltip]:not([data-position]):before {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 50%;
    background: #fff;
    margin-left: -.07142857rem;
    margin-bottom: .14285714rem
}

[data-tooltip]:not([data-position]):after {
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
    margin-bottom: .5em
}

[data-tooltip]:after,[data-tooltip]:before {
    pointer-events: none;
    visibility: hidden
}

[data-tooltip]:before {
    opacity: 0;
    transform: rotate(45deg) scale(0)!important;
    transform-origin: center top;
    transition: all .1s ease
}

[data-tooltip]:after {
    opacity: 1;
    transform-origin: center bottom;
    transition: all .1s ease
}

[data-tooltip]:hover:after,[data-tooltip]:hover:before {
    visibility: visible;
    pointer-events: auto
}

[data-tooltip]:hover:before {
    transform: rotate(45deg) scale(1)!important;
    opacity: 1
}

[data-tooltip]:after,[data-tooltip][data-position="bottom center"]:after,[data-tooltip][data-position="top center"]:after {
    transform: translateX(-50%) scale(0)!important
}

[data-tooltip]:hover:after,[data-tooltip][data-position="bottom center"]:hover:after {
    transform: translateX(-50%) scale(1)!important
}

[data-tooltip][data-position="left center"]:after,[data-tooltip][data-position="right center"]:after {
    transform: translateY(-50%) scale(0)!important
}

[data-tooltip][data-position="left center"]:hover:after,[data-tooltip][data-position="right center"]:hover:after {
    transform: translateY(-50%) scale(1)!important
}

[data-tooltip][data-position="bottom left"]:after,[data-tooltip][data-position="bottom right"]:after,[data-tooltip][data-position="top left"]:after,[data-tooltip][data-position="top right"]:after {
    transform: scale(0)!important
}

[data-tooltip][data-position="bottom left"]:hover:after,[data-tooltip][data-position="bottom right"]:hover:after,[data-tooltip][data-position="top left"]:hover:after,[data-tooltip][data-position="top right"]:hover:after {
    transform: scale(1)!important
}

[data-tooltip][data-inverted]:before {
    box-shadow: none!important;
    background: #1b1c1d
}

[data-position="top center"][data-tooltip]:after {
    top: auto;
    right: auto;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
    margin-bottom: .5em
}

[data-position="top center"][data-tooltip]:before {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 50%;
    background: #fff;
    margin-left: -.07142857rem;
    margin-bottom: .14285714rem
}

[data-position="top left"][data-tooltip]:after {
    top: auto;
    right: auto;
    left: 0;
    bottom: 100%;
    margin-bottom: .5em
}

[data-position="top left"][data-tooltip]:before {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 1em;
    margin-left: -.07142857rem;
    margin-bottom: .14285714rem
}

[data-position="top right"][data-tooltip]:after {
    top: auto;
    left: auto;
    right: 0;
    bottom: 100%;
    margin-bottom: .5em
}

[data-position="top right"][data-tooltip]:before {
    top: auto;
    left: auto;
    bottom: 100%;
    right: 1em;
    margin-left: -.07142857rem;
    margin-bottom: .14285714rem
}

[data-position="bottom center"][data-tooltip]:after {
    bottom: auto;
    right: auto;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    margin-top: .5em
}

[data-position="bottom center"][data-tooltip]:before {
    bottom: auto;
    right: auto;
    top: 100%;
    left: 50%;
    margin-left: -.07142857rem;
    margin-top: .14285714rem
}

[data-position="bottom left"][data-tooltip]:after {
    left: 0;
    top: 100%;
    margin-top: .5em
}

[data-position="bottom left"][data-tooltip]:before {
    bottom: auto;
    right: auto;
    top: 100%;
    left: 1em;
    margin-left: -.07142857rem;
    margin-top: .14285714rem
}

[data-position="bottom right"][data-tooltip]:after {
    right: 0;
    top: 100%;
    margin-top: .5em
}

[data-position="bottom right"][data-tooltip]:before {
    bottom: auto;
    left: auto;
    top: 100%;
    right: 1em;
    margin-left: -.14285714rem;
    margin-top: .07142857rem
}

[data-position="left center"][data-tooltip]:after {
    right: 100%;
    top: 50%;
    margin-right: .5em;
    transform: translateY(-50%)
}

[data-position="left center"][data-tooltip]:before {
    right: 100%;
    top: 50%;
    margin-top: -.14285714rem;
    margin-right: -.07142857rem
}

[data-position="right center"][data-tooltip]:after {
    left: 100%;
    top: 50%;
    margin-left: .5em;
    transform: translateY(-50%)
}

[data-position="right center"][data-tooltip]:before {
    left: 100%;
    top: 50%;
    margin-top: -.07142857rem;
    margin-left: .14285714rem
}

[data-position~=bottom][data-tooltip]:before {
    background: #fff;
    box-shadow: -1px -1px 0 0 #bababc
}

[data-position="left center"][data-tooltip]:before {
    background: #fff;
    box-shadow: 1px -1px 0 0 #bababc
}

[data-position="right center"][data-tooltip]:before {
    background: #fff;
    box-shadow: -1px 1px 0 0 #bababc
}

[data-position~=top][data-tooltip]:before {
    background: #fff
}

[data-inverted][data-position~=bottom][data-tooltip]:before {
    background: #1b1c1d;
    box-shadow: -1px -1px 0 0 #bababc
}

[data-inverted][data-position="left center"][data-tooltip]:before {
    background: #1b1c1d;
    box-shadow: 1px -1px 0 0 #bababc
}

[data-inverted][data-position="right center"][data-tooltip]:before {
    background: #1b1c1d;
    box-shadow: -1px 1px 0 0 #bababc
}

[data-inverted][data-position~=top][data-tooltip]:before {
    background: #1b1c1d
}

[data-position~=bottom][data-tooltip]:before {
    transform-origin: center bottom
}

[data-position~=bottom][data-tooltip]:after {
    transform-origin: center top
}

[data-position="left center"][data-tooltip]:before {
    transform-origin: top center
}

[data-position="left center"][data-tooltip]:after,[data-position="right center"][data-tooltip]:before {
    transform-origin: right center
}

[data-position="right center"][data-tooltip]:after {
    transform-origin: left center
}

.ui.rating {
    display: inline-flex;
    white-space: nowrap;
    vertical-align: initial
}

.ui.rating:last-child {
    margin-right: 0
}

.ui.rating .icon {
    padding: 0;
    margin: 0;
    flex: 1 0 auto;
    cursor: pointer;
    width: 1.25em;
    height: auto;
    transition: opacity .1s ease,background .1s ease,text-shadow .1s ease,color .1s ease;
    background: transparent;
    color: rgba(0,0,0,.15)
}

.ui.rating .active.icon {
    background: transparent;
    color: rgba(0,0,0,.85)
}

.ui.rating .icon.selected,.ui.rating .icon.selected.active {
    background: transparent;
    color: rgba(0,0,0,.87)
}

.ui.star.rating .icon {
    width: 1.25em;
    height: auto;
    background: transparent;
    color: rgba(0,0,0,.15);
    text-shadow: none
}

.ui.star.rating .active.icon {
    background: transparent!important;
    color: #ffe623!important;
    text-shadow: 0 -1px 0 #ddc507,-1px 0 0 #ddc507,0 1px 0 #ddc507,1px 0 0 #ddc507!important
}

.ui.star.rating .icon.selected,.ui.star.rating .icon.selected.active {
    background: transparent!important;
    color: #fc0!important;
    text-shadow: 0 -1px 0 #e6a200,-1px 0 0 #e6a200,0 1px 0 #e6a200,1px 0 0 #e6a200!important
}

.ui.heart.rating .icon {
    width: 1.4em;
    height: auto;
    background: transparent;
    color: rgba(0,0,0,.15);
    text-shadow: none!important
}

.ui.heart.rating .active.icon {
    background: transparent!important;
    color: #ff6d75!important;
    text-shadow: 0 -1px 0 #cd0707,-1px 0 0 #cd0707,0 1px 0 #cd0707,1px 0 0 #cd0707!important
}

.ui.heart.rating .icon.selected,.ui.heart.rating .icon.selected.active {
    background: transparent!important;
    color: #ff3000!important;
    text-shadow: 0 -1px 0 #aa0101,-1px 0 0 #aa0101,0 1px 0 #aa0101,1px 0 0 #aa0101!important
}

.ui.disabled.rating .icon {
    cursor: default
}

.ui.rating .icon.selected,.ui.rating.selected .active.icon,.ui.rating.selected .icon.selected {
    opacity: 1
}

.ui.mini.rating {
    font-size: .78571429rem
}

.ui.tiny.rating {
    font-size: .85714286rem
}

.ui.small.rating {
    font-size: .92857143rem
}

.ui.rating {
    font-size: 1rem
}

.ui.large.rating {
    font-size: 1.14285714rem
}

.ui.huge.rating {
    font-size: 1.42857143rem
}

.ui.massive.rating {
    font-size: 2rem
}

@font-face {
    font-family: "Rating";
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjCBsAAAC8AAAAYGNtYXCj2pm8AAABHAAAAKRnYXNwAAAAEAAAAcAAAAAIZ2x5ZlJbXMYAAAHIAAARnGhlYWQBGAe5AAATZAAAADZoaGVhA+IB/QAAE5wAAAAkaG10eCzgAEMAABPAAAAAcGxvY2EwXCxOAAAUMAAAADptYXhwACIAnAAAFGwAAAAgbmFtZfC1n04AABSMAAABPHBvc3QAAwAAAAAVyAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxZQHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAJAAAAAgACAABAAAAAEAIOYF8AbwDfAj8C7wbvBw8Irwl/Cc8SPxZf/9//8AAAAAACDmAPAE8AzwI/Au8G7wcPCH8JfwnPEj8WT//f//AAH/4xoEEAYQAQ/sD+IPow+iD4wPgA98DvYOtgADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/tAgAB0wAKABUAAAEvAQ8BFwc3Fyc3BQc3Jz8BHwEHFycCALFPT7GAHp6eHoD/AHAWW304OH1bFnABGRqgoBp8sFNTsHyyOnxYEnFxElh8OgAAAAACAAD/7QIAAdMACgASAAABLwEPARcHNxcnNwUxER8BBxcnAgCxT0+xgB6enh6A/wA4fVsWcAEZGqCgGnywU1OwfLIBHXESWHw6AAAAAQAA/+0CAAHTAAoAAAEvAQ8BFwc3Fyc3AgCxT0+xgB6enh6AARkaoKAafLBTU7B8AAAAAAEAAAAAAgABwAArAAABFA4CBzEHDgMjIi4CLwEuAzU0PgIzMh4CFz4DMzIeAhUCAAcMEgugBgwMDAYGDAwMBqALEgwHFyg2HhAfGxkKChkbHxAeNigXAS0QHxsZCqAGCwkGBQkLBqAKGRsfEB42KBcHDBILCxIMBxcoNh4AAAAAAgAAAAACAAHAACsAWAAAATQuAiMiDgIHLgMjIg4CFRQeAhcxFx4DMzI+Aj8BPgM1DwEiFCIGMTAmIjQjJy4DNTQ+AjMyHgIfATc+AzMyHgIVFA4CBwIAFyg2HhAfGxkKChkbHxAeNigXBwwSC6AGDAwMBgYMDAwGoAsSDAdbogEBAQEBAaIGCgcEDRceEQkREA4GLy8GDhARCREeFw0EBwoGAS0eNigXBwwSCwsSDAcXKDYeEB8bGQqgBgsJBgUJCwagChkbHxA+ogEBAQGiBg4QEQkRHhcNBAcKBjQ0BgoHBA0XHhEJERAOBgABAAAAAAIAAcAAMQAAARQOAgcxBw4DIyIuAi8BLgM1ND4CMzIeAhcHFwc3Jzc+AzMyHgIVAgAHDBILoAYMDAwGBgwMDAagCxIMBxcoNh4KFRMSCC9wQLBwJwUJCgkFHjYoFwEtEB8bGQqgBgsJBgUJCwagChkbHxAeNigXAwUIBUtAoMBAOwECAQEXKDYeAAABAAAAAAIAAbcAKgAAEzQ3NjMyFxYXFhcWFzY3Njc2NzYzMhcWFRQPAQYjIi8BJicmJyYnJicmNQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGBwExPyMkBgYLCgkKCgoKCQoLBgYkIz8/QawFBawCBgUNDg4OFRQTAAAAAQAAAA0B2wHSACYAABM0PwI2FzYfAhYVFA8BFxQVFAcGByYvAQcGByYnJjU0PwEnJjUAEI9BBQkIBkCPEAdoGQMDBgUGgIEGBQYDAwEYaAcBIwsCFoEMAQEMgRYCCwYIZJABBQUFAwEBAkVFAgEBAwUFAwOQZAkFAAAAAAIAAAANAdsB0gAkAC4AABM0PwI2FzYfAhYVFA8BFxQVFAcmLwEHBgcmJyY1ND8BJyY1HwEHNxcnNy8BBwAQj0EFCQgGQI8QB2gZDAUGgIEGBQYDAwEYaAc/WBVsaxRXeDY2ASMLAhaBDAEBDIEWAgsGCGSQAQUNAQECRUUCAQEDBQUDA5BkCQURVXg4OHhVEW5uAAABACMAKQHdAXwAGgAANzQ/ATYXNh8BNzYXNh8BFhUUDwEGByYvASY1IwgmCAwLCFS8CAsMCCYICPUIDAsIjgjSCwkmCQEBCVS7CQEBCSYJCg0H9gcBAQePBwwAAAEAHwAfAXMBcwAsAAA3ND8BJyY1ND8BNjMyHwE3NjMyHwEWFRQPARcWFRQPAQYjIi8BBwYjIi8BJjUfCFRUCAgnCAwLCFRUCAwLCCcICFRUCAgnCAsMCFRUCAsMCCcIYgsIVFQIDAsIJwgIVFQICCcICwwIVFQICwwIJwgIVFQICCcIDAAAAAACAAAAJQFJAbcAHwArAAA3NTQ3NjsBNTQ3NjMyFxYdATMyFxYdARQHBiMhIicmNTczNTQnJiMiBwYdAQAICAsKJSY1NCYmCQsICAgIC/7tCwgIW5MWFR4fFRZApQsICDc0JiYmJjQ3CAgLpQsICAgIC8A3HhYVFRYeNwAAAQAAAAcBbgG3ACEAADcRNDc2NzYzITIXFhcWFREUBwYHBiMiLwEHBiMiJyYnJjUABgUKBgYBLAYGCgUGBgUKBQcOCn5+Cg4GBgoFBicBcAoICAMDAwMICAr+kAoICAQCCXl5CQIECAgKAAAAAwAAACUCAAFuABgAMQBKAAA3NDc2NzYzMhcWFxYVFAcGBwYjIicmJyY1MxYXFjMyNzY3JicWFRQHBiMiJyY1NDcGBzcUFxYzMjc2NTQ3NjMyNzY1NCcmIyIHBhUABihDREtLREMoBgYoQ0RLS0RDKAYlJjk5Q0M5OSYrQREmJTU1JSYRQSuEBAQGBgQEEREZBgQEBAQGJBkayQoKQSgoKChBCgoKCkEoJycoQQoKOiMjIyM6RCEeIjUmJSUmNSIeIUQlBgQEBAQGGBIRBAQGBgQEGhojAAAABQAAAAkCAAGJACwAOABRAGgAcAAANzQ3Njc2MzIXNzYzMhcWFxYXFhcWFxYVFDEGBwYPAQYjIicmNTQ3JicmJyY1MxYXNyYnJjU0NwYHNxQXFjMyNzY1NDc2MzI3NjU0JyYjIgcGFRc3Njc2NyYnNxYXFhcWFRQHBgcGBwYjPwEWFRQHBgcABitBQU0ZGhADBQEEBAUFBAUEBQEEHjw8Hg4DBQQiBQ0pIyIZBiUvSxYZDg4RQSuEBAQGBgQEEREZBgQEBAQGJBkaVxU9MzQiIDASGxkZEAYGCxQrODk/LlACFxYlyQsJQycnBRwEAgEDAwIDAwIBAwUCNmxsNhkFFAMFBBUTHh8nCQtKISgSHBsfIh4hRCUGBAQEBAYYEhEEBAYGBAQaGiPJJQUiIjYzISASGhkbCgoKChIXMRsbUZANCyghIA8AAAMAAAAAAbcB2wA5AEoAlAAANzU0NzY7ATY3Njc2NzY3Njc2MzIXFhcWFRQHMzIXFhUUBxYVFAcUFRQHFgcGKwEiJyYnJisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzMyFxYXFhcWFxYXFhcWOwEyNTQnNjc2NTQnNjU0JyYnNjc2NTQnJisBNDc2NTQnJiMGBwYHBgcGBwYHBgcGBwYHBgcGBwYrARUACwoQTgodEQ4GBAMFBgwLDxgTEwoKDjMdFhYOAgoRARkZKCUbGxsjIQZSEAoLJQUFCAcGBQUGBwgFBUkJBAUFBAQHBwMDBwcCPCUjNwIJBQUFDwMDBAkGBgsLDmUODgoJGwgDAwYFDAYQAQUGAwQGBgYFBgUGBgQJSbcPCwsGJhUPCBERExMMCgkJFBQhGxwWFR4ZFQoKFhMGBh0WKBcXBgcMDAoLDxIHBQYGBQcIBQYGBQgSAQEBAQICAQEDAgEULwgIBQoLCgsJDhQHCQkEAQ0NCg8LCxAdHREcDQ4IEBETEw0GFAEHBwUECAgFBQUFAgO3AAADAAD/2wG3AbcAPABNAJkAADc1NDc2OwEyNzY3NjsBMhcWBxUWFRQVFhUUBxYVFAcGKwEWFRQHBgcGIyInJicmJyYnJicmJyYnIyInJjU3FBcWMzI3NjU0JyYjIgcGFRczMhcWFxYXFhcWFxYXFhcWFxYXFhcWFzI3NjU0JyY1MzI3NjU0JyYjNjc2NTQnNjU0JyYnNjU0JyYrASIHIgcGBwYHBgcGIwYrARUACwoQUgYhJRsbHiAoGRkBEQoCDhYWHTMOCgoTExgPCwoFBgIBBAMFDhEdCk4QCgslBQUIBwYFBQYHCAUFSQkEBgYFBgUGBgYEAwYFARAGDAUGAwMIGwkKDg5lDgsLBgYJBAMDDwUFBQkCDg4ZJSU8AgcHAwMHBwQEBQUECbe3DwsKDAwHBhcWJwIWHQYGExYKChUZHhYVHRoiExQJCgsJDg4MDAwNBg4WJQcLCw+kBwUGBgUHCAUGBgUIpAMCBQYFBQcIBAUHBwITBwwTExERBw0OHBEdHRALCw8KDQ0FCQkHFA4JCwoLCgUICBgMCxUDAgEBAgMBAQG3AAAAAQAAAA0A7gHSABQAABM0PwI2FxEHBgcmJyY1ND8BJyY1ABCPQQUJgQYFBgMDARhoBwEjCwIWgQwB/oNFAgEBAwUFAwOQZAkFAAAAAAIAAAAAAgABtwAqAFkAABM0NzYzMhcWFxYXFhc2NzY3Njc2MzIXFhUUDwEGIyIvASYnJicmJyYnJjUzFB8BNzY1NCcmJyYnJicmIyIHBgcGBwYHBiMiJyYnJicmJyYjIgcGBwYHBgcGFQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGByU1pqY1BgYJCg4NDg0PDhIRDg8KCgcFCQkFBwoKDw4REg4PDQ4NDgoJBgYBMT8jJAYGCwoJCgoKCgkKCwYGJCM/P0GsBQWsAgYFDQ4ODhUUEzA1oJ82MBcSEgoLBgcCAgcHCwsKCQgHBwgJCgsLBwcCAgcGCwoSEhcAAAACAAAABwFuAbcAIQAoAAA3ETQ3Njc2MyEyFxYXFhURFAcGBwYjIi8BBwYjIicmJyY1PwEfAREhEQAGBQoGBgEsBgYKBQYGBQoFBw4Kfn4KDgYGCgUGJZIZef7cJwFwCggIAwMDAwgICv6QCggIBAIJeXkJAgQICAoIjRl0AWP+nQAAAAABAAAAJQHbAbcAMgAANzU0NzY7ATU0NzYzMhcWHQEUBwYrASInJj0BNCcmIyIHBh0BMzIXFh0BFAcGIyEiJyY1AAgIC8AmJjQ1JiUFBQgSCAUFFhUfHhUWHAsICAgIC/7tCwgIQKULCAg3NSUmJiU1SQgFBgYFCEkeFhUVFh43CAgLpQsICAgICwAAAAIAAQANAdsB0gAiAC0AABM2PwI2MzIfAhYXFg8BFxYHBiMiLwEHBiMiJyY/AScmNx8CLwE/AS8CEwEDDJBABggJBUGODgIDCmcYAgQCCAMIf4IFBgYEAgEZaQgC7hBbEgINSnkILgEBJggCFYILC4IVAggICWWPCgUFA0REAwUFCo9lCQipCTBmEw1HEhFc/u0AAAADAAAAAAHJAbcAFAAlAHkAADc1NDc2OwEyFxYdARQHBisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzU0NzYzNjc2NzY3Njc2NzY3Njc2NzY3NjMyFxYXFhcWFxYXFhUUFRQHBgcGBxQHBgcGBzMyFxYVFAcWFRYHFgcGBxYHBgcjIicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQFBQgGDw8OFAkFBAQBAQMCAQIEBAYFBw4KCgcHBQQCAwEBAgMDAgYCAgIBAU8XEBAQBQEOBQUECwMREiYlExYXDAwWJAoHBQY3twcGBQUGB7cIBQUFBQgkBwYFBQYHCAUGBgUIJLcHBQYBEBATGQkFCQgGBQwLBgcICQUGAwMFBAcHBgYICQQEBwsLCwYGCgIDBAMCBBEQFhkSDAoVEhAREAsgFBUBBAUEBAcMAQUFCAAAAAADAAD/2wHJAZIAFAAlAHkAADcUFxYXNxY3Nj0BNCcmBycGBwYdATc0NzY3FhcWFRQHBicGJyY1FzU0NzY3Fjc2NzY3NjcXNhcWBxYXFgcWBxQHFhUUBwYHJxYXFhcWFRYXFhcWFRQVFAcGBwYHBgcGBwYnBicmJyYnJicmJyYnJicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQGBQcKJBYMDBcWEyUmEhEDCwQFBQ4BBRAQEBdPAQECAgIGAgMDAgEBAwIEBQcHCgoOBwUGBAQCAQIDAQEEBAUJFA4PDwYIBQWlBwYFAQEBBwQJtQkEBwEBAQUGB7eTBwYEAQEEBgcJBAYBAQYECZS4BwYEAgENBwUCBgMBAQEXEyEJEhAREBcIDhAaFhEPAQEFAgQCBQELBQcKDAkIBAUHCgUGBwgDBgIEAQEHBQkIBwUMCwcECgcGCRoREQ8CBgQIAAAAAQAAAAEAAJth57dfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAAAAAAoAFAAeAEoAcACKAMoBQAGIAcwCCgJUAoICxgMEAzoDpgRKBRgF7AYSBpgG2gcgB2oIGAjOAAAAAQAAABwAmgAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype"),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABcUAAoAAAAAFswAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAEuEAABLho6TvIE9TLzIAABPYAAAAYAAAAGAIIwgbY21hcAAAFDgAAACkAAAApKPambxnYXNwAAAU3AAAAAgAAAAIAAAAEGhlYWQAABTkAAAANgAAADYBGAe5aGhlYQAAFRwAAAAkAAAAJAPiAf1obXR4AAAVQAAAAHAAAABwLOAAQ21heHAAABWwAAAABgAAAAYAHFAAbmFtZQAAFbgAAAE8AAABPPC1n05wb3N0AAAW9AAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLZviU+HQFHQAAAP0PHQAAAQIRHQAAAAkdAAAS2BIAHQEBBw0PERQZHiMoLTI3PEFGS1BVWl9kaW5zeH2Ch4xyYXRpbmdyYXRpbmd1MHUxdTIwdUU2MDB1RTYwMXVFNjAydUU2MDN1RTYwNHVFNjA1dUYwMDR1RjAwNXVGMDA2dUYwMEN1RjAwRHVGMDIzdUYwMkV1RjA2RXVGMDcwdUYwODd1RjA4OHVGMDg5dUYwOEF1RjA5N3VGMDlDdUYxMjN1RjE2NHVGMTY1AAACAYkAGgAcAgABAAQABwAKAA0AVgCWAL0BAgGMAeQCbwLwA4cD5QR0BQMFdgZgB8MJkQtxC7oM2Q1jDggOmRAYEZr8lA78lA78lA77lA74lPetFftFpTz3NDz7NPtFcfcU+xBt+0T3Mt73Mjht90T3FPcQBfuU+0YV+wRRofcQMOP3EZ3D9wXD+wX3EXkwM6H7EPsExQUO+JT3rRX7RaU89zQ8+zT7RXH3FPsQbftE9zLe9zI4bfdE9xT3EAX7lPtGFYuLi/exw/sF9xF5MDOh+xD7BMUFDviU960V+0WlPPc0PPs0+0Vx9xT7EG37RPcy3vcyOG33RPcU9xAFDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iu2i7J4pm6mqLKetovci81JizoIDviU98EVi9xJzTqLYItkeHBucKhknmCLOotJSYs6i2CeZKhwCIuL9zT7NAWbe5t7m4ubi5ubm5sI9zT3NAWopp6yi7YIME0V+zb7NgWKioqKiouKi4qMiowI+zb3NgV6m4Ghi6OLubCwuYuji6GBm3oIule6vwWbnKGVo4u5i7Bmi12Lc4F1ensIDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iuni6WDoX4IXED3BEtL+zT3RPdU+wTLssYFl46YjZiL3IvNSYs6CA6L98UVi7WXrKOio6Otl7aLlouXiZiHl4eWhZaEloSUhZKFk4SShZKEkpKSkZOSkpGUkZaSCJaSlpGXj5iPl42Wi7aLrX+jc6N0l2qLYYthdWBgYAj7RvtABYeIh4mGi4aLh42Hjgj7RvdABYmNiY2Hj4iOhpGDlISUhZWFlIWVhpaHmYaYiZiLmAgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuHioiJiImIiIqHi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuCh4aDi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwjKeRXjN3b7DfcAxPZSd/cN4t/7DJ1V9wFV+wEFDq73ZhWLk42RkZEIsbIFkZCRjpOLkouSiJCGCN8291D3UAWQkJKOkouTi5GIkYYIsWQFkYaNhIuEi4OJhYWFCPuJ+4kFhYWFiYOLhIuEjYaRCPsi9yIFhZCJkouSCA77AartFYuSjpKQkAjf3zffBYaQiJKLk4uSjpKQkAiysgWRkJGOk4uSi5KIkIYI3zff3wWQkJKOk4uSi5KIkIYIsmQFkIaOhIuEi4OIhIaGCDc33zcFkIaOhIuEi4OIhYaFCGRkBYaGhIiEi4OLhI6GkAg33zc3BYaGhIiEi4OLhY6FkAhksgWGkYiRi5MIDvtLi8sVi/c5BYuSjpKQkJCQko6SiwiVi4vCBYuul6mkpKSkqpiui66LqX6kcqRymG2LaAiLVJSLBZKLkoiQhpCGjoSLhAiL+zkFi4OIhYaGhoWEiYSLCPuniwWEi4SNhpGGkIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+yaLshWL+AQFi5GNkY+RjpCQj5KNj42PjI+LCPfAiwWPi4+Kj4mRiZCHj4aPhY2Fi4UIi/wEBYuEiYWHhoeGhoeFiIiKhoqHi4GLhI6EkQj7EvcN+xL7DQWEhYOIgouHi4eLh42EjoaPiJCHkImRi5IIDov3XRWLko2Rj5Kltq+vuKW4pbuZvYu9i7t9uHG4ca9npWCPhI2Fi4SLhYmEh4RxYGdoXnAIXnFbflmLWYtbmF6lXqZnrnG2h5KJkouRCLCLFaRkq2yxdLF0tH+4i7iLtJexorGiq6qksm64Z61goZZ3kXaLdItnfm1ycnJybX9oiwhoi22XcqRypH6pi6+LopGglp9gdWdpbl4I9xiwFYuHjIiOiI6IjoqPi4+LjoyOjo2OjY6Lj4ubkJmXl5eWmZGbi4+LjoyOjo2OjY6LjwiLj4mOiY6IjYiNh4tzi3eCenp6eoJ3i3MIDov3XRWLko2Sj5GouK+utqW3pbqYvouci5yJnIgIm6cFjY6NjI+LjIuNi42JjYqOio+JjomOiY6KjomOiY6JjoqNioyKjomMiYuHi4qLiouLCHdnbVVjQ2NDbVV3Zwh9cgWJiIiJiIuJi36SdJiIjYmOi46LjY+UlJlvl3KcdJ90oHeie6WHkYmSi5IIsIsVqlq0Z711CKGzBXqXfpqCnoKdhp6LoIuikaCWn2B1Z2luXgj3GLAVi4eMiI6IjoiOio+Lj4uOjI6OjY6NjouPi5uQmZeXl5aZkZuLj4uOjI6OjY6NjouPCIuPiY6JjoiNiI2Hi3OLd4J6enp6gneLcwji+10VoLAFtI+wmK2hrqKnqKKvdq1wp2uhCJ2rBZ1/nHycepx6mHqWeY+EjYWLhIuEiYWHhIR/gH1+fG9qaXJmeWV5Y4Jhiwi53BXb9yQFjIKMg4uEi3CDc3x1fHV3fHOBCA6L1BWL90sFi5WPlJKSkpKTj5aLCNmLBZKPmJqepJaZlZeVlY+Qj5ONl42WjpeOmI+YkZWTk5OSk46Vi5uLmYiYhZiFlIGSfgiSfo55i3WLeYd5gXgIvosFn4uchJl8mn2Seot3i3qGfIJ9jYSLhYuEi3yIfoR+i4eLh4uHi3eGen99i3CDdnt8CHt8dYNwiwhmiwV5i3mNeY95kHeRc5N1k36Ph4sIOYsFgIuDjoSShJKHlIuVCLCdFYuGjIePiI+Hj4mQi5CLj42Pj46OjY+LkIuQiZCIjoePh42Gi4aLh4mHh4eIioaLhgjUeRWUiwWNi46Lj4qOi4+KjYqOi4+Kj4mQio6KjYqNio+Kj4mQio6KjIqzfquEpIsIrosFr4uemouri5CKkYqQkY6QkI6SjpKNkouSi5KJkoiRlZWQlouYi5CKkImRiZGJj4iOCJGMkI+PlI+UjZKLkouViJODk4SSgo+CiwgmiwWLlpCalJ6UnpCbi5aLnoiYhJSFlH+QeYuGhoeDiYCJf4h/h3+IfoWBg4KHh4SCgH4Ii4qIiYiGh4aIh4mIiIiIh4eGh4aHh4eHiIiHiIeHiIiHiIeKh4mIioiLCIKLi/tLBQ6L90sVi/dLBYuVj5OSk5KSk46WiwjdiwWPi5iPoZOkk6CRnZCdj56Nn4sIq4sFpougg5x8m3yTd4txCIuJBZd8kHuLd4uHi4eLh5J+jn6LfIuEi4SJhZR9kHyLeot3hHp8fH19eoR3iwhYiwWVeI95i3mLdIh6hH6EfoKBfoV+hX2He4uBi4OPg5KFkYaTh5SHlYiTipOKk4qTiJMIiZSIkYiPgZSBl4CaeKR+moSPCD2LBYCLg4+EkoSSh5SLlQiw9zgVi4aMh4+Ij4ePiZCLkIuPjY+Pjo6Nj4uQi5CJkIiOh4+HjYaLhouHiYeHh4iKhouGCNT7OBWUiwWOi46Kj4mPio+IjoiPh4+IjoePiI+Hj4aPho6HjoiNiI6Hj4aOho6Ii4qWfpKDj4YIk4ORgY5+j36OgI1/jYCPg5CGnYuXj5GUkpSOmYuei5aGmoKfgp6GmouWCPCLBZSLlI+SkpOTjpOLlYuSiZKHlIeUho+Fi46PjY+NkY2RjJCLkIuYhpaBlY6RjZKLkgiLkomSiJKIkoaQhY6MkIyRi5CLm4aXgpOBkn6Pe4sIZosFcotrhGN9iouIioaJh4qHiomKiYqIioaKh4mHioiKiYuHioiLh4qIi4mLCIKLi/tLBQ77lIv3txWLkpCPlo0I9yOgzPcWBY6SkI+RiwiL/BL7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOi/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOEkoWShJKSkpGTkpKRlJGWkgiWkpaRl4+Yj5eNlou2i61/o3OjdJdqi2GLYXVgYGAI+0b7QAWHiIeJhouGi4eNh44I+0b3QAWJjYmNh4+IjoaRg5SElIWVhZSFlYaWh5mGmImYi5gIsIsVi2ucaa9oCPc6+zT3OvczBa+vnK2Lq4ubiZiHl4eXhpSFkoSSg5GCj4KQgo2CjYONgYuBi4KLgIl/hoCGgIWChAiBg4OFhISEhYaFhoaIhoaJhYuFi4aNiJCGkIaRhJGEkoORgZOCkoCRgJB/kICNgosIgYuBi4OJgomCiYKGgoeDhYSEhYSGgod/h3+Jfot7CA77JouyFYv4BAWLkY2Rj5GOkJCPko2PjY+Mj4sI98CLBY+Lj4qPiZGJkIePho+FjYWLhQiL/AQFi4SJhYeGh4aGh4WIiIqGioeLgYuEjoSRCPsS9w37EvsNBYSFg4iCi4eLh4uHjYSOho+IkIeQiZGLkgiwkxX3JvchpHL3DfsIi/f3+7iLi/v3BQ5ni8sVi/c5BYuSjpKQkJCQko6Siwj3VIuLwgWLrpippKSkpKmYrouvi6l+pHKkcpdti2gIi0IFi4aKhoeIh4eHiYaLCHmLBYaLh42Hj4eOipCLkAiL1AWLn4OcfZp9mXqSdot3i3qEfX18fIR6i3cIi1SniwWSi5KIkIaQho6Ei4QIi/s5BYuDiIWGhoaFhImEiwj7p4sFhIuEjYaRhpCIkYuTCA5njPe6FYyQkI6UjQj3I6DM9xYFj5KPj5GLkIuQh4+ECMv7FvcjdgWUiZCIjYaNhoiFhYUIIyak+yMFjIWKhomHiYiIiYaLiIuHjIeNCPsUz/sVRwWHiYeKiIuHi4eNiY6Jj4uQjJEIo/cjI/AFhZGJkY2QCPeB+z0VnILlW3rxiJ6ZmNTS+wydgpxe54v7pwUOZ4vCFYv3SwWLkI2Pjo+Pjo+NkIsI3osFkIuPiY6Ij4eNh4uGCIv7SwWLhomHh4eIh4eKhosIOIsFhouHjIePiI+Jj4uQCLCvFYuGjIePh46IkImQi5CLj42Pjo6PjY+LkIuQiZCIjoePh42Gi4aLhomIh4eIioaLhgjvZxWL90sFi5CNj46Oj4+PjZCLj4ySkJWWlZaVl5SXmJuVl5GRjo6OkI6RjZCNkIyPjI6MkY2TCIySjJGMj4yPjZCOkY6RjpCPjo6Pj42Qi5SLk4qSiZKJkYiPiJCIjoiPho6GjYeMhwiNh4yGjIaMhYuHi4iLiIuHi4eLg4uEiYSJhImFiYeJh4mFh4WLioqJiomJiIqJiokIi4qKiIqJCNqLBZqLmIWWgJaAkH+LfIt6hn2Af46DjYSLhIt9h36Cf4+Bi3+HgImAhYKEhI12hnmAfgh/fXiDcosIZosFfot+jHyOfI5/joOOg41/j32Qc5N8j4SMhouHjYiOh4+Jj4uQCA5ni/c5FYuGjYaOiI+Hj4mQiwjeiwWQi4+Njo+Pjo2Qi5AIi/dKBYuQiZCHjoiPh42Giwg4iwWGi4eJh4eIiImGi4YIi/tKBbD3JhWLkIyPj4+OjpCNkIuQi4+Jj4iOh42Hi4aLhomHiIeHh4eKhouGi4aMiI+Hj4qPi5AI7/snFYv3SwWLkI2Qj46Oj4+NkIuSi5qPo5OZkJePk46TjZeOmo6ajpiMmIsIsIsFpIueg5d9ln6Qeol1koSRgo2Aj4CLgIeAlH+Pfot9i4WJhIiCloCQfIt7i3yFfoGACICAfoZ8iwg8iwWMiIyJi4mMiYyJjYmMiIyKi4mPhI2GjYeNh42GjYOMhIyEi4SLhouHi4iLiYuGioYIioWKhomHioeJh4iGh4eIh4aIh4iFiISJhImDioKLhouHjYiPh4+Ij4iRiJGJkIqPCIqPipGKkomTipGKj4qOiZCJkYiQiJCIjoWSgZZ+nIKXgZaBloGWhJGHi4aLh42HjwiIjomQi48IDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAPFlAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAkAAAACAAIAAEAAAAAQAg5gXwBvAN8CPwLvBu8HDwivCX8JzxI/Fl//3//wAAAAAAIOYA8ATwDPAj8C7wbvBw8Ifwl/Cc8SPxZP/9//8AAf/jGgQQBhABD+wP4g+jD6IPjA+AD3wO9g62AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAJrVlLJfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAFAAABwAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.ui.rating .icon {
    font-family: "Rating";
    line-height: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: 400;
    font-style: normal;
    text-align: center
}

.ui.rating .active.icon:before,.ui.rating .icon:before,.ui.star.rating .active.icon:before,.ui.star.rating .icon:before {
    content: "\f005"
}

.ui.star.rating .partial.icon:before {
    content: "\f006"
}

.ui.star.rating .partial.icon {
    content: "\f005"
}

.ui.heart.rating .active.icon:before,.ui.heart.rating .icon:before {
    content: "\f004"
}

.ui.sidebar {
    position: fixed!important;
    top: 0;
    left: 0;
    transition: none;
    will-change: transform;
    transform: translateZ(0);
    visibility: hidden;
    -webkit-overflow-scrolling: touch;
    height: 100%!important;
    max-height: 100%;
    border-radius: 0!important;
    margin: 0!important;
    overflow-y: scroll!important;
    z-index: 102
}

.ui.sidebar,.ui.sidebar>* {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.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.bottom.sidebar,.ui.top.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 {
    overflow: unset;
    height: unset;
    overflow-x: hidden;
    padding: 0!important
}

body.pushable {
    background: #545454!important
}

.pushable:not(body)>.fixed,.pushable:not(body)>.pusher:after,.pushable:not(body)>.ui.sidebar {
    position: absolute
}

.pushable>.fixed {
    position: fixed;
    will-change: transform;
    z-index: 101
}

.pushable>.fixed,.pushable>.pusher {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .5s ease
}

.pushable>.pusher {
    position: relative;
    overflow: hidden;
    min-height: 100%;
    z-index: 2
}

body.pushable>.pusher {
    background: #fff
}

.pushable>.pusher {
    background: inherit
}

.pushable>.pusher:after {
    position: fixed;
    top: 0;
    right: 0;
    content: "";
    background-color: rgba(0,0,0,.4);
    overflow: hidden;
    opacity: 0;
    transition: opacity .5s;
    will-change: opacity;
    z-index: 1000
}

.ui.sidebar.menu .item {
    border-radius: 0!important
}

.pushable>.pusher.dimmed:after {
    width: 100%!important;
    height: 100%!important;
    opacity: 1!important
}

.ui.animating.sidebar {
    visibility: visible
}

.ui.visible.sidebar {
    visibility: visible;
    transform: translateZ(0)
}

.ui.bottom.visible.sidebar,.ui.left.visible.sidebar,.ui.right.visible.sidebar,.ui.top.visible.sidebar {
    box-shadow: 0 0 20px rgba(34,36,38,.15)
}

.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)
}

.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: translateZ(0)
}

.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
}

.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)
}

.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)
}

.ui.overlay.sidebar {
    z-index: 102
}

.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)
}

.animating.ui.overlay.sidebar,.ui.visible.overlay.sidebar {
    transition: transform .5s ease
}

.ui.visible.bottom.overlay.sidebar,.ui.visible.left.overlay.sidebar,.ui.visible.right.overlay.sidebar,.ui.visible.top.overlay.sidebar {
    transform: translateZ(0)
}

.ui.visible.overlay.sidebar~.fixed,.ui.visible.overlay.sidebar~.pusher {
    transform: none!important;
    overflow: hidden!important
}

.ui.push.sidebar {
    transition: transform .5s ease;
    z-index: 102
}

.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)
}

.ui.uncover.sidebar,.ui.visible.push.sidebar {
    transform: translateZ(0)
}

.ui.uncover.sidebar {
    z-index: 1
}

.ui.visible.uncover.sidebar {
    transform: translateZ(0);
    transition: transform .5s ease
}

.ui.slide.along.sidebar {
    z-index: 1
}

.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)
}

.ui.animating.slide.along.sidebar {
    transition: transform .5s ease
}

.ui.visible.slide.along.sidebar {
    transform: translateZ(0)
}

.ui.slide.out.sidebar {
    z-index: 1
}

.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)
}

.ui.animating.slide.out.sidebar {
    transition: transform .5s ease
}

.ui.visible.slide.out.sidebar {
    transform: translateZ(0)
}

.ui.scale.down.sidebar {
    transition: transform .5s 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)
}

.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%
}

.ui.animating.scale.down>.visible.ui.sidebar {
    transition: transform .5s ease
}

.ui.animating.scale.down.sidebar~.pusher,.ui.visible.scale.down.sidebar~.pusher {
    display: block!important;
    width: 100%;
    height: 100%;
    overflow: hidden!important
}

.ui.visible.scale.down.sidebar {
    transform: translateZ(0)
}

.ui.visible.scale.down.sidebar~.pusher {
    transform: scale(.75)
}

.transition {
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-timing-function: ease;
    animation-fill-mode: both
}

.animating.transition {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    visibility: visible!important
}

.loading.transition {
    position: absolute;
    top: -99999px;
    left: -99999px
}

.hidden.transition {
    display: none;
    visibility: hidden
}

.visible.transition {
    display: block!important;
    visibility: visible!important
}

.disabled.transition {
    animation-play-state: paused
}

.looping.transition {
    animation-iteration-count: infinite
}

.transition.browse {
    animation-duration: .5s
}

.drop.transition {
    transform-origin: top center;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(.34,1.61,.7,1)
}

.transition.fly {
    animation-duration: .6s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

:root {
    --fo-red: #ff2739;
    --fo-red-deep: #c01e2d;
    --fo-red-hover: #e51e2f;
    --fo-red-tint: #fff5f6;
    --fo-charcoal: #25282b;
    --fo-white: #fff;
    --fo-neutral: #f2f2f2;
    --fo-grey-body: #7e7e7e;
    --fo-grey-form: #333;
    --fo-green: #0a8754;
    --fo-green-bg: #eaf6f0;
    --fo-green-chip: #d3ebe0;
    --fo-amber: #d97706;
    --fo-yellow: #f2b705;
    --fo-text: #4a4f54;
    --fo-text-muted: #6b7075;
    --fo-text-subtle: #8d9298;
    --fo-text-faint: #9aa0a6;
    --fo-surface-neutral: #fafafa;
    --fo-surface-band: #f2f2f2;
    --fo-surface-footer: #f9f9fb;
    --fo-border-input: #c6c8cb;
    --fo-border-field: #d6d7d9;
    --fo-border: #dadbdd;
    --fo-border-subtle: #dedfe1;
    --fo-border-faint: #e2e3e5;
    --fo-border-row: #e2e3e5;
    --fo-divider: #cdcfd2;
    --fo-display: "Poppins",system-ui,"Helvetica Neue",Arial,sans-serif;
    --fo-sans: "Poppins",system-ui,"Helvetica Neue",Arial,sans-serif;
    --fo-radius: 3px;
    --fo-radius-card: 4px;
    --fo-radius-pill: 999px;
    --fo-ease: cubic-bezier(0.2,0,0,1);
    --fo-dur: 0.15s;
    --fo-container: 1280px;
    --fo-gutter: 32px;
    --fo-col-compra: 480px;
    --fo-h-cta: 56px;
    --fo-h-cta-card: 46px;
    --fo-h-stepper: 46px;
    --fo-h-thumb: 62px;
    --fo-h-img-principal: 300px
}

.ui,.ui.button,.ui.card,.ui.card .content,.ui.dropdown,.ui.form,.ui.form input,.ui.header .sub.header,.ui.input,.ui.label,.ui.menu,.ui.message,.ui.table,body,button,input,select,textarea {
    font-family: var(--fo-sans)
}

.fo-display,.ui.header,h1,h2,h3,h4,h5,h6 {
    font-family: var(--fo-display);
    letter-spacing: -.01em
}

.ui.card,.ui.cards>.card {
    border: 1px solid var(--fo-border)!important;
    border-radius: var(--fo-radius)!important;
    box-shadow: none!important;
    transition: border-color var(--fo-dur) var(--fo-ease)!important
}

.ui.card:hover,.ui.cards>.card:hover,.ui.link.card:hover,.ui.link.cards>.card:hover {
    border-color: var(--fo-charcoal)!important;
    box-shadow: none!important;
    transform: none!important;
    z-index: auto
}

.ui.card>.image,.ui.cards>.card>.image {
    border-radius: 0!important;
    background: var(--fo-white)
}

.ui.card>:first-child,.ui.cards>.card>:first-child {
    border-radius: var(--fo-radius) var(--fo-radius) 0 0!important
}

.ui.card>:last-child,.ui.cards>.card>:last-child {
    border-radius: 0 0 var(--fo-radius) var(--fo-radius)!important
}

.ui.button:not(.circular) {
    border-radius: var(--fo-radius)!important;
    font-family: var(--fo-sans);
    font-weight: 700;
    letter-spacing: .02em;
    box-shadow: none;
    transition: background var(--fo-dur) var(--fo-ease),color var(--fo-dur) var(--fo-ease),border-color var(--fo-dur) var(--fo-ease)
}

.ui.button:not(.circular):active {
    transform: none
}

.ui.form input:not([type=checkbox]):not([type=radio]),.ui.form textarea,.ui.input>input,.ui.selection.dropdown,textarea {
    border-radius: var(--fo-radius)!important
}

.ui.form input:focus,.ui.form textarea:focus,.ui.input>input:focus,.ui.selection.active.dropdown,.ui.selection.dropdown:focus {
    border-color: var(--fo-charcoal)!important;
    box-shadow: none!important
}

.ui.message {
    border-radius: var(--fo-radius);
    box-shadow: none
}

.ui.label:not(.circular):not(.empty) {
    border-radius: var(--fo-radius);
    font-family: var(--fo-sans)
}

.slick-next:before,.slick-prev:before {
    color: var(--fo-charcoal)
}

.slick-dots li button:before {
    color: var(--fo-border);
    opacity: 1;
    font-size: 9px
}

.slick-dots li.slick-active button:before {
    color: var(--fo-red);
    opacity: 1
}

button.slick-arrow svg {
    background: var(--fo-charcoal)!important;
    color: #fff;
    border-radius: var(--fo-radius)!important;
    padding: 7px!important;
    transition: background var(--fo-dur) var(--fo-ease)
}

button.slick-arrow:hover svg {
    background: var(--fo-red)!important
}

.fo-eyebrow {
    display: inline-block;
    font-family: var(--fo-sans);
    font-size: 11px;
    letter-spacing: .18em;
    padding: 7px 12px;
    border: 1px solid var(--fo-red);
    border-radius: var(--fo-radius)
}

.fo-eyebrow,.fo-section-title {
    font-weight: 800;
    text-transform: uppercase;
    color: var(--fo-charcoal)
}

.fo-section-title {
    font-family: var(--fo-display);
    letter-spacing: -.015em;
    margin: 0
}

.fo-card {
    background: var(--fo-white);
    border: 1px solid var(--fo-border);
    border-radius: var(--fo-radius);
    transition: border-color var(--fo-dur) var(--fo-ease)
}

.fo-card:hover {
    border-color: var(--fo-charcoal)
}

.fo-redband {
    width: 100%;
    height: 6px;
    background: var(--fo-red)
}

.fo-badge {
    letter-spacing: .02em;
    border-radius: var(--fo-radius);
    padding: 4px 8px
}

.fo-badge,.fo-btn-primary {
    display: inline-flex;
    align-items: center;
    font-family: var(--fo-sans);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    background: var(--fo-red)
}

.fo-btn-primary {
    justify-content: center;
    grid-gap: 8px;
    gap: 8px;
    padding: 13px 26px;
    letter-spacing: .08em;
    border: 0;
    border-radius: var(--fo-radius);
    cursor: pointer;
    transition: background var(--fo-dur) var(--fo-ease)
}

.fo-btn-primary:hover {
    background: var(--fo-red-deep);
    color: #fff
}

.fo-btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    grid-gap: 8px;
    gap: 8px;
    padding: 11px 22px;
    font-family: var(--fo-sans);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--fo-charcoal);
    background: transparent;
    border: 1.5px solid var(--fo-charcoal);
    border-radius: var(--fo-radius);
    cursor: pointer;
    transition: background var(--fo-dur) var(--fo-ease),color var(--fo-dur) var(--fo-ease)
}

.fo-btn-secondary:hover {
    background: var(--fo-charcoal);
    color: #fff
}

.erro-tecnico {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: #f5f5f5
}

.erro-tecnico__card {
    width: 100%;
    max-width: 440px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 8px 30px rgba(0,0,0,.08);
    padding: 40px 28px;
    text-align: center
}

.erro-tecnico__icon {
    color: #e01e26;
    margin-bottom: 18px;
    display: flex;
    justify-content: center
}

.erro-tecnico__title {
    font-size: 22px;
    font-weight: 700;
    color: #2b2b2b;
    margin: 0 0 12px
}

.erro-tecnico__text {
    font-size: 15px;
    line-height: 1.5;
    color: #666;
    margin: 0 0 26px
}

.erro-tecnico__button {
    display: inline-block;
    border: 0;
    border-radius: 10px;
    background: #e01e26;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 14px 28px;
    cursor: pointer;
    transition: opacity .15s ease
}

.erro-tecnico__button:hover {
    opacity: .9
}

.erro-tecnico__button:active {
    transform: translateY(1px)
}

.pull-to-refresh-indicator {
    position: fixed;
    top: env(safe-area-inset-top,12px);
    left: 50%;
    z-index: 1000010;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    pointer-events: none;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.15)
}

.pull-to-refresh-spinner {
    width: 20px;
    height: 20px;
    border: 2px solid #e0e0e0;
    border-top-color: #090909;
    border-radius: 50%
}

.pull-to-refresh-spinner.is-refreshing {
    animation: pull-to-refresh-spin .7s linear infinite
}

@keyframes pull-to-refresh-spin {
    to {
        transform: rotate(1turn)
    }
}

body.native-app {
    overscroll-behavior-y: contain
}



/* Vitrine produtos: layout em assets/css/products-carousel.css */