@charset "UTF-8";
input:focus,
button:focus,
textarea:focus,
select:focus,
details:focus,
[href]:focus,
[tabindex]:not([tabindex="-1"]):focus,
[contenteditable="true"]:focus {
  outline: 2px solid #0f7fff !important;
  outline-offset: 1px !important; }

input:focus + label {
  outline: 2px solid #0f7fff !important;
  outline-offset: 1px !important; }

meta.foundation-version {
  font-family: "/5.5.3/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0; }

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 551px)/";
  width: 0; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:551px)/";
  width: 551px; }

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:551px) and (max-width:801px)/";
  width: 551px; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:801px)/";
  width: 801px; }

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:801px) and (max-width:1261px)/";
  width: 801px; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:1261px)/";
  width: 1261px; }

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:1261px) and (max-width:1681px)/";
  width: 1261px; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:1681px)/";
  width: 1681px; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

.u-block {
  display: block !important; }

.u-inlineBlock {
  display: inline-block !important;
  max-width: 100% !important; }

.u-hidden {
  display: none !important; }

.u-hiddenVisually {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.is-srOnly {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.u-textAlignCenter {
  text-align: center !important; }

.u-textAlignLeft {
  text-align: left !important; }

.u-textAlignRight {
  text-align: right !important; }

.u-textBreak {
  word-wrap: break-word !important; }

.u-textInheritColor {
  color: inherit !important; }

.u-textKern {
  text-rendering: optimizeLegibility !important;
  font-feature-settings: "kern" 1 !important;
  font-kerning: normal !important; }

.u-textLead {
  line-height: 1.6 !important;
  font-size: 1.1em !important; }

.u-textNoWrap {
  white-space: nowrap !important; }

.u-textTruncate {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  word-wrap: normal !important; }

.u-fontSmoothing {
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important; }

/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../fonts/Google-Source-Sans-Pro-6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

/* cyrillic */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../fonts/Google-Source-Sans-Pro-6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* greek-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../fonts/Google-Source-Sans-Pro-6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }

/* greek */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../fonts/Google-Source-Sans-Pro-6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format("woff2");
  unicode-range: U+0370-03FF; }

/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../fonts/Google-Source-Sans-Pro-6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../fonts/Google-Source-Sans-Pro-6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../fonts/Google-Source-Sans-Pro-6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(../fonts/Google-Source-Sans-Pro-6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

/* cyrillic */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(../fonts/Google-Source-Sans-Pro-6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* greek-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(../fonts/Google-Source-Sans-Pro-6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }

/* greek */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(../fonts/Google-Source-Sans-Pro-6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2) format("woff2");
  unicode-range: U+0370-03FF; }

/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(../fonts/Google-Source-Sans-Pro-6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(../fonts/Google-Source-Sans-Pro-6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(../fonts/Google-Source-Sans-Pro-6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/*!
 * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2023 Fonticons, Inc.
 */
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900); }

.fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto; }

.fa-classic, .fa-regular, .fa-solid, .far, .fas {
  font-family: "Font Awesome 6 Free"; }

.fa-brands, .fab {
  font-family: "Font Awesome 6 Brands"; }

.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: .625em;
  line-height: .1em;
  vertical-align: .225em; }

.fa-xs {
  font-size: .75em;
  line-height: .08333em;
  vertical-align: .125em; }

.fa-sm {
  font-size: .875em;
  line-height: .07143em;
  vertical-align: .05357em; }

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

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

.fa-2xl {
  font-size: 2em;
  line-height: .03125em;
  vertical-align: -.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-radius: var(--fa-border-radius, 0.1em);
  border: var(--fa-border-width, 0.08em) var(--fa-border-style, solid) var(--fa-border-color, #eee);
  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-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, .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); }

.fa-beat-fade {
  -webkit-animation-name: fa-beat-fade;
  animation-name: fa-beat-fade;
  -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-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-shake, .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); }

.fa-spin {
  -webkit-animation-name: fa-spin;
  animation-name: fa-spin;
  -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-beat-fade, .fa-bounce, .fa-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) translateY(0);
    transform: scale(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) translateY(var(--fa-bounce-rebound, -0.125em));
    transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em)); }
  64% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  to {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

@keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(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) translateY(var(--fa-bounce-rebound, -0.125em));
    transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em)); }
  64% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  to {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(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%, to {
    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%, to {
    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%, to {
    -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%, to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }

.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: scaleX(-1);
  transform: scaleX(-1); }

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

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

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

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

.fa-stack-1x, .fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto); }

.fa-stack-1x {
  line-height: inherit; }

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

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

.fa-0:before {
  content: "\30"; }

.fa-1:before {
  content: "\31"; }

.fa-2:before {
  content: "\32"; }

.fa-3:before {
  content: "\33"; }

.fa-4:before {
  content: "\34"; }

.fa-5:before {
  content: "\35"; }

.fa-6:before {
  content: "\36"; }

.fa-7:before {
  content: "\37"; }

.fa-8:before {
  content: "\38"; }

.fa-9:before {
  content: "\39"; }

.fa-fill-drip:before {
  content: "\f576"; }

.fa-arrows-to-circle:before {
  content: "\e4bd"; }

.fa-chevron-circle-right:before, .fa-circle-chevron-right:before {
  content: "\f138"; }

.fa-at:before {
  content: "\40"; }

.fa-trash-alt:before, .fa-trash-can:before {
  content: "\f2ed"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-user-times:before, .fa-user-xmark:before {
  content: "\f235"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-comment-alt:before, .fa-message:before {
  content: "\f27a"; }

.fa-info:before {
  content: "\f129"; }

.fa-compress-alt:before, .fa-down-left-and-up-right-to-center:before {
  content: "\f422"; }

.fa-explosion:before {
  content: "\e4e9"; }

.fa-file-alt:before, .fa-file-lines:before, .fa-file-text:before {
  content: "\f15c"; }

.fa-wave-square:before {
  content: "\f83e"; }

.fa-ring:before {
  content: "\f70b"; }

.fa-building-un:before {
  content: "\e4d9"; }

.fa-dice-three:before {
  content: "\f527"; }

.fa-calendar-alt:before, .fa-calendar-days:before {
  content: "\f073"; }

.fa-anchor-circle-check:before {
  content: "\e4aa"; }

.fa-building-circle-arrow-right:before {
  content: "\e4d1"; }

.fa-volleyball-ball:before, .fa-volleyball:before {
  content: "\f45f"; }

.fa-arrows-up-to-line:before {
  content: "\e4c2"; }

.fa-sort-desc:before, .fa-sort-down:before {
  content: "\f0dd"; }

.fa-circle-minus:before, .fa-minus-circle:before {
  content: "\f056"; }

.fa-door-open:before {
  content: "\f52b"; }

.fa-right-from-bracket:before, .fa-sign-out-alt:before {
  content: "\f2f5"; }

.fa-atom:before {
  content: "\f5d2"; }

.fa-soap:before {
  content: "\e06e"; }

.fa-heart-music-camera-bolt:before, .fa-icons:before {
  content: "\f86d"; }

.fa-microphone-alt-slash:before, .fa-microphone-lines-slash:before {
  content: "\f539"; }

.fa-bridge-circle-check:before {
  content: "\e4c9"; }

.fa-pump-medical:before {
  content: "\e06a"; }

.fa-fingerprint:before {
  content: "\f577"; }

.fa-hand-point-right:before {
  content: "\f0a4"; }

.fa-magnifying-glass-location:before, .fa-search-location:before {
  content: "\f689"; }

.fa-forward-step:before, .fa-step-forward:before {
  content: "\f051"; }

.fa-face-smile-beam:before, .fa-smile-beam:before {
  content: "\f5b8"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-football-ball:before, .fa-football:before {
  content: "\f44e"; }

.fa-school-circle-exclamation:before {
  content: "\e56c"; }

.fa-crop:before {
  content: "\f125"; }

.fa-angle-double-down:before, .fa-angles-down:before {
  content: "\f103"; }

.fa-users-rectangle:before {
  content: "\e594"; }

.fa-people-roof:before {
  content: "\e537"; }

.fa-people-line:before {
  content: "\e534"; }

.fa-beer-mug-empty:before, .fa-beer:before {
  content: "\f0fc"; }

.fa-diagram-predecessor:before {
  content: "\e477"; }

.fa-arrow-up-long:before, .fa-long-arrow-up:before {
  content: "\f176"; }

.fa-burn:before, .fa-fire-flame-simple:before {
  content: "\f46a"; }

.fa-male:before, .fa-person:before {
  content: "\f183"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-file-csv:before {
  content: "\f6dd"; }

.fa-menorah:before {
  content: "\f676"; }

.fa-truck-plane:before {
  content: "\e58f"; }

.fa-record-vinyl:before {
  content: "\f8d9"; }

.fa-face-grin-stars:before, .fa-grin-stars:before {
  content: "\f587"; }

.fa-bong:before {
  content: "\f55c"; }

.fa-pastafarianism:before, .fa-spaghetti-monster-flying:before {
  content: "\f67b"; }

.fa-arrow-down-up-across-line:before {
  content: "\e4af"; }

.fa-spoon:before, .fa-utensil-spoon:before {
  content: "\f2e5"; }

.fa-jar-wheat:before {
  content: "\e517"; }

.fa-envelopes-bulk:before, .fa-mail-bulk:before {
  content: "\f674"; }

.fa-file-circle-exclamation:before {
  content: "\e4eb"; }

.fa-circle-h:before, .fa-hospital-symbol:before {
  content: "\f47e"; }

.fa-pager:before {
  content: "\f815"; }

.fa-address-book:before, .fa-contact-book:before {
  content: "\f2b9"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-k:before {
  content: "\4b"; }

.fa-landmark-flag:before {
  content: "\e51c"; }

.fa-pencil-alt:before, .fa-pencil:before {
  content: "\f303"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-comments:before {
  content: "\f086"; }

.fa-file-clipboard:before, .fa-paste:before {
  content: "\f0ea"; }

.fa-code-pull-request:before {
  content: "\e13c"; }

.fa-clipboard-list:before {
  content: "\f46d"; }

.fa-truck-loading:before, .fa-truck-ramp-box:before {
  content: "\f4de"; }

.fa-user-check:before {
  content: "\f4fc"; }

.fa-vial-virus:before {
  content: "\e597"; }

.fa-sheet-plastic:before {
  content: "\e571"; }

.fa-blog:before {
  content: "\f781"; }

.fa-user-ninja:before {
  content: "\f504"; }

.fa-person-arrow-up-from-line:before {
  content: "\e539"; }

.fa-scroll-torah:before, .fa-torah:before {
  content: "\f6a0"; }

.fa-broom-ball:before, .fa-quidditch-broom-ball:before, .fa-quidditch:before {
  content: "\f458"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-archive:before, .fa-box-archive:before {
  content: "\f187"; }

.fa-person-drowning:before {
  content: "\e545"; }

.fa-arrow-down-9-1:before, .fa-sort-numeric-desc:before, .fa-sort-numeric-down-alt:before {
  content: "\f886"; }

.fa-face-grin-tongue-squint:before, .fa-grin-tongue-squint:before {
  content: "\f58a"; }

.fa-spray-can:before {
  content: "\f5bd"; }

.fa-truck-monster:before {
  content: "\f63b"; }

.fa-w:before {
  content: "\57"; }

.fa-earth-africa:before, .fa-globe-africa:before {
  content: "\f57c"; }

.fa-rainbow:before {
  content: "\f75b"; }

.fa-circle-notch:before {
  content: "\f1ce"; }

.fa-tablet-alt:before, .fa-tablet-screen-button:before {
  content: "\f3fa"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-trowel-bricks:before {
  content: "\e58a"; }

.fa-face-flushed:before, .fa-flushed:before {
  content: "\f579"; }

.fa-hospital-user:before {
  content: "\f80d"; }

.fa-tent-arrow-left-right:before {
  content: "\e57f"; }

.fa-gavel:before, .fa-legal:before {
  content: "\f0e3"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-box-tissue:before {
  content: "\e05b"; }

.fa-motorcycle:before {
  content: "\f21c"; }

.fa-bell-concierge:before, .fa-concierge-bell:before {
  content: "\f562"; }

.fa-pen-ruler:before, .fa-pencil-ruler:before {
  content: "\f5ae"; }

.fa-people-arrows-left-right:before, .fa-people-arrows:before {
  content: "\e068"; }

.fa-mars-and-venus-burst:before {
  content: "\e523"; }

.fa-caret-square-right:before, .fa-square-caret-right:before {
  content: "\f152"; }

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4"; }

.fa-sun-plant-wilt:before {
  content: "\e57a"; }

.fa-toilets-portable:before {
  content: "\e584"; }

.fa-hockey-puck:before {
  content: "\f453"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-magnifying-glass-arrow-right:before {
  content: "\e521"; }

.fa-digital-tachograph:before, .fa-tachograph-digital:before {
  content: "\f566"; }

.fa-users-slash:before {
  content: "\e073"; }

.fa-clover:before {
  content: "\e139"; }

.fa-mail-reply:before, .fa-reply:before {
  content: "\f3e5"; }

.fa-star-and-crescent:before {
  content: "\f699"; }

.fa-house-fire:before {
  content: "\e50c"; }

.fa-minus-square:before, .fa-square-minus:before {
  content: "\f146"; }

.fa-helicopter:before {
  content: "\f533"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-caret-square-down:before, .fa-square-caret-down:before {
  content: "\f150"; }

.fa-file-circle-question:before {
  content: "\e4ef"; }

.fa-laptop-code:before {
  content: "\f5fc"; }

.fa-swatchbook:before {
  content: "\f5c3"; }

.fa-prescription-bottle:before {
  content: "\f485"; }

.fa-bars:before, .fa-navicon:before {
  content: "\f0c9"; }

.fa-people-group:before {
  content: "\e533"; }

.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "\f253"; }

.fa-heart-broken:before, .fa-heart-crack:before {
  content: "\f7a9"; }

.fa-external-link-square-alt:before, .fa-square-up-right:before {
  content: "\f360"; }

.fa-face-kiss-beam:before, .fa-kiss-beam:before {
  content: "\f597"; }

.fa-film:before {
  content: "\f008"; }

.fa-ruler-horizontal:before {
  content: "\f547"; }

.fa-people-robbery:before {
  content: "\e536"; }

.fa-lightbulb:before {
  content: "\f0eb"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-circle-exclamation:before, .fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-school-circle-xmark:before {
  content: "\e56d"; }

.fa-arrow-right-from-bracket:before, .fa-sign-out:before {
  content: "\f08b"; }

.fa-chevron-circle-down:before, .fa-circle-chevron-down:before {
  content: "\f13a"; }

.fa-unlock-alt:before, .fa-unlock-keyhole:before {
  content: "\f13e"; }

.fa-cloud-showers-heavy:before {
  content: "\f740"; }

.fa-headphones-alt:before, .fa-headphones-simple:before {
  content: "\f58f"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-circle-dollar-to-slot:before, .fa-donate:before {
  content: "\f4b9"; }

.fa-memory:before {
  content: "\f538"; }

.fa-road-spikes:before {
  content: "\e568"; }

.fa-fire-burner:before {
  content: "\e4f1"; }

.fa-flag:before {
  content: "\f024"; }

.fa-hanukiah:before {
  content: "\f6e6"; }

.fa-feather:before {
  content: "\f52d"; }

.fa-volume-down:before, .fa-volume-low:before {
  content: "\f027"; }

.fa-comment-slash:before {
  content: "\f4b3"; }

.fa-cloud-sun-rain:before {
  content: "\f743"; }

.fa-compress:before {
  content: "\f066"; }

.fa-wheat-alt:before, .fa-wheat-awn:before {
  content: "\e2cd"; }

.fa-ankh:before {
  content: "\f644"; }

.fa-hands-holding-child:before {
  content: "\e4fa"; }

.fa-asterisk:before {
  content: "\2a"; }

.fa-check-square:before, .fa-square-check:before {
  content: "\f14a"; }

.fa-peseta-sign:before {
  content: "\e221"; }

.fa-header:before, .fa-heading:before {
  content: "\f1dc"; }

.fa-ghost:before {
  content: "\f6e2"; }

.fa-list-squares:before, .fa-list:before {
  content: "\f03a"; }

.fa-phone-square-alt:before, .fa-square-phone-flip:before {
  content: "\f87b"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-circle-dot:before, .fa-dot-circle:before {
  content: "\f192"; }

.fa-dizzy:before, .fa-face-dizzy:before {
  content: "\f567"; }

.fa-egg:before {
  content: "\f7fb"; }

.fa-house-medical-circle-xmark:before {
  content: "\e513"; }

.fa-campground:before {
  content: "\f6bb"; }

.fa-folder-plus:before {
  content: "\f65e"; }

.fa-futbol-ball:before, .fa-futbol:before, .fa-soccer-ball:before {
  content: "\f1e3"; }

.fa-paint-brush:before, .fa-paintbrush:before {
  content: "\f1fc"; }

.fa-lock:before {
  content: "\f023"; }

.fa-gas-pump:before {
  content: "\f52f"; }

.fa-hot-tub-person:before, .fa-hot-tub:before {
  content: "\f593"; }

.fa-map-location:before, .fa-map-marked:before {
  content: "\f59f"; }

.fa-house-flood-water:before {
  content: "\e50e"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-bridge-lock:before {
  content: "\e4cc"; }

.fa-sack-dollar:before {
  content: "\f81d"; }

.fa-edit:before, .fa-pen-to-square:before {
  content: "\f044"; }

.fa-car-side:before {
  content: "\f5e4"; }

.fa-share-alt:before, .fa-share-nodes:before {
  content: "\f1e0"; }

.fa-heart-circle-minus:before {
  content: "\e4ff"; }

.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "\f252"; }

.fa-microscope:before {
  content: "\f610"; }

.fa-sink:before {
  content: "\e06d"; }

.fa-bag-shopping:before, .fa-shopping-bag:before {
  content: "\f290"; }

.fa-arrow-down-z-a:before, .fa-sort-alpha-desc:before, .fa-sort-alpha-down-alt:before {
  content: "\f881"; }

.fa-mitten:before {
  content: "\f7b5"; }

.fa-person-rays:before {
  content: "\e54d"; }

.fa-users:before {
  content: "\f0c0"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-flask-vial:before {
  content: "\e4f3"; }

.fa-hand-paper:before, .fa-hand:before {
  content: "\f256"; }

.fa-om:before {
  content: "\f679"; }

.fa-worm:before {
  content: "\e599"; }

.fa-house-circle-xmark:before {
  content: "\e50b"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-hand-spock:before {
  content: "\f259"; }

.fa-stopwatch:before {
  content: "\f2f2"; }

.fa-face-kiss:before, .fa-kiss:before {
  content: "\f596"; }

.fa-bridge-circle-xmark:before {
  content: "\e4cb"; }

.fa-face-grin-tongue:before, .fa-grin-tongue:before {
  content: "\f589"; }

.fa-chess-bishop:before {
  content: "\f43a"; }

.fa-face-grin-wink:before, .fa-grin-wink:before {
  content: "\f58c"; }

.fa-deaf:before, .fa-deafness:before, .fa-ear-deaf:before, .fa-hard-of-hearing:before {
  content: "\f2a4"; }

.fa-road-circle-check:before {
  content: "\e564"; }

.fa-dice-five:before {
  content: "\f523"; }

.fa-rss-square:before, .fa-square-rss:before {
  content: "\f143"; }

.fa-land-mine-on:before {
  content: "\e51b"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-stamp:before {
  content: "\f5bf"; }

.fa-stairs:before {
  content: "\e289"; }

.fa-i:before {
  content: "\49"; }

.fa-hryvnia-sign:before, .fa-hryvnia:before {
  content: "\f6f2"; }

.fa-pills:before {
  content: "\f484"; }

.fa-face-grin-wide:before, .fa-grin-alt:before {
  content: "\f581"; }

.fa-tooth:before {
  content: "\f5c9"; }

.fa-v:before {
  content: "\56"; }

.fa-bangladeshi-taka-sign:before {
  content: "\e2e6"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-rod-asclepius:before, .fa-rod-snake:before, .fa-staff-aesculapius:before, .fa-staff-snake:before {
  content: "\e579"; }

.fa-head-side-cough-slash:before {
  content: "\e062"; }

.fa-ambulance:before, .fa-truck-medical:before {
  content: "\f0f9"; }

.fa-wheat-awn-circle-exclamation:before {
  content: "\e598"; }

.fa-snowman:before {
  content: "\f7d0"; }

.fa-mortar-pestle:before {
  content: "\f5a7"; }

.fa-road-barrier:before {
  content: "\e562"; }

.fa-school:before {
  content: "\f549"; }

.fa-igloo:before {
  content: "\f7ae"; }

.fa-joint:before {
  content: "\f595"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-horse:before {
  content: "\f6f0"; }

.fa-q:before {
  content: "\51"; }

.fa-g:before {
  content: "\47"; }

.fa-notes-medical:before {
  content: "\f481"; }

.fa-temperature-2:before, .fa-temperature-half:before, .fa-thermometer-2:before, .fa-thermometer-half:before {
  content: "\f2c9"; }

.fa-dong-sign:before {
  content: "\e169"; }

.fa-capsules:before {
  content: "\f46b"; }

.fa-poo-bolt:before, .fa-poo-storm:before {
  content: "\f75a"; }

.fa-face-frown-open:before, .fa-frown-open:before {
  content: "\f57a"; }

.fa-hand-point-up:before {
  content: "\f0a6"; }

.fa-money-bill:before {
  content: "\f0d6"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-umbrella-beach:before {
  content: "\f5ca"; }

.fa-helmet-un:before {
  content: "\e503"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-bacon:before {
  content: "\f7e5"; }

.fa-hand-point-down:before {
  content: "\f0a7"; }

.fa-arrow-up-from-bracket:before {
  content: "\e09a"; }

.fa-folder-blank:before, .fa-folder:before {
  content: "\f07b"; }

.fa-file-medical-alt:before, .fa-file-waveform:before {
  content: "\f478"; }

.fa-radiation:before {
  content: "\f7b9"; }

.fa-chart-simple:before {
  content: "\e473"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-vial:before {
  content: "\f492"; }

.fa-dashboard:before, .fa-gauge-med:before, .fa-gauge:before, .fa-tachometer-alt-average:before {
  content: "\f624"; }

.fa-magic-wand-sparkles:before, .fa-wand-magic-sparkles:before {
  content: "\e2ca"; }

.fa-e:before {
  content: "\45"; }

.fa-pen-alt:before, .fa-pen-clip:before {
  content: "\f305"; }

.fa-bridge-circle-exclamation:before {
  content: "\e4ca"; }

.fa-user:before {
  content: "\f007"; }

.fa-school-circle-check:before {
  content: "\e56b"; }

.fa-dumpster:before {
  content: "\f793"; }

.fa-shuttle-van:before, .fa-van-shuttle:before {
  content: "\f5b6"; }

.fa-building-user:before {
  content: "\e4da"; }

.fa-caret-square-left:before, .fa-square-caret-left:before {
  content: "\f191"; }

.fa-highlighter:before {
  content: "\f591"; }

.fa-key:before {
  content: "\f084"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-synagogue:before {
  content: "\f69b"; }

.fa-person-half-dress:before {
  content: "\e548"; }

.fa-road-bridge:before {
  content: "\e563"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-c:before {
  content: "\43"; }

.fa-tablet-button:before {
  content: "\f10a"; }

.fa-building-lock:before {
  content: "\e4d6"; }

.fa-pizza-slice:before {
  content: "\f818"; }

.fa-money-bill-wave:before {
  content: "\f53a"; }

.fa-area-chart:before, .fa-chart-area:before {
  content: "\f1fe"; }

.fa-house-flag:before {
  content: "\e50d"; }

.fa-person-circle-minus:before {
  content: "\e540"; }

.fa-ban:before, .fa-cancel:before {
  content: "\f05e"; }

.fa-camera-rotate:before {
  content: "\e0d8"; }

.fa-air-freshener:before, .fa-spray-can-sparkles:before {
  content: "\f5d0"; }

.fa-star:before {
  content: "\f005"; }

.fa-repeat:before {
  content: "\f363"; }

.fa-cross:before {
  content: "\f654"; }

.fa-box:before {
  content: "\f466"; }

.fa-venus-mars:before {
  content: "\f228"; }

.fa-arrow-pointer:before, .fa-mouse-pointer:before {
  content: "\f245"; }

.fa-expand-arrows-alt:before, .fa-maximize:before {
  content: "\f31e"; }

.fa-charging-station:before {
  content: "\f5e7"; }

.fa-shapes:before, .fa-triangle-circle-square:before {
  content: "\f61f"; }

.fa-random:before, .fa-shuffle:before {
  content: "\f074"; }

.fa-person-running:before, .fa-running:before {
  content: "\f70c"; }

.fa-mobile-retro:before {
  content: "\e527"; }

.fa-grip-lines-vertical:before {
  content: "\f7a5"; }

.fa-spider:before {
  content: "\f717"; }

.fa-hands-bound:before {
  content: "\e4f9"; }

.fa-file-invoice-dollar:before {
  content: "\f571"; }

.fa-plane-circle-exclamation:before {
  content: "\e556"; }

.fa-x-ray:before {
  content: "\f497"; }

.fa-spell-check:before {
  content: "\f891"; }

.fa-slash:before {
  content: "\f715"; }

.fa-computer-mouse:before, .fa-mouse:before {
  content: "\f8cc"; }

.fa-arrow-right-to-bracket:before, .fa-sign-in:before {
  content: "\f090"; }

.fa-shop-slash:before, .fa-store-alt-slash:before {
  content: "\e070"; }

.fa-server:before {
  content: "\f233"; }

.fa-virus-covid-slash:before {
  content: "\e4a9"; }

.fa-shop-lock:before {
  content: "\e4a5"; }

.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "\f251"; }

.fa-blender-phone:before {
  content: "\f6b6"; }

.fa-building-wheat:before {
  content: "\e4db"; }

.fa-person-breastfeeding:before {
  content: "\e53a"; }

.fa-right-to-bracket:before, .fa-sign-in-alt:before {
  content: "\f2f6"; }

.fa-venus:before {
  content: "\f221"; }

.fa-passport:before {
  content: "\f5ab"; }

.fa-heart-pulse:before, .fa-heartbeat:before {
  content: "\f21e"; }

.fa-people-carry-box:before, .fa-people-carry:before {
  content: "\f4ce"; }

.fa-temperature-high:before {
  content: "\f769"; }

.fa-microchip:before {
  content: "\f2db"; }

.fa-crown:before {
  content: "\f521"; }

.fa-weight-hanging:before {
  content: "\f5cd"; }

.fa-xmarks-lines:before {
  content: "\e59a"; }

.fa-file-prescription:before {
  content: "\f572"; }

.fa-weight-scale:before, .fa-weight:before {
  content: "\f496"; }

.fa-user-friends:before, .fa-user-group:before {
  content: "\f500"; }

.fa-arrow-up-a-z:before, .fa-sort-alpha-up:before {
  content: "\f15e"; }

.fa-chess-knight:before {
  content: "\f441"; }

.fa-face-laugh-squint:before, .fa-laugh-squint:before {
  content: "\f59b"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-arrow-circle-up:before, .fa-circle-arrow-up:before {
  content: "\f0aa"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-person-walking:before, .fa-walking:before {
  content: "\f554"; }

.fa-l:before {
  content: "\4c"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-bed-pulse:before, .fa-procedures:before {
  content: "\f487"; }

.fa-shuttle-space:before, .fa-space-shuttle:before {
  content: "\f197"; }

.fa-face-laugh:before, .fa-laugh:before {
  content: "\f599"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-heart-circle-plus:before {
  content: "\e500"; }

.fa-code-fork:before {
  content: "\e13b"; }

.fa-city:before {
  content: "\f64f"; }

.fa-microphone-alt:before, .fa-microphone-lines:before {
  content: "\f3c9"; }

.fa-pepper-hot:before {
  content: "\f816"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-colon-sign:before {
  content: "\e140"; }

.fa-headset:before {
  content: "\f590"; }

.fa-store-slash:before {
  content: "\e071"; }

.fa-road-circle-xmark:before {
  content: "\e566"; }

.fa-user-minus:before {
  content: "\f503"; }

.fa-mars-stroke-up:before, .fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-champagne-glasses:before, .fa-glass-cheers:before {
  content: "\f79f"; }

.fa-clipboard:before {
  content: "\f328"; }

.fa-house-circle-exclamation:before {
  content: "\e50a"; }

.fa-file-arrow-up:before, .fa-file-upload:before {
  content: "\f574"; }

.fa-wifi-3:before, .fa-wifi-strong:before, .fa-wifi:before {
  content: "\f1eb"; }

.fa-bath:before, .fa-bathtub:before {
  content: "\f2cd"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-user-edit:before, .fa-user-pen:before {
  content: "\f4ff"; }

.fa-signature:before {
  content: "\f5b7"; }

.fa-stroopwafel:before {
  content: "\f551"; }

.fa-bold:before {
  content: "\f032"; }

.fa-anchor-lock:before {
  content: "\e4ad"; }

.fa-building-ngo:before {
  content: "\e4d7"; }

.fa-manat-sign:before {
  content: "\e1d5"; }

.fa-not-equal:before {
  content: "\f53e"; }

.fa-border-style:before, .fa-border-top-left:before {
  content: "\f853"; }

.fa-map-location-dot:before, .fa-map-marked-alt:before {
  content: "\f5a0"; }

.fa-jedi:before {
  content: "\f669"; }

.fa-poll:before, .fa-square-poll-vertical:before {
  content: "\f681"; }

.fa-mug-hot:before {
  content: "\f7b6"; }

.fa-battery-car:before, .fa-car-battery:before {
  content: "\f5df"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-dice-two:before {
  content: "\f528"; }

.fa-chess-queen:before {
  content: "\f445"; }

.fa-glasses:before {
  content: "\f530"; }

.fa-chess-board:before {
  content: "\f43c"; }

.fa-building-circle-check:before {
  content: "\e4d2"; }

.fa-person-chalkboard:before {
  content: "\e53d"; }

.fa-mars-stroke-h:before, .fa-mars-stroke-right:before {
  content: "\f22b"; }

.fa-hand-back-fist:before, .fa-hand-rock:before {
  content: "\f255"; }

.fa-caret-square-up:before, .fa-square-caret-up:before {
  content: "\f151"; }

.fa-cloud-showers-water:before {
  content: "\e4e4"; }

.fa-bar-chart:before, .fa-chart-bar:before {
  content: "\f080"; }

.fa-hands-bubbles:before, .fa-hands-wash:before {
  content: "\e05e"; }

.fa-less-than-equal:before {
  content: "\f537"; }

.fa-train:before {
  content: "\f238"; }

.fa-eye-low-vision:before, .fa-low-vision:before {
  content: "\f2a8"; }

.fa-crow:before {
  content: "\f520"; }

.fa-sailboat:before {
  content: "\e445"; }

.fa-window-restore:before {
  content: "\f2d2"; }

.fa-plus-square:before, .fa-square-plus:before {
  content: "\f0fe"; }

.fa-torii-gate:before {
  content: "\f6a1"; }

.fa-frog:before {
  content: "\f52e"; }

.fa-bucket:before {
  content: "\e4cf"; }

.fa-image:before {
  content: "\f03e"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-cow:before {
  content: "\f6c8"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-screwdriver:before {
  content: "\f54a"; }

.fa-folder-closed:before {
  content: "\e185"; }

.fa-house-tsunami:before {
  content: "\e515"; }

.fa-square-nfi:before {
  content: "\e576"; }

.fa-arrow-up-from-ground-water:before {
  content: "\e4b5"; }

.fa-glass-martini-alt:before, .fa-martini-glass:before {
  content: "\f57b"; }

.fa-rotate-back:before, .fa-rotate-backward:before, .fa-rotate-left:before, .fa-undo-alt:before {
  content: "\f2ea"; }

.fa-columns:before, .fa-table-columns:before {
  content: "\f0db"; }

.fa-lemon:before {
  content: "\f094"; }

.fa-head-side-mask:before {
  content: "\e063"; }

.fa-handshake:before {
  content: "\f2b5"; }

.fa-gem:before {
  content: "\f3a5"; }

.fa-dolly-box:before, .fa-dolly:before {
  content: "\f472"; }

.fa-smoking:before {
  content: "\f48d"; }

.fa-compress-arrows-alt:before, .fa-minimize:before {
  content: "\f78c"; }

.fa-monument:before {
  content: "\f5a6"; }

.fa-snowplow:before {
  content: "\f7d2"; }

.fa-angle-double-right:before, .fa-angles-right:before {
  content: "\f101"; }

.fa-cannabis:before {
  content: "\f55f"; }

.fa-circle-play:before, .fa-play-circle:before {
  content: "\f144"; }

.fa-tablets:before {
  content: "\f490"; }

.fa-ethernet:before {
  content: "\f796"; }

.fa-eur:before, .fa-euro-sign:before, .fa-euro:before {
  content: "\f153"; }

.fa-chair:before {
  content: "\f6c0"; }

.fa-check-circle:before, .fa-circle-check:before {
  content: "\f058"; }

.fa-circle-stop:before, .fa-stop-circle:before {
  content: "\f28d"; }

.fa-compass-drafting:before, .fa-drafting-compass:before {
  content: "\f568"; }

.fa-plate-wheat:before {
  content: "\e55a"; }

.fa-icicles:before {
  content: "\f7ad"; }

.fa-person-shelter:before {
  content: "\e54f"; }

.fa-neuter:before {
  content: "\f22c"; }

.fa-id-badge:before {
  content: "\f2c1"; }

.fa-marker:before {
  content: "\f5a1"; }

.fa-face-laugh-beam:before, .fa-laugh-beam:before {
  content: "\f59a"; }

.fa-helicopter-symbol:before {
  content: "\e502"; }

.fa-universal-access:before {
  content: "\f29a"; }

.fa-chevron-circle-up:before, .fa-circle-chevron-up:before {
  content: "\f139"; }

.fa-lari-sign:before {
  content: "\e1c8"; }

.fa-volcano:before {
  content: "\f770"; }

.fa-person-walking-dashed-line-arrow-right:before {
  content: "\e553"; }

.fa-gbp:before, .fa-pound-sign:before, .fa-sterling-sign:before {
  content: "\f154"; }

.fa-viruses:before {
  content: "\e076"; }

.fa-square-person-confined:before {
  content: "\e577"; }

.fa-user-tie:before {
  content: "\f508"; }

.fa-arrow-down-long:before, .fa-long-arrow-down:before {
  content: "\f175"; }

.fa-tent-arrow-down-to-line:before {
  content: "\e57e"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-person-skating:before, .fa-skating:before {
  content: "\f7c5"; }

.fa-filter-circle-dollar:before, .fa-funnel-dollar:before {
  content: "\f662"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-arrow-circle-down:before, .fa-circle-arrow-down:before {
  content: "\f0ab"; }

.fa-arrow-right-to-file:before, .fa-file-import:before {
  content: "\f56f"; }

.fa-external-link-square:before, .fa-square-arrow-up-right:before {
  content: "\f14c"; }

.fa-box-open:before {
  content: "\f49e"; }

.fa-scroll:before {
  content: "\f70e"; }

.fa-spa:before {
  content: "\f5bb"; }

.fa-location-pin-lock:before {
  content: "\e51f"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-hill-avalanche:before {
  content: "\e507"; }

.fa-temperature-0:before, .fa-temperature-empty:before, .fa-thermometer-0:before, .fa-thermometer-empty:before {
  content: "\f2cb"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-registered:before {
  content: "\f25d"; }

.fa-address-card:before, .fa-contact-card:before, .fa-vcard:before {
  content: "\f2bb"; }

.fa-balance-scale-right:before, .fa-scale-unbalanced-flip:before {
  content: "\f516"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-diamond-turn-right:before, .fa-directions:before {
  content: "\f5eb"; }

.fa-burst:before {
  content: "\e4dc"; }

.fa-house-laptop:before, .fa-laptop-house:before {
  content: "\e066"; }

.fa-face-tired:before, .fa-tired:before {
  content: "\f5c8"; }

.fa-money-bills:before {
  content: "\e1f3"; }

.fa-smog:before {
  content: "\f75f"; }

.fa-crutch:before {
  content: "\f7f7"; }

.fa-cloud-arrow-up:before, .fa-cloud-upload-alt:before, .fa-cloud-upload:before {
  content: "\f0ee"; }

.fa-palette:before {
  content: "\f53f"; }

.fa-arrows-turn-right:before {
  content: "\e4c0"; }

.fa-vest:before {
  content: "\e085"; }

.fa-ferry:before {
  content: "\e4ea"; }

.fa-arrows-down-to-people:before {
  content: "\e4b9"; }

.fa-seedling:before, .fa-sprout:before {
  content: "\f4d8"; }

.fa-arrows-alt-h:before, .fa-left-right:before {
  content: "\f337"; }

.fa-boxes-packing:before {
  content: "\e4c7"; }

.fa-arrow-circle-left:before, .fa-circle-arrow-left:before {
  content: "\f0a8"; }

.fa-group-arrows-rotate:before {
  content: "\e4f6"; }

.fa-bowl-food:before {
  content: "\e4c6"; }

.fa-candy-cane:before {
  content: "\f786"; }

.fa-arrow-down-wide-short:before, .fa-sort-amount-asc:before, .fa-sort-amount-down:before {
  content: "\f160"; }

.fa-cloud-bolt:before, .fa-thunderstorm:before {
  content: "\f76c"; }

.fa-remove-format:before, .fa-text-slash:before {
  content: "\f87d"; }

.fa-face-smile-wink:before, .fa-smile-wink:before {
  content: "\f4da"; }

.fa-file-word:before {
  content: "\f1c2"; }

.fa-file-powerpoint:before {
  content: "\f1c4"; }

.fa-arrows-h:before, .fa-arrows-left-right:before {
  content: "\f07e"; }

.fa-house-lock:before {
  content: "\e510"; }

.fa-cloud-arrow-down:before, .fa-cloud-download-alt:before, .fa-cloud-download:before {
  content: "\f0ed"; }

.fa-children:before {
  content: "\e4e1"; }

.fa-blackboard:before, .fa-chalkboard:before {
  content: "\f51b"; }

.fa-user-alt-slash:before, .fa-user-large-slash:before {
  content: "\f4fa"; }

.fa-envelope-open:before {
  content: "\f2b6"; }

.fa-handshake-alt-slash:before, .fa-handshake-simple-slash:before {
  content: "\e05f"; }

.fa-mattress-pillow:before {
  content: "\e525"; }

.fa-guarani-sign:before {
  content: "\e19a"; }

.fa-arrows-rotate:before, .fa-refresh:before, .fa-sync:before {
  content: "\f021"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-cruzeiro-sign:before {
  content: "\e152"; }

.fa-greater-than-equal:before {
  content: "\f532"; }

.fa-shield-alt:before, .fa-shield-halved:before {
  content: "\f3ed"; }

.fa-atlas:before, .fa-book-atlas:before {
  content: "\f558"; }

.fa-virus:before {
  content: "\e074"; }

.fa-envelope-circle-check:before {
  content: "\e4e8"; }

.fa-layer-group:before {
  content: "\f5fd"; }

.fa-arrows-to-dot:before {
  content: "\e4be"; }

.fa-archway:before {
  content: "\f557"; }

.fa-heart-circle-check:before {
  content: "\e4fd"; }

.fa-house-chimney-crack:before, .fa-house-damage:before {
  content: "\f6f1"; }

.fa-file-archive:before, .fa-file-zipper:before {
  content: "\f1c6"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-glass-martini:before, .fa-martini-glass-empty:before {
  content: "\f000"; }

.fa-couch:before {
  content: "\f4b8"; }

.fa-cedi-sign:before {
  content: "\e0df"; }

.fa-italic:before {
  content: "\f033"; }

.fa-church:before {
  content: "\f51d"; }

.fa-comments-dollar:before {
  content: "\f653"; }

.fa-democrat:before {
  content: "\f747"; }

.fa-z:before {
  content: "\5a"; }

.fa-person-skiing:before, .fa-skiing:before {
  content: "\f7c9"; }

.fa-road-lock:before {
  content: "\e567"; }

.fa-a:before {
  content: "\41"; }

.fa-temperature-arrow-down:before, .fa-temperature-down:before {
  content: "\e03f"; }

.fa-feather-alt:before, .fa-feather-pointed:before {
  content: "\f56b"; }

.fa-p:before {
  content: "\50"; }

.fa-snowflake:before {
  content: "\f2dc"; }

.fa-newspaper:before {
  content: "\f1ea"; }

.fa-ad:before, .fa-rectangle-ad:before {
  content: "\f641"; }

.fa-arrow-circle-right:before, .fa-circle-arrow-right:before {
  content: "\f0a9"; }

.fa-filter-circle-xmark:before {
  content: "\e17b"; }

.fa-locust:before {
  content: "\e520"; }

.fa-sort:before, .fa-unsorted:before {
  content: "\f0dc"; }

.fa-list-1-2:before, .fa-list-numeric:before, .fa-list-ol:before {
  content: "\f0cb"; }

.fa-person-dress-burst:before {
  content: "\e544"; }

.fa-money-check-alt:before, .fa-money-check-dollar:before {
  content: "\f53d"; }

.fa-vector-square:before {
  content: "\f5cb"; }

.fa-bread-slice:before {
  content: "\f7ec"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-face-kiss-wink-heart:before, .fa-kiss-wink-heart:before {
  content: "\f598"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-question:before {
  content: "\3f"; }

.fa-file-signature:before {
  content: "\f573"; }

.fa-arrows-alt:before, .fa-up-down-left-right:before {
  content: "\f0b2"; }

.fa-house-chimney-user:before {
  content: "\e065"; }

.fa-hand-holding-heart:before {
  content: "\f4be"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-money-check:before {
  content: "\f53c"; }

.fa-star-half-alt:before, .fa-star-half-stroke:before {
  content: "\f5c0"; }

.fa-code:before {
  content: "\f121"; }

.fa-glass-whiskey:before, .fa-whiskey-glass:before {
  content: "\f7a0"; }

.fa-building-circle-exclamation:before {
  content: "\e4d3"; }

.fa-magnifying-glass-chart:before {
  content: "\e522"; }

.fa-arrow-up-right-from-square:before, .fa-external-link:before {
  content: "\f08e"; }

.fa-cubes-stacked:before {
  content: "\e4e6"; }

.fa-krw:before, .fa-won-sign:before, .fa-won:before {
  content: "\f159"; }

.fa-virus-covid:before {
  content: "\e4a8"; }

.fa-austral-sign:before {
  content: "\e0a9"; }

.fa-f:before {
  content: "\46"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-road:before {
  content: "\f018"; }

.fa-cab:before, .fa-taxi:before {
  content: "\f1ba"; }

.fa-person-circle-plus:before {
  content: "\e541"; }

.fa-chart-pie:before, .fa-pie-chart:before {
  content: "\f200"; }

.fa-bolt-lightning:before {
  content: "\e0b7"; }

.fa-sack-xmark:before {
  content: "\e56a"; }

.fa-file-excel:before {
  content: "\f1c3"; }

.fa-file-contract:before {
  content: "\f56c"; }

.fa-fish-fins:before {
  content: "\e4f2"; }

.fa-building-flag:before {
  content: "\e4d5"; }

.fa-face-grin-beam:before, .fa-grin-beam:before {
  content: "\f582"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-poop:before {
  content: "\f619"; }

.fa-location-pin:before, .fa-map-marker:before {
  content: "\f041"; }

.fa-kaaba:before {
  content: "\f66b"; }

.fa-toilet-paper:before {
  content: "\f71e"; }

.fa-hard-hat:before, .fa-hat-hard:before, .fa-helmet-safety:before {
  content: "\f807"; }

.fa-eject:before {
  content: "\f052"; }

.fa-arrow-alt-circle-right:before, .fa-circle-right:before {
  content: "\f35a"; }

.fa-plane-circle-check:before {
  content: "\e555"; }

.fa-face-rolling-eyes:before, .fa-meh-rolling-eyes:before {
  content: "\f5a5"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-chart-line:before, .fa-line-chart:before {
  content: "\f201"; }

.fa-mask-ventilator:before {
  content: "\e524"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-map-signs:before, .fa-signs-post:before {
  content: "\f277"; }

.fa-cash-register:before {
  content: "\f788"; }

.fa-person-circle-question:before {
  content: "\e542"; }

.fa-h:before {
  content: "\48"; }

.fa-tarp:before {
  content: "\e57b"; }

.fa-screwdriver-wrench:before, .fa-tools:before {
  content: "\f7d9"; }

.fa-arrows-to-eye:before {
  content: "\e4bf"; }

.fa-plug-circle-bolt:before {
  content: "\e55b"; }

.fa-heart:before {
  content: "\f004"; }

.fa-mars-and-venus:before {
  content: "\f224"; }

.fa-home-user:before, .fa-house-user:before {
  content: "\e1b0"; }

.fa-dumpster-fire:before {
  content: "\f794"; }

.fa-house-crack:before {
  content: "\e3b1"; }

.fa-cocktail:before, .fa-martini-glass-citrus:before {
  content: "\f561"; }

.fa-face-surprise:before, .fa-surprise:before {
  content: "\f5c2"; }

.fa-bottle-water:before {
  content: "\e4c5"; }

.fa-circle-pause:before, .fa-pause-circle:before {
  content: "\f28b"; }

.fa-toilet-paper-slash:before {
  content: "\e072"; }

.fa-apple-alt:before, .fa-apple-whole:before {
  content: "\f5d1"; }

.fa-kitchen-set:before {
  content: "\e51a"; }

.fa-r:before {
  content: "\52"; }

.fa-temperature-1:before, .fa-temperature-quarter:before, .fa-thermometer-1:before, .fa-thermometer-quarter:before {
  content: "\f2ca"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-bitcoin-sign:before {
  content: "\e0b4"; }

.fa-shield-dog:before {
  content: "\e573"; }

.fa-solar-panel:before {
  content: "\f5ba"; }

.fa-lock-open:before {
  content: "\f3c1"; }

.fa-elevator:before {
  content: "\e16d"; }

.fa-money-bill-transfer:before {
  content: "\e528"; }

.fa-money-bill-trend-up:before {
  content: "\e529"; }

.fa-house-flood-water-circle-arrow-right:before {
  content: "\e50f"; }

.fa-poll-h:before, .fa-square-poll-horizontal:before {
  content: "\f682"; }

.fa-circle:before {
  content: "\f111"; }

.fa-backward-fast:before, .fa-fast-backward:before {
  content: "\f049"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-user-astronaut:before {
  content: "\f4fb"; }

.fa-plane-slash:before {
  content: "\e069"; }

.fa-trademark:before {
  content: "\f25c"; }

.fa-basketball-ball:before, .fa-basketball:before {
  content: "\f434"; }

.fa-satellite-dish:before {
  content: "\f7c0"; }

.fa-arrow-alt-circle-up:before, .fa-circle-up:before {
  content: "\f35b"; }

.fa-mobile-alt:before, .fa-mobile-screen-button:before {
  content: "\f3cd"; }

.fa-volume-high:before, .fa-volume-up:before {
  content: "\f028"; }

.fa-users-rays:before {
  content: "\e593"; }

.fa-wallet:before {
  content: "\f555"; }

.fa-clipboard-check:before {
  content: "\f46c"; }

.fa-file-audio:before {
  content: "\f1c7"; }

.fa-burger:before, .fa-hamburger:before {
  content: "\f805"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-bugs:before {
  content: "\e4d0"; }

.fa-rupee-sign:before, .fa-rupee:before {
  content: "\f156"; }

.fa-file-image:before {
  content: "\f1c5"; }

.fa-circle-question:before, .fa-question-circle:before {
  content: "\f059"; }

.fa-plane-departure:before {
  content: "\f5b0"; }

.fa-handshake-slash:before {
  content: "\e060"; }

.fa-book-bookmark:before {
  content: "\e0bb"; }

.fa-code-branch:before {
  content: "\f126"; }

.fa-hat-cowboy:before {
  content: "\f8c0"; }

.fa-bridge:before {
  content: "\e4c8"; }

.fa-phone-alt:before, .fa-phone-flip:before {
  content: "\f879"; }

.fa-truck-front:before {
  content: "\e2b7"; }

.fa-cat:before {
  content: "\f6be"; }

.fa-anchor-circle-exclamation:before {
  content: "\e4ab"; }

.fa-truck-field:before {
  content: "\e58d"; }

.fa-route:before {
  content: "\f4d7"; }

.fa-clipboard-question:before {
  content: "\e4e3"; }

.fa-panorama:before {
  content: "\e209"; }

.fa-comment-medical:before {
  content: "\f7f5"; }

.fa-teeth-open:before {
  content: "\f62f"; }

.fa-file-circle-minus:before {
  content: "\e4ed"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-wine-glass:before {
  content: "\f4e3"; }

.fa-fast-forward:before, .fa-forward-fast:before {
  content: "\f050"; }

.fa-face-meh-blank:before, .fa-meh-blank:before {
  content: "\f5a4"; }

.fa-parking:before, .fa-square-parking:before {
  content: "\f540"; }

.fa-house-signal:before {
  content: "\e012"; }

.fa-bars-progress:before, .fa-tasks-alt:before {
  content: "\f828"; }

.fa-faucet-drip:before {
  content: "\e006"; }

.fa-cart-flatbed:before, .fa-dolly-flatbed:before {
  content: "\f474"; }

.fa-ban-smoking:before, .fa-smoking-ban:before {
  content: "\f54d"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-mobile-button:before {
  content: "\f10b"; }

.fa-house-medical-flag:before {
  content: "\e514"; }

.fa-basket-shopping:before, .fa-shopping-basket:before {
  content: "\f291"; }

.fa-tape:before {
  content: "\f4db"; }

.fa-bus-alt:before, .fa-bus-simple:before {
  content: "\f55e"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-face-sad-cry:before, .fa-sad-cry:before {
  content: "\f5b3"; }

.fa-audio-description:before {
  content: "\f29e"; }

.fa-person-military-to-person:before {
  content: "\e54c"; }

.fa-file-shield:before {
  content: "\e4f0"; }

.fa-user-slash:before {
  content: "\f506"; }

.fa-pen:before {
  content: "\f304"; }

.fa-tower-observation:before {
  content: "\e586"; }

.fa-file-code:before {
  content: "\f1c9"; }

.fa-signal-5:before, .fa-signal-perfect:before, .fa-signal:before {
  content: "\f012"; }

.fa-bus:before {
  content: "\f207"; }

.fa-heart-circle-xmark:before {
  content: "\e501"; }

.fa-home-lg:before, .fa-house-chimney:before {
  content: "\e3af"; }

.fa-window-maximize:before {
  content: "\f2d0"; }

.fa-face-frown:before, .fa-frown:before {
  content: "\f119"; }

.fa-prescription:before {
  content: "\f5b1"; }

.fa-shop:before, .fa-store-alt:before {
  content: "\f54f"; }

.fa-floppy-disk:before, .fa-save:before {
  content: "\f0c7"; }

.fa-vihara:before {
  content: "\f6a7"; }

.fa-balance-scale-left:before, .fa-scale-unbalanced:before {
  content: "\f515"; }

.fa-sort-asc:before, .fa-sort-up:before {
  content: "\f0de"; }

.fa-comment-dots:before, .fa-commenting:before {
  content: "\f4ad"; }

.fa-plant-wilt:before {
  content: "\e5aa"; }

.fa-diamond:before {
  content: "\f219"; }

.fa-face-grin-squint:before, .fa-grin-squint:before {
  content: "\f585"; }

.fa-hand-holding-dollar:before, .fa-hand-holding-usd:before {
  content: "\f4c0"; }

.fa-bacterium:before {
  content: "\e05a"; }

.fa-hand-pointer:before {
  content: "\f25a"; }

.fa-drum-steelpan:before {
  content: "\f56a"; }

.fa-hand-scissors:before {
  content: "\f257"; }

.fa-hands-praying:before, .fa-praying-hands:before {
  content: "\f684"; }

.fa-arrow-right-rotate:before, .fa-arrow-rotate-forward:before, .fa-arrow-rotate-right:before, .fa-redo:before {
  content: "\f01e"; }

.fa-biohazard:before {
  content: "\f780"; }

.fa-location-crosshairs:before, .fa-location:before {
  content: "\f601"; }

.fa-mars-double:before {
  content: "\f227"; }

.fa-child-dress:before {
  content: "\e59c"; }

.fa-users-between-lines:before {
  content: "\e591"; }

.fa-lungs-virus:before {
  content: "\e067"; }

.fa-face-grin-tears:before, .fa-grin-tears:before {
  content: "\f588"; }

.fa-phone:before {
  content: "\f095"; }

.fa-calendar-times:before, .fa-calendar-xmark:before {
  content: "\f273"; }

.fa-child-reaching:before {
  content: "\e59d"; }

.fa-head-side-virus:before {
  content: "\e064"; }

.fa-user-cog:before, .fa-user-gear:before {
  content: "\f4fe"; }

.fa-arrow-up-1-9:before, .fa-sort-numeric-up:before {
  content: "\f163"; }

.fa-door-closed:before {
  content: "\f52a"; }

.fa-shield-virus:before {
  content: "\e06c"; }

.fa-dice-six:before {
  content: "\f526"; }

.fa-mosquito-net:before {
  content: "\e52c"; }

.fa-bridge-water:before {
  content: "\e4ce"; }

.fa-person-booth:before {
  content: "\f756"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-hat-wizard:before {
  content: "\f6e8"; }

.fa-pen-fancy:before {
  content: "\f5ac"; }

.fa-digging:before, .fa-person-digging:before {
  content: "\f85e"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-gauge-simple-med:before, .fa-gauge-simple:before, .fa-tachometer-average:before {
  content: "\f629"; }

.fa-book-medical:before {
  content: "\f7e6"; }

.fa-poo:before {
  content: "\f2fe"; }

.fa-quote-right-alt:before, .fa-quote-right:before {
  content: "\f10e"; }

.fa-shirt:before, .fa-t-shirt:before, .fa-tshirt:before {
  content: "\f553"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-divide:before {
  content: "\f529"; }

.fa-tenge-sign:before, .fa-tenge:before {
  content: "\f7d7"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-hands-holding:before {
  content: "\f4c2"; }

.fa-hands-clapping:before {
  content: "\e1a8"; }

.fa-republican:before {
  content: "\f75e"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-person-circle-xmark:before {
  content: "\e543"; }

.fa-ruler:before {
  content: "\f545"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-dice-d6:before {
  content: "\f6d1"; }

.fa-restroom:before {
  content: "\f7bd"; }

.fa-j:before {
  content: "\4a"; }

.fa-users-viewfinder:before {
  content: "\e595"; }

.fa-file-video:before {
  content: "\f1c8"; }

.fa-external-link-alt:before, .fa-up-right-from-square:before {
  content: "\f35d"; }

.fa-table-cells:before, .fa-th:before {
  content: "\f00a"; }

.fa-file-pdf:before {
  content: "\f1c1"; }

.fa-bible:before, .fa-book-bible:before {
  content: "\f647"; }

.fa-o:before {
  content: "\4f"; }

.fa-medkit:before, .fa-suitcase-medical:before {
  content: "\f0fa"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-otter:before {
  content: "\f700"; }

.fa-female:before, .fa-person-dress:before {
  content: "\f182"; }

.fa-comment-dollar:before {
  content: "\f651"; }

.fa-briefcase-clock:before, .fa-business-time:before {
  content: "\f64a"; }

.fa-table-cells-large:before, .fa-th-large:before {
  content: "\f009"; }

.fa-book-tanakh:before, .fa-tanakh:before {
  content: "\f827"; }

.fa-phone-volume:before, .fa-volume-control-phone:before {
  content: "\f2a0"; }

.fa-hat-cowboy-side:before {
  content: "\f8c1"; }

.fa-clipboard-user:before {
  content: "\f7f3"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-lira-sign:before {
  content: "\f195"; }

.fa-satellite:before {
  content: "\f7bf"; }

.fa-plane-lock:before {
  content: "\e558"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-comment:before {
  content: "\f075"; }

.fa-birthday-cake:before, .fa-cake-candles:before, .fa-cake:before {
  content: "\f1fd"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-angle-double-up:before, .fa-angles-up:before {
  content: "\f102"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-arrow-right-to-city:before {
  content: "\e4b3"; }

.fa-ribbon:before {
  content: "\f4d6"; }

.fa-lungs:before {
  content: "\f604"; }

.fa-arrow-up-9-1:before, .fa-sort-numeric-up-alt:before {
  content: "\f887"; }

.fa-litecoin-sign:before {
  content: "\e1d3"; }

.fa-border-none:before {
  content: "\f850"; }

.fa-circle-nodes:before {
  content: "\e4e2"; }

.fa-parachute-box:before {
  content: "\f4cd"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-truck-field-un:before {
  content: "\e58e"; }

.fa-hourglass-empty:before, .fa-hourglass:before {
  content: "\f254"; }

.fa-mountain:before {
  content: "\f6fc"; }

.fa-user-doctor:before, .fa-user-md:before {
  content: "\f0f0"; }

.fa-circle-info:before, .fa-info-circle:before {
  content: "\f05a"; }

.fa-cloud-meatball:before {
  content: "\f73b"; }

.fa-camera-alt:before, .fa-camera:before {
  content: "\f030"; }

.fa-square-virus:before {
  content: "\e578"; }

.fa-meteor:before {
  content: "\f753"; }

.fa-car-on:before {
  content: "\e4dd"; }

.fa-sleigh:before {
  content: "\f7cc"; }

.fa-arrow-down-1-9:before, .fa-sort-numeric-asc:before, .fa-sort-numeric-down:before {
  content: "\f162"; }

.fa-hand-holding-droplet:before, .fa-hand-holding-water:before {
  content: "\f4c1"; }

.fa-water:before {
  content: "\f773"; }

.fa-calendar-check:before {
  content: "\f274"; }

.fa-braille:before {
  content: "\f2a1"; }

.fa-prescription-bottle-alt:before, .fa-prescription-bottle-medical:before {
  content: "\f486"; }

.fa-landmark:before {
  content: "\f66f"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-person-cane:before {
  content: "\e53c"; }

.fa-tent:before {
  content: "\e57d"; }

.fa-vest-patches:before {
  content: "\e086"; }

.fa-check-double:before {
  content: "\f560"; }

.fa-arrow-down-a-z:before, .fa-sort-alpha-asc:before, .fa-sort-alpha-down:before {
  content: "\f15d"; }

.fa-money-bill-wheat:before {
  content: "\e52a"; }

.fa-cookie:before {
  content: "\f563"; }

.fa-arrow-left-rotate:before, .fa-arrow-rotate-back:before, .fa-arrow-rotate-backward:before, .fa-arrow-rotate-left:before, .fa-undo:before {
  content: "\f0e2"; }

.fa-hard-drive:before, .fa-hdd:before {
  content: "\f0a0"; }

.fa-face-grin-squint-tears:before, .fa-grin-squint-tears:before {
  content: "\f586"; }

.fa-dumbbell:before {
  content: "\f44b"; }

.fa-list-alt:before, .fa-rectangle-list:before {
  content: "\f022"; }

.fa-tarp-droplet:before {
  content: "\e57c"; }

.fa-house-medical-circle-check:before {
  content: "\e511"; }

.fa-person-skiing-nordic:before, .fa-skiing-nordic:before {
  content: "\f7ca"; }

.fa-calendar-plus:before {
  content: "\f271"; }

.fa-plane-arrival:before {
  content: "\f5af"; }

.fa-arrow-alt-circle-left:before, .fa-circle-left:before {
  content: "\f359"; }

.fa-subway:before, .fa-train-subway:before {
  content: "\f239"; }

.fa-chart-gantt:before {
  content: "\e0e4"; }

.fa-indian-rupee-sign:before, .fa-indian-rupee:before, .fa-inr:before {
  content: "\e1bc"; }

.fa-crop-alt:before, .fa-crop-simple:before {
  content: "\f565"; }

.fa-money-bill-1:before, .fa-money-bill-alt:before {
  content: "\f3d1"; }

.fa-left-long:before, .fa-long-arrow-alt-left:before {
  content: "\f30a"; }

.fa-dna:before {
  content: "\f471"; }

.fa-virus-slash:before {
  content: "\e075"; }

.fa-minus:before, .fa-subtract:before {
  content: "\f068"; }

.fa-chess:before {
  content: "\f439"; }

.fa-arrow-left-long:before, .fa-long-arrow-left:before {
  content: "\f177"; }

.fa-plug-circle-check:before {
  content: "\e55c"; }

.fa-street-view:before {
  content: "\f21d"; }

.fa-franc-sign:before {
  content: "\e18f"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before, .fa-hands-american-sign-language-interpreting:before, .fa-hands-asl-interpreting:before {
  content: "\f2a3"; }

.fa-cog:before, .fa-gear:before {
  content: "\f013"; }

.fa-droplet-slash:before, .fa-tint-slash:before {
  content: "\f5c7"; }

.fa-mosque:before {
  content: "\f678"; }

.fa-mosquito:before {
  content: "\e52b"; }

.fa-star-of-david:before {
  content: "\f69a"; }

.fa-person-military-rifle:before {
  content: "\e54b"; }

.fa-cart-shopping:before, .fa-shopping-cart:before {
  content: "\f07a"; }

.fa-vials:before {
  content: "\f493"; }

.fa-plug-circle-plus:before {
  content: "\e55f"; }

.fa-place-of-worship:before {
  content: "\f67f"; }

.fa-grip-vertical:before {
  content: "\f58e"; }

.fa-arrow-turn-up:before, .fa-level-up:before {
  content: "\f148"; }

.fa-u:before {
  content: "\55"; }

.fa-square-root-alt:before, .fa-square-root-variable:before {
  content: "\f698"; }

.fa-clock-four:before, .fa-clock:before {
  content: "\f017"; }

.fa-backward-step:before, .fa-step-backward:before {
  content: "\f048"; }

.fa-pallet:before {
  content: "\f482"; }

.fa-faucet:before {
  content: "\e005"; }

.fa-baseball-bat-ball:before {
  content: "\f432"; }

.fa-s:before {
  content: "\53"; }

.fa-timeline:before {
  content: "\e29c"; }

.fa-keyboard:before {
  content: "\f11c"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-clinic-medical:before, .fa-house-chimney-medical:before {
  content: "\f7f2"; }

.fa-temperature-3:before, .fa-temperature-three-quarters:before, .fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
  content: "\f2c8"; }

.fa-mobile-android-alt:before, .fa-mobile-screen:before {
  content: "\f3cf"; }

.fa-plane-up:before {
  content: "\e22d"; }

.fa-piggy-bank:before {
  content: "\f4d3"; }

.fa-battery-3:before, .fa-battery-half:before {
  content: "\f242"; }

.fa-mountain-city:before {
  content: "\e52e"; }

.fa-coins:before {
  content: "\f51e"; }

.fa-khanda:before {
  content: "\f66d"; }

.fa-sliders-h:before, .fa-sliders:before {
  content: "\f1de"; }

.fa-folder-tree:before {
  content: "\f802"; }

.fa-network-wired:before {
  content: "\f6ff"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-hamsa:before {
  content: "\f665"; }

.fa-cent-sign:before {
  content: "\e3f5"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-person-pregnant:before {
  content: "\e31e"; }

.fa-wand-sparkles:before {
  content: "\f72b"; }

.fa-ellipsis-v:before, .fa-ellipsis-vertical:before {
  content: "\f142"; }

.fa-ticket:before {
  content: "\f145"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-long-arrow-alt-right:before, .fa-right-long:before {
  content: "\f30b"; }

.fa-flag-usa:before {
  content: "\f74d"; }

.fa-laptop-file:before {
  content: "\e51d"; }

.fa-teletype:before, .fa-tty:before {
  content: "\f1e4"; }

.fa-diagram-next:before {
  content: "\e476"; }

.fa-person-rifle:before {
  content: "\e54e"; }

.fa-house-medical-circle-exclamation:before {
  content: "\e512"; }

.fa-closed-captioning:before {
  content: "\f20a"; }

.fa-hiking:before, .fa-person-hiking:before {
  content: "\f6ec"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-images:before {
  content: "\f302"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-people-pulling:before {
  content: "\e535"; }

.fa-n:before {
  content: "\4e"; }

.fa-cable-car:before, .fa-tram:before {
  content: "\f7da"; }

.fa-cloud-rain:before {
  content: "\f73d"; }

.fa-building-circle-xmark:before {
  content: "\e4d4"; }

.fa-ship:before {
  content: "\f21a"; }

.fa-arrows-down-to-line:before {
  content: "\e4b8"; }

.fa-download:before {
  content: "\f019"; }

.fa-face-grin:before, .fa-grin:before {
  content: "\f580"; }

.fa-backspace:before, .fa-delete-left:before {
  content: "\f55a"; }

.fa-eye-dropper-empty:before, .fa-eye-dropper:before, .fa-eyedropper:before {
  content: "\f1fb"; }

.fa-file-circle-check:before {
  content: "\e5a0"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-mobile-android:before, .fa-mobile-phone:before, .fa-mobile:before {
  content: "\f3ce"; }

.fa-face-meh:before, .fa-meh:before {
  content: "\f11a"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-book-dead:before, .fa-book-skull:before {
  content: "\f6b7"; }

.fa-drivers-license:before, .fa-id-card:before {
  content: "\f2c2"; }

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b"; }

.fa-heart-circle-exclamation:before {
  content: "\e4fe"; }

.fa-home-alt:before, .fa-home-lg-alt:before, .fa-home:before, .fa-house:before {
  content: "\f015"; }

.fa-calendar-week:before {
  content: "\f784"; }

.fa-laptop-medical:before {
  content: "\f812"; }

.fa-b:before {
  content: "\42"; }

.fa-file-medical:before {
  content: "\f477"; }

.fa-dice-one:before {
  content: "\f525"; }

.fa-kiwi-bird:before {
  content: "\f535"; }

.fa-arrow-right-arrow-left:before, .fa-exchange:before {
  content: "\f0ec"; }

.fa-redo-alt:before, .fa-rotate-forward:before, .fa-rotate-right:before {
  content: "\f2f9"; }

.fa-cutlery:before, .fa-utensils:before {
  content: "\f2e7"; }

.fa-arrow-up-wide-short:before, .fa-sort-amount-up:before {
  content: "\f161"; }

.fa-mill-sign:before {
  content: "\e1ed"; }

.fa-bowl-rice:before {
  content: "\e2eb"; }

.fa-skull:before {
  content: "\f54c"; }

.fa-broadcast-tower:before, .fa-tower-broadcast:before {
  content: "\f519"; }

.fa-truck-pickup:before {
  content: "\f63c"; }

.fa-long-arrow-alt-up:before, .fa-up-long:before {
  content: "\f30c"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-code-merge:before {
  content: "\f387"; }

.fa-upload:before {
  content: "\f093"; }

.fa-hurricane:before {
  content: "\f751"; }

.fa-mound:before {
  content: "\e52d"; }

.fa-toilet-portable:before {
  content: "\e583"; }

.fa-compact-disc:before {
  content: "\f51f"; }

.fa-file-arrow-down:before, .fa-file-download:before {
  content: "\f56d"; }

.fa-caravan:before {
  content: "\f8ff"; }

.fa-shield-cat:before {
  content: "\e572"; }

.fa-bolt:before, .fa-zap:before {
  content: "\f0e7"; }

.fa-glass-water:before {
  content: "\e4f4"; }

.fa-oil-well:before {
  content: "\e532"; }

.fa-vault:before {
  content: "\e2c5"; }

.fa-mars:before {
  content: "\f222"; }

.fa-toilet:before {
  content: "\f7d8"; }

.fa-plane-circle-xmark:before {
  content: "\e557"; }

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen-sign:before, .fa-yen:before {
  content: "\f157"; }

.fa-rouble:before, .fa-rub:before, .fa-ruble-sign:before, .fa-ruble:before {
  content: "\f158"; }

.fa-sun:before {
  content: "\f185"; }

.fa-guitar:before {
  content: "\f7a6"; }

.fa-face-laugh-wink:before, .fa-laugh-wink:before {
  content: "\f59c"; }

.fa-horse-head:before {
  content: "\f7ab"; }

.fa-bore-hole:before {
  content: "\e4c3"; }

.fa-industry:before {
  content: "\f275"; }

.fa-arrow-alt-circle-down:before, .fa-circle-down:before {
  content: "\f358"; }

.fa-arrows-turn-to-dots:before {
  content: "\e4c1"; }

.fa-florin-sign:before {
  content: "\e184"; }

.fa-arrow-down-short-wide:before, .fa-sort-amount-desc:before, .fa-sort-amount-down-alt:before {
  content: "\f884"; }

.fa-less-than:before {
  content: "\3c"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-car-tunnel:before {
  content: "\e4de"; }

.fa-head-side-cough:before {
  content: "\e061"; }

.fa-grip-lines:before {
  content: "\f7a4"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-user-lock:before {
  content: "\f502"; }

.fa-arrow-right-long:before, .fa-long-arrow-right:before {
  content: "\f178"; }

.fa-anchor-circle-xmark:before {
  content: "\e4ac"; }

.fa-ellipsis-h:before, .fa-ellipsis:before {
  content: "\f141"; }

.fa-chess-pawn:before {
  content: "\f443"; }

.fa-first-aid:before, .fa-kit-medical:before {
  content: "\f479"; }

.fa-person-through-window:before {
  content: "\e5a9"; }

.fa-toolbox:before {
  content: "\f552"; }

.fa-hands-holding-circle:before {
  content: "\e4fb"; }

.fa-bug:before {
  content: "\f188"; }

.fa-credit-card-alt:before, .fa-credit-card:before {
  content: "\f09d"; }

.fa-automobile:before, .fa-car:before {
  content: "\f1b9"; }

.fa-hand-holding-hand:before {
  content: "\e4f7"; }

.fa-book-open-reader:before, .fa-book-reader:before {
  content: "\f5da"; }

.fa-mountain-sun:before {
  content: "\e52f"; }

.fa-arrows-left-right-to-line:before {
  content: "\e4ba"; }

.fa-dice-d20:before {
  content: "\f6cf"; }

.fa-truck-droplet:before {
  content: "\e58c"; }

.fa-file-circle-xmark:before {
  content: "\e5a1"; }

.fa-temperature-arrow-up:before, .fa-temperature-up:before {
  content: "\e040"; }

.fa-medal:before {
  content: "\f5a2"; }

.fa-bed:before {
  content: "\f236"; }

.fa-h-square:before, .fa-square-h:before {
  content: "\f0fd"; }

.fa-podcast:before {
  content: "\f2ce"; }

.fa-temperature-4:before, .fa-temperature-full:before, .fa-thermometer-4:before, .fa-thermometer-full:before {
  content: "\f2c7"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-plug-circle-xmark:before {
  content: "\e560"; }

.fa-star-of-life:before {
  content: "\f621"; }

.fa-phone-slash:before {
  content: "\f3dd"; }

.fa-paint-roller:before {
  content: "\f5aa"; }

.fa-hands-helping:before, .fa-handshake-angle:before {
  content: "\f4c4"; }

.fa-location-dot:before, .fa-map-marker-alt:before {
  content: "\f3c5"; }

.fa-file:before {
  content: "\f15b"; }

.fa-greater-than:before {
  content: "\3e"; }

.fa-person-swimming:before, .fa-swimmer:before {
  content: "\f5c4"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-droplet:before, .fa-tint:before {
  content: "\f043"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-earth-america:before, .fa-earth-americas:before, .fa-earth:before, .fa-globe-americas:before {
  content: "\f57d"; }

.fa-person-burst:before {
  content: "\e53b"; }

.fa-dove:before {
  content: "\f4ba"; }

.fa-battery-0:before, .fa-battery-empty:before {
  content: "\f244"; }

.fa-socks:before {
  content: "\f696"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-section:before {
  content: "\e447"; }

.fa-gauge-high:before, .fa-tachometer-alt-fast:before, .fa-tachometer-alt:before {
  content: "\f625"; }

.fa-envelope-open-text:before {
  content: "\f658"; }

.fa-hospital-alt:before, .fa-hospital-wide:before, .fa-hospital:before {
  content: "\f0f8"; }

.fa-wine-bottle:before {
  content: "\f72f"; }

.fa-chess-rook:before {
  content: "\f447"; }

.fa-bars-staggered:before, .fa-reorder:before, .fa-stream:before {
  content: "\f550"; }

.fa-dharmachakra:before {
  content: "\f655"; }

.fa-hotdog:before {
  content: "\f80f"; }

.fa-blind:before, .fa-person-walking-with-cane:before {
  content: "\f29d"; }

.fa-drum:before {
  content: "\f569"; }

.fa-ice-cream:before {
  content: "\f810"; }

.fa-heart-circle-bolt:before {
  content: "\e4fc"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-check-to-slot:before, .fa-vote-yea:before {
  content: "\f772"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-boxes-alt:before, .fa-boxes-stacked:before, .fa-boxes:before {
  content: "\f468"; }

.fa-chain:before, .fa-link:before {
  content: "\f0c1"; }

.fa-assistive-listening-systems:before, .fa-ear-listen:before {
  content: "\f2a2"; }

.fa-tree-city:before {
  content: "\e587"; }

.fa-play:before {
  content: "\f04b"; }

.fa-font:before {
  content: "\f031"; }

.fa-rupiah-sign:before {
  content: "\e23d"; }

.fa-magnifying-glass:before, .fa-search:before {
  content: "\f002"; }

.fa-ping-pong-paddle-ball:before, .fa-table-tennis-paddle-ball:before, .fa-table-tennis:before {
  content: "\f45d"; }

.fa-diagnoses:before, .fa-person-dots-from-line:before {
  content: "\f470"; }

.fa-trash-can-arrow-up:before, .fa-trash-restore-alt:before {
  content: "\f82a"; }

.fa-naira-sign:before {
  content: "\e1f6"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-walkie-talkie:before {
  content: "\f8ef"; }

.fa-file-edit:before, .fa-file-pen:before {
  content: "\f31c"; }

.fa-receipt:before {
  content: "\f543"; }

.fa-pen-square:before, .fa-pencil-square:before, .fa-square-pen:before {
  content: "\f14b"; }

.fa-suitcase-rolling:before {
  content: "\f5c1"; }

.fa-person-circle-exclamation:before {
  content: "\e53f"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-battery-5:before, .fa-battery-full:before, .fa-battery:before {
  content: "\f240"; }

.fa-skull-crossbones:before {
  content: "\f714"; }

.fa-code-compare:before {
  content: "\e13a"; }

.fa-list-dots:before, .fa-list-ul:before {
  content: "\f0ca"; }

.fa-school-lock:before {
  content: "\e56f"; }

.fa-tower-cell:before {
  content: "\e585"; }

.fa-down-long:before, .fa-long-arrow-alt-down:before {
  content: "\f309"; }

.fa-ranking-star:before {
  content: "\e561"; }

.fa-chess-king:before {
  content: "\f43f"; }

.fa-person-harassing:before {
  content: "\e549"; }

.fa-brazilian-real-sign:before {
  content: "\e46c"; }

.fa-landmark-alt:before, .fa-landmark-dome:before {
  content: "\f752"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-television:before, .fa-tv-alt:before, .fa-tv:before {
  content: "\f26c"; }

.fa-shrimp:before {
  content: "\e448"; }

.fa-list-check:before, .fa-tasks:before {
  content: "\f0ae"; }

.fa-jug-detergent:before {
  content: "\e519"; }

.fa-circle-user:before, .fa-user-circle:before {
  content: "\f2bd"; }

.fa-user-shield:before {
  content: "\f505"; }

.fa-wind:before {
  content: "\f72e"; }

.fa-car-burst:before, .fa-car-crash:before {
  content: "\f5e1"; }

.fa-y:before {
  content: "\59"; }

.fa-person-snowboarding:before, .fa-snowboarding:before {
  content: "\f7ce"; }

.fa-shipping-fast:before, .fa-truck-fast:before {
  content: "\f48b"; }

.fa-fish:before {
  content: "\f578"; }

.fa-user-graduate:before {
  content: "\f501"; }

.fa-adjust:before, .fa-circle-half-stroke:before {
  content: "\f042"; }

.fa-clapperboard:before {
  content: "\e131"; }

.fa-circle-radiation:before, .fa-radiation-alt:before {
  content: "\f7ba"; }

.fa-baseball-ball:before, .fa-baseball:before {
  content: "\f433"; }

.fa-jet-fighter-up:before {
  content: "\e518"; }

.fa-diagram-project:before, .fa-project-diagram:before {
  content: "\f542"; }

.fa-copy:before {
  content: "\f0c5"; }

.fa-volume-mute:before, .fa-volume-times:before, .fa-volume-xmark:before {
  content: "\f6a9"; }

.fa-hand-sparkles:before {
  content: "\e05d"; }

.fa-grip-horizontal:before, .fa-grip:before {
  content: "\f58d"; }

.fa-share-from-square:before, .fa-share-square:before {
  content: "\f14d"; }

.fa-child-combatant:before, .fa-child-rifle:before {
  content: "\e4e0"; }

.fa-gun:before {
  content: "\e19b"; }

.fa-phone-square:before, .fa-square-phone:before {
  content: "\f098"; }

.fa-add:before, .fa-plus:before {
  content: "\2b"; }

.fa-expand:before {
  content: "\f065"; }

.fa-computer:before {
  content: "\e4e5"; }

.fa-close:before, .fa-multiply:before, .fa-remove:before, .fa-times:before, .fa-xmark:before {
  content: "\f00d"; }

.fa-arrows-up-down-left-right:before, .fa-arrows:before {
  content: "\f047"; }

.fa-chalkboard-teacher:before, .fa-chalkboard-user:before {
  content: "\f51c"; }

.fa-peso-sign:before {
  content: "\e222"; }

.fa-building-shield:before {
  content: "\e4d8"; }

.fa-baby:before {
  content: "\f77c"; }

.fa-users-line:before {
  content: "\e592"; }

.fa-quote-left-alt:before, .fa-quote-left:before {
  content: "\f10d"; }

.fa-tractor:before {
  content: "\f722"; }

.fa-trash-arrow-up:before, .fa-trash-restore:before {
  content: "\f829"; }

.fa-arrow-down-up-lock:before {
  content: "\e4b0"; }

.fa-lines-leaning:before {
  content: "\e51e"; }

.fa-ruler-combined:before {
  content: "\f546"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-equals:before {
  content: "\3d"; }

.fa-blender:before {
  content: "\f517"; }

.fa-teeth:before {
  content: "\f62e"; }

.fa-ils:before, .fa-shekel-sign:before, .fa-shekel:before, .fa-sheqel-sign:before, .fa-sheqel:before {
  content: "\f20b"; }

.fa-map:before {
  content: "\f279"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-photo-film:before, .fa-photo-video:before {
  content: "\f87c"; }

.fa-folder-minus:before {
  content: "\f65d"; }

.fa-store:before {
  content: "\f54e"; }

.fa-arrow-trend-up:before {
  content: "\e098"; }

.fa-plug-circle-minus:before {
  content: "\e55e"; }

.fa-sign-hanging:before, .fa-sign:before {
  content: "\f4d9"; }

.fa-bezier-curve:before {
  content: "\f55b"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-tablet-android:before, .fa-tablet:before {
  content: "\f3fb"; }

.fa-school-flag:before {
  content: "\e56e"; }

.fa-fill:before {
  content: "\f575"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-drumstick-bite:before {
  content: "\f6d7"; }

.fa-holly-berry:before {
  content: "\f7aa"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-bacteria:before {
  content: "\e059"; }

.fa-hand-lizard:before {
  content: "\f258"; }

.fa-notdef:before {
  content: "\e1fe"; }

.fa-disease:before {
  content: "\f7fa"; }

.fa-briefcase-medical:before {
  content: "\f469"; }

.fa-genderless:before {
  content: "\f22d"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-car-alt:before, .fa-car-rear:before {
  content: "\f5de"; }

.fa-pump-soap:before {
  content: "\e06b"; }

.fa-video-slash:before {
  content: "\f4e2"; }

.fa-battery-2:before, .fa-battery-quarter:before {
  content: "\f243"; }

.fa-radio:before {
  content: "\f8d7"; }

.fa-baby-carriage:before, .fa-carriage-baby:before {
  content: "\f77d"; }

.fa-traffic-light:before {
  content: "\f637"; }

.fa-thermometer:before {
  content: "\f491"; }

.fa-vr-cardboard:before {
  content: "\f729"; }

.fa-hand-middle-finger:before {
  content: "\f806"; }

.fa-percent:before, .fa-percentage:before {
  content: "\25"; }

.fa-truck-moving:before {
  content: "\f4df"; }

.fa-glass-water-droplet:before {
  content: "\e4f5"; }

.fa-display:before {
  content: "\e163"; }

.fa-face-smile:before, .fa-smile:before {
  content: "\f118"; }

.fa-thumb-tack:before, .fa-thumbtack:before {
  content: "\f08d"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-person-praying:before, .fa-pray:before {
  content: "\f683"; }

.fa-hammer:before {
  content: "\f6e3"; }

.fa-hand-peace:before {
  content: "\f25b"; }

.fa-rotate:before, .fa-sync-alt:before {
  content: "\f2f1"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-robot:before {
  content: "\f544"; }

.fa-peace:before {
  content: "\f67c"; }

.fa-cogs:before, .fa-gears:before {
  content: "\f085"; }

.fa-warehouse:before {
  content: "\f494"; }

.fa-arrow-up-right-dots:before {
  content: "\e4b7"; }

.fa-splotch:before {
  content: "\f5bc"; }

.fa-face-grin-hearts:before, .fa-grin-hearts:before {
  content: "\f584"; }

.fa-dice-four:before {
  content: "\f524"; }

.fa-sim-card:before {
  content: "\f7c4"; }

.fa-transgender-alt:before, .fa-transgender:before {
  content: "\f225"; }

.fa-mercury:before {
  content: "\f223"; }

.fa-arrow-turn-down:before, .fa-level-down:before {
  content: "\f149"; }

.fa-person-falling-burst:before {
  content: "\e547"; }

.fa-award:before {
  content: "\f559"; }

.fa-ticket-alt:before, .fa-ticket-simple:before {
  content: "\f3ff"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-angle-double-left:before, .fa-angles-left:before {
  content: "\f100"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-clock-rotate-left:before, .fa-history:before {
  content: "\f1da"; }

.fa-face-grin-beam-sweat:before, .fa-grin-beam-sweat:before {
  content: "\f583"; }

.fa-arrow-right-from-file:before, .fa-file-export:before {
  content: "\f56e"; }

.fa-shield-blank:before, .fa-shield:before {
  content: "\f132"; }

.fa-arrow-up-short-wide:before, .fa-sort-amount-up-alt:before {
  content: "\f885"; }

.fa-house-medical:before {
  content: "\e3b2"; }

.fa-golf-ball-tee:before, .fa-golf-ball:before {
  content: "\f450"; }

.fa-chevron-circle-left:before, .fa-circle-chevron-left:before {
  content: "\f137"; }

.fa-house-chimney-window:before {
  content: "\e00d"; }

.fa-pen-nib:before {
  content: "\f5ad"; }

.fa-tent-arrow-turn-left:before {
  content: "\e580"; }

.fa-tents:before {
  content: "\e582"; }

.fa-magic:before, .fa-wand-magic:before {
  content: "\f0d0"; }

.fa-dog:before {
  content: "\f6d3"; }

.fa-carrot:before {
  content: "\f787"; }

.fa-moon:before {
  content: "\f186"; }

.fa-wine-glass-alt:before, .fa-wine-glass-empty:before {
  content: "\f5ce"; }

.fa-cheese:before {
  content: "\f7ef"; }

.fa-yin-yang:before {
  content: "\f6ad"; }

.fa-music:before {
  content: "\f001"; }

.fa-code-commit:before {
  content: "\f386"; }

.fa-temperature-low:before {
  content: "\f76b"; }

.fa-biking:before, .fa-person-biking:before {
  content: "\f84a"; }

.fa-broom:before {
  content: "\f51a"; }

.fa-shield-heart:before {
  content: "\e574"; }

.fa-gopuram:before {
  content: "\f664"; }

.fa-earth-oceania:before, .fa-globe-oceania:before {
  content: "\e47b"; }

.fa-square-xmark:before, .fa-times-square:before, .fa-xmark-square:before {
  content: "\f2d3"; }

.fa-hashtag:before {
  content: "\23"; }

.fa-expand-alt:before, .fa-up-right-and-down-left-from-center:before {
  content: "\f424"; }

.fa-oil-can:before {
  content: "\f613"; }

.fa-t:before {
  content: "\54"; }

.fa-hippo:before {
  content: "\f6ed"; }

.fa-chart-column:before {
  content: "\e0e3"; }

.fa-infinity:before {
  content: "\f534"; }

.fa-vial-circle-check:before {
  content: "\e596"; }

.fa-person-arrow-down-to-line:before {
  content: "\e538"; }

.fa-voicemail:before {
  content: "\f897"; }

.fa-fan:before {
  content: "\f863"; }

.fa-person-walking-luggage:before {
  content: "\e554"; }

.fa-arrows-alt-v:before, .fa-up-down:before {
  content: "\f338"; }

.fa-cloud-moon-rain:before {
  content: "\f73c"; }

.fa-calendar:before {
  content: "\f133"; }

.fa-trailer:before {
  content: "\e041"; }

.fa-bahai:before, .fa-haykal:before {
  content: "\f666"; }

.fa-sd-card:before {
  content: "\f7c2"; }

.fa-dragon:before {
  content: "\f6d5"; }

.fa-shoe-prints:before {
  content: "\f54b"; }

.fa-circle-plus:before, .fa-plus-circle:before {
  content: "\f055"; }

.fa-face-grin-tongue-wink:before, .fa-grin-tongue-wink:before {
  content: "\f58b"; }

.fa-hand-holding:before {
  content: "\f4bd"; }

.fa-plug-circle-exclamation:before {
  content: "\e55d"; }

.fa-chain-broken:before, .fa-chain-slash:before, .fa-link-slash:before, .fa-unlink:before {
  content: "\f127"; }

.fa-clone:before {
  content: "\f24d"; }

.fa-person-walking-arrow-loop-left:before {
  content: "\e551"; }

.fa-arrow-up-z-a:before, .fa-sort-alpha-up-alt:before {
  content: "\f882"; }

.fa-fire-alt:before, .fa-fire-flame-curved:before {
  content: "\f7e4"; }

.fa-tornado:before {
  content: "\f76f"; }

.fa-file-circle-plus:before {
  content: "\e494"; }

.fa-book-quran:before, .fa-quran:before {
  content: "\f687"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-border-all:before {
  content: "\f84c"; }

.fa-angry:before, .fa-face-angry:before {
  content: "\f556"; }

.fa-cookie-bite:before {
  content: "\f564"; }

.fa-arrow-trend-down:before {
  content: "\e097"; }

.fa-feed:before, .fa-rss:before {
  content: "\f09e"; }

.fa-draw-polygon:before {
  content: "\f5ee"; }

.fa-balance-scale:before, .fa-scale-balanced:before {
  content: "\f24e"; }

.fa-gauge-simple-high:before, .fa-tachometer-fast:before, .fa-tachometer:before {
  content: "\f62a"; }

.fa-shower:before {
  content: "\f2cc"; }

.fa-desktop-alt:before, .fa-desktop:before {
  content: "\f390"; }

.fa-m:before {
  content: "\4d"; }

.fa-table-list:before, .fa-th-list:before {
  content: "\f00b"; }

.fa-comment-sms:before, .fa-sms:before {
  content: "\f7cd"; }

.fa-book:before {
  content: "\f02d"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-check:before {
  content: "\f00c"; }

.fa-battery-4:before, .fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-house-circle-check:before {
  content: "\e509"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-diagram-successor:before {
  content: "\e47a"; }

.fa-truck-arrow-right:before {
  content: "\e58b"; }

.fa-arrows-split-up-and-left:before {
  content: "\e4bc"; }

.fa-fist-raised:before, .fa-hand-fist:before {
  content: "\f6de"; }

.fa-cloud-moon:before {
  content: "\f6c3"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-person-falling:before {
  content: "\e546"; }

.fa-image-portrait:before, .fa-portrait:before {
  content: "\f3e0"; }

.fa-user-tag:before {
  content: "\f507"; }

.fa-rug:before {
  content: "\e569"; }

.fa-earth-europe:before, .fa-globe-europe:before {
  content: "\f7a2"; }

.fa-cart-flatbed-suitcase:before, .fa-luggage-cart:before {
  content: "\f59d"; }

.fa-rectangle-times:before, .fa-rectangle-xmark:before, .fa-times-rectangle:before, .fa-window-close:before {
  content: "\f410"; }

.fa-baht-sign:before {
  content: "\e0ac"; }

.fa-book-open:before {
  content: "\f518"; }

.fa-book-journal-whills:before, .fa-journal-whills:before {
  content: "\f66a"; }

.fa-handcuffs:before {
  content: "\e4f8"; }

.fa-exclamation-triangle:before, .fa-triangle-exclamation:before, .fa-warning:before {
  content: "\f071"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-arrow-turn-right:before, .fa-mail-forward:before, .fa-share:before {
  content: "\f064"; }

.fa-bottle-droplet:before {
  content: "\e4c4"; }

.fa-mask-face:before {
  content: "\e1d7"; }

.fa-hill-rockslide:before {
  content: "\e508"; }

.fa-exchange-alt:before, .fa-right-left:before {
  content: "\f362"; }

.fa-paper-plane:before {
  content: "\f1d8"; }

.fa-road-circle-exclamation:before {
  content: "\e565"; }

.fa-dungeon:before {
  content: "\f6d9"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-money-bill-1-wave:before, .fa-money-bill-wave-alt:before {
  content: "\f53b"; }

.fa-life-ring:before {
  content: "\f1cd"; }

.fa-hands:before, .fa-sign-language:before, .fa-signing:before {
  content: "\f2a7"; }

.fa-calendar-day:before {
  content: "\f783"; }

.fa-ladder-water:before, .fa-swimming-pool:before, .fa-water-ladder:before {
  content: "\f5c5"; }

.fa-arrows-up-down:before, .fa-arrows-v:before {
  content: "\f07d"; }

.fa-face-grimace:before, .fa-grimace:before {
  content: "\f57f"; }

.fa-wheelchair-alt:before, .fa-wheelchair-move:before {
  content: "\e2ce"; }

.fa-level-down-alt:before, .fa-turn-down:before {
  content: "\f3be"; }

.fa-person-walking-arrow-right:before {
  content: "\e552"; }

.fa-envelope-square:before, .fa-square-envelope:before {
  content: "\f199"; }

.fa-dice:before {
  content: "\f522"; }

.fa-bowling-ball:before {
  content: "\f436"; }

.fa-brain:before {
  content: "\f5dc"; }

.fa-band-aid:before, .fa-bandage:before {
  content: "\f462"; }

.fa-calendar-minus:before {
  content: "\f272"; }

.fa-circle-xmark:before, .fa-times-circle:before, .fa-xmark-circle:before {
  content: "\f057"; }

.fa-gifts:before {
  content: "\f79c"; }

.fa-hotel:before {
  content: "\f594"; }

.fa-earth-asia:before, .fa-globe-asia:before {
  content: "\f57e"; }

.fa-id-card-alt:before, .fa-id-card-clip:before {
  content: "\f47f"; }

.fa-magnifying-glass-plus:before, .fa-search-plus:before {
  content: "\f00e"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-user-clock:before {
  content: "\f4fd"; }

.fa-allergies:before, .fa-hand-dots:before {
  content: "\f461"; }

.fa-file-invoice:before {
  content: "\f570"; }

.fa-window-minimize:before {
  content: "\f2d1"; }

.fa-coffee:before, .fa-mug-saucer:before {
  content: "\f0f4"; }

.fa-brush:before {
  content: "\f55d"; }

.fa-mask:before {
  content: "\f6fa"; }

.fa-magnifying-glass-minus:before, .fa-search-minus:before {
  content: "\f010"; }

.fa-ruler-vertical:before {
  content: "\f548"; }

.fa-user-alt:before, .fa-user-large:before {
  content: "\f406"; }

.fa-train-tram:before {
  content: "\e5b4"; }

.fa-user-nurse:before {
  content: "\f82f"; }

.fa-syringe:before {
  content: "\f48e"; }

.fa-cloud-sun:before {
  content: "\f6c4"; }

.fa-stopwatch-20:before {
  content: "\e06f"; }

.fa-square-full:before {
  content: "\f45c"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-jar:before {
  content: "\e516"; }

.fa-note-sticky:before, .fa-sticky-note:before {
  content: "\f249"; }

.fa-bug-slash:before {
  content: "\e490"; }

.fa-arrow-up-from-water-pump:before {
  content: "\e4b6"; }

.fa-bone:before {
  content: "\f5d7"; }

.fa-user-injured:before {
  content: "\f728"; }

.fa-face-sad-tear:before, .fa-sad-tear:before {
  content: "\f5b4"; }

.fa-plane:before {
  content: "\f072"; }

.fa-tent-arrows-down:before {
  content: "\e581"; }

.fa-exclamation:before {
  content: "\21"; }

.fa-arrows-spin:before {
  content: "\e4bb"; }

.fa-print:before {
  content: "\f02f"; }

.fa-try:before, .fa-turkish-lira-sign:before, .fa-turkish-lira:before {
  content: "\e2bb"; }

.fa-dollar-sign:before, .fa-dollar:before, .fa-usd:before {
  content: "\24"; }

.fa-x:before {
  content: "\58"; }

.fa-magnifying-glass-dollar:before, .fa-search-dollar:before {
  content: "\f688"; }

.fa-users-cog:before, .fa-users-gear:before {
  content: "\f509"; }

.fa-person-military-pointing:before {
  content: "\e54a"; }

.fa-bank:before, .fa-building-columns:before, .fa-institution:before, .fa-museum:before, .fa-university:before {
  content: "\f19c"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-trowel:before {
  content: "\e589"; }

.fa-d:before {
  content: "\44"; }

.fa-stapler:before {
  content: "\e5af"; }

.fa-masks-theater:before, .fa-theater-masks:before {
  content: "\f630"; }

.fa-kip-sign:before {
  content: "\e1c4"; }

.fa-hand-point-left:before {
  content: "\f0a5"; }

.fa-handshake-alt:before, .fa-handshake-simple:before {
  content: "\f4c6"; }

.fa-fighter-jet:before, .fa-jet-fighter:before {
  content: "\f0fb"; }

.fa-share-alt-square:before, .fa-square-share-nodes:before {
  content: "\f1e1"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-plus-minus:before {
  content: "\e43c"; }

.fa-video-camera:before, .fa-video:before {
  content: "\f03d"; }

.fa-graduation-cap:before, .fa-mortar-board:before {
  content: "\f19d"; }

.fa-hand-holding-medical:before {
  content: "\e05c"; }

.fa-person-circle-check:before {
  content: "\e53e"; }

.fa-level-up-alt:before, .fa-turn-up:before {
  content: "\f3bf"; }

.fa-sr-only, .fa-sr-only-focusable:not(:focus), .sr-only, .sr-only-focusable:not(:focus):not(:focus-within), .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; }

:host, :root {
  --fa-style-family-brands:"Font Awesome 6 Brands";
  --fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"; }

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../fonts/fa-brands-400.woff2) format("woff2"), url(../fonts/fa-brands-400.ttf) format("truetype"); }

.fa-brands, .fab {
  font-weight: 400; }

.fa-monero:before {
  content: "\f3d0"; }

.fa-hooli:before {
  content: "\f427"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-shopware:before {
  content: "\f5b5"; }

.fa-creative-commons-nc:before {
  content: "\f4e8"; }

.fa-aws:before {
  content: "\f375"; }

.fa-redhat:before {
  content: "\f7bc"; }

.fa-yoast:before {
  content: "\f2b1"; }

.fa-cloudflare:before {
  content: "\e07d"; }

.fa-ups:before {
  content: "\f7e0"; }

.fa-wpexplorer:before {
  content: "\f2de"; }

.fa-dyalog:before {
  content: "\f399"; }

.fa-bity:before {
  content: "\f37a"; }

.fa-stackpath:before {
  content: "\f842"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-first-order:before {
  content: "\f2b0"; }

.fa-modx:before {
  content: "\f285"; }

.fa-guilded:before {
  content: "\e07e"; }

.fa-vnv:before {
  content: "\f40b"; }

.fa-js-square:before, .fa-square-js:before {
  content: "\f3b9"; }

.fa-microsoft:before {
  content: "\f3ca"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-orcid:before {
  content: "\f8d2"; }

.fa-java:before {
  content: "\f4e4"; }

.fa-invision:before {
  content: "\f7b0"; }

.fa-creative-commons-pd-alt:before {
  content: "\f4ed"; }

.fa-centercode:before {
  content: "\f380"; }

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-hire-a-helper:before {
  content: "\f3b0"; }

.fa-creative-commons-by:before {
  content: "\f4e7"; }

.fa-unity:before {
  content: "\e049"; }

.fa-whmcs:before {
  content: "\f40d"; }

.fa-rocketchat:before {
  content: "\f3e8"; }

.fa-vk:before {
  content: "\f189"; }

.fa-untappd:before {
  content: "\f405"; }

.fa-mailchimp:before {
  content: "\f59e"; }

.fa-css3-alt:before {
  content: "\f38b"; }

.fa-reddit-square:before, .fa-square-reddit:before {
  content: "\f1a2"; }

.fa-vimeo-v:before {
  content: "\f27d"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-square-font-awesome:before {
  content: "\e5ad"; }

.fa-deskpro:before {
  content: "\f38f"; }

.fa-sistrix:before {
  content: "\f3ee"; }

.fa-instagram-square:before, .fa-square-instagram:before {
  content: "\e055"; }

.fa-battle-net:before {
  content: "\f835"; }

.fa-the-red-yeti:before {
  content: "\f69d"; }

.fa-hacker-news-square:before, .fa-square-hacker-news:before {
  content: "\f3af"; }

.fa-edge:before {
  content: "\f282"; }

.fa-threads:before {
  content: "\e618"; }

.fa-napster:before {
  content: "\f3d2"; }

.fa-snapchat-square:before, .fa-square-snapchat:before {
  content: "\f2ad"; }

.fa-google-plus-g:before {
  content: "\f0d5"; }

.fa-artstation:before {
  content: "\f77a"; }

.fa-markdown:before {
  content: "\f60f"; }

.fa-sourcetree:before {
  content: "\f7d3"; }

.fa-google-plus:before {
  content: "\f2b3"; }

.fa-diaspora:before {
  content: "\f791"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-phoenix-squadron:before {
  content: "\f511"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-algolia:before {
  content: "\f36c"; }

.fa-red-river:before {
  content: "\f3e3"; }

.fa-creative-commons-sa:before {
  content: "\f4ef"; }

.fa-safari:before {
  content: "\f267"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-font-awesome-alt:before, .fa-square-font-awesome-stroke:before {
  content: "\f35c"; }

.fa-atlassian:before {
  content: "\f77b"; }

.fa-linkedin-in:before {
  content: "\f0e1"; }

.fa-digital-ocean:before {
  content: "\f391"; }

.fa-nimblr:before {
  content: "\f5a8"; }

.fa-chromecast:before {
  content: "\f838"; }

.fa-evernote:before {
  content: "\f839"; }

.fa-hacker-news:before {
  content: "\f1d4"; }

.fa-creative-commons-sampling:before {
  content: "\f4f0"; }

.fa-adversal:before {
  content: "\f36a"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-watchman-monitoring:before {
  content: "\e087"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-weixin:before {
  content: "\f1d7"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-git-alt:before {
  content: "\f841"; }

.fa-lyft:before {
  content: "\f3c3"; }

.fa-rev:before {
  content: "\f5b2"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-wizards-of-the-coast:before {
  content: "\f730"; }

.fa-square-viadeo:before, .fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-meetup:before {
  content: "\f2e0"; }

.fa-centos:before {
  content: "\f789"; }

.fa-adn:before {
  content: "\f170"; }

.fa-cloudsmith:before {
  content: "\f384"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-dribbble-square:before, .fa-square-dribbble:before {
  content: "\f397"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-node:before {
  content: "\f419"; }

.fa-mix:before {
  content: "\f3cb"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-cc-apple-pay:before {
  content: "\f416"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-debian:before {
  content: "\e60b"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-instalod:before {
  content: "\e081"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-sellcast:before {
  content: "\f2da"; }

.fa-square-twitter:before, .fa-twitter-square:before {
  content: "\f081"; }

.fa-r-project:before {
  content: "\f4f7"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-freebsd:before {
  content: "\f3a4"; }

.fa-vuejs:before {
  content: "\f41f"; }

.fa-accusoft:before {
  content: "\f369"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-fonticons-fi:before {
  content: "\f3a2"; }

.fa-app-store:before {
  content: "\f36f"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-itunes-note:before {
  content: "\f3b5"; }

.fa-golang:before {
  content: "\e40f"; }

.fa-kickstarter:before {
  content: "\f3bb"; }

.fa-grav:before {
  content: "\f2d6"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-uncharted:before {
  content: "\e084"; }

.fa-firstdraft:before {
  content: "\f3a1"; }

.fa-square-youtube:before, .fa-youtube-square:before {
  content: "\f431"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-rendact:before, .fa-wpressr:before {
  content: "\f3e4"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-galactic-republic:before {
  content: "\f50c"; }

.fa-nfc-directional:before {
  content: "\e530"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-joget:before {
  content: "\f3b7"; }

.fa-fedora:before {
  content: "\f798"; }

.fa-stripe-s:before {
  content: "\f42a"; }

.fa-meta:before {
  content: "\e49b"; }

.fa-laravel:before {
  content: "\f3bd"; }

.fa-hotjar:before {
  content: "\f3b1"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-sticker-mule:before {
  content: "\f3f7"; }

.fa-creative-commons-zero:before {
  content: "\f4f3"; }

.fa-hips:before {
  content: "\f452"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-discord:before {
  content: "\f392"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-app-store-ios:before {
  content: "\f370"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-confluence:before {
  content: "\f78d"; }

.fa-mdb:before {
  content: "\f8ca"; }

.fa-dochub:before {
  content: "\f394"; }

.fa-accessible-icon:before {
  content: "\f368"; }

.fa-ebay:before {
  content: "\f4f4"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-unsplash:before {
  content: "\e07c"; }

.fa-yarn:before {
  content: "\f7e3"; }

.fa-square-steam:before, .fa-steam-square:before {
  content: "\f1b7"; }

.fa-500px:before {
  content: "\f26e"; }

.fa-square-vimeo:before, .fa-vimeo-square:before {
  content: "\f194"; }

.fa-asymmetrik:before {
  content: "\f372"; }

.fa-font-awesome-flag:before, .fa-font-awesome-logo-full:before, .fa-font-awesome:before {
  content: "\f2b4"; }

.fa-gratipay:before {
  content: "\f184"; }

.fa-apple:before {
  content: "\f179"; }

.fa-hive:before {
  content: "\e07f"; }

.fa-gitkraken:before {
  content: "\f3a6"; }

.fa-keybase:before {
  content: "\f4f5"; }

.fa-apple-pay:before {
  content: "\f415"; }

.fa-padlet:before {
  content: "\e4a0"; }

.fa-amazon-pay:before {
  content: "\f42c"; }

.fa-github-square:before, .fa-square-github:before {
  content: "\f092"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-fedex:before {
  content: "\f797"; }

.fa-phoenix-framework:before {
  content: "\f3dc"; }

.fa-shopify:before {
  content: "\e057"; }

.fa-neos:before {
  content: "\f612"; }

.fa-square-threads:before {
  content: "\e619"; }

.fa-hackerrank:before {
  content: "\f5f7"; }

.fa-researchgate:before {
  content: "\f4f8"; }

.fa-swift:before {
  content: "\f8e1"; }

.fa-angular:before {
  content: "\f420"; }

.fa-speakap:before {
  content: "\f3f3"; }

.fa-angrycreative:before {
  content: "\f36e"; }

.fa-y-combinator:before {
  content: "\f23b"; }

.fa-empire:before {
  content: "\f1d1"; }

.fa-envira:before {
  content: "\f299"; }

.fa-gitlab-square:before, .fa-square-gitlab:before {
  content: "\e5ae"; }

.fa-studiovinari:before {
  content: "\f3f8"; }

.fa-pied-piper:before {
  content: "\f2ae"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-linode:before {
  content: "\f2b8"; }

.fa-goodreads:before {
  content: "\f3a8"; }

.fa-odnoklassniki-square:before, .fa-square-odnoklassniki:before {
  content: "\f264"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-sith:before {
  content: "\f512"; }

.fa-themeisle:before {
  content: "\f2b2"; }

.fa-page4:before {
  content: "\f3d7"; }

.fa-hashnode:before {
  content: "\e499"; }

.fa-react:before {
  content: "\f41b"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-squarespace:before {
  content: "\f5be"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-creative-commons-share:before {
  content: "\f4f2"; }

.fa-bitcoin:before {
  content: "\f379"; }

.fa-keycdn:before {
  content: "\f3ba"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-itch-io:before {
  content: "\f83a"; }

.fa-umbraco:before {
  content: "\f8e8"; }

.fa-galactic-senate:before {
  content: "\f50d"; }

.fa-ubuntu:before {
  content: "\f7df"; }

.fa-draft2digital:before {
  content: "\f396"; }

.fa-stripe:before {
  content: "\f429"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-gg:before {
  content: "\f260"; }

.fa-dhl:before {
  content: "\f790"; }

.fa-pinterest-square:before, .fa-square-pinterest:before {
  content: "\f0d3"; }

.fa-xing:before {
  content: "\f168"; }

.fa-blackberry:before {
  content: "\f37b"; }

.fa-creative-commons-pd:before {
  content: "\f4ec"; }

.fa-playstation:before {
  content: "\f3df"; }

.fa-quinscape:before {
  content: "\f459"; }

.fa-less:before {
  content: "\f41d"; }

.fa-blogger-b:before {
  content: "\f37d"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-typo3:before {
  content: "\f42b"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-dailymotion:before {
  content: "\e052"; }

.fa-affiliatetheme:before {
  content: "\f36b"; }

.fa-pied-piper-pp:before {
  content: "\f1a7"; }

.fa-bootstrap:before {
  content: "\f836"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-nfc-symbol:before {
  content: "\e531"; }

.fa-ethereum:before {
  content: "\f42e"; }

.fa-speaker-deck:before {
  content: "\f83c"; }

.fa-creative-commons-nc-eu:before {
  content: "\f4e9"; }

.fa-patreon:before {
  content: "\f3d9"; }

.fa-avianex:before {
  content: "\f374"; }

.fa-ello:before {
  content: "\f5f1"; }

.fa-gofore:before {
  content: "\f3a7"; }

.fa-bimobject:before {
  content: "\f378"; }

.fa-facebook-f:before {
  content: "\f39e"; }

.fa-google-plus-square:before, .fa-square-google-plus:before {
  content: "\f0d4"; }

.fa-mandalorian:before {
  content: "\f50f"; }

.fa-first-order-alt:before {
  content: "\f50a"; }

.fa-osi:before {
  content: "\f41a"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-d-and-d-beyond:before {
  content: "\f6ca"; }

.fa-periscope:before {
  content: "\f3da"; }

.fa-fulcrum:before {
  content: "\f50b"; }

.fa-cloudscale:before {
  content: "\f383"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-mizuni:before {
  content: "\f3cc"; }

.fa-schlix:before {
  content: "\f3ea"; }

.fa-square-xing:before, .fa-xing-square:before {
  content: "\f169"; }

.fa-bandcamp:before {
  content: "\f2d5"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-cloudversify:before {
  content: "\f385"; }

.fa-usps:before {
  content: "\f7e1"; }

.fa-megaport:before {
  content: "\f5a3"; }

.fa-magento:before {
  content: "\f3c4"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-fly:before {
  content: "\f417"; }

.fa-aviato:before {
  content: "\f421"; }

.fa-itunes:before {
  content: "\f3b4"; }

.fa-cuttlefish:before {
  content: "\f38c"; }

.fa-blogger:before {
  content: "\f37c"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-viber:before {
  content: "\f409"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-symfony:before {
  content: "\f83d"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-etsy:before {
  content: "\f2d7"; }

.fa-facebook-messenger:before {
  content: "\f39f"; }

.fa-audible:before {
  content: "\f373"; }

.fa-think-peaks:before {
  content: "\f731"; }

.fa-bilibili:before {
  content: "\e3d9"; }

.fa-erlang:before {
  content: "\f39d"; }

.fa-x-twitter:before {
  content: "\e61b"; }

.fa-cotton-bureau:before {
  content: "\f89e"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-42-group:before, .fa-innosoft:before {
  content: "\e080"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-elementor:before {
  content: "\f430"; }

.fa-pied-piper-square:before, .fa-square-pied-piper:before {
  content: "\e01e"; }

.fa-creative-commons-nd:before {
  content: "\f4eb"; }

.fa-palfed:before {
  content: "\f3d8"; }

.fa-superpowers:before {
  content: "\f2dd"; }

.fa-resolving:before {
  content: "\f3e7"; }

.fa-xbox:before {
  content: "\f412"; }

.fa-searchengin:before {
  content: "\f3eb"; }

.fa-tiktok:before {
  content: "\e07b"; }

.fa-facebook-square:before, .fa-square-facebook:before {
  content: "\f082"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-linkedin:before {
  content: "\f08c"; }

.fa-hubspot:before {
  content: "\f3b2"; }

.fa-deploydog:before {
  content: "\f38e"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-ravelry:before {
  content: "\f2d9"; }

.fa-mixer:before {
  content: "\e056"; }

.fa-lastfm-square:before, .fa-square-lastfm:before {
  content: "\f203"; }

.fa-vimeo:before {
  content: "\f40a"; }

.fa-mendeley:before {
  content: "\f7b3"; }

.fa-uniregistry:before {
  content: "\f404"; }

.fa-figma:before {
  content: "\f799"; }

.fa-creative-commons-remix:before {
  content: "\f4ee"; }

.fa-cc-amazon-pay:before {
  content: "\f42d"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-cmplid:before {
  content: "\e360"; }

.fa-facebook:before {
  content: "\f09a"; }

.fa-gripfire:before {
  content: "\f3ac"; }

.fa-jedi-order:before {
  content: "\f50e"; }

.fa-uikit:before {
  content: "\f403"; }

.fa-fort-awesome-alt:before {
  content: "\f3a3"; }

.fa-phabricator:before {
  content: "\f3db"; }

.fa-ussunnah:before {
  content: "\f407"; }

.fa-earlybirds:before {
  content: "\f39a"; }

.fa-trade-federation:before {
  content: "\f513"; }

.fa-autoprefixer:before {
  content: "\f41c"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-google-play:before {
  content: "\f3ab"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-line:before {
  content: "\f3c0"; }

.fa-google-drive:before {
  content: "\f3aa"; }

.fa-servicestack:before {
  content: "\f3ec"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-imdb:before {
  content: "\f2d8"; }

.fa-deezer:before {
  content: "\e077"; }

.fa-raspberry-pi:before {
  content: "\f7bb"; }

.fa-jira:before {
  content: "\f7b1"; }

.fa-docker:before {
  content: "\f395"; }

.fa-screenpal:before {
  content: "\e570"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-gitter:before {
  content: "\f426"; }

.fa-d-and-d:before {
  content: "\f38d"; }

.fa-microblog:before {
  content: "\e01a"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-pied-piper-hat:before {
  content: "\f4e5"; }

.fa-kickstarter-k:before {
  content: "\f3bc"; }

.fa-yandex:before {
  content: "\f413"; }

.fa-readme:before {
  content: "\f4d5"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-sass:before {
  content: "\f41e"; }

.fa-wirsindhandwerk:before, .fa-wsh:before {
  content: "\e2d0"; }

.fa-buromobelexperte:before {
  content: "\f37f"; }

.fa-salesforce:before {
  content: "\f83b"; }

.fa-octopus-deploy:before {
  content: "\e082"; }

.fa-medapps:before {
  content: "\f3c6"; }

.fa-ns8:before {
  content: "\f3d5"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-apper:before {
  content: "\f371"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-waze:before {
  content: "\f83f"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-snapchat-ghost:before, .fa-snapchat:before {
  content: "\f2ab"; }

.fa-fantasy-flight-games:before {
  content: "\f6dc"; }

.fa-rust:before {
  content: "\e07a"; }

.fa-wix:before {
  content: "\f5cf"; }

.fa-behance-square:before, .fa-square-behance:before {
  content: "\f1b5"; }

.fa-supple:before {
  content: "\f3f9"; }

.fa-rebel:before {
  content: "\f1d0"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-staylinked:before {
  content: "\f3f5"; }

.fa-kaggle:before {
  content: "\f5fa"; }

.fa-space-awesome:before {
  content: "\e5ac"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-cpanel:before {
  content: "\f388"; }

.fa-goodreads-g:before {
  content: "\f3a9"; }

.fa-git-square:before, .fa-square-git:before {
  content: "\f1d2"; }

.fa-square-tumblr:before, .fa-tumblr-square:before {
  content: "\f174"; }

.fa-trello:before {
  content: "\f181"; }

.fa-creative-commons-nc-jp:before {
  content: "\f4ea"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-perbyte:before {
  content: "\e083"; }

.fa-grunt:before {
  content: "\f3ad"; }

.fa-weebly:before {
  content: "\f5cc"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-themeco:before {
  content: "\f5c6"; }

.fa-python:before {
  content: "\f3e2"; }

.fa-android:before {
  content: "\f17b"; }

.fa-bots:before {
  content: "\e340"; }

.fa-free-code-camp:before {
  content: "\f2c5"; }

.fa-hornbill:before {
  content: "\f592"; }

.fa-js:before {
  content: "\f3b8"; }

.fa-ideal:before {
  content: "\e013"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-dev:before {
  content: "\f6cc"; }

.fa-sketch:before {
  content: "\f7c6"; }

.fa-yandex-international:before {
  content: "\f414"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-uber:before {
  content: "\f402"; }

.fa-github:before {
  content: "\f09b"; }

.fa-php:before {
  content: "\f457"; }

.fa-alipay:before {
  content: "\f642"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-firefox-browser:before {
  content: "\e007"; }

.fa-replyd:before {
  content: "\f3e6"; }

.fa-suse:before {
  content: "\f7d6"; }

.fa-jenkins:before {
  content: "\f3b6"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-rockrms:before {
  content: "\f3e9"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-buffer:before {
  content: "\f837"; }

.fa-npm:before {
  content: "\f3d4"; }

.fa-yammer:before {
  content: "\f840"; }

.fa-btc:before {
  content: "\f15a"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-stubber:before {
  content: "\e5c7"; }

.fa-telegram-plane:before, .fa-telegram:before {
  content: "\f2c6"; }

.fa-old-republic:before {
  content: "\f510"; }

.fa-odysee:before {
  content: "\e5c6"; }

.fa-square-whatsapp:before, .fa-whatsapp-square:before {
  content: "\f40c"; }

.fa-node-js:before {
  content: "\f3d3"; }

.fa-edge-legacy:before {
  content: "\e078"; }

.fa-slack-hash:before, .fa-slack:before {
  content: "\f198"; }

.fa-medrt:before {
  content: "\f3c8"; }

.fa-usb:before {
  content: "\f287"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-vaadin:before {
  content: "\f408"; }

.fa-quora:before {
  content: "\f2c4"; }

.fa-square-x-twitter:before {
  content: "\e61a"; }

.fa-reacteurope:before {
  content: "\f75d"; }

.fa-medium-m:before, .fa-medium:before {
  content: "\f23a"; }

.fa-amilia:before {
  content: "\f36d"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-flipboard:before {
  content: "\f44d"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-critical-role:before {
  content: "\f6c9"; }

.fa-sitrox:before {
  content: "\e44a"; }

.fa-discourse:before {
  content: "\f393"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-mastodon:before {
  content: "\f4f6"; }

.fa-airbnb:before {
  content: "\f834"; }

.fa-wolf-pack-battalion:before {
  content: "\f514"; }

.fa-buy-n-large:before {
  content: "\f8a6"; }

.fa-gulp:before {
  content: "\f3ae"; }

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1"; }

.fa-strava:before {
  content: "\f428"; }

.fa-ember:before {
  content: "\f423"; }

.fa-canadian-maple-leaf:before {
  content: "\f785"; }

.fa-teamspeak:before {
  content: "\f4f9"; }

.fa-pushed:before {
  content: "\f3e1"; }

.fa-wordpress-simple:before {
  content: "\f411"; }

.fa-nutritionix:before {
  content: "\f3d6"; }

.fa-wodu:before {
  content: "\e088"; }

.fa-google-pay:before {
  content: "\e079"; }

.fa-intercom:before {
  content: "\f7af"; }

.fa-zhihu:before {
  content: "\f63f"; }

.fa-korvue:before {
  content: "\f42f"; }

.fa-pix:before {
  content: "\e43a"; }

.fa-steam-symbol:before {
  content: "\f3f6"; }

:host, :root {
  --fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"; }

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../fonts/fa-regular-400.woff2) format("woff2"), url(../fonts/fa-regular-400.ttf) format("truetype"); }

.fa-regular, .far {
  font-weight: 400; }

:host, :root {
  --fa-style-family-classic:"Font Awesome 6 Free";
  --fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"; }

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.ttf) format("truetype"); }

.fa-solid, .fas {
  font-weight: 900; }

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: block;
  font-weight: 400;
  src: url(../fonts/fa-brands-400.woff2) format("woff2"), url(../fonts/fa-brands-400.ttf) format("truetype"); }

@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 900;
  src: url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.ttf) format("truetype"); }

@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 400;
  src: url(../fonts/fa-regular-400.woff2) format("woff2"), url(../fonts/fa-regular-400.ttf) format("truetype"); }

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.ttf) format("truetype"); }

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(../fonts/fa-brands-400.woff2) format("woff2"), url(../fonts/fa-brands-400.ttf) format("truetype"); }

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(../fonts/fa-regular-400.woff2) format("woff2"), url(../fonts/fa-regular-400.ttf) format("truetype");
  unicode-range: u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc; }

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(../fonts/fa-v4compatibility.woff2) format("woff2"), url(../fonts/fa-v4compatibility.ttf) format("truetype");
  unicode-range: u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a; }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

*,
*:before,
*:after {
  box-sizing: border-box; }

html,
body {
  height: 100%; }

body {
  background: white;
  color: #333333;
  cursor: auto;
  margin: 0;
  padding: 0;
  position: relative; }

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

a:hover {
  cursor: pointer; }

figure {
  margin: 0 0 1.5rem; }

img {
  display: inline-block;
  height: auto;
  max-width: 100%;
  vertical-align: middle; }

img {
  -ms-interpolation-mode: bicubic; }

button {
  background: none;
  border: 0; }
  button:active, button:focus {
    box-shadow: none;
    outline: none; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

html {
  font-size: 14px; }
  @media (min-width: 551px) {
    html {
      font-size: 14px; } }
  @media (min-width: 801px) {
    html {
      font-size: 14px; } }
  @media (min-width: 1261px) {
    html {
      font-size: 14px; } }

body {
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.5; }

a {
  color: #333333;
  line-height: inherit;
  text-decoration: underline; }
  a:hover, a:focus {
    color: #757575; }

p {
  margin-bottom: 1.5rem; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #444444;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 600;
  letter-spacing: 0.25px;
  margin-bottom: 0.78571rem; }
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small {
    color: #757575;
    font-size: 60%;
    line-height: 0; }

h1 {
  font-size: 28px; }

h2 {
  font-size: 25px; }

h3 {
  font-size: 22px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 15px; }

h6 {
  font-size: 13px; }

.subheader {
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0.78571rem; }

hr {
  border: solid #e5e5e5;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 2rem 0 1.92857rem; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: 700;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

ul,
ol,
dl {
  list-style-position: outside;
  margin-bottom: 1.5rem; }

ul ul,
ul ol,
ol ul,
ol ol {
  margin-left: 1.2rem;
  margin-bottom: 0; }

ul {
  margin-left: 1.15rem; }

ol {
  margin-left: 1.15rem; }

dl dt {
  font-weight: 700;
  margin-bottom: 0.35714rem; }

dl dd {
  margin-bottom: 1.5rem; }

abbr,
acronym {
  border-bottom: 1px dotted #cccccc;
  color: #333333;
  cursor: help;
  font-size: 90%;
  text-transform: uppercase; }

abbr {
  text-transform: none; }

blockquote { }

blockquote,
blockquote p {
  font-size: 22px;
  line-height: 29px; }

cite {
  color: #999999;
  display: block;
  font-size: 1rem; }

.icon {
  height: 1.14286rem;
  width: 1.14286rem;
  display: inline-block;
  vertical-align: middle; }
  .icon svg {
    display: inline-block;
    fill: #757575;
    height: 100%;
    vertical-align: top;
    width: 100%; }

/*doc
---
title: Lists
name: lists
category: Elements
---

*/
/*doc
---
title: Inline List
name: inline_list
category: Elements
parent: lists
---


```html_example
<ul class="inlineList">
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    <li><a href="#">Link 4</a></li>
    <li><a href="#">Link 5</a></li>
</ul>
```
##### Inline list settings
```sass_file_example
src/settings/foundation/inlineList/_settings.scss
```

*/
.inlineList {
  list-style: none;
  margin-top: 0;
  margin-bottom: 1.21429rem;
  margin-left: -1.57143rem;
  margin-right: 0;
  overflow: hidden;
  padding: 0; }
  .inlineList > li {
    display: block;
    float: left;
    list-style: none;
    margin-left: 1.57143rem; }
    .inlineList > li > * {
      display: block; }

/*doc
---
title: Tables
name: tables
category: Elements
---


```html_example
<table class="table">
    <thead class="table-thead">
        <tr>
            <th>Table Header</th>
            <th>Table Header</th>
            <th class="table-header--numericData" scope="column">Totals</th>
        </tr>
    </thead>
    <tbody class="table-tbody">
        <tr>
            <td>Content Goes Here</td>
            <td>This is longer content Donec id elit non mi porta gravida at eget metus.</td>
            <td class="table-cell--numericData">$10</td>
        </tr>
    </tbody>
    <tfoot class="table-tfoot">
        <tr>
            <td class="table-cell--numericData" colspan="2">Subtotal:</td>
            <td class="table-cell--numericData"><strong>$60</strong></td>
        </tr>
    </tfoot>
</table>
```
##### Tables settings
```sass_file_example
src/settings/foundation/tables/_settings.scss
```

*/
.table {
  border: solid 1px #e5e5e5;
  margin-bottom: 2rem;
  table-layout: auto;
  width: 100%; }
  .table thead {
    background: #e5e5e5; }
    .table thead tr th,
    .table thead tr td {
      font-size: 1rem;
      font-weight: 700;
      padding: 0.78571rem 1.5rem; }
  .table tr th,
  .table tr td {
    padding: 0.78571rem 1.5rem;
    text-align: left; }
  .table thead tr th,
  .table tfoot tr th,
  .table tfoot tr td,
  .table tbody tr th,
  .table tbody tr td,
  .table tr td {
    display: table-cell; }
  .table th.table-header--numericData,
  .table td.table-cell--numericData {
    text-align: right; }

.table-thead {
  border: 1px solid #e5e5e5; }

.table-tfoot {
  border: 1px solid #e5e5e5; }

.table-tbody tr {
  border-bottom: 1px solid #e5e5e5; }
  .table-tbody tr:last-child {
    border-bottom: 0; }

/*doc
---
title: Buttons
name: button
category: Components
---

These are all the button

```sass_file_example
src/settings/foundation/buttons/_settings.scss
```

```html_example
<button class="button">Button</button>

<input type="submit" class="button" value="Button">

<a class="button" role="button" href="#">Button</a>
```

*/
.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 1rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  border-color: #8f8f8f;
  color: #666666;
  font-size: 1rem;
  padding: 0.85714rem 2.28571rem;
  border-radius: 4px;
  outline: none;
  vertical-align: middle; }
  .button:hover, .button:focus, .button.is-active, .button.active {
    background-color: transparent;
    border-color: #474747;
    color: #333333; }
  .button:active {
    background-color: transparent;
    border: 1px solid #757575;
    color: black; }
  .button:focus, .button.is-active, .button.active {
    outline: none; }
  @media (min-width: 481px) {
    .button + .button {
      margin-left: 0.78571rem; } }

/*doc
---
title: Button states
name: button_states
category: Components
parent: button
---

```html_example
<button class="button button--primary">Primary Button</button>

<button class="button">Secondary / Default Button</button>

<button class="button button--tertiary">Tertiary Button</button>

<button class="button button--action">Call-to-Action Button</button>
```
    */
.button--primary {
  background-color: #444444;
  border-color: #444444;
  color: white; }
  .button--primary:hover, .button--primary:focus, .button--primary.is-active, .button--primary.active {
    background-color: #666666;
    border-color: #666666;
    color: white; }
  .button--primary:active {
    background-color: black;
    border: 1px solid black;
    color: white; }

.button[disabled] {
  background-color: #cccccc;
  border-color: rgba(0, 0, 255, 0);
  color: white;
  cursor: default; }

/*doc
---
title: Button sizes
name: button_sizes
category: Components
parent: button
---

```html_example
<button class="button button--large">Large</button>

<button class="button">Default</button>

<button class="button button--small">Small</button>

<button class="button button--tiny">Tiny</button>
```

And a special case, slab, which takes the full width of it's container and any
size modifier

```html_example
<button class="button button--slab">Slab</button>

<button class="button button--slab button--large">Slab</button>
```

*/
.button--large {
  font-size: 15px; }

.button--small {
  font-size: 13px;
  padding: 0.57143rem 1.5rem; }

.button--tiny { }

.button--slab {
  display: block;
  width: 100%; }
  .button + .button--slab {
    margin-left: 0; }

.button--icon {
  font-size: 1rem;
  padding: 0.78571rem 0.78571rem; }
  .button--icon svg {
    fill: #757575; }

/*doc
---
title: Button Groups
name: button_groups
category: Components
parent: button
---


```html_example
<div class="buttonGroup">
    <button class="button">Button1</button>
    <button class="button">Button2</button>
    <button class="button">Button3</button>
</div>
```
##### Button group settings
```sass_file_example
src/settings/bigcommerce/buttonGroup/_settings.scss
```

*/
.buttonGroup {
  display: inline-block; }
  .buttonGroup > .button {
    border-radius: 0;
    border-right-width: 0;
    float: left;
    margin-left: 0; }
    .buttonGroup > .button:first-child {
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .buttonGroup > .button:last-child {
      border-bottom-right-radius: 4px;
      border-right-width: 1px;
      border-top-right-radius: 4px; }

/*doc
---
title: Dropdowns
name: dropdown
category: Components
---

Dropdowns are simple lists that can appear next to any element that can trigger a click event.
They can be used by buttons, icons, links and other similar items.

```sass_file_example
src/settings/foundation/dropdown/_settings.scss
```
```html_example
<ul class="dropdown-menu" style="display:block; left: 0;">
    <li class="dropdown-menu-item"><a href="#" ng-click="$event.preventDefault()">One</a></li>
    <li class="dropdown-menu-item"><a href="#" ng-click="$event.preventDefault()">Two</a></li>
    <li class="dropdown-menu-item"><a href="#" ng-click="$event.preventDefault()">Three</a></li>
</ul>
```
*/
.dropdown-menu {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #e5e5e5;
  font-size: 1rem;
  height: auto;
  width: 100%;
  z-index: 89;
  max-width: 200px; }
  .dropdown-menu.open {
    display: block; }
  .dropdown-menu > *:first-child {
    margin-top: 0; }
  .dropdown-menu > *:last-child {
    margin-bottom: 0; }

.dropdown-menu--content {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #e5e5e5;
  font-size: 1rem;
  height: auto;
  padding: 0.78571rem;
  width: 100%;
  z-index: 89;
  max-width: 200px; }
  .dropdown-menu--content.open {
    display: block; }
  .dropdown-menu--content > *:first-child {
    margin-top: 0; }
  .dropdown-menu--content > *:last-child {
    margin-bottom: 0; }

.dropdown-menu-item {
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  padding: 0.35714rem 0.71429rem; }
  .dropdown-menu-item a {
    display: block;
    padding: 0.35714rem; }
  .dropdown-menu-item a {
    margin: -0.35714rem; }

/*doc
---
title: Forms
name: forms
category: Forms
---

##### Foundation Forms settings
```sass_file_example
src/settings/foundation/forms/_settings.scss
```

##### Citadel Forms settings
```sass_file_example
src/settings/foundation/forms/_settings.scss
```

*/
/*doc
---
title: Form basics
name: 01forms_basics
category: Forms
parent: forms
---

Citadel comes with styling for most form input types and some custom ones. To start
things off a basic, semantic mark-up structure should be adhered too, including
the `form`, `fieldset` and `legend` elements where ever possible.

```html_example
<form action="#" class="form">
    <fieldset class="form-fieldset">
        <legend class="form-legend">Form legend</legend>
    </fieldset>
</form>
```

*/
.form {
  margin: 0 0 1.5rem; }

.form-fieldset {
  border-width: 0;
  margin: 0;
  padding: 0; }

.form-legend {
  background: transparent;
  border: solid #999999;
  border-width: 0 0 1px;
  display: block;
  line-height: 32px;
  margin-bottom: 0.78571rem;
  padding: 0;
  width: 100%; }

/*doc
---
title: Form labels and inputs
name: 03forms_basics
category: Forms
parent: forms
---

Inputs of all types should be associated with a label which has a `for` attribute

```html_example
<div class="form-field">
    <label class="form-label" for="input1">Input Label</label>
    <input class="form-input" id="input1" type="text" placeholder="Placeholder text">
</div>
<div class="form-field">
    <label class="form-label" for="input2">Number Label</label>
    <input class="form-input" id="input2" type="number" placeholder="Number input">
</div>
<div class="form-field">
    <label class="form-label" for="input3">Textarea Label <small>additional context</small></label>
    <textarea class="form-input" id="input3" placeholder="Placeholder text" rows="3"></textarea>
</div>
```
*/
.form-label {
  color: #666666;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0.5rem; }
  .form-label small {
    color: #757575;
    font-size: 0.71429rem;
    text-transform: uppercase;
    vertical-align: bottom; }

.form-input {
  appearance: none;
  background-color: white;
  border-color: #8f8f8f;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #666666;
  display: block;
  font-family: inherit;
  font-size: 1rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  height: 3rem;
  margin: 0;
  padding: 0.75rem 1rem;
  transition: border-color 100ms ease-out;
  width: 100%;
  /*doc
---
title: Disabled inputs
name: 04forms_basics
category: Forms
parent: forms
---

```html_example
<div class="form-field">
    <label class="form-label" for="disabled_input1">Input Label</label>
    <input class="form-input" id="disabled_input1" disabled type="text" value="Disabled text">
</div>

<div class="form-field">
    <label class="form-label" for="disabled_input2">Input Label</label>
    <input class="form-input" id="disabled_input2" readonly type="text" value="Readonly text">
</div>
```
*/ }
  .form-input:disabled {
    background-color: white;
    color: #999999;
    cursor: not-allowed; }
  .form-input[readonly] {
    background-color: #e5e5e5;
    border-color: #999999;
    color: #757575;
    cursor: text; }
  .form-input:focus {
    border-color: #474747;
    outline: none; }
  .form-input[rows] {
    height: auto; }
  .form-input[type="search"] {
    box-sizing: border-box; }
  .form-input::-webkit-input-placeholder {
    color: #999999; }
  .form-input::-ms-clear {
    height: 0;
    width: 0; }
  .form-input::-moz-placeholder {
    color: #999999; }
  .form-input:-ms-input-placeholder {
    color: #999999; }

/*doc
---
title: Selects
name: 05forms_basics
category: Forms
parent: forms
---

```html_example
<div class="form-field">
    <label class="form-label" for="select1">Native Select label</label>
    <select class="form-select" name="select1" id="select1">
        <option>Please select a value</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
    </select>
</div>
```
*/
.form-select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: white;
  border-radius: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
  background-position: 100% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #8f8f8f;
  color: #666666;
  font-family: inherit;
  font-size: 1rem;
  line-height: normal;
  padding: 0.75rem;
  border-radius: 0;
  cursor: pointer;
  height: 3rem;
  margin: 0;
  outline: 0; }
  .form-select::-ms-expand {
    display: none; }
  .form-select.radius {
    border-radius: 4px; }
  .form-select:focus {
    border-color: #474747; }
  .form-select:disabled {
    background-color: white;
    cursor: not-allowed; }
  .form-select:focus {
    border-color: #474747; }

/*doc
---
title: Form Panels and Layouts
name: 13forms_layouts
category: Forms
parent: forms
---

We provide a couple of component styles to layout forms.

The more `form-field` components you place in the `form-row`, the smaller the columns gets.
Columns are equal length, and calculated automatically by Flexbox by default.

It's the same mark-up but depending on your browser support needs, you can switch
between a flexbox layout or a more traditional grid based layout by setting
`$formRow-modernBrowsers` to `false`.

The grid based layout of `form-feilds` will require the use of modifiers to calculate
the correct widths. We support `form-field--half`, `form-field--third` and
`form-field--quarter`

```html_example
<form action="#" class="form">
    <fieldset class="form-fieldset">
        <legend class="form-legend">Form legend</legend>
        <div class="form-body">
            <div class="form-row">
                <div class="form-field">
                    <label class="form-label" for="input12">Input Label</label>
                    <input class="form-input" id="input12" type="text" placeholder="Placeholder text">
                </div>
            </div>
            <div class="form-row">
                <div class="form-field">
                    <label class="form-label" for="input12">Input Label</label>
                    <input class="form-input" id="input12" type="text" placeholder="Placeholder text">
                </div>
                <div class="form-field">
                    <label class="form-label" for="input4">Prefixed Label</label>
                    <div class="form-prefixPostfix">
                        <span class="form-prefixPostfix-label form-prefixPostfix-label--prefix" id="prefixDesc1">KG</span>
                        <input class="form-input form-prefixPostfix-input" id="input4" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc1">
                    </div>
                </div>
            </div>
            <div class="form-row">
                <div class="form-field">
                    <label class="form-label" for="input12">Input Label</label>
                    <input class="form-input" id="input12" type="text" placeholder="Placeholder text">
                </div>
                <div class="form-field">
                    <label class="form-label" for="input4">Prefixed Label</label>
                    <div class="form-prefixPostfix">
                        <span class="form-prefixPostfix-label form-prefixPostfix-label--prefix" id="prefixDesc1">KG</span>
                        <input class="form-input form-prefixPostfix-input" id="input4" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc1">
                    </div>
                </div>
                <div class="form-field">
                    <label class="form-label" for="input12">Input Label</label>
                    <input class="form-input" id="input12" type="text" placeholder="Placeholder text">
                </div>
            </div>
            <div class="form-row">
                <div class="form-field">
                    <label class="form-label" for="input12">Input Label</label>
                    <input class="form-input" id="input12" type="text" placeholder="Placeholder text">
                </div>
                <div class="form-field">
                    <label class="form-label" for="input4">Prefixed Label</label>
                    <div class="form-prefixPostfix">
                        <span class="form-prefixPostfix-label form-prefixPostfix-label--prefix" id="prefixDesc1">KG</span>
                        <input class="form-input form-prefixPostfix-input" id="input4" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc1">
                    </div>
                </div>
                <div class="form-field">
                    <label class="form-label" for="input12">Input Label</label>
                    <input class="form-input" id="input12" type="text" placeholder="Placeholder text">
                </div>
                <div class="form-field">
                    <label class="form-label" for="input4">Prefixed Label</label>
                    <div class="form-prefixPostfix">
                        <span class="form-prefixPostfix-label form-prefixPostfix-label--prefix" id="prefixDesc1">KG</span>
                        <input class="form-input form-prefixPostfix-input" id="input4" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc1">
                    </div>
                </div>
            </div>
        </div>
    </fieldset>
</form>
```
*/
.form-body {
  background-color: white;
  border: 1px solid #999999;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13);
  margin-bottom: 1.5rem;
  max-width: none;
  padding: 1.5rem; }

.form-row {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto; }
  .form-row:before, .form-row:after {
    content: " ";
    display: table; }
  .form-row:after {
    clear: both; }
  .form-row .form-field {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 100%;
    float: left;
    max-width: none; }
  @media (min-width: 551px) {
    .form-row--half .form-field {
      width: 50%; }
    .form-row--third .form-field {
      width: 33.33333%; }
    .form-row--quarter .form-field {
      width: 25%; } }

/*doc
---
title: Form Fields
name: 02forms_basics
category: Forms
parent: forms
---

Each form input should be wrapped in a `form-field`

```html_example
<div class="form-field">
</div>
```
*/
.form-field {
  display: block;
  margin: 0 0 2rem;
  max-width: none; }
  .form-field:before, .form-field:after {
    content: " ";
    display: table; }
  .form-field:after {
    clear: both; }

/*doc
---
title: Selects [multiple]
name: 06forms_basics
category: Forms
parent: forms
---

Styling of the select element with the multiple attribute

```html_example
<div class="form-field">
    <label class="form-label" for="multiselect1">Native Select Multiple label</label>
    <select class="form-select" multiple name="multiselect1" id="multiselect1">
        <option>Please select a value</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        <option value="4">Option 4</option>
    </select>
</div>
```
*/
.form-select[multiple] {
  height: auto; }
  .form-select[multiple] option {
    padding: 5px; }

/*doc
---
title: Radios and Checkbox
name: 07forms_basics
category: Forms
parent: forms
---

```html_example
<div class="form-field">
    <label class="form-label">Field label</label>
    <input class="form-checkbox" type="checkbox" id="check1">
    <label class="form-label" for="check1">Checkbox 1 label</label>
    <input class="form-checkbox" type="checkbox" id="check2">
    <label class="form-label" for="check2">Checkbox 2 label</label>
</div>
```

```html_example
<div class="form-field">
    <label class="form-label">Field label</label>
    <input class="form-radio" type="radio" name="radio_example" id="radio1">
    <label class="form-label" for="radio1">Radio 1 label</label>
    <input class="form-radio" type="radio" name="radio_example" id="radio2">
    <label class="form-label" for="radio2">Radio 2 label</label>
</div>
```
*/
.form-checkbox,
.form-radio {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .form-checkbox + .form-label,
  .form-radio + .form-label {
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0.35714rem;
    padding-left: 1.85714rem;
    position: relative;
    vertical-align: baseline;
    width: 100%; }
    .form-checkbox + .form-label::before, .form-checkbox + .form-label::after,
    .form-radio + .form-label::before,
    .form-radio + .form-label::after {
      content: "";
      display: block;
      position: absolute;
      transition: all 50ms ease-out; }
    .form-checkbox + .form-label::before,
    .form-radio + .form-label::before {
      background-color: white;
      border: solid #8f8f8f;
      border-width: 1px;
      height: 1.14286rem;
      left: 0;
      top: 0;
      width: 1.14286rem; }
    .form-checkbox + .form-label::after,
    .form-radio + .form-label::after {
      height: 1rem;
      left: 1px;
      opacity: 0;
      top: 1px;
      transform: scale(0);
      width: 1rem; }

.form-checkbox:checked + .form-label::after,
.form-radio:checked + .form-label::after {
  opacity: 1;
  transform: scale(1); }

.form-checkbox[disabled] + .form-label,
.form-radio[disabled] + .form-label {
  cursor: default; }
  .form-checkbox[disabled] + .form-label::before,
  .form-radio[disabled] + .form-label::before {
    background-color: white; }

.form-checkbox + .form-label::before {
  border-radius: 4px; }

.form-checkbox + .form-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='rgba(51, 51, 51, 0.999)' /%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  color: rgba(51, 51, 51, 0.999);
  content: "";
  font-size: 1rem;
  line-height: 1;
  text-align: center; }

.form-radio + .form-label::before {
  border-radius: 50%; }

.form-radio + .form-label::after {
  background: rgba(51, 51, 51, 0.999);
  border: 3px solid white;
  border-radius: 1rem; }

/*doc
---
title: Inputs with Extras
name: 08forms_inputextras
category: Forms
parent: forms
---

Sometimes inputs need inline actions. An inline button for a search box for example.

```html_example
<div class="form-field">
    <label class="form-label" for="input9">Input with action</label>
    <input class="form-input has-action" type="search" id="input9">
    <button class="button button--icon button--inputAction">
        <span class="u-hiddenVisually">Search</span>
        <icon glyph="ic-search" class="icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></svg></icon>
    </button>
</div>
```
*/
.form-input.has-action {
  float: left;
  padding-right: 2.85714rem; }
  .form-input.has-action + .button--inputAction {
    background: transparent;
    border: 0;
    border-radius: 0 0 0 0;
    float: left;
    height: 2.85714rem;
    margin: 0.07143rem 0 0 -2.92857rem;
    width: 2.85714rem; }

/*doc
---
title: Inputs with Icons
name: 09forms_inputicons
category: Forms
parent: forms
---

Sometimes inputs need to display an informative icon to convey a certain meaning, like secure.

```html_example
<div class="form-field">
    <label class="form-label" for="input99">Input with icon</label>
    <input class="form-input has-icon" type="search" id="input9">
    <icon glyph="ic-lock" class="icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"></path></svg></icon>
</div>
```
*/
.form-input.has-icon {
  float: left;
  padding-right: 2.57143rem; }
  .form-input.has-icon + .icon {
    height: 3rem;
    margin-left: -2.57143rem;
    width: 1.42857rem; }

/*doc
---
title: Form PrefixPostfix
name: 10forms_prefixpostfix
category: Forms
parent: forms
---

PrefixPostfix

```html_example
<div class="form-field">
    <label class="form-label" for="input4">Prefixed Label <small>(Inc. tax)</small></label>
    <div class="form-prefixPostfix">
        <span class="form-prefixPostfix-label form-prefixPostfix-label--prefix" id="prefixDesc1">AUD $</span>
        <input class="form-input form-prefixPostfix-input" id="input4" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc1">
    </div>
</div>

<div class="form-field">
    <label class="form-label" for="input5">Postfixed Label</label>
    <div class="form-prefixPostfix">
        <input class="form-input form-prefixPostfix-input" id="input5" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc2">
        <span class="form-prefixPostfix-label form-prefixPostfix-label--postfix" id="prefixDesc2">KG</span>
    </div>
</div>
```

### PrefixPostfix with a button

```html_example
<div class="form-field">
    <label class="form-label" for="input6">Prefixed Button</label>
    <div class="form-prefixPostfix">
        <input class="button form-prefixPostfix-button--prefix" type="submit" value="Save">
        <input class="form-input" id="input6" type="text" placeholder="Placeholder text">
    </div>
</div>

<div class="form-field">
    <label class="form-label" for="input7">Postfixed Button</label>
    <div class="form-prefixPostfix">
        <input class="form-input" id="input7" type="text" placeholder="Placeholder text">
        <input class="button form-prefixPostfix-button--postfix" type="submit" value="Save">
    </div>
</div>
```
*/
.form-prefixPostfix {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap; }
  .form-prefixPostfix .form-input {
    flex: 1; }
  .form-prefixPostfix .button {
    height: 3rem; }

.form-prefixPostfix-input {
  border-radius: 0 0 0 0; }

.form-prefixPostfix-label {
  background-color: #fff;
  border: solid #999999;
  border-width: 1px;
  flex: 1;
  font-weight: 300;
  height: 3rem;
  line-height: normal;
  max-width: 6.42857rem;
  padding: 0.75rem;
  text-align: center; }

.form-prefixPostfix-label--prefix {
  border-radius: 0 0 0 0;
  border-width: 1px 0 1px 1px; }
  .form-prefixPostfix-label--prefix + .form-input {
    border-radius: 0 0 0 0; }

.form-prefixPostfix-label--postfix {
  border-radius: 0 0 0 0;
  border-width: 1px 1px 1px 0; }

.form-prefixPostfix-button--prefix {
  margin: 0 0.75rem 0 0; }

.form-prefixPostfix-button--postfix {
  margin: 0 0 0 0.75rem; }

/*doc
---
title: Form Switch
name: 11forms_switch
category: Forms
parent: forms
---

Switch

```html_example
<div class="form-field">
    <switch>
        <div class="switch">
            <input class="switch-checkbox" type="checkbox" id="switch-1" aria-describedby="switch-ariaDescription-2">
            <label class="switch-toggle" for="switch-1">
            </label>
            <span id="switch-ariaDescription-2" class="switch-ariaDescription">
                Switching this setting off will...
            </span>
        </div>
    </switch>
</div>

<div class="form-field">
    <switch>
        <div class="switch switch--checked">
            <input class="switch-checkbox" type="checkbox" id="switch-1" aria-describedby="switch-ariaDescription-2">
            <label class="switch-toggle" for="switch-1">
            </label>
            <span id="switch-ariaDescription-2" class="switch-ariaDescription">
                Switching this setting off will...
            </span>
        </div>
    </switch>
</div>

<div class="form-field">
    <switch>
        <div class="switch switch--checked">
            <input class="switch-checkbox" type="checkbox" id="switch-3" aria-describedby="switch-ariaDescription-4">
            <label class="switch-toggle" for="switch-3">
                <span class="switch-label">On</span>
            </label>
            <span id="switch-ariaDescription-4" class="switch-ariaDescription">
                Switching this setting off will...
            </span>
        </div>
    </switch>
</div>

<div class="form-field">
    <switch>
        <div class="switch">
            <input class="switch-checkbox" type="checkbox" id="switch-3" aria-describedby="switch-ariaDescription-4">
            <label class="switch-toggle" for="switch-3">
                <span class="switch-label">Off</span>
            </label>
            <span id="switch-ariaDescription-4" class="switch-ariaDescription">
                Switching this setting off will...
            </span>
        </div>
    </switch>
</div>

<div class="form-field">
    <switch>
        <div class="switch switch--important">
            <span class="switch-description--off">Down for Maintenance</span>
            <input class="switch-checkbox" type="checkbox" id="switch-7" aria-describedby="switch-ariaDescription-8">
            <label class="switch-toggle" for="switch-7">
            </label>
            <span class="switch-description--on">Open</span>
            <span id="switch-ariaDescription-8" class="switch-ariaDescription">
                Switching this setting to off will enter your store into maintenance mode.
            </span>
        </div>
    </switch>
</div>

<div class="form-field">
    <switch>
        <div class="switch switch--important switch--checked">
            <span class="switch-description--off">Down for Maintenance</span>
            <input class="switch-checkbox" type="checkbox" id="switch-7" aria-describedby="switch-ariaDescription-8">
            <label class="switch-toggle" for="switch-7">
            </label>
            <span class="switch-description--on">Open</span>
            <span id="switch-ariaDescription-8" class="switch-ariaDescription">
                Switching this setting to off will enter your store into maintenance mode.
            </span>
        </div>
    </switch>
</div>
```
*/
.switch-checkbox {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .switch-checkbox:focus + .switch-toggle {
    border-color: #757575;
    box-shadow: 0 0 4px rgba(117, 117, 117, 0.4); }

.switch-toggle {
  background-color: #757575;
  border: 1px solid #757575;
  border-radius: 2rem;
  cursor: pointer;
  display: inline-block;
  height: 2rem;
  position: relative;
  transition: all 100ms ease-out;
  vertical-align: middle;
  width: 4.28571rem; }
  .switch--important .switch-toggle {
    background-color: #f1a500;
    border-color: #f1a500; }
  .switch--checked .switch-toggle {
    background-color: #008a06;
    border-color: #008a06; }
  .switch--disabled .switch-toggle {
    background-color: #e5e5e5;
    border-color: #999999;
    cursor: default; }

.switch-toggle::before {
  background: #fff;
  border-radius: 1.4286rem;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  content: "";
  height: 1.4286rem;
  left: 0.21427rem;
  position: absolute;
  top: 0.21427rem;
  transition: all 100ms ease-out;
  width: 1.4286rem; }
  .switch--checked .switch-toggle::before {
    left: 2.49999rem; }

.switch-label {
  color: #fff;
  height: 26px;
  line-height: 1.92857;
  position: absolute;
  right: 0.42857rem;
  text-transform: uppercase;
  transition: all 100ms ease-out; }
  .switch--checked .switch-label {
    font-weight: 600;
    left: 0.42857rem;
    right: auto; }
  .switch--disabled .switch-label {
    color: #757575; }

.switch-label--icon.icon {
  height: 1.85714rem;
  width: 1.85714rem; }
  .switch-label--icon.icon svg {
    height: 1.85714rem;
    width: 1.85714rem;
    fill: #fff; }
    .switch--disabled .switch-label--icon.icon svg {
      fill: #757575; }

.switch-description--off {
  color: black;
  margin-right: 5px; }
  .switch--checked .switch-description--off {
    color: #757575; }

.switch-description--on {
  color: #757575;
  margin-left: 5px; }
  .switch--checked .switch-description--on {
    color: black; }

.switch-ariaDescription {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*doc
---
title: Form Actions
name: 14forms_actions
category: Forms
parent: forms
---

Forms require actions to submit or cancel (or what ever action a user should perform).
Form actions come in 2 flavours; normal and fixed.

```html_example
<div class="form-actions">
    <a href="#">Cancel</a>
    <button class="button">Reset</button>
    <button class="button button--primary">Submit</button>
</div>
```

### Form Actions --fixed

```html_example
<div class="form-actions form-actions--fixed">
    <a href="#">Cancel</a>
    <button class="button">Reset</button>
    <button class="button button--primary">Submit</button>
</div>
```
*/
.form-actions {
  background: none;
  border: 0;
  text-align: center; }
  @media (min-width: 481px) {
    .form-actions {
      text-align: left; } }

.form-actions > * {
  display: inline-block;
  margin-bottom: 1rem;
  width: 100%; }
  @media (min-width: 481px) {
    .form-actions > * {
      vertical-align: baseline;
      width: auto; } }

@media (min-width: 481px) {
  .form-actions--fixed {
    background: white;
    border-top: 1px solid #999999;
    bottom: 0;
    left: 0;
    padding: 1.5rem 2rem;
    position: fixed;
    right: 0;
    text-align: right;
    z-index: 20; } }

/*doc
---
title: Form Errors
name: 12forms_errors
category: Forms
parent: forms
---

Form inline errors

```html_example
<div class="form-field form-field--success">
    <label class="form-label" for="valid_simple">Valid field</label>
    <input class="form-input" id="valid_simple" type="text" value="Some Valid text">
    <icon class="form-input-indicator icon ng-isolate-scope" glyph="ic-check-circle" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></svg></icon>
</div>

<div class="form-field form-field--error">
    <label class="form-label" for="invalid_simple">Invalid field</label>
    <input class="form-input" id="invalid_simple" type="text" value="Some Invalid text">
    <icon class="form-input-indicator icon ng-isolate-scope" glyph="ic-error" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></svg></icon>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_simple">
                This is not a valid email address
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--warning">
    <label class="form-label" for="warning_simple">Warning field</label>
    <input class="form-input" id="warning_simple" type="text" value="Text that generated a Warning">
    <icon class="form-input-indicator icon ng-isolate-scope" glyph="ic-error" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></svg></icon>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage" for="warning_simple">
                Did you mean…
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--error">
    <label class="form-label" for="invalid_select">Select label</label>
    <select class="form-select" name="invalid_select" id="invalid_select">
        <option value="Please select a value">Please select a value</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
    </select>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_select">
                You must select a value
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--error">
    <label class="form-label">Checkbox label</label>
    <input class="form-checkbox" type="checkbox" id="invalid_check1">
    <label class="form-label" for="invalid_check1">Checkbox 1 label</label>
    <input class="form-checkbox" type="checkbox" id="invalid_check2">
    <label class="form-label" for="invalid_check2">Checkbox 2 label</label>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage">
                Please select one or more
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--error">
    <label class="form-label">Radio label</label>
    <input class="form-radio" type="radio" name="invalid_radio_example" id="invalid_radio1">
    <label class="form-label" for="invalid_radio1">Radio 1 label</label>
    <input class="form-radio" type="radio" name="invalid_radio_example" id="invalid_radio2">
    <label class="form-label" for="invalid_radio2">Radio 2 label</label>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage">
                Please select an option
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--error">
    <label class="form-label" for="invalid_prefix">Prefixed Label <small>(Inc. tax)</small></label>
    <div class="form-prefixPostfix">
        <span class="form-prefixPostfix-label form-prefixPostfix-label--prefix" id="prefixDesc1">AUD $</span>
        <input class="form-input form-prefixPostfix-input" id="invalid_prefix" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc1">
        <icon class="form-input-indicator icon ng-isolate-scope" glyph="ic-error" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></svg></icon>
    </div>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_prefix">
                Please input a dollar amount
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--error">
    <label class="form-label" for="invalid_postfix">Postfixed Label</label>
    <div class="form-prefixPostfix">
        <input class="form-input form-prefixPostfix-input" id="invalid_postfix" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc2">
        <span class="form-prefixPostfix-label form-prefixPostfix-label--postfix" id="prefixDesc2">KG</span>
    </div>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_postfix">
                Please enter the weight in kilograms
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--error">
    <label class="form-label" for="invalid_postfix_button">Postfixed Button</label>
    <div class="form-prefixPostfix">
        <input class="form-input" id="invalid_postfix_button" type="text" placeholder="Placeholder text">
        <input class="button form-prefixPostfix-button--postfix" type="submit" value="Save">
    </div>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_postfix_button">
                This is a really long error message to give alot
                more detail to the user about what is wrong with this field.
            </label>
        </li>
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_postfix_button">
                Something else was wrong
            </label>
        </li>
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_postfix_button">
                You really messed up here
            </label>
        </li>
    </ul>
</div>
```
*/
.form-input-indicator {
  height: 1.57143rem;
  width: 1.57143rem;
  float: left;
  margin: 0 0 0 -2.14286rem;
  position: relative;
  top: 0.71429rem; }
  .form-prefixPostfix .form-input-indicator {
    top: 0; }
  .form-input-indicator > svg {
    fill: #008a06; }

.form-field-errors {
  list-style: none;
  margin-left: 0;
  margin-left: 0;
  clear: both;
  margin-bottom: 0;
  margin-top: 0.21429rem; }
  .form-field-errors ul,
  .form-field-errors ol {
    list-style: none;
    margin-bottom: 0; }

.form-inlineMessage {
  display: inline-block;
  line-height: 24px;
  margin: 0.35714rem 0 -0.5rem;
  width: 100%; }

.form-field--success .form-input,
.form-field--error .form-input,
.form-field--warning .form-input {
  float: left; }

.form-field--success .form-input,
.form-field--success .form-select,
.form-field--success .form-checkbox + .form-label::before,
.form-field--success .form-radio + .form-label::before,
.form-field--success .form-prefixPostfix-label {
  border-color: #008a06; }

.form-field--success .form-field-error,
.form-field--success .form-inlineMessage {
  color: #008a06; }

.form-field--success .form-input-indicator > svg {
  fill: #008a06; }

.form-field--error .form-input,
.form-field--error .form-select,
.form-field--error .form-checkbox + .form-label::before,
.form-field--error .form-radio + .form-label::before,
.form-field--error .form-prefixPostfix-label {
  border-color: #cc4749; }

.form-field--error .form-field-error,
.form-field--error .form-inlineMessage {
  color: #cc4749; }

.form-field--error .form-input-indicator > svg {
  fill: #cc4749; }

.form-field--warning .form-input,
.form-field--warning .form-select,
.form-field--warning .form-checkbox + .form-label::before,
.form-field--warning .form-radio + .form-label::before,
.form-field--warning .form-prefixPostfix-label {
  border-color: #f1a500; }

.form-field--warning .form-field-error,
.form-field--warning .form-inlineMessage {
  color: #f1a500; }

.form-field--warning .form-input-indicator > svg {
  fill: #f1a500; }

/*doc
---
title: Panels
name: panel
category: Components
---

Panels are a simple container which is relatively positioned within the document which helps you section
your content. Panels may also have a header, which contains a related title to describe the contents.

```sass_file_example
src/settings/foundation/panels/_settings.scss
```
```html_example
<div class="panel">
    <div class="panel-header">
        <h2 class="panel-title">Panel Title</h2>
    </div>
    <div class="panel-body">
        <h2>Some Panel Content</h2>
        <p>Should be able to handle any type of content.</p>
    </div>
</div>
```
*/
.panel {
  position: relative; }

.panel-header {
  background-color: #e5e5e5;
  margin: 0;
  padding: 1.5rem 2rem 0; }

.panel-title {
  line-height: 1.5;
  margin: 0; }

.panel-body {
  margin-bottom: 1.5rem;
  padding: 1rem 2rem 1.5rem;
  background: #e5e5e5; }
  .panel-body > :first-child {
    margin-top: 0; }
  .panel-body > :last-child {
    margin-bottom: 0; }
  .panel-body > :last-child {
    margin-bottom: 0; }

.breadcrumbs {
  display: block;
  list-style: none;
  margin-left: 0;
  overflow: hidden; }

.breadcrumb {
  color: #757575;
  float: left;
  font-size: 13px;
  line-height: 13px;
  margin: 0;
  line-height: 1.5; }
  .breadcrumb a {
    color: #757575; }
  .breadcrumb.current {
    color: #757575;
    cursor: default; }
    .breadcrumb.current a {
      color: #757575;
      cursor: default; }
    .breadcrumb.current:hover, .breadcrumb.current:hover a, .breadcrumb.current:focus, .breadcrumb.current:focus a {
      text-decoration: none; }
  .breadcrumb.unavailable {
    color: #999999; }
    .breadcrumb.unavailable a {
      color: #999999; }
    .breadcrumb.unavailable:hover,
    .breadcrumb.unavailable:hover a, .breadcrumb.unavailable:focus,
    .breadcrumb.unavailable a:focus {
      color: #999999;
      cursor: not-allowed;
      text-decoration: none; }
  .breadcrumb:before {
    color: #757575;
    content: "/";
    margin: 0;
    position: relative;
    top: 1px; }
  .breadcrumb:first-child:before {
    content: " ";
    margin: 0; }
  .breadcrumb::before {
    margin: 0 0.5rem; }
    @media (min-width: 481px) {
      .breadcrumb::before {
        margin: 0 0.5rem; } }

.breadcrumb-label {
  cursor: pointer; }
  .breadcrumb-label:hover {
    color: #333333;
    text-decoration: none; }
  .breadcrumb.is-active > .breadcrumb-label {
    color: #757575;
    cursor: default; }
  .breadcrumb.is-unavailable > .breadcrumb-label {
    color: #999999;
    cursor: default; }

.tabs {
  border-bottom: 1px solid #e5e5e5;
  margin: 0; }
  .tabs:before, .tabs:after {
    content: " ";
    display: table; }
  .tabs:after {
    clear: both; }

.tab {
  border-bottom: white;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative; }
  @media (min-width: 551px) {
    .tab {
      float: left; } }

.tab-title {
  color: #757575;
  display: block;
  font-size: 15px;
  padding: 0.78571rem 1.57143rem; }
  .tab-title:hover {
    color: #333333; }

.tab.is-active .tab-title {
  color: #333333;
  font-weight: 700; }

@media (min-width: 551px) {
  .tabs--vertical {
    border-bottom: 0;
    float: left;
    margin: 0 0 1.5rem;
    max-width: 20%;
    width: 20%; } }

.tabs--vertical .tab {
  float: none; }

.tabs-contents {
  margin-bottom: 1.5rem; }
  .tabs-contents:before, .tabs-contents:after {
    content: " ";
    display: table; }
  .tabs-contents:after {
    clear: both; }

@media (min-width: 551px) {
  .tabs-contents--vertical {
    float: left;
    max-width: 80%;
    padding-left: 1.5rem;
    width: 80%; }
    .tabs-contents--vertical > .tab-content {
      padding: 0 1.5rem; } }

.tab-content {
  display: none;
  padding: 1.5rem 0; }
  .tab-content.is-active {
    display: block; }

.no-js .tab-content {
  display: block;
  float: none; }

/*doc
---
title: Navigation
name: nav
category: Components
---

The navigation pattern holds a list of links wrapped in a navigation element. The links can help you navigate
the document, or the information architecture. Each link should modify the URL in some way.

```sass_file_example
src/settings/bigcommerce/nav/_settings.scss
```
We generate our own navigation abstractions through a `nav()` mixin. The mixin works as follows:

```scss_example
nav($style: "navBar", $wrapper: "nav")
```
Where:

 - `$style` - The type of navigation (a bar or list)
 - `$wrapper` - The wrapper of the navigation (usually nav, ul or ol)

There is also a `nav-action()` mixin, which when used will set the styles for any actionable items in your navigation list.

```scss_example
nav-action($color, $fontFamily, $fontSize, $padding)
```

*/
/*doc
---
title: Navigation Bar
name: navBar
parent: nav
category: Components
---

The Navigation Bar is a horizontal navigation component, useful for page navigation or any other primary content navigation.

```html_example
<nav class="navBar navBar--internal">
    <ul class="navBar-section">
        <li class="navBar-item">
            <a class="navBar-action" href="#">Item 1</a>
        </li>
        <li class="navBar-item is-active">
            <a class="navBar-action" href="#">Item 2</a>
        </li>
        <li class="navBar-item">
            <a class="navBar-action" href="#">Item 3</a>
        </li>
        <li class="navBar-item">
            <a class="navBar-action" href="#">Item 4</a>
        </li>
    </ul>
    <ul class="navBar-section navBar-section--alt">
        <li class="navBar-item">
            <a class="navBar-action" href="#">Item 5</a>
        </li>
        <li class="navBar-item">
            <a class="navBar-action" href="#">Item 6</a>
        </li>
        <li class="navBar-item">
            <a class="navBar-action" href="#">Item 7</a>
        </li>
    </ul>
</nav>
```

You can create a navigation bar abstraction with the following mixin:

```scss_example
.pageNavigation {
    @include nav("navBar", "nav");
    @include nav-action($navBar-action-color, $navBar-action-fontFamily, $navBar-action-fontSize, $navBar-action-padding);
}
```

*/
.navBar:before, .navBar:after {
  content: " ";
  display: table; }

.navBar:after {
  clear: both; }

.navBar ul,
.navBar ol {
  list-style: none;
  margin-left: 0;
  margin: 0;
  padding: 0; }
  .navBar ul ul,
  .navBar ul ol,
  .navBar ol ul,
  .navBar ol ol {
    list-style: none;
    margin-bottom: 0; }
  .navBar ul li,
  .navBar ol li {
    margin: 0;
    padding: 0; }

.navBar-section {
  float: left; }
  .navBar-section:before, .navBar-section:after {
    content: " ";
    display: table; }
  .navBar-section:after {
    clear: both; }

.navBar-section--alt {
  float: right;
  margin-left: 1.5rem; }

.navBar-section + .navBar-section {
  margin-left: 1.5rem; }

@media (min-width: 551px) {
  .navBar-item {
    float: left; } }

.navBar-item, .navBar-action {
  display: block; }

.navBar-action {
  color: black;
  font-size: 15px;
  padding: 0.78571rem; }

/*doc
---
title: Navigation List
name: navList
parent: nav
category: Components
---

The Navigation List is a vertical navigation component, useful for secondary navigation like a list of child pages.

```html_example
<nav class="navList navList--aside">
    <ul class="navList-section">
        <li class="navList-item">
            <a class="navList-action" href="#">Item 1</a>
        </li>
        <li class="navList-item is-active">
            <a class="navList-action" href="#">Item 2</a>
            <ul class="navList-subSection">
                <li class="navList-item">
                    <a class="navList-action" href="#">Sub-item 1</a>
                </li>
                <li class="navList-item is-active">
                    <a class="navList-action" href="#">Sub-item 2</a>
                </li>
                <li class="navList-item">
                    <a class="navList-action" href="#">Sub-item 3</a>
                </li>
                <li class="navList-item">
                    <a class="navList-action" href="#">Sub-item 4</a>
                </li>
            </ul>
        </li>
        <li class="navList-item">
            <a class="navList-action" href="#">Sub-item 3</a>
        </li>
        <li class="navList-item">
            <a class="navList-action" href="#">Sub-item 4</a>
        </li>
    </ul>
</nav>
```

You can create a navigation list abstraction with the following mixin:

```scss_example
.subPagesList {
    @include nav("navList", "ul");
    @include nav-action($navBar-action-color, $navBar-action-fontFamily, $navBar-action-fontSize, $navBar-action-padding);
}
```

*/
.navList:before, .navList:after {
  content: " ";
  display: table; }

.navList:after {
  clear: both; }

.navList ul,
.navList ol {
  list-style: none;
  margin-left: 0;
  margin: 0;
  padding: 0; }
  .navList ul ul,
  .navList ul ol,
  .navList ol ul,
  .navList ol ol {
    list-style: none;
    margin-bottom: 0; }
  .navList ul li,
  .navList ol li {
    margin: 0;
    padding: 0; }

.navList-section:before, .navList-section:after {
  content: " ";
  display: table; }

.navList-section:after {
  clear: both; }

.navList-section--alt {
  float: right;
  margin-left: 1.5rem; }

.navList-section + .navList-section {
  margin-top: 1.5rem; }

.navList-item, .navList-action {
  display: block; }

.navList-action {
  color: #333333;
  font-size: 15px;
  padding: 0.21429rem 0; }

.pagination-list {
  display: block;
  margin-left: 0; }
  .pagination-list li {
    color: #757575;
    font-size: 1rem;
    margin-left: 0.35714rem; }
    .pagination-list li a, .pagination-list li button {
      border-radius: 4px;
      transition: background-color 300ms ease-out;
      background: none;
      color: #757575;
      display: block;
      font-size: 1em;
      font-weight: normal;
      line-height: inherit;
      padding: 0.28571rem 0.5rem; }
  .pagination-list li {
    display: block; }

li.pagination-item {
  cursor: pointer; }
  li.pagination-item:first-child {
    margin-left: 0; }
  li.pagination-item a:hover {
    color: #333333; }

li.pagination-item--current a, li.pagination-item--current button {
  color: #333333;
  cursor: default; }

/*doc
---
title: Alerts
name: alerts
category: Components
---

Alerts can be used to inform users about the actions they perform, whether it's a successful message, a warning, error, or just information.
They can be displayed at a page level or inside a specific container. They will take the full width of their containers.

```sass_file_example
src/settings/foundation/alerts/_settings.scss
```

The alert box consists of three `alertBox-column`s: The `alertBox-icon` which contains the icon for the type of alert,
the `alertBox-message` which can contain the heading and text for the alert message, and `alertBox-close` which holds the close button.
You can set the vertical alignment of the columns in the setting variables.

```html_example
<div class="alertBox">
    <div class="alertBox-column alertBox-icon">
        <icon class="icon" aria-hidden="true">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"></path>
            </svg>
        </icon>
    </div>
    <div class="alertBox-column alertBox-message">
        <span>Generic alert</span>
    </div>
    <a class="alertBox-column alertBox-close" tabindex="0" href="#">
        <icon glyph="ic-close" class="icon" aria-hidden="true">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path>
            </svg>
        </icon>
    </a>
</div>
```
*/
.alertBox {
  border-style: none;
  display: block;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0.78571rem;
  padding: 0.78571rem 1.14286rem 0.78571rem 1.14286rem;
  position: relative;
  transition: opacity 300ms ease-out;
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  color: white; }
  .alertBox .icon {
    height: 1.42857rem;
    width: 1.42857rem; }
  .alertBox .button {
    margin: 0 0 0 0.78571rem; }

.alertBox--info {
  background-color: #666666;
  border-color: #666666;
  color: #333333; }
  .alertBox--info svg {
    fill: #dfdfdf; }

.alertBox--success {
  background-color: #d5ffd8;
  border-color: #d5ffd8;
  color: white; }
  .alertBox--success svg {
    fill: #008a06; }

.alertBox--warning {
  background-color: #fffdea;
  border-color: #fffdea;
  color: white; }
  .alertBox--warning svg {
    fill: #f1a500; }

.alertBox--error {
  background-color: #ffdddd;
  border-color: #ffdddd;
  color: white; }
  .alertBox--error svg {
    fill: #cc4749; }

.alertBox-column {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.alertBox-icon {
  padding-right: 1.14286rem; }

.alertBox-message {
  margin: 0;
  text-align: left;
  width: 100%; }

.alertBox-heading {
  margin: 0; }

.alertBox-close {
  cursor: pointer;
  padding-left: 1.14286rem; }
  .alertBox-close .icon {
    height: 1.42857rem;
    width: 1.42857rem; }
  .alertBox-close svg {
    fill: #999999; }

/*doc
---
title: Accordion
name: accordion
category: Components
---
```html_example
<section class="accordion">
    <article heading="Dynamic Group Header - 1" class="is-open">
        <h2 class="accordion-navigation is-open">
            <a href="javascript:void(0)" class="accordion-title">
                Dynamic Group Header - 1
                <icon class="accordion-indicator icon" glyph="ic-remove" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13H5v-2h14v2z"></path></svg></icon>
            </a>
        </h2>
        <div class="accordion-content is-open">
            Dynamic Group Body - 1
        </div>
    </article>
    <article heading="Dynamic Group Header - 2">
        <h2 class="accordion-navigation">
            <a href="javascript:void(0)" class="accordion-title">
                Dynamic Group Header - 2
                <icon class="accordion-indicator icon" glyph="ic-remove" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13H5v-2h14v2z"></path></svg></icon>
            </a>
        </h2>
    </article>
<article heading="Dynamic Group Header - 3">
        <h2 class="accordion-navigation accordion-navigation--error">
            <a href="javascript:void(0)" class="accordion-title">
                Dynamic Group Header - 3
                <icon class="accordion-indicator icon" glyph="ic-remove" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13H5v-2h14v2z"></path></svg></icon>
            </a>
        </h2>
    </article>
</section>
```

```sass_file_example
src/settings/foundation/accordion/_settings.scss
```
*/
.accordion {
  margin-bottom: 0;
  border: #e5e5e5 solid;
  border-width: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13);
  margin: 0 0 1.5rem; }
  .accordion:before, .accordion:after {
    content: " ";
    display: table; }
  .accordion:after {
    clear: both; }

.accordion-navigation {
  display: block;
  margin-bottom: 0 !important;
  border: #e5e5e5 solid;
  border-width: 1px 0;
  cursor: pointer; }
  .accordion-navigation.is-open > a {
    background: white;
    color: black; }
  .accordion-navigation > a {
    background: white;
    color: #333333;
    padding: 1.85714rem;
    display: block;
    font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
    font-size: 1rem; }
    .accordion-navigation > a:hover {
      background: #e5e5e5; }
  .accordion-navigation .accordion-title {
    padding: 1.5rem 1.85714rem; }

.accordion-title {
  font-weight: 700;
  line-height: 24px; }

.accordion-content {
  display: none;
  padding: 2rem;
  border: #e5e5e5 solid;
  border-width: 0 0 1px; }
  .accordion-content.is-open {
    display: block; }

.accordion-navigation--success .accordion-title,
.accordion-navigation--success.is-open > a {
  color: #008a06; }

.accordion-navigation--error .accordion-title,
.accordion-navigation--error.is-open > a {
  color: #cc4749; }

.accordion-navigation--warning .accordion-title,
.accordion-navigation--warning.is-open > a {
  color: #f1a500; }

body.has-activeModal {
  overflow: hidden; }

.modal-background {
  background: black;
  background: rgba(51, 51, 51, 0.95);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1004;
  left: 0; }
  .has-activeModal .modal-background {
    display: block; }

.modal {
  border-radius: 0;
  display: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 1005;
  left: 0;
  background-color: white;
  padding: 2.25rem 2.25rem;
  border: solid 0 #e5e5e5;
  box-shadow: none;
  max-height: 80%;
  overflow: auto;
  position: fixed; }
  @media only screen and (max-width: 551px) {
    .modal {
      min-height: 100vh; } }
  .modal .column, .modal .columns {
    min-width: 0; }
  .modal > :first-child {
    margin-top: 0; }
  .modal > :last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 551px) {
    .modal {
      left: 0;
      margin: 0 auto;
      max-width: 80%;
      right: 0;
      width: 900px; } }
  @media only screen and (min-width: 551px) {
    .modal {
      top: 50% !important; } }
  @media (min-width: 551px) {
    .modal {
      transform: translateY(-50%); } }

.modal--large {
  max-height: 90%;
  width: 1280px; }

.modal--small {
  width: 500px; }

.modal-header {
  border-bottom: 1px solid #e5e5e5;
  padding: 1rem 0;
  position: relative; }

.modal-header-title {
  margin: 0; }

.modal-body {
  padding: 3rem 0; }
  .modal-body > :last-child {
    margin-bottom: 0; }

.modal-footer {
  border-top: 1px solid #e5e5e5;
  padding: 0.78571rem 1.5rem;
  text-align: center; }
  @media (min-width: 481px) {
    .modal-footer {
      text-align: right; } }
  .modal-footer .button {
    display: block; }
    @media (min-width: 481px) {
      .modal-footer .button {
        display: inline-block;
        margin-bottom: 0; } }

.modal-footer-link {
  display: inline-block;
  font-size: 15px;
  margin: 0 0 0.78571rem; }
  @media (min-width: 481px) {
    .modal-footer-link {
      display: inline;
      margin: 1.5rem; } }

.modal-close {
  color: #666666;
  cursor: pointer;
  font-size: 25px;
  font-weight: normal;
  line-height: 1;
  position: absolute;
  top: 1.05rem;
  right: 0.75rem;
  transform: translateY(none); }
  .modal-close .icon {
    height: 1.42857rem;
    width: 1.42857rem; }

@media print {
  .modal {
    background: #FFFFFF !important;
    display: none; } }

.loadingNotification {
  left: 50%;
  position: fixed;
  text-align: center;
  top: 3rem;
  transform: translateX(-50%);
  transform-style: preserve-3d;
  transition: all 200ms ease-out;
  z-index: 500; }
  .loadingNotification.ng-hide-remove, .loadingNotification.ng-hide-add-active {
    opacity: 0;
    top: 3.6rem;
    transform: scale(0.9) translateX(-50%); }
  .loadingNotification.ng-hide-remove-active {
    opacity: 1;
    top: 3rem;
    transform: scale(1) translateX(-50%); }

.loadingNotification-label {
  background: #666666;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  padding: 0.35714rem 0.78571rem; }

.loadingOverlay-container {
  min-height: 120px;
  position: relative; }

.loadingOverlay {
  background: rgba(51, 51, 51, 0.9);
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 250ms ease-out;
  width: 100%; }
  .loadingOverlay::before {
    height: 2.85714rem;
    width: 2.85714rem;
    border-radius: 2.85714rem;
    border: solid 2px;
    border-color: white white #999999 #999999;
    content: "";
    display: block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transform-style: preserve-3d;
    animation: spin 500ms infinite cubic-bezier(0.69, 0.31, 0.56, 0.83); }
  .loadingOverlay.ng-enter, .loadingOverlay.ng-leave.ng-leave-active {
    opacity: 0; }
  .loadingOverlay.ng-leave, .loadingOverlay.ng-enter.ng-enter-active {
    opacity: 1; }

@keyframes spin {
  0% {
    transform: translateY(-50%) rotate(0deg); }
  100% {
    transform: translateY(-50%) rotate(360deg); } }

/*doc
---
title: ActionBar
name: action_bar
category: Patterns
---
```html_example
<div class="actionBar">
    <div class="actionBar-section">
        <fieldset class="form-fieldset">
            <div class="actionBar-item form-field">
                <input class="form-input has-action" type="search" placeholder="Search">
                <button class="button button--icon button--inputAction">
                    <span class="is-srOnly">Search</span>
                    <icon glyph="ic-search"></icon>
                </button>
            </div>
            <a href="#" class="actionBar-item">Advanced</a>
        </fieldset>
    </div>
    <div class="actionBar-section actionBar-section--alt">
        <fieldset class="form-fieldset">
            <div class="actionBar-item form-field">
                <div class="buttonGroup">
                    <button class="button">
                        All
                    </button>
                    <button class="button">
                        Free
                    </button>
                    <button class="button">
                        Paid
                    </button>
                </div>
            </div>
            <div class="actionBar-item form-field">
                <label class="form-label" for="select1">Sort by</label>
                <select class="form-select" name="select1" id="select1">
                    <option value="1">Popular</option>
                    <option value="2">Newest</option>
                </select>
            </div>
        </fieldset>
    </div>
</div>
```

```sass_file_example
src/settings/bigcommerce/actionBar/_settings.scss
```
*/
.actionBar {
  margin: 1.5rem 0; }
  .actionBar:before, .actionBar:after {
    content: " ";
    display: table; }
  .actionBar:after {
    clear: both; }
  .actionBar .button {
    margin-bottom: 0; }
  .actionBar .buttonGroup {
    vertical-align: middle; }

.actionBar-link {
  display: block;
  padding: 0.78571rem 0; }

.actionBar-section:before, .actionBar-section:after {
  content: " ";
  display: table; }

.actionBar-section:after {
  clear: both; }

@media (min-width: 551px) {
  .actionBar-section {
    float: left; }
    .actionBar-section .form-label {
      display: inline-block;
      margin: 0 0.35714rem 0 0; }
    .actionBar-section .form-select,
    .actionBar-section .form-input {
      display: inline-block;
      width: 14.28571rem; } }

@media (min-width: 551px) {
  .actionBar-section--alt {
    float: right; } }

.actionBar-item {
  margin-bottom: 1.5rem; }
  @media (min-width: 551px) {
    .actionBar-item {
      display: inline-block;
      margin-bottom: 0;
      margin-right: 1.5rem;
      vertical-align: middle; }
      .actionBar-item:last-child {
        margin-right: 0; } }

/*doc
---
title: Cards
name: cards
category: Components
---

Cards are a typical component consisting of a figure and a short snippet of descriptive text.
This could include a heading and a caption or definition, and perhaps a call to action
or other actionable functions.

```sass_file_example
src/settings/bigcommerce/cards/_settings.scss
```
```html_example
<article class="card">
    <figure class="card-figure">
        <img class="card-image" src="http://lorempixel.com/960/360/sports/" alt="Example card image">
        <figcaption class="card-figcaption">
            <a class="card-figcaption-action" href="#">
                <div class="card-figcaption-body">
                    <span class="button card-figcaption-button">Learn more</span>
                </div>
            </a>
        </figcaption>
    </figure>
    <div class="card-body">
        <h2 class="card-title">20% Off First Design Project</h2>
        <h3 class="card-subTitle">Custom Designs</h3>
        <p class="card-text">
            Be seen by customers at the very moment that
            they are searching on Google for the things you offer.
        </p>
    </div>
</article>
```
*/
.card {
  background-color: transparent;
  margin-bottom: 3rem;
  padding: 0 0; }

.card-figure {
  background-color: white;
  margin-bottom: 0;
  padding: 0 0;
  position: relative; }

.card-image {
  border: 1px solid #999999;
  width: 100%; }

.card-figcaption {
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0; }
  .card-figcaption:hover {
    opacity: 1; }

.card-figcaption-action {
  display: block;
  height: 100%; }

.card-figcaption-body {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  transform-style: preserve-3d; }
  .card-figcaption-body > :first-child {
    margin-top: 0; }
  .card-figcaption-body > :last-child {
    margin-bottom: 0; }
  .card-figcaption-body .card-text {
    color: #757575; }

.card-figcaption-button {
  background-color: rgba(255, 255, 255, 0.9);
  color: #333333; }
  .card-figcaption-button:hover {
    background-color: white;
    color: #333333; }

.card-body {
  padding: 0.78571rem 0 0; }
  .card-body > :first-child {
    margin-top: 0; }
  .card-body > :last-child {
    margin-bottom: 0; }
  .card-body .card-text {
    color: #757575; }

.card-surTitle {
  float: right;
  margin-left: 1.5rem;
  max-width: 40%;
  text-align: right; }

.card-footer {
  background-color: transparent;
  margin: 0; }
  .card-footer:before, .card-footer:after {
    content: " ";
    display: table; }
  .card-footer:after {
    clear: both; }

.card-button {
  margin-bottom: 0; }

.aria-description--hidden {
  height: 1px;
  left: 0;
  margin-left: -10000px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 1px; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [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; }

/* Slider */
.slick-loading .slick-list {
  background: #fff center center no-repeat; }

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 0.8; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.6; }
  .slick-prev:before,
  .slick-next:before {
    font-family: inherit;
    font-size: 20px;
    line-height: 1;
    color: #8f8f8f;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

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

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

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 0.8; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 20px;
        height: 20px;
        font-family: inherit;
        font-size: 60px;
        line-height: 20px;
        text-align: center;
        color: #333333;
        opacity: 0.6;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: #757575;
      opacity: 1; }

.slick-next,
.slick-prev {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid white;
  height: 4.35714rem;
  margin-top: -1.07143rem;
  padding: 0.71429rem;
  width: 2.85714rem;
  z-index: 1; }
  .slick-next::before,
  .slick-prev::before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    height: 2.92857rem;
    width: 1.42857rem; }
  .slick-next:hover, .slick-next:focus,
  .slick-prev:hover,
  .slick-prev:focus {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.9);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%; }

.slick-next {
  right: -5px; }
  @media (min-width: 1261px) {
    .slick-next {
      right: -3.35714rem; } }
  .slick-next::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='42' viewBox='0 0 24 42'%3E%3Cpath d='M1.45679 1.00746147l21 20.02482143L1.50885 41.0074615' stroke='%238f8f8f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E"); }
  .slick-next:hover::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='42' viewBox='0 0 24 42'%3E%3Cpath d='M1.45679 1.00746147l21 20.02482143L1.50885 41.0074615' stroke='%23474747' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E"); }

.slick-prev {
  left: -5px; }
  @media (min-width: 1261px) {
    .slick-prev {
      left: -3.35714rem; } }
  .slick-prev::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='42' viewBox='0 0 24 42'%3E%3Cpath d='M22.4572074 1.00746147l-21 20.02482143 20.9479397 19.9751786' stroke='%238f8f8f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E"); }
  .slick-prev:hover::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='42' viewBox='0 0 24 42'%3E%3Cpath d='M22.4572074 1.00746147l-21 20.02482143 20.9479397 19.9751786' stroke='%23474747' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E"); }

.slick-slide img {
  display: block;
  width: 100%; }

.slick-dots {
  margin: 0; }
  .slick-dots li {
    height: 2.28571rem;
    width: 2.28571rem;
    margin: 0;
    padding: 0.35714rem; }
    .slick-dots li button,
    .slick-dots li button::before {
      height: 1.07143rem;
      width: 1.07143rem;
      border-radius: 50%; }
    .slick-dots li button {
      border: 1px solid #333333;
      display: inline-block;
      margin: 0;
      padding: 0;
      position: relative;
      text-align: center;
      vertical-align: middle; }
      .slick-dots li button:hover::before {
        background: #333333; }
    .slick-dots li button::before {
      display: block;
      left: -1px;
      top: -1px;
      transition: background 100ms ease-out; }
    .slick-dots li.slick-active button::before {
      background: #757575; }

.productView .slick-dots {
  position: relative; }

.slick-disabled {
  cursor: default;
  opacity: 0.1; }

.slick-track {
  backface-visibility: hidden;
  perspective: 1000px; }

div.slick-slider {
  min-width: 100%;
  width: 1px;
  *width: 100%; }

.slick-slide .card-image,
.slick-slide .heroCarousel-image {
  -webkit-touch-callout: default; }

.carousel-tooltip {
  display: none;
  height: 1px;
  margin-top: 10px;
  position: relative; }
  .carousel-tooltip::before {
    border-color: transparent transparent #313440 transparent;
    border-style: solid;
    border-width: 0.71429rem;
    content: " ";
    position: absolute;
    right: 0;
    top: 50%; }
  .carousel-tooltip::after {
    background-color: #313440;
    border-radius: 0.57143rem;
    color: white;
    content: attr(aria-label);
    cursor: default;
    font-size: 1rem;
    padding: 0.28571rem 0.42857rem;
    position: absolute;
    right: 0;
    top: 100%;
    white-space: nowrap; }
  .carousel-tooltip::before, .carousel-tooltip::after {
    display: none; }
  .carousel-tooltip:focus::before, .carousel-tooltip:focus::after {
    display: block; }
  @media (min-width: 551px) {
    .carousel-tooltip {
      display: block; } }
  .carousel-tooltip::after {
    padding: 15px 10px;
    top: 10px; }
  .slick-prev:focus .carousel-tooltip::before, .slick-prev:focus .carousel-tooltip::after,
  .slick-next:focus .carousel-tooltip::before,
  .slick-next:focus .carousel-tooltip::after,
  .slick-dots button:focus .carousel-tooltip::before,
  .slick-dots button:focus .carousel-tooltip::after {
    display: block; }
  .slick-prev .carousel-tooltip::before,
  .slick-next .carousel-tooltip::before {
    top: -7px; }
  .slick-prev .carousel-tooltip::before {
    right: -2px; }
  .slick-prev .carousel-tooltip::after {
    left: -5px;
    right: auto; }
  .slick-next .carousel-tooltip::after {
    right: -5px; }
  .slick-dots button .carousel-tooltip {
    margin-top: 25px; }
    .slick-dots button .carousel-tooltip::before, .slick-dots button .carousel-tooltip::after {
      right: 50%;
      transform: translateX(50%); }
    .slick-dots button .carousel-tooltip::before {
      top: -7px; }

.carousel-play-pause-button {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid white;
  bottom: 0.5rem;
  color: #8f8f8f;
  display: none;
  font-size: 14px;
  font-weight: 700;
  height: 32px;
  left: 15px;
  line-height: 1.25;
  max-width: 60px;
  min-width: 60px;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  transition: color 100ms ease-out;
  white-space: nowrap;
  z-index: 5; }
  @media (min-width: 551px) {
    .carousel-play-pause-button {
      font-size: 18px;
      max-width: 150px; } }
  @media (min-width: 801px) {
    .carousel-play-pause-button {
      bottom: 1.5rem;
      left: 25px; } }
  .carousel-play-pause-button:hover {
    color: #474747; }
  @media (min-width: 375px) {
    .carousel-play-pause-button {
      max-width: 90px;
      min-width: 80px; } }

html,
body {
  height: auto; }

body {
  padding-top: 55px; }
  @media (min-width: 801px) {
    body {
      padding-top: 0; } }

figure {
  margin-bottom: 2rem;
  margin-top: 2rem; }
  figure > figcaption {
    margin-bottom: -0.5rem; }

figcaption {
  color: #999999;
  margin-top: 0.78571rem; }

body {
  font-size: 1rem;
  font-weight: 400; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  margin-top: 2.28571rem; }

h5,
h6 {
  text-transform: uppercase; }

a {
  transition: color 0.15s ease; }

cite {
  line-height: 1.5;
  margin: 0.5rem 0 0; }

.page-heading {
  margin: 0 0 3rem;
  text-align: center; }

h1 {
  font-size: 28px; }

h2 {
  font-size: 25px; }

h3 {
  font-size: 22px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 15px; }

h6 {
  font-size: 13px; }

.definitionList:before, .definitionList:after {
  content: " ";
  display: table; }

.definitionList:after {
  clear: both; }

.definitionList-key {
  color: #757575;
  float: left;
  font-weight: 400;
  margin: 0 0.35714rem 0 0; }

.definitionList-value {
  margin: 0; }

.form-select {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z' fill='rgba(117, 117, 117, 0.999)' /%3E%3C/svg%3E");
  background-position: right 0.57143rem top 0.71429rem;
  border-radius: 4px;
  padding: 0.75rem 3rem 0.75rem 1rem; }

.form-label small {
  float: right;
  margin-top: 0.35714rem; }

.form-label--inlineSmall small {
  color: #757575;
  float: none;
  font-size: inherit;
  font-weight: 400;
  margin-left: 0.35714rem;
  text-transform: none; }

.table {
  margin-top: 2rem; }
  .table td + td {
    border-left: 1px solid #e5e5e5; }
  .table .table-alignCenter {
    text-align: center; }
  .table .table-alignRight {
    text-align: right; }

.table-actions {
  margin: 1.5rem;
  text-align: center; }
  .table-actions .form {
    margin-bottom: 0; }
  .table-actions .button {
    display: block;
    margin-left: 0;
    margin-right: 0;
    width: 100%; }
    @media (min-width: 551px) {
      .table-actions .button {
        display: inline-block;
        margin-bottom: 0;
        width: auto; } }
    @media (min-width: 551px) {
      .table-actions .button + .button {
        margin-left: 0.35714rem; } }

.table--line {
  border-color: #e5e5e5;
  border-width: 0 0 1px; }
  .table--line .table-thead {
    background-color: white;
    border-color: #e5e5e5;
    border-width: 0 0 1px; }
    .table--line .table-thead tr th {
      padding-left: 0;
      padding-right: 0; }
      @media (min-width: 551px) {
        .table--line .table-thead tr th {
          text-align: center; }
          .table--line .table-thead tr th:first-child {
            text-align: left; }
          .table--line .table-thead tr th:last-child {
            text-align: right; } }
      .table--line .table-thead tr th + th {
        padding-left: 1.5rem; }
  .table--line tr {
    border-color: 1px solid #e5e5e5; }
    .table--line tr td {
      display: block;
      padding-left: 0;
      padding-right: 0; }
      @media (min-width: 551px) {
        .table--line tr td {
          text-align: center; }
          .table--line tr td:first-child {
            text-align: left; }
          .table--line tr td:last-child {
            text-align: right; } }
      .table--line tr td + td {
        padding-left: 1.5rem; }
  .table--line td + td {
    border-left: 0; }

.dropdown {
  left: -9999px;
  outline: none;
  position: absolute; }

.dropdown-menu {
  z-index: 5; }
  .dropdown-menu.is-loading .loadingOverlay {
    background: none;
    padding: 4.5rem 0;
    position: relative; }
  .dropdown-menu.is-open {
    display: block; }
  .dropdown-menu .button:focus {
    z-index: 5; }

.dropdown-menu-item {
  text-align: left; }
  .dropdown-menu-item:first-child > a {
    padding-top: 0.78571rem; }
  .dropdown-menu-item:last-child > a {
    padding-bottom: 1rem; }
  .dropdown-menu-item > a {
    margin: 0;
    padding: 0.28571rem 1.14286rem;
    text-decoration: none; }

.form-wishlist {
  position: relative; }
  @media (min-width: 551px) {
    .form-wishlist {
      float: left;
      padding: 0 0.71429rem;
      width: 50%; } }
  @media (min-width: 801px) {
    .form-wishlist {
      padding: 0;
      width: auto; } }
  @media (min-width: 1261px) {
    .form-wishlist {
      display: inline-block;
      margin-top: 1rem; } }
  .form-wishlist .button {
    width: 100%; }
    @media (min-width: 801px) {
      .form-wishlist .button {
        width: auto; } }
    @media (min-width: 1261px) {
      .form-wishlist .button {
        margin-right: 0.78571rem; } }

.dropdown-menu-button {
  width: 100%; }
  .dropdown-menu-button.is-open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .dropdown-menu-button .icon {
    float: right;
    margin-left: 10px; }
  .dropdown-menu-button:focus {
    z-index: 10; }

#wishlist-dropdown.is-open {
  background: transparent;
  left: auto !important;
  max-width: none !important;
  width: 100% !important; }
  @media (min-width: 551px) {
    #wishlist-dropdown.is-open {
      padding-right: 20px; } }
  @media (min-width: 801px) {
    #wishlist-dropdown.is-open {
      padding-right: 0; } }
  @media (min-width: 1261px) {
    #wishlist-dropdown.is-open {
      padding-right: 11px; } }
  #wishlist-dropdown.is-open:focus {
    outline: none; }
  #wishlist-dropdown.is-open [data-wishlist] {
    border-top: 0;
    margin-bottom: 0;
    width: 100%; }
  #wishlist-dropdown.is-open .button {
    background-color: white;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%; }
  #wishlist-dropdown.is-open .button--has-items {
    font-weight: 700; }
  #wishlist-dropdown.is-open li:not(:last-child) .button {
    border-bottom: 0;
    border-radius: 0;
    border-top: 0;
    margin-bottom: 0; }

.modal {
  left: 50%;
  margin: 0;
  max-height: 90%;
  max-width: 95%;
  min-height: 240px;
  outline: none;
  overflow: hidden;
  padding: 0;
  top: 50% !important;
  transform: translate(-50%, -50%); }
  .modal .form-field {
    position: relative; }

@media (min-width: 1261px) {
  .modal--large {
    width: 1280px; } }

.modal-header {
  padding-left: 2.25rem;
  padding-right: 3.03571rem; }

.modal-header-title {
  font-size: 22px;
  text-align: center; }
  @media (min-width: 801px) {
    .modal-header-title {
      font-size: 25px; } }

.modal-close {
  height: 2.28571rem;
  width: 2.28571rem;
  color: #757575;
  font-size: 26px;
  line-height: 2.28571rem;
  padding: 0;
  position: absolute;
  text-align: center;
  text-decoration: none;
  z-index: 50; }
  .modal-close::before {
    border-color: transparent transparent #313440 transparent;
    border-style: solid;
    border-width: 0.71429rem;
    content: " ";
    position: absolute;
    right: 0;
    top: 50%; }
  .modal-close::after {
    background-color: #313440;
    border-radius: 0.57143rem;
    color: white;
    content: attr(title);
    cursor: default;
    font-size: 1rem;
    padding: 0.28571rem 0.42857rem;
    position: absolute;
    right: 0;
    top: 100%;
    white-space: nowrap; }
  .modal-close::before, .modal-close::after {
    display: none; }
  .modal-close:focus::before, .modal-close:focus::after {
    display: block; }
  @media (min-width: 801px) {
    .modal-close {
      font-size: 32px; } }
  .modal-close:hover {
    color: #999999; }
  .modal-close::before {
    right: 50%;
    transform: translateX(50%); }
  .modal-close::after {
    right: 50%;
    transform: translateX(0.71429rem); }

.modal-body {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 2.25rem 2.25rem; }

.modal--alert {
  background-color: white !important;
  border-radius: 4px;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  padding: 40px 20px 20px;
  text-align: center; }
  .modal--alert .alert-icon {
    border: 0.25em solid transparent;
    border-radius: 50%;
    box-sizing: content-box;
    cursor: default;
    display: flex;
    font-family: inherit;
    height: 5em;
    justify-content: center;
    line-height: 5em;
    margin: 1.25em auto 1.875em;
    position: relative;
    user-select: none;
    width: 5em; }
  .modal--alert .error-icon {
    animation: animate-icon 0.5s;
    border-color: #f27474;
    color: #f27474; }
    .modal--alert .error-icon .icon-content {
      animation: animate-icon-content 0.5s;
      flex-grow: 1;
      position: relative; }
      .modal--alert .error-icon .icon-content .line {
        background-color: #f27474;
        border-radius: 0.125em;
        display: block;
        height: 0.3125em;
        position: absolute;
        top: 2.3125em;
        width: 2.9375em; }
        .modal--alert .error-icon .icon-content .line-left {
          left: 1.0625em;
          transform: rotate(45deg); }
        .modal--alert .error-icon .icon-content .line-right {
          right: 1em;
          transform: rotate(-45deg); }
  .modal--alert .warning-icon {
    animation: animate-icon 0.5s;
    border-color: #facea8;
    color: #f8bb86; }
    .modal--alert .warning-icon .icon-content {
      align-items: center;
      animation: animate-icon-content 0.5s;
      display: flex;
      font-size: 3.75em; }
  .modal--alert .modal-content {
    color: #333333;
    font-size: 1.14286rem; }
  .modal--alert .button-container {
    margin: 25px 0 0; }
    .modal--alert .button-container .confirm {
      background-color: #444444;
      border-color: #444444;
      color: white; }
    .modal--alert .button-container .confirm:focus,
    .modal--alert .button-container .confirm:hover {
      background-color: #666666;
      border-color: #666666;
      color: white; }
    .modal--alert .button-container .confirm:active {
      background-color: black;
      border-color: black;
      color: white; }

.hide-content {
  opacity: 0; }

@keyframes animate-icon {
  0% {
    opacity: 0;
    transform: rotateX(100deg); }
  100% {
    opacity: 1;
    transform: rotateX(0deg); } }

@keyframes animate-icon-content {
  0% {
    margin-top: 1.625em;
    opacity: 0;
    transform: scale(0.4); }
  50% {
    margin-top: 1.625em;
    opacity: 0;
    transform: scale(0.4); }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15); }
  100% {
    margin-top: 0;
    opacity: 1;
    transform: scale(1); } }

ol.breadcrumbs {
  display: none;
  font-size: 0;
  overflow: visible;
  text-align: center; }
  @media (min-width: 551px) {
    ol.breadcrumbs {
      display: block; } }

.breadcrumb {
  display: inline-block;
  float: none;
  margin-right: 0.25rem; }
  .breadcrumb.is-active > .breadcrumb-label {
    cursor: pointer;
    font-weight: 700; }
  .breadcrumb:not(:first-child)::before {
    border-right: 0.1em solid #757575;
    content: "";
    display: inline-block;
    height: 0.8em;
    margin: 0 0.25rem;
    transform: rotate(15deg); }

.panel-title {
  font-size: 20px; }

.panel--large .panel-body {
  margin-bottom: 2rem;
  padding: 2rem; }

.pagination-list {
  font-size: 0;
  margin-bottom: 1.5rem;
  text-align: center; }
  .pagination-list:before, .pagination-list:after {
    content: " ";
    display: table; }
  .pagination-list:after {
    clear: both; }
  .pagination-list .pagination-item {
    display: inline-block; }

.pagination-item {
  border: 1px solid transparent;
  line-height: 1; }
  .pagination-item .pagination-link {
    text-decoration: none;
    transition: all 0.2s ease; }
    .pagination-item .pagination-link:hover {
      color: #333333; }
  .pagination-item.pagination-item--current {
    border-color: #e5e5e5;
    border-radius: 4px;
    margin: 0 0.35714rem 0 0.78571rem; }
  .pagination-item.pagination-item--previous > a, .pagination-item.pagination-item--next > a {
    color: #333333; }
    .pagination-item.pagination-item--previous > a:hover, .pagination-item.pagination-item--next > a:hover {
      color: #757575; }
      .pagination-item.pagination-item--previous > a:hover .icon > svg, .pagination-item.pagination-item--next > a:hover .icon > svg {
        fill: #757575; }

.pagination-item--previous .icon,
.pagination-item--next .icon {
  height: 1.42857rem;
  margin-top: -0.14286rem;
  width: 1.42857rem; }

.pagination-item--previous {
  float: left; }
  .pagination-item--previous .icon {
    margin-left: -0.85714rem; }

.pagination-item--next {
  float: right; }
  .pagination-item--next .icon {
    margin-right: -0.85714rem; }

.pagination-list--small {
  position: relative; }
  .pagination-list--small .pagination-item {
    color: #757575;
    cursor: inherit;
    line-height: 1.5; }
  .pagination-list--small .pagination-link {
    padding: 0 0.35714rem; }
  .pagination-list--small .pagination-item--previous,
  .pagination-list--small .pagination-item--next {
    position: absolute;
    top: 0; }
  .pagination-list--small .pagination-item--previous {
    left: 0; }
  .pagination-list--small .pagination-item--next {
    right: 0; }

.button {
  line-height: 1rem;
  transition: all 0.15s ease; }
  .button + .button {
    margin-left: 0; }
    @media (min-width: 801px) {
      .button + .button {
        margin-left: 0.78571rem; } }

.button[disabled] {
  cursor: not-allowed; }

.button--icon svg {
  fill: #757575; }

.tab {
  border-top: 1px solid #e5e5e5;
  float: none; }
  @media (min-width: 801px) {
    .tab {
      border-top-color: white;
      float: left; } }
  .tab.is-active {
    border-left-color: white;
    border-right-color: white; }
    @media (min-width: 551px) {
      .tab.is-active {
        margin-bottom: -1px; } }
    @media (min-width: 801px) {
      .tab.is-active {
        border: 1px solid #e5e5e5;
        border-bottom: 1px solid white; } }

.tab-title {
  padding: 1.14286rem 0;
  text-align: center;
  text-decoration: none; }
  @media (min-width: 551px) {
    .tab-title {
      text-align: left; } }
  @media (min-width: 801px) {
    .tab-title {
      padding: 0.78571rem 1.5rem; } }
  @media (min-width: 1261px) {
    .tab-title {
      padding: 0.78571rem 1.28571rem; } }

.tab-content.has-jsContent {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  visibility: hidden; }
  .tab-content.has-jsContent.is-active {
    height: auto;
    overflow: visible;
    padding: 1.5rem 0;
    visibility: visible; }

@media (min-width: 551px) {
  .tab-content .productReview {
    width: 50%; } }

@media (min-width: 801px) {
  .tab-content .productReview {
    width: 33.33333%; } }

@media (min-width: 1261px) {
  .tab-content .productReview {
    width: 50%; } }

.tab-content .productReviews {
  border-top: 0; }

.accordion {
  border-radius: 4px;
  box-shadow: none; }
  .accordion .navList {
    margin-bottom: 0; }

.accordion-content {
  border: 0; }
  .accordion-content .form:only-child {
    margin-bottom: 0; }

.accordion-title {
  color: #444444;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 1.07143rem;
  margin: 0; }

.accordion-navigation {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-right: 1rem;
  position: relative;
  text-decoration: none;
  width: 100%; }

@media (min-width: 801px) {
  .accordion--navList {
    border: 0; } }

@media (min-width: 801px) {
  .sidebarBlock + .accordion--navList {
    margin-top: 2rem; } }

@media (min-width: 801px) {
  .accordion--navList .accordion-block {
    margin-top: 2rem; } }

.accordion--navList .accordion-content {
  padding: 1rem; }
  @media (min-width: 801px) {
    .accordion--navList .accordion-content {
      padding: 0; } }

@media (min-width: 801px) {
  .accordion--navList .accordion-navigation {
    background-position: right 0 top 50%;
    border: 0;
    margin-bottom: 0.78571rem !important;
    padding: 0; } }

.accordion--navList .accordion-title {
  font-weight: normal;
  padding: 1rem;
  text-decoration: none;
  text-transform: inherit; }
  @media (min-width: 801px) {
    .accordion--navList .accordion-title {
      padding: 0; } }

.accordion--navList .accordion-indicator {
  fill: #999999; }

.accordion-block:first-child {
  margin-top: 0; }
  .accordion-block:first-child .accordion-navigation {
    border-radius: 4px 4px 0 0; }

.accordion-block:last-child .accordion-navigation,
.accordion-block:last-child .accordion-content {
  border-radius: 0 0 4px 4px; }

.accordion-block:last-child .accordion-navigation {
  border-bottom-width: 0; }
  .accordion-block:last-child .accordion-navigation.is-open {
    border-bottom-width: 1px;
    border-radius: 0; }

.accordion-nav-clear-holder {
  position: relative; }

.facetedSearch-clearLink {
  color: #757575;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%); }
  @media (min-width: 801px) {
    .facetedSearch-clearLink {
      right: 20px;
      top: 3px;
      transform: none; } }
  .facetedSearch-clearLink:hover {
    color: #333333; }

ul.inlineList {
  overflow: visible; }
  ul.inlineList:before, ul.inlineList:after {
    content: " ";
    display: table; }
  ul.inlineList:after {
    clear: both; }

.inlineList--labels {
  margin-bottom: 0;
  margin-left: -0.78571rem; }
  .inlineList--labels > li {
    margin-bottom: 0.78571rem;
    margin-left: 0.78571rem; }

.alertBox {
  border-radius: 4px;
  color: #333333; }

.alertBox-icon .icon {
  height: 1.78571rem;
  width: 1.78571rem; }

.alertBox--info {
  background-color: #707070;
  color: white; }
  .alertBox--info .alertBox-close svg {
    fill: #dfdfdf; }

.form--hiddenLabels .form-label {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.form-inlineMessage {
  display: block; }

.form-field--error .form-input {
  float: none; }

.form-field--error .form-inlineMessage::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' fill='rgba(204, 71, 73, 0.999)' /%3E%3C/svg%3E") no-repeat;
  background-size: 100%;
  content: "";
  display: inline-block;
  height: 1rem;
  left: -0.14286rem;
  margin-right: 0.07143rem;
  position: relative;
  top: 0.21429rem;
  width: 1rem; }

.form-field--success .form-input[type="text"] {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='rgba(0, 138, 6, 0.999)' /%3E%3C/svg%3E");
  background-position: right 0.71429rem center;
  background-repeat: no-repeat; }

.form-field--success .form-input[name="credit_card_number"] {
  background-position: right 2.28571rem center; }

.form-field--success .form-input[name="cvv"] {
  background-position: right 2.28571rem center; }

.form-checkbox + .form-label:last-child,
.form-radio + .form-label:last-child {
  display: block;
  margin-bottom: -0.28571rem; }

.form-checkbox + .form-label::after,
.form-radio + .form-label::after {
  top: 0.28571rem; }

.form-checkbox + .form-label::before,
.form-radio + .form-label::before {
  top: 0.21429rem; }

.form-option-wrapper {
  display: inline-block;
  position: relative; }
  .form-option-wrapper .form-radio,
  .form-option-wrapper .form-checkbox {
    bottom: 0.5rem;
    left: 0.5rem; }

.form-actions {
  margin: 0 auto;
  max-width: 85.71429rem;
  width: 100%;
  display: block;
  text-align: center; }
  .form-actions:before, .form-actions:after {
    content: " ";
    display: table; }
  .form-actions:after {
    clear: both; }
  @media (min-width: 551px) {
    .form-actions {
      margin-top: 1.5rem; } }
  .form-actions .button,
  .form-actions input,
  .form-actions a {
    vertical-align: top;
    width: 100%; }
    @media (min-width: 551px) {
      .form-actions .button,
      .form-actions input,
      .form-actions a {
        margin-bottom: 0;
        width: auto; } }
    .form-actions .button + .button,
    .form-actions .button + input,
    .form-actions .button + a,
    .form-actions input + .button,
    .form-actions input + input,
    .form-actions input + a,
    .form-actions a + .button,
    .form-actions a + input,
    .form-actions a + a {
      margin-top: 0.78571rem; }
      @media (min-width: 551px) {
        .form-actions .button + .button,
        .form-actions .button + input,
        .form-actions .button + a,
        .form-actions input + .button,
        .form-actions input + input,
        .form-actions input + a,
        .form-actions a + .button,
        .form-actions a + input,
        .form-actions a + a {
          margin: 0 0 0 0.78571rem; } }

.form-label--alternate {
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin-bottom: 0.78571rem; }

.form-select--date {
  width: initial; }
  .form-select--date + .form-select--date {
    margin-left: 0.35714rem; }

.form-select--small,
.form-select--date {
  background-position: right 0.5rem top 0.5rem;
  background-size: 1.28571rem;
  font-size: 13px;
  height: 2.28571rem;
  line-height: 1rem;
  max-width: 20rem;
  padding: 0.57143rem 0.78571rem;
  padding-right: 2rem; }

.form-select--short {
  max-width: 6rem;
  width: 4.5rem; }

.form-file {
  margin-bottom: 0.5rem; }

.form-fileDescription {
  color: #999999;
  font-size: 13px; }

.form-field-group {
  border: 1px solid #8f8f8f;
  border-radius: 4px;
  padding: 1.5rem; }

.form-column {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left; }
  @media (min-width: 551px) {
    .form-column {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 50%;
      float: left; } }

.form-prefixPostfix.wrap {
  flex-wrap: wrap; }

.form-prefixPostfix .form-input,
.form-prefixPostfix .button {
  display: block;
  width: 100%; }

@media (min-width: 1261px) {
  .form-prefixPostfix .form-input {
    width: auto; } }

.form-prefixPostfix .form-input::-webkit-input-placeholder {
  color: #666666; }

.form-prefixPostfix .form-input::-moz-placeholder {
  color: #666666; }

.form-prefixPostfix .form-input:-ms-input-placeholder {
  color: #666666; }

@media (min-width: 1261px) {
  .form-prefixPostfix .button {
    width: auto; } }

.form-prefixPostfix .form-inlineMessage {
  margin-bottom: 0.35714rem; }
  @media (min-width: 1261px) {
    .form-prefixPostfix .form-inlineMessage {
      margin-bottom: 0; } }

.form-prefixPostfix--centeredColumn.wrap {
  flex-direction: column; }

.form-prefixPostfix--centeredColumn .g-recaptcha {
  margin: 2em auto 0; }

@media (min-width: 1261px) {
  .form-prefixPostfix--centeredColumn .form-prefixPostfix-button--postfix {
    margin: 1em 0 0.78571rem; } }

.form-prefixPostfix-button--postfix {
  margin: 0.78571rem 0 0;
  order: 1; }
  @media (min-width: 1261px) {
    .form-prefixPostfix-button--postfix {
      margin: 0 0 0 0.78571rem;
      order: 0; } }

.form-increment .button {
  margin: 0;
  padding: 0.21429rem 0.35714rem; }

.form-input--incrementTotal {
  border: 0;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  height: auto;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 2.5rem; }
  .form-field--success .form-input--incrementTotal {
    float: none; }

.form-option {
  border: 1px solid #8f8f8f;
  color: #666666;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 1px;
  transition: all 0.15s ease; }
  .form-option:hover {
    border-color: #474747; }
  .form-radio:checked + .form-option {
    border-color: #333333;
    box-shadow: 0 0 0 1px #333333; }

.form-option-variant {
  display: inline-block;
  font-size: 1rem;
  min-width: 2.71429rem;
  padding: 1px 0.35714rem;
  pointer-events: none;
  text-align: center; }

.form-option-variant--color,
.form-option-variant--pattern {
  height: 1.57143rem;
  width: 1.57143rem;
  min-width: initial;
  padding: 0; }
  @media (min-width: 551px) {
    .form-option-variant--color,
    .form-option-variant--pattern {
      pointer-events: inherit; } }

.form-option-variant--pattern {
  background-position: center;
  background-repeat: no-repeat; }

.form-input--small {
  font-size: 13px;
  height: 2.28571rem;
  line-height: 1rem;
  padding: 0.57143rem 0.78571rem; }

.form-minMaxRow {
  margin-left: -0.375rem;
  margin-right: -0.375rem; }
  .form-minMaxRow:before, .form-minMaxRow:after {
    content: " ";
    display: table; }
  .form-minMaxRow:after {
    clear: both; }
  .form-minMaxRow .form-field {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 33.33333%;
    float: left;
    margin-bottom: 0;
    padding-left: 0.375rem;
    padding-right: 0.375rem; }
  .form-minMaxRow .button {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%; }

@media (min-width: 551px) {
  .form-row--half > .form-field:nth-child(odd) {
    clear: left; } }

[data-product-attribute] .form-option {
  overflow: hidden;
  position: relative; }
  [data-product-attribute] .form-option.unavailable {
    background-color: #ddd;
    opacity: 0.3; }
    [data-product-attribute] .form-option.unavailable::before {
      background-color: #000;
      content: "";
      height: 2px;
      left: -5px;
      position: absolute;
      top: 11px;
      transform: rotate(-45deg);
      width: 141%; }

[data-product-attribute="set-radio"] .unavailable,
[data-product-attribute="product-list"] .unavailable {
  opacity: 0.6;
  text-decoration: line-through; }

.card:focus-within .card-figcaption {
  opacity: 1; }

.card.focus-within .card-figcaption {
  opacity: 1; }

.card-figure {
  margin-top: 0;
  overflow: hidden;
  padding: 3px;
  position: relative; }
  .card-figure:hover .card-figcaption {
    opacity: 1; }
  .card-figure__link {
    display: block;
    position: relative; }

.card-img-container {
  max-width: 500px; }
  .card-img-container::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 131.8%;
    width: 100%; }

.card-figcaption {
  display: none;
  margin: 0;
  pointer-events: none; }
  @media (min-width: 801px) {
    .card-figcaption {
      display: block; } }

.card-figcaption-body {
  display: inline-block;
  pointer-events: all;
  transform: translate3d(0, -50%, 0); }

.card-image {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  /* Object-fit polyfill */
  font-family: "object-fit: contain;";
  max-height: 100%;
  object-fit: contain;
  width: 100%; }

.card-title {
  font-size: 15px;
  margin: 0 0 0.28571rem; }
  .card-title > a {
    color: #333333;
    display: block;
    text-decoration: none; }
    .card-title > a:hover {
      color: #757575; }

.card-text {
  margin-bottom: 0.21429rem; }
  .card-text abbr {
    border: 0;
    color: inherit;
    font-size: inherit; }

.card-figcaption-button {
  border: none;
  display: block;
  margin: 0.35714rem 0 0; }
  .card-figcaption-button:active {
    background-color: white;
    border: none; }
  .card-figcaption-body .card-figcaption-button:focus {
    background-color: white;
    outline: revert; }
  .card-figcaption-button + .card-figcaption-button {
    margin: 0.35714rem 0 0; }

.card-body {
  text-align: center; }
  @media (min-width: 551px) {
    .card-body {
      text-align: left; } }

.card--alternate {
  border: 3px solid white;
  transition: all 0.15s ease; }
  .card--alternate .card-body {
    background-color: white;
    padding: 0.78571rem;
    transition: all 0.15s ease; }
    @media (min-width: 551px) {
      .card--alternate .card-body {
        padding: 1.5rem; } }
  .card--alternate:hover {
    border-color: #757575; }
    .card--alternate:hover .card-body {
      background-color: #757575; }
      .card--alternate:hover .card-body .card-text {
        color: white; }
    .card--alternate:hover .card-title > a {
      color: white; }

.navList,
.navBar {
  margin-left: 0; }

.navList-action,
.navBar-action {
  text-decoration: none; }

.navList-action.is-active {
  font-weight: 700; }

.navList-action--checkbox {
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0.35714rem;
  padding-left: 1.85714rem;
  position: relative;
  vertical-align: baseline;
  width: 100%; }
  .navList-action--checkbox::before, .navList-action--checkbox::after {
    content: "";
    display: block;
    position: absolute;
    transition: all 50ms ease-out; }
  .navList-action--checkbox::before {
    background-color: white;
    border: solid #8f8f8f;
    border-width: 1px;
    height: 1.14286rem;
    left: 0;
    top: 0;
    width: 1.14286rem; }
  .navList-action--checkbox::after {
    height: 1rem;
    left: 1px;
    opacity: 0;
    top: 1px;
    transform: scale(0);
    width: 1rem; }
  .navList-action--checkbox::before {
    border-radius: 4px; }
  .navList-action--checkbox::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='rgba(51, 51, 51, 0.999)' /%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    color: rgba(51, 51, 51, 0.999);
    content: "";
    font-size: 1rem;
    line-height: 1;
    text-align: center; }
  .navList-action--checkbox::before, .navList-action--checkbox::after {
    top: 50%; }
  .navList-action--checkbox::before {
    margin-top: -0.57143rem; }
  .navList-action--checkbox::after {
    margin-top: -0.5rem; }
  .navList-action--checkbox.is-disabled {
    cursor: default; }
    .navList-action--checkbox.is-disabled::before {
      background-color: white; }
  .navList-action--checkbox.is-checked::after, .navList-action--checkbox.is-selected::after {
    opacity: 1;
    transform: scale(1); }

.navList-action-close {
  background: #e5e5e5;
  border-radius: 100%;
  display: inline-block;
  float: right;
  line-height: 0;
  opacity: 0;
  padding: 0.28571rem;
  transition: opacity 0.3s ease;
  visibility: hidden; }
  .navList-action-close .icon {
    height: 0.92857rem;
    width: 0.92857rem;
    fill: #333333; }
  .navList-action.is-selected:hover .navList-action-close {
    opacity: 1;
    visibility: visible; }

.navBar--sub {
  margin-bottom: 4.5rem;
  text-align: center; }
  .navBar--sub .navBar-section {
    float: none; }
  .navBar--sub .navBar-item {
    float: none;
    margin: 0 0.78571rem; }
    @media (min-width: 801px) {
      .navBar--sub .navBar-item {
        display: inline-block; } }
    @media (min-width: 801px) {
      .navBar--sub .navBar-item.is-active {
        border-bottom: 1px solid #333333; } }
    .navBar--sub .navBar-item.is-active > .navBar-action {
      color: #666666; }
    @media (min-width: 801px) {
      .navBar--sub .navBar-item.navBar-item--separate {
        border-left: 1px solid #757575;
        margin: 0;
        padding-left: 0.78571rem; } }
  .navBar--sub .navBar-action {
    color: #757575;
    font-size: 1rem;
    padding: 0; }
    .navBar--sub .navBar-action:hover {
      color: #333333; }

.loadingOverlay {
  background-color: rgba(255, 255, 255, 0.9);
  display: none;
  z-index: 20; }

.icons-svg-sprite {
  display: none; }

.icon,
.icon svg {
  transition: all 0.15s ease; }

.actionBar-section .form-field {
  background-color: white;
  border: 1px solid #8f8f8f;
  border-radius: 4px; }
  .actionBar-section .form-field:hover {
    border-color: #474747; }

.actionBar-section .form-label {
  color: #757575;
  font-size: 13px;
  line-height: 2.14286rem;
  margin-bottom: 0;
  padding-left: 0.78571rem; }

.actionBar-section .form-input,
.actionBar-section .form-select {
  border: 0;
  padding-left: 0.21429rem;
  width: auto; }

.actionBar-section .form-label,
.actionBar-section .form-input,
.actionBar-section .form-select {
  display: inline-block; }

.actionBar-section .form-select {
  color: #333333;
  height: 2.14286rem; }

.has-ribbon {
  position: relative; }

.ribbon {
  background-color: #333333;
  color: #fff;
  cursor: default;
  font-weight: 700;
  margin: -0.78571rem -0.78571rem 0 0;
  padding: 0.07143rem 1rem;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
  z-index: 1; }

.navUser {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  top: 26px;
  width: 100%;
  z-index: 5; }
  .navUser:before, .navUser:after {
    content: " ";
    display: table; }
  .navUser:after {
    clear: both; }
  .navUser ul,
  .navUser ol {
    list-style: none;
    margin-left: 0;
    margin: 0;
    padding: 0; }
    .navUser ul ul,
    .navUser ul ol,
    .navUser ol ul,
    .navUser ol ol {
      list-style: none;
      margin-bottom: 0; }
    .navUser ul li,
    .navUser ol li {
      margin: 0;
      padding: 0; }
  .navUser-section {
    float: left; }
    .navUser-section:before, .navUser-section:after {
      content: " ";
      display: table; }
    .navUser-section:after {
      clear: both; }
  .navUser-section--alt {
    float: right;
    margin-left: 1.5rem; }
  .navUser-section + .navUser-section {
    margin-left: 1.5rem; }
  @media (min-width: 551px) {
    .navUser-item {
      float: left; } }
  .navUser-item, .navUser-action {
    display: block; }
  @media (min-width: 801px) {
    .navUser {
      padding: 0 1.5rem;
      position: relative;
      right: auto;
      top: auto;
      transform: none;
      z-index: 50; } }
  .navUser .dropdown-menu {
    background-color: white;
    border: 1px solid #cccccc;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13);
    position: absolute; }
    .navUser .dropdown-menu.is-open::before {
      border: inset 10px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: transparent transparent #cccccc transparent;
      border-bottom-style: solid;
      bottom: 100%;
      left: 0.78571rem;
      position: absolute; }
    .navUser .dropdown-menu.is-open::after {
      border: inset 8px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: transparent transparent white transparent;
      border-bottom-style: solid;
      bottom: 100%;
      left: 0.92857rem;
      position: absolute; }

@media (min-width: 801px) {
  .navUser-section {
    position: relative; } }

.navUser-action {
  color: #333333;
  font-weight: 700;
  padding: 1rem 0.78571rem;
  text-decoration: none;
  text-transform: uppercase; }
  .navUser-action:hover, .navUser-action.is-open {
    color: #757575; }
    .navUser-action:hover svg, .navUser-action.is-open svg {
      fill: #757575;
      stroke: #757575; }
  .navUser-action .icon {
    height: 0.57143rem;
    width: 0.57143rem;
    margin: -1px 0 0 0.21429rem; }
  .navUser-action svg {
    fill: #333333;
    stroke: #333333;
    transition: all 0.15s ease; }

.navUser-action--currencySelector + .dropdown-menu::before {
  left: auto !important;
  right: 0.78571rem; }

.navUser-action--currencySelector + .dropdown-menu::after {
  left: auto !important;
  right: 0.92857rem; }

.navUser-action--storeCredit + .dropdown-menu {
  max-width: 21.42857rem;
  padding: 1.5rem; }
  .navUser-action--storeCredit + .dropdown-menu::before {
    left: 10rem !important; }
  .navUser-action--storeCredit + .dropdown-menu::after {
    left: 10.14286rem !important; }

.navUser-action-divider {
  border-right: 1px solid #e5e5e5;
  color: #757575;
  display: inline-block;
  padding: 0 1.42857rem 0 0;
  text-decoration: none; }

.navUser-item {
  display: none; }
  @media (min-width: 801px) {
    .navUser-item {
      display: block; }
      .navUser-item.navUser-item--social {
        margin-top: 0.35714rem;
        padding-right: 0.35714rem; }
      .navUser-item.navUser-item--divider {
        font-size: 1.78571rem;
        margin-top: 0.57143rem;
        padding-left: 0.14286rem; } }

.navUser-item--cart {
  display: block; }
  @media (max-width: 551px) {
    .navUser-item--cart__hidden-s {
      display: none; } }
  .navUser-item--cart .navUser-action {
    color: #333333; }
    .navUser-item--cart .navUser-action:hover, .navUser-item--cart .navUser-action.is-open {
      color: #757575; }
  .navUser-item--cart .dropdown-menu {
    max-width: 22.85714rem; }
    .navUser-item--cart .dropdown-menu.is-open {
      left: auto !important;
      right: 0.35714rem;
      top: auto !important; }
      @media (min-width: 801px) {
        .navUser-item--cart .dropdown-menu.is-open {
          right: 0; } }
      .navUser-item--cart .dropdown-menu.is-open::before, .navUser-item--cart .dropdown-menu.is-open::after {
        left: auto; }
      .navUser-item--cart .dropdown-menu.is-open::before {
        right: 0.42857rem; }
        @media (min-width: 801px) {
          .navUser-item--cart .dropdown-menu.is-open::before {
            right: 0.78571rem; } }
      .navUser-item--cart .dropdown-menu.is-open::after {
        right: 0.57143rem; }
        @media (min-width: 801px) {
          .navUser-item--cart .dropdown-menu.is-open::after {
            right: 0.92857rem; } }

.navUser-item-cartLabel {
  display: none; }
  @media (min-width: 551px) {
    .navUser-item-cartLabel {
      display: inline; } }

.navUser-item--compare {
  display: none; }
  .navUser-item--compare.show {
    display: block; }

.navUser-item--account .navUser-or + .navUser-action {
  margin-right: -0.5rem; }

.navUser-item--account .navUser-action {
  display: inline-block; }

.navUser-or {
  color: #333333;
  cursor: default;
  display: inline-block;
  margin: 0 -0.85714rem;
  padding: 0 2px;
  position: relative;
  z-index: 1; }

.navUser-action--quickSearch.is-open {
  position: relative; }
  .navUser-action--quickSearch.is-open::before {
    border: inset 10px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent #e5e5e5 transparent;
    border-bottom-style: solid;
    bottom: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%); }

.dropdown--quickSearch {
  background-color: #e5e5e5;
  display: none;
  padding: 1.5rem 0; }
  @media (min-width: 551px) {
    .dropdown--quickSearch {
      padding: 3rem; } }
  .dropdown--quickSearch.is-open {
    display: block;
    left: 0 !important;
    outline: none;
    right: 0 !important;
    width: 100% !important;
    z-index: 50; }
  .dropdown--quickSearch .form {
    margin: auto;
    max-width: 30rem; }
  .dropdown--quickSearch .form,
  .dropdown--quickSearch .form-field {
    margin-bottom: 0; }
  .dropdown--quickSearch .form-input {
    font-size: 20px;
    height: unset; }
  .dropdown--quickSearch .productGrid {
    padding: 1.5rem 0 0; }
    @media (min-width: 551px) {
      .dropdown--quickSearch .productGrid {
        padding: 3rem 0 0; } }

.countPill {
  background-color: #333333;
  border-radius: 50%;
  color: #fff;
  display: none;
  font-size: 12px;
  font-weight: 700;
  height: 20px;
  line-height: 20px;
  margin-left: 0.21429rem;
  text-align: center;
  width: 20px; }

.countPill--positive {
  display: inline-block; }

.countPill--alt {
  background-color: #cccccc;
  color: #333333; }

.navPages .navPage-subMenu-list, .navPage-childList {
  border-left: 1px solid #cccccc;
  margin: 0.35714rem 0.78571rem;
  padding-left: 0.78571rem; }

.has-activeNavPages {
  overflow: hidden;
  -webkit-overflow-scrolling: auto; }

.navPages-container {
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  right: 0;
  z-index: 10; }
  @media (min-width: 801px) {
    .navPages-container {
      background: transparent;
      display: block;
      height: auto;
      padding: 0;
      position: relative; } }
  .navPages-container.is-open {
    display: block;
    padding-top: 55px;
    z-index: 0; }

.navPages {
  background-color: #e5e5e5;
  height: 100%;
  overflow-y: auto;
  padding: 1.5rem; }
  @media (min-width: 801px) {
    .navPages {
      margin: 0 auto;
      max-width: 85.71429rem;
      width: 100%;
      background: none;
      font-size: 0;
      overflow-y: visible;
      padding: 0;
      text-align: center; }
      .navPages:before, .navPages:after {
        content: " ";
        display: table; }
      .navPages:after {
        clear: both; }
      .navPages:before, .navPages:after {
        content: " ";
        display: table; }
      .navPages:after {
        clear: both; }
      .navPages ul,
      .navPages ol {
        list-style: none;
        margin-left: 0;
        margin: 0;
        padding: 0; }
        .navPages ul ul,
        .navPages ul ol,
        .navPages ol ul,
        .navPages ol ol {
          list-style: none;
          margin-bottom: 0; }
        .navPages ul li,
        .navPages ol li {
          margin: 0;
          padding: 0; }
      .navPages-section {
        float: left; }
        .navPages-section:before, .navPages-section:after {
          content: " ";
          display: table; }
        .navPages-section:after {
          clear: both; }
      .navPages-section--alt {
        float: right;
        margin-left: 1.5rem; }
      .navPages-section + .navPages-section {
        margin-left: 1.5rem; } }
  @media (min-width: 801px) and (min-width: 551px) {
    .navPages-item {
      float: left; } }
  @media (min-width: 801px) {
      .navPages-item, .navPages-action {
        display: block; } }
  .navPages ul {
    list-style: none; }
  .navPages .navPage-subMenu-list {
    border-left: 0;
    list-style: none;
    margin-left: 0;
    padding-left: 0; }
    @media (min-width: 801px) {
      .navPages .navPage-subMenu-list {
        margin: 0 auto;
        max-width: 85.71429rem;
        width: 100%;
        border-left: 0;
        margin: auto;
        padding-left: 0; }
        .navPages .navPage-subMenu-list:before, .navPages .navPage-subMenu-list:after {
          content: " ";
          display: table; }
        .navPages .navPage-subMenu-list:after {
          clear: both; } }

.navPages-list {
  margin: 0; }
  @media (min-width: 801px) {
    .navPages-list {
      display: inline-block;
      float: none; } }
  .navPages-list + .navPages-list {
    border-top: 1px solid #cccccc;
    margin-top: 0.78571rem;
    padding-top: 0.78571rem; }

.navPages-list-depth-max.subMenu-is-open .is-hidden {
  display: none; }
  @media (min-width: 801px) {
    .navPages-list-depth-max.subMenu-is-open .is-hidden {
      display: inline-block; } }

.navPages-list-depth-max.subMenu-is-open .navPages-item-page {
  display: none; }
  @media (min-width: 801px) {
    .navPages-list-depth-max.subMenu-is-open .navPages-item-page {
      display: inline-block; } }

@media (min-width: 801px) {
  .navPages-action-depth-max.has-subMenu.is-root.is-open .navPages-action-moreIcon {
    transform: rotate(0); } }

.navPages-action-depth-max.has-subMenu.is-open {
  border-bottom: 1px solid #cccccc;
  text-align: center; }
  @media (min-width: 801px) {
    .navPages-action-depth-max.has-subMenu.is-open {
      border-bottom: 0;
      text-align: left; } }
  .navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon {
    border: solid 1px #d6cdc0;
    border-radius: 4px;
    float: left;
    height: 35px;
    margin-top: -10px;
    padding: 11.7px;
    transform: rotate(90deg);
    width: 35px; }
    @media (min-width: 801px) {
      .navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon {
        height: 0.57143rem;
        width: 0.57143rem;
        border: 0;
        border-radius: 0;
        float: none;
        margin-top: 0;
        padding: 0;
        transform: rotate(-90deg); } }
  .navPages-action-depth-max.has-subMenu.is-open svg {
    height: 9.6px;
    width: 9.6px; }
    @media (min-width: 801px) {
      .navPages-action-depth-max.has-subMenu.is-open svg {
        height: 100%;
        width: 100%; } }

.navPages-action {
  color: #333333;
  display: block;
  font-size: 15px;
  font-weight: 700;
  padding: 0.78571rem 0;
  text-decoration: none;
  text-transform: uppercase; }
  @media (min-width: 801px) {
    .navPages-action {
      display: inline-block;
      padding: 0.78571rem 1.14286rem 1.14286rem; }
      .navPages-action.is-open {
        background-color: #e5e5e5; } }
  .navPages-list:not(.navPages-list-depth-max) .navPages-action.has-subMenu {
    align-items: center;
    display: flex;
    justify-content: space-between; }
  .navPages-action.is-open svg,
  .navPages-action .collapsible-icon-wrapper.is-open svg {
    fill: #757575;
    stroke: #757575; }
  .navPages-action:hover, .navPages-action.activePage {
    color: #757575; }
    .navPages-action:hover svg, .navPages-action.activePage svg {
      fill: #757575;
      stroke: #757575; }
  .navPages-action svg {
    fill: #333333;
    stroke: #333333;
    transition: all 0.15s ease; }

.navPages-action--storeCredit {
  color: #757575; }

.navPages-action--compare {
  display: none; }
  .navPages-action--compare.show {
    display: block; }

.navPages-action-moreIcon {
  height: 0.57143rem;
  width: 0.57143rem;
  margin-left: 0.78571rem;
  transform: rotate(-90deg); }
  @media (min-width: 801px) {
    .navPages-action-moreIcon {
      transform: none; } }
  .has-subMenu.is-open .navPages-action-moreIcon,
  .collapsible-icon-wrapper.is-open .navPages-action-moreIcon {
    transform: rotate(0); }
  .navPages-list:not(.navPages-list-depth-max) .navPages-action-moreIcon {
    height: 0.78571rem;
    width: 0.78571rem;
    margin: 0 1.5rem; }
    @media (min-width: 801px) {
      .navPages-list:not(.navPages-list-depth-max) .navPages-action-moreIcon {
        height: 0.57143rem;
        width: 0.57143rem;
        margin: 0 0 0 0.78571rem; } }

.navPage-childList {
  display: none; }
  @media (min-width: 801px) {
    .navPage-childList {
      border: 0;
      display: block; } }
  .navPage-childList.is-open {
    display: block; }
  .navPage-subMenu-action:not(.navPages-action-depth-max) + .navPage-childList {
    margin-left: 3rem; }
    @media (min-width: 801px) {
      .navPage-subMenu-action:not(.navPages-action-depth-max) + .navPage-childList {
        margin-left: 0; } }

.navPage-subMenu {
  display: none;
  outline: 0; }
  @media (min-width: 801px) {
    .navPage-subMenu {
      background-color: #e5e5e5;
      padding: 1.5rem 1.5rem 2.28571rem !important;
      position: absolute;
      text-align: left; }
      .navPage-subMenu.is-open {
        display: block;
        left: 0;
        width: 100%; }
      .navPage-subMenu .navPages-action-moreIcon {
        display: none; } }
  .navPage-subMenu.is-open {
    display: block; }
  .navPages-list:not(.navPages-list-depth-max) .navPages-action.has-subMenu + .navPage-subMenu .navPage-subMenu-list {
    margin-right: 0; }
    @media (min-width: 801px) {
      .navPages-list:not(.navPages-list-depth-max) .navPages-action.has-subMenu + .navPage-subMenu .navPage-subMenu-list {
        margin-right: auto; } }

@media (min-width: 801px) {
  .has-subMenu.is-root + .navPage-subMenu-horizontal {
    border-left: 0;
    height: auto;
    left: inherit;
    margin: auto;
    top: inherit;
    width: 15.35714rem; } }

@media (min-width: 801px) {
  .navPage-subMenu-horizontal.is-open {
    border-left: 1px solid #cccccc;
    display: inherit;
    height: auto;
    margin-left: 15.35714rem;
    padding: 0 !important;
    top: 0;
    width: 16.35714rem; } }

@media (min-width: 801px) {
  .navPage-subMenu-horizontal .navPages-action-moreIcon {
    display: inline-block;
    transform: rotate(-90deg); } }

.navPage-subMenu-item {
  padding: 0.78571rem 0; }
  @media (min-width: 801px) {
    .navPage-subMenu-item {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 25%;
      float: left;
      padding: 0 0.75rem !important; }
      .navPage-subMenu-item .navPages-action {
        text-transform: none;
        width: 100%; }
      .navPage-subMenu-item > .navPage-subMenu-action {
        border-bottom: 1px solid #cccccc;
        margin-bottom: 1.14286rem; } }

.navPage-subMenu-item-child,
.navPage-subMenu-item-parent {
  width: 100%; }
  @media (min-width: 801px) {
    .navPage-subMenu-item-child .navPage-subMenu-action,
    .navPage-subMenu-item-parent .navPage-subMenu-action {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      width: 100%; } }

.navPage-subMenu-action {
  padding: 0.78571rem 0; }
  @media (min-width: 801px) {
    .navPage-subMenu-action {
      padding: 0.78571rem 0 1.14286rem; } }
  .navPages-list:not(.navPages-list-depth-max) .navPage-subMenu-action {
    padding: 0 0 0 1.5rem; }
    @media (min-width: 801px) {
      .navPages-list:not(.navPages-list-depth-max) .navPage-subMenu-action {
        padding: 0.78571rem 0 1.14286rem; } }
  .navPage-subMenu-action .collapsible-icon-wrapper {
    box-sizing: content-box;
    display: inline-block;
    height: 100%;
    text-align: right;
    width: 100%; }
    @media (min-width: 801px) {
      .navPage-subMenu-action .collapsible-icon-wrapper {
        display: none; } }

.navPage-childList-action {
  font-weight: 400;
  padding: 0 0 0.35714rem; }

.navPages-quickSearch {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 0.78571rem; }
  @media (min-width: 801px) {
    .navPages-quickSearch {
      display: none; } }
  .navPages-quickSearch > .container {
    padding: 0; }
  .navPages-quickSearch .form {
    margin: 0; }
  .navPages-quickSearch .form-field {
    margin-bottom: 0; }

@media (min-width: 801px) {
  .navPages-list--user {
    display: none; } }

.navPages-list--user #currencySelection2 {
  background-color: #fff;
  border: 1px solid #e5e5e5; }
  .navPages-list--user #currencySelection2 .dropdown-menu-item {
    padding: 0; }
    .navPages-list--user #currencySelection2 .dropdown-menu-item:not(:last-child) {
      border-bottom: 1px solid #e5e5e5; }
  .navPages-list--user #currencySelection2 a {
    padding: 0.78571rem 1.5rem; }

.tags {
  list-style: none;
  margin-left: 0;
  font-size: 0;
  text-align: center; }
  .tags ul,
  .tags ol {
    list-style: none;
    margin-bottom: 0; }

.tag {
  display: inline-block;
  font-size: 1rem; }
  .tag a {
    color: #757575;
    display: inline-block;
    padding: 0.35714rem 0.5rem;
    text-decoration: none; }
    .tag a:hover {
      color: #333333; }

.socialLinks {
  list-style: none;
  margin-left: 0;
  margin: 0;
  padding: 0;
  line-height: 37px; }
  .socialLinks:before, .socialLinks:after {
    content: " ";
    display: table; }
  .socialLinks:after {
    clear: both; }
  .socialLinks ul,
  .socialLinks ol {
    list-style: none;
    margin-bottom: 0; }
  .socialLinks li {
    margin: 0;
    padding: 0; }
  .socialLinks .icon {
    height: 1.42857rem;
    width: 1.42857rem;
    margin: 0;
    text-decoration: none; }
    .socialLinks .icon:hover svg {
      fill: #999999; }
    .socialLinks .icon svg {
      fill: #757575;
      transition: all 0.15s ease; }

.socialLinks-item--pinterest {
  width: 25px; }

.pin_it_iframe_widget {
  display: none; }

.socialLinks-item {
  display: inline-block;
  font-size: 0; }
  .socialLinks .socialLinks-item {
    margin-bottom: 0.35714rem;
    margin-right: 0.78571rem; }
    .socialLinks .socialLinks-item:last-child {
      margin-right: 0; }
  .socialLinks-item .socialLinks__link {
    height: 2rem;
    position: relative; }
    .socialLinks-item .socialLinks__link::before {
      border-color: transparent transparent #313440 transparent;
      border-style: solid;
      border-width: 0.71429rem;
      content: " ";
      position: absolute;
      right: 0;
      top: 50%; }
    .socialLinks-item .socialLinks__link::after {
      background-color: #313440;
      border-radius: 0.57143rem;
      color: white;
      content: attr(title);
      cursor: default;
      font-size: 1rem;
      padding: 0.28571rem 0.42857rem;
      position: absolute;
      right: 0;
      top: 100%;
      white-space: nowrap; }
    .socialLinks-item .socialLinks__link::before, .socialLinks-item .socialLinks__link::after {
      display: none; }
    .socialLinks-item .socialLinks__link:focus::before, .socialLinks-item .socialLinks__link:focus::after {
      display: block; }
    .socialLinks-item .socialLinks__link:focus::after {
      left: 0;
      right: auto;
      z-index: 20; }

.socialLinks--alt .icon {
  height: 1.5rem;
  width: 1.5rem; }

.socialLinks--alt svg {
  fill: #757575; }

.heroCarousel {
  margin-bottom: 4.5rem;
  margin-top: -1.5rem;
  min-width: 100%;
  width: 1px; }
  @media (min-width: 801px) {
    .heroCarousel {
      margin-top: -2.5rem; } }
  @media (min-width: 551px) {
    .heroCarousel.slick-initialized {
      max-height: 28.57143rem; } }
  @media (min-width: 801px) {
    .heroCarousel.slick-initialized {
      max-height: 42.85714rem; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .heroCarousel {
      opacity: 0; }
      .heroCarousel.slick-initialized {
        opacity: 1; } }
  .heroCarousel:not(.slick-initialized) :not(.heroCarousel-slide--first).heroCarousel-slide {
    display: none; }
  .heroCarousel a {
    text-decoration: none; }
  .heroCarousel .slick-next,
  .heroCarousel .slick-prev {
    margin: 0;
    top: 50%;
    transform: translateY(-50%); }
  .heroCarousel .slick-next {
    right: 15px; }
    @media (min-width: 801px) {
      .heroCarousel .slick-next {
        right: 25px; } }
  .heroCarousel .slick-prev {
    left: 15px; }
    @media (min-width: 801px) {
      .heroCarousel .slick-prev {
        left: 25px; } }
  .heroCarousel .slick-dots {
    bottom: 0.5rem; }
    @media (min-width: 801px) {
      .heroCarousel .slick-dots {
        bottom: 1.5rem; } }
    .heroCarousel .slick-dots li {
      background-color: white;
      background-color: rgba(255, 255, 255, 0.9); }
  .heroCarousel .slick-slide.is-square-image-type .heroCarousel-image-wrapper {
    height: 100vw; }
  .heroCarousel .slick-slide.is-vertical-image-type .heroCarousel-image-wrapper {
    height: 110vw; }
  @media (min-width: 551px) {
    .heroCarousel .slick-slide.is-square-image-type .heroCarousel-image-wrapper, .heroCarousel .slick-slide.is-vertical-image-type .heroCarousel-image-wrapper {
      height: 56.25vw; } }
  .heroCarousel .slick-slide.is-image-error .heroCarousel-image-wrapper {
    background: url("../img/hero-carousel-image-load-error.svg") center center no-repeat;
    background-size: contain; }

.heroCarousel-slide {
  position: relative; }
  .heroCarousel-slide a {
    text-decoration: none; }
  .heroCarousel-slide .heroCarousel-image {
    height: 100%;
    object-fit: contain;
    object-position: 50% 0%;
    width: 100%; }
    @media (min-width: 551px) {
      .heroCarousel-slide .heroCarousel-image {
        object-position: 50% 50%; } }
  .heroCarousel-slide.stretch .heroCarousel-image {
    object-fit: cover;
    object-position: 50% 50%; }
  .heroCarousel-slide.stretch.compat-object-fit .heroCarousel-image {
    height: 100%;
    width: 100%; }
  .heroCarousel-slide.compat-object-fit {
    overflow: hidden; }
    .heroCarousel-slide.compat-object-fit .heroCarousel-image {
      width: auto; }
  .heroCarousel-slide .heroCarousel-image-wrapper {
    align-items: flex-start;
    display: flex;
    height: 56.25vw;
    justify-content: center;
    max-height: 100vh;
    transition: height 0.3s ease; }
    @media (min-width: 551px) {
      .heroCarousel-slide .heroCarousel-image-wrapper {
        max-height: 28.57143rem; } }
    @media (min-width: 801px) {
      .heroCarousel-slide .heroCarousel-image-wrapper {
        max-height: 42.85714rem; } }

.heroCarousel-content {
  background-color: white;
  padding: 0.78571rem 1.5rem 3rem;
  text-align: center; }
  @media (min-width: 551px) {
    .heroCarousel-content {
      background-color: white;
      background-color: rgba(255, 255, 255, 0.9);
      background-color: rgba(255, 255, 255, 0.9);
      left: 0;
      margin: 0 auto;
      max-height: 80%;
      overflow: auto;
      padding: 2.25rem;
      padding: 1.5rem;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 50rem;
      width: 70%; }
      .heroCarousel-content.heroCarousel-content--empty {
        background-color: transparent;
        left: 50%;
        overflow: visible;
        padding: 0;
        right: auto;
        transform: translateX(-50%) translateY(-50%);
        width: auto; } }

.heroCarousel-title {
  color: #444444;
  font-size: 20px;
  margin: 0; }
  @media (min-width: 801px) {
    .heroCarousel-title {
      font-size: 50px; } }

.heroCarousel-description {
  color: #333333;
  font-size: 12px;
  margin: 0; }
  @media (min-width: 551px) {
    .heroCarousel-description {
      font-size: 13px; } }
  @media (min-width: 801px) {
    .heroCarousel-description {
      font-size: 15px; } }

.heroCarousel-action {
  margin: 1.5rem 0 0; }

@media (min-width: 801px) {
  .writeReview-productDetails {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 50%;
    float: left; } }

.writeReview-productDetails .product-brand {
  color: #999999;
  margin: 0; }

.writeReview-productDetails .product-title {
  margin-top: 0; }

@media (min-width: 801px) {
  .writeReview-form {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 50%;
    float: left; } }

.writeReview-productImage-container {
  position: relative; }
  .writeReview-productImage-container::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 131.8%;
    width: 100%; }
  .writeReview-productImage-container img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    /* Object-fit polyfill */
    font-family: "object-fit: contain;";
    height: 100%;
    object-fit: contain; }

.account--addReturn .table {
  display: block;
  margin-bottom: 3rem; }
  @media (min-width: 551px) {
    .account--addReturn .table {
      display: table;
      margin-bottom: 6rem; } }
  .account--addReturn .table tr {
    display: block;
    padding: 1.5rem 0; }
    @media (min-width: 551px) {
      .account--addReturn .table tr {
        display: table-row;
        padding: 0; } }
  .account--addReturn .table th,
  .account--addReturn .table td {
    display: block;
    padding: 0; }
    @media (min-width: 551px) {
      .account--addReturn .table th,
      .account--addReturn .table td {
        display: table-cell;
        padding-bottom: 0.78571rem;
        padding-top: 0.78571rem; } }
    .account--addReturn .table th + th,
    .account--addReturn .table th + td,
    .account--addReturn .table td + th,
    .account--addReturn .table td + td {
      padding-left: 0; }
      @media (min-width: 551px) {
        .account--addReturn .table th + th,
        .account--addReturn .table th + td,
        .account--addReturn .table td + th,
        .account--addReturn .table td + td {
          padding-left: 1.5rem; } }
  .account--addReturn .table .return-itemTitle + .definitionList {
    margin-top: 0.21429rem; }
  @media (min-width: 551px) {
    .account--addReturn .table .return-itemPrice {
      text-align: center; } }
  @media (min-width: 551px) {
    .account--addReturn .table .return-itemQuantity {
      text-align: right; } }

.account--addReturn .table-thead {
  display: none; }
  @media (min-width: 551px) {
    .account--addReturn .table-thead {
      display: table-header-group; } }
  .account--addReturn .table-thead th {
    font-size: 15px; }
  .account--addReturn .table-thead th:first-child {
    width: 60%; }

.account--addReturn .table-tbody {
  display: block; }
  @media (min-width: 551px) {
    .account--addReturn .table-tbody {
      display: table-row-group; } }

.return-itemName {
  font-size: 15px;
  font-weight: 700; }
  @media (min-width: 551px) {
    .return-itemName {
      font-size: 1rem;
      font-weight: 400; } }

.return-itemPrice {
  color: #999999;
  margin-bottom: 0.35714rem; }
  @media (min-width: 551px) {
    .return-itemPrice {
      color: inherit;
      margin-bottom: 0;
      text-align: center; } }

.return-itemQuantity .form-label {
  display: inline;
  margin-right: 0.35714rem; }
  @media (min-width: 551px) {
    .return-itemQuantity .form-label {
      border: 0;
      clip: rect(1px, 1px, 1px, 1px);
      height: 1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; } }

.account--addReturn-row {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  margin: 0 -1rem; }
  .account--addReturn-row:before, .account--addReturn-row:after {
    content: " ";
    display: table; }
  .account--addReturn-row:after {
    clear: both; }

.account--addReturn-column {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  padding: 0 1rem; }
  @media (min-width: 551px) {
    .account--addReturn-column {
      width: 50%; } }

.productCarousel {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  min-width: 100%;
  position: relative;
  width: 1px; }
  .productCarousel:before, .productCarousel:after {
    content: " ";
    display: table; }
  .productCarousel:after {
    clear: both; }

.productCarousel-slide {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 50%;
  float: left; }
  @media (min-width: 551px) {
    .productCarousel-slide {
      width: 33.33333%; } }
  @media (min-width: 801px) {
    .productCarousel-slide {
      width: 25%; } }
  @media (min-width: 1261px) {
    .productCarousel-slide {
      width: 16.66667%; } }
  .productCarousel-slide .card {
    margin-bottom: 0; }
    .productCarousel-slide .card .card-title {
      overflow-wrap: break-word; }

.quickView:before, .quickView:after {
  content: " ";
  display: table; }

.quickView:after {
  clear: both; }

.productReviews-list {
  list-style: none;
  margin-left: 0;
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  font-size: 0; }
  .productReviews-list ul,
  .productReviews-list ol {
    list-style: none;
    margin-bottom: 0; }
  .productReviews-list:before, .productReviews-list:after {
    content: " ";
    display: table; }
  .productReviews-list:after {
    clear: both; }

.productReview {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  display: inline-block;
  float: none;
  font-size: 1rem;
  vertical-align: top; }
  @media (min-width: 801px) {
    .productReview {
      width: 50%; } }
  @media (min-width: 1261px) {
    .productReview {
      width: 33.33333%; } }

.productReview-title {
  margin: 0;
  text-transform: none; }

.productReview-author {
  color: #757575;
  margin-bottom: 1rem; }

.productReview-rating {
  display: inline-block;
  margin-bottom: 0.35714rem; }

.productReview-ratingNumber {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.productView {
  padding-top: 1rem; }

.productView-images {
  margin-bottom: 3rem; }

.productView-image {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: auto;
  position: relative; }
  @media (min-width: 801px) {
    .productView-image {
      min-height: 366px;
      min-width: inherit; } }
  .productView-image + .productView-thumbnails {
    margin-top: 0.78571rem; }
  @media (min-width: 320px) and (max-width: 801px) {
    .productView-image {
      pointer-events: none; } }

.productView-img-container {
  margin: auto;
  max-width: 500px;
  position: relative;
  width: 100%; }
  .productView-img-container::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 131.8%;
    width: 100%; }
  .productView-img-container img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    /* Object-fit polyfill */
    font-family: "object-fit: contain;";
    height: 100%;
    object-fit: contain;
    width: 100%; }

.productView-thumbnails {
  list-style: none;
  margin-left: 0;
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  margin-left: -0.35714rem;
  margin-right: -0.35714rem; }
  .productView-thumbnails ul,
  .productView-thumbnails ol {
    list-style: none;
    margin-bottom: 0; }
  .productView-thumbnails:before, .productView-thumbnails:after {
    content: " ";
    display: table; }
  .productView-thumbnails:after {
    clear: both; }
  .productView-thumbnails[data-slick] {
    opacity: 0; }
    .productView-thumbnails[data-slick].slick-initialized {
      opacity: 1; }
  .productView-thumbnails .slick-list {
    margin-left: 2.85714rem;
    margin-right: 2.85714rem; }
  .productView-thumbnails .slick-next {
    right: 0; }
  .productView-thumbnails .slick-prev {
    left: 0; }
  .productView-thumbnails img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    /* Object-fit polyfill */
    font-family: "object-fit: contain;";
    margin: 0;
    object-fit: contain;
    position: relative;
    width: 50px; }

.productView-thumbnail {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 25%;
  float: left;
  padding: 0.35714rem;
  text-align: center; }
  @media (min-width: 1261px) {
    .productView-thumbnail {
      width: 20%; } }

.productView-thumbnail-link {
  border: 1px solid #e5e5e5;
  box-sizing: content-box;
  display: flex;
  height: 67px;
  justify-content: center;
  max-width: 75px;
  padding: 2px;
  position: relative;
  width: 100%; }
  .productView-thumbnail-link:hover, .productView-thumbnail-link.is-active {
    border-color: #333333; }

.productView-details {
  padding-bottom: 2rem; }

@media (min-width: 801px) {
  .productView-product {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 2rem; } }

.productView-product > :last-child {
  margin-bottom: 0; }

.productView-title {
  font-size: 20px;
  margin: -0.78571rem 0 0.35714rem; }
  @media (min-width: 801px) {
    .productView-title {
      margin-top: 1.5rem; } }
  @media (min-width: 1261px) {
    .productView-title {
      font-size: 28px; } }

.productView-brand {
  color: #757575;
  font-size: 15px;
  margin: 0 0 0.78571rem; }
  @media (min-width: 1261px) {
    .productView-brand {
      font-size: 20px;
      margin: -0.21429rem 0 1rem; } }
  .productView-brand a {
    color: #757575; }
    .productView-brand a:hover {
      color: #333333; }

.productView-price {
  font-size: 15px;
  margin-bottom: 0.5rem; }
  @media (min-width: 801px) {
    .productView-price {
      font-size: 25px;
      margin-bottom: 1rem; } }
  .productView-price .price-section--saving {
    font-size: 15px; }
  .productView-price abbr {
    border: 0;
    color: inherit;
    font-size: inherit; }

.productView-reviewLink {
  color: #757575;
  display: inline-block;
  margin-left: 0.35714rem;
  vertical-align: middle; }
  .productView-reviewLink:hover {
    color: #333333; }
  .productView-reviewLink--new {
    padding: 0; }

.productView-info {
  margin-top: 0.78571rem; }
  .productView-info:before, .productView-info:after {
    content: " ";
    display: table; }
  .productView-info:after {
    clear: both; }
  @media (min-width: 551px) {
    .productView-info {
      margin-top: 0; } }
  @media (min-width: 551px) {
    .productView-info > :first-child {
      margin-top: 1.5rem; } }
  .productView-info > :last-child {
    margin-bottom: 0; }

.productView-info-name,
.productView-info-value {
  float: left; }
  @media (min-width: 551px) {
    .productView-info-name,
    .productView-info-value {
      float: none; } }

.productView-info-name {
  clear: both;
  margin-bottom: 0.21429rem;
  margin-right: 0.35714rem; }
  @media (min-width: 551px) {
    .productView-info-name {
      font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
      font-size: 13px;
      font-weight: 400; } }

.productView-info-value {
  margin-bottom: 0.35714rem; }
  @media (min-width: 551px) {
    .productView-info-value {
      margin-bottom: 1rem; } }

.productView-options {
  margin-bottom: 1.5rem;
  text-align: center; }
  .productView-options:before, .productView-options:after {
    content: " ";
    display: table; }
  .productView-options:after {
    clear: both; }
  @media (min-width: 551px) {
    .productView-options {
      text-align: left; } }
  @media (min-width: 551px) {
    .productView-options .form-input[type="number"] {
      width: 16.66667%; } }
  .productView-options .form {
    display: inline; }
    .productView-options .form .add-to-cart-wrapper {
      display: inline; }
  .productView-options input[type="file"] {
    font-size: 13px; }
  .productView-options .form-field {
    font-size: 0;
    margin-bottom: 2rem; }
    .productView-options .form-field--error > .form-inlineMessage {
      font-size: 1rem; }
    .productView-options .form-field > .form-checkbox + .form-label {
      display: inline-block;
      margin-left: 1.5rem;
      width: auto; }
      @media (min-width: 551px) {
        .productView-options .form-field > .form-checkbox + .form-label {
          margin-left: 0;
          width: 100%; } }
    .productView-options .form-field > .form-radio + .form-label {
      display: inline-block;
      text-align: justify; }
    .productView-options .form-field > .form-label:nth-of-type(2) {
      margin-left: 0; }
  .productView-options .add-to-cart-buttons {
    display: inline-grid;
    float: left;
    margin-bottom: 1rem;
    width: 100%; }
    @media (min-width: 551px) {
      .productView-options .add-to-cart-buttons {
        padding: 0 0.71429rem;
        width: 50%; } }
    @media (min-width: 801px) {
      .productView-options .add-to-cart-buttons {
        padding-right: 0.78571rem;
        width: 50%; } }
    @media (min-width: 1261px) {
      .productView-options .add-to-cart-buttons {
        display: inline-block;
        margin-top: 1rem;
        padding-right: 0.78571rem;
        width: 50%; } }
    .productView-options .add-to-cart-buttons .button {
      margin: 0;
      width: 100%; }
  .productView-options .add-to-cart-wallet-buttons {
    margin-top: 0.78571rem; }
    .productView-options .add-to-cart-wallet-buttons div[data-smart-button-container-id] {
      line-height: 0;
      margin-top: 6px; }
      .productView-options .add-to-cart-wallet-buttons div[data-smart-button-container-id] button,
      .productView-options .add-to-cart-wallet-buttons div[data-smart-button-container-id] div {
        width: 100%; }
    .productView-options .add-to-cart-wallet-buttons button.show-more-button {
      color: #757575;
      display: block;
      margin-top: 0.35714rem;
      padding: 0.35714rem 0;
      text-align: center;
      text-decoration: underline;
      vertical-align: middle;
      width: 100%; }
      .productView-options .add-to-cart-wallet-buttons button.show-more-button:hover {
        color: #333333; }

.productOptions-list {
  border: 1px solid #8f8f8f;
  list-style: none;
  margin: 0;
  max-height: 400px;
  overflow-y: auto; }

.productOptions-list-item {
  padding: 1.5rem; }
  .productOptions-list-item + .productOptions-list-item {
    border-top: 1px solid #8f8f8f; }
  .productOptions-list-item .form-label {
    text-align: left;
    top: -2px; }

.productOptions-list-item-figure,
.productOptions-list-item-content {
  display: table-cell;
  vertical-align: middle; }

.productOptions-list-item-figure {
  width: 3rem; }

.productOptions-list-item-content {
  padding-left: 1.28571rem; }

.shareProduct {
  text-align: center; }

.productView-image .easyzoom-flyout {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%; }
  .productView-image .easyzoom-flyout img {
    max-width: none;
    width: auto; }

.price--rrp,
.price--non-sale,
.price--discounted {
  text-decoration: line-through; }

.price-section--minor {
  color: #999999; }

.compareTable {
  border-top: 1px solid #e5e5e5;
  table-layout: fixed;
  width: 100%; }

.compareTable-row {
  vertical-align: top; }
  .compareTable-row + .compareTable-row .compareTable-heading,
  .compareTable-row + .compareTable-row .compareTable-item {
    border-top: 1px solid #e5e5e5; }
  .compareTable-row + .compareTable-row .compareTable-heading:empty {
    border-top: 0; }

.compareTable-heading {
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  padding: 1.28571rem 1rem;
  position: relative;
  text-align: right;
  width: 0; }
  @media (min-width: 801px) {
    .compareTable-heading {
      width: 25%; } }

.compareTable-headingText {
  position: absolute;
  top: 1.28571rem;
  white-space: nowrap; }
  @media (min-width: 801px) {
    .compareTable-headingText {
      position: inherit;
      top: inherit; } }

.compareTable-item {
  padding: 3.28571rem 1rem 1.28571rem; }
  @media (min-width: 801px) {
    .compareTable-item {
      padding-top: 1.28571rem; } }

.compareTable-removeProduct {
  background-color: #e5e5e5;
  border-radius: 50%;
  height: 2.5rem;
  position: absolute;
  right: -1rem;
  top: -1rem;
  transition: background-color 0.15s ease;
  width: 2.5rem; }
  .compareTable-removeProduct .icon {
    fill: #757575;
    height: 1.5rem;
    margin-top: 0.5rem;
    width: 1.5rem; }

.compareTable-product {
  font-weight: 400;
  padding: 2rem 1rem 1.28571rem; }
  .compareTable-product .card {
    margin-bottom: 0; }
  .compareTable-product .card-body {
    min-height: 6rem;
    padding-top: 1rem; }
  .compareTable-product .card-figure {
    overflow: visible; }

.compareTable-action {
  padding: 0 1rem 1rem; }
  .compareTable-action .button {
    display: block;
    padding-left: 0.78571rem;
    padding-right: 0.78571rem;
    width: 100%; }

.blocker {
  background: rgba(255, 255, 255, 0.5);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 500; }

.blocker-container {
  position: relative; }

.textTruncate {
  padding-bottom: 1.5rem;
  position: relative;
  transition: max-height 100ms ease-out; }

.js .textTruncate {
  max-height: 110px;
  overflow: hidden; }

.js .textTruncate--visible {
  max-height: 71.42857rem; }

.textTruncate-viewMore {
  background-color: white;
  bottom: 0;
  padding-top: 10px;
  position: absolute;
  width: 100%; }

.toggle {
  border-top: 1px solid #e5e5e5;
  margin-bottom: 2.28571rem; }
  .toggle:last-of-type {
    margin-bottom: 4.57143rem; }

.toggle-title {
  margin-bottom: 2.28571rem; }

.toggleLink {
  color: #757575; }
  .toggleLink:hover {
    color: #333333; }
  .toggle-title .toggleLink {
    float: right;
    line-height: 24px; }

.toggleLink-text {
  font-size: 13px;
  font-weight: 400; }

.toggleLink-text--off {
  display: inline-block; }
  .toggleLink.is-open .toggleLink-text--off {
    display: none; }

.toggleLink-text--on {
  display: none; }
  .toggleLink.is-open .toggleLink-text--on {
    display: inline-block; }

.toggle-content {
  display: none; }
  .toggle-content.is-open {
    display: block; }

.facetedSearch-toggle {
  margin: 0 auto;
  max-width: 85.71429rem;
  width: 100%;
  border: #e5e5e5 solid;
  border-radius: 4px;
  border-width: 1px;
  display: block;
  margin-bottom: 2rem;
  padding: 1rem; }
  .facetedSearch-toggle:before, .facetedSearch-toggle:after {
    content: " ";
    display: table; }
  .facetedSearch-toggle:after {
    clear: both; }
  @media (min-width: 801px) {
    .facetedSearch-toggle {
      display: none !important; } }
  .facetedSearch-toggle.is-open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0; }

.facetedSearch-toggle-text,
.facetedSearch-toggle-indicator {
  display: block;
  font-weight: normal; }

.facetedSearch-toggle-text {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 58.33333%;
  float: left;
  padding: 0;
  text-align: left; }

.facetedSearch-toggle-indicator {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 41.66667%;
  float: left;
  font-weight: bold;
  padding: 0;
  text-align: right; }

.facetedSearch-navList {
  display: none; }
  @media (min-width: 801px) {
    .facetedSearch-navList {
      display: block !important; } }
  .facetedSearch-navList.is-open {
    display: block; }
    .facetedSearch-navList.is-open .accordion--navList,
    .facetedSearch-navList.is-open .accordion-block:first-child .accordion-navigation {
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
  .facetedSearch-toggle + .facetedSearch-navList,
  .sidebarBlock + .facetedSearch-navList {
    margin-top: 2rem; }
  .facetedSearch-toggle + .facetedSearch-navList.is-open,
  .sidebarBlock + .facetedSearch-navList.is-open {
    margin-top: -1px; }
    @media (min-width: 801px) {
      .facetedSearch-toggle + .facetedSearch-navList.is-open,
      .sidebarBlock + .facetedSearch-navList.is-open {
        margin-top: 2rem; } }
  .facetedSearch-navList .navList--inner {
    margin-left: 1.5rem; }

.facet-quick-heading {
  text-transform: capitalize; }

.facetedSearch-optionColumns {
  column-count: 3;
  column-gap: 20px; }

.facetedSearch-refineFilters {
  display: none; }
  @media (min-width: 801px) {
    .facetedSearch-refineFilters {
      display: block; } }

.facetedSearch-content--rating .is-selected {
  font-weight: bold; }

.banners {
  background-color: #757575;
  color: white;
  padding: 0.78571rem 0;
  text-align: center; }
  .banners p:last-child {
    margin-bottom: 0; }
  .banners a {
    color: #fff; }

.banner {
  margin: 0 auto;
  max-width: 85.71429rem;
  width: 100%; }
  .banner:before, .banner:after {
    content: " ";
    display: table; }
  .banner:after {
    clear: both; }
  .banner + .banner {
    margin-top: 1.5rem; }

.facetLabel {
  background: #e5e5e5;
  border-radius: 4px;
  padding: 0.21429rem 0.5rem 0.21429rem 0.71429rem;
  text-decoration: none; }
  .facetLabel .icon {
    height: 0.85714rem;
    width: 0.85714rem;
    display: inline-block;
    fill: #757575;
    position: relative;
    top: -1px; }

.cart-additionalCheckoutButtons:before, .previewCart-additionalCheckoutButtons:before, .cart-additionalCheckoutButtons:after, .previewCart-additionalCheckoutButtons:after {
  content: " ";
  display: table; }

.cart-additionalCheckoutButtons:after, .previewCart-additionalCheckoutButtons:after {
  clear: both; }

.cart-additionalCheckoutButtons .FloatRight:before, .previewCart-additionalCheckoutButtons .FloatRight:before, .cart-additionalCheckoutButtons .FloatRight:after, .previewCart-additionalCheckoutButtons .FloatRight:after {
  content: " ";
  display: table; }

.cart-additionalCheckoutButtons .FloatRight:after, .previewCart-additionalCheckoutButtons .FloatRight:after {
  clear: both; }

.cart-additionalCheckoutButtons .FloatRight p, .previewCart-additionalCheckoutButtons .FloatRight p {
  float: none !important;
  margin: 0.5rem 0;
  text-align: right; }

.cart-additionalCheckoutButtons .FloatRight div, .previewCart-additionalCheckoutButtons .FloatRight div {
  float: right; }

.cart {
  display: block;
  margin-bottom: 1.5rem;
  width: 100%; }
  @media (min-width: 801px) {
    .cart {
      display: table; } }

.cart-header {
  display: none; }
  @media (min-width: 801px) {
    .cart-header {
      display: table-header-group;
      text-align: left; } }

.cart-header-item {
  padding-bottom: 1rem; }
  .cart-header-item:last-child {
    text-align: right; }

.cart-list {
  border-top: 1px solid #e5e5e5;
  display: block; }
  @media (min-width: 801px) {
    .cart-list {
      display: table-row-group; } }

.cart-item {
  border-bottom: 1px solid #e5e5e5;
  clear: both;
  display: block;
  padding: 1.5rem 0; }
  @media (min-width: 551px) {
    .cart-item {
      padding-left: 25%; }
      .cart-item:before, .cart-item:after {
        content: " ";
        display: table; }
      .cart-item:after {
        clear: both; } }
  @media (min-width: 801px) {
    .cart-item {
      display: table-row;
      padding-left: 0; }
      .cart-item::before, .cart-item::after {
        display: none; } }

.cart-item-block {
  display: block; }
  @media (min-width: 801px) {
    .cart-item-block {
      display: table-cell; } }
  .cart-item-block .definitionList {
    margin-bottom: 0.35714rem; }

.cart-item-figure {
  float: left;
  margin-bottom: 1.5rem;
  position: relative;
  text-align: center;
  width: 33.33333%; }
  .cart-item-figure::after {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  @media (min-width: 551px) {
    .cart-item-figure {
      margin-bottom: 0;
      margin-left: -33.33333%;
      width: 33.33333%; } }
  @media (min-width: 801px) {
    .cart-item-figure {
      float: none;
      padding: 0.5rem 0;
      width: 8.33333%; } }

.cart-item-fixed-image {
  width: 100%; }

.cart-item-image {
  max-height: 14rem;
  max-width: 100px; }
  @media (min-width: 801px) {
    .cart-item-image {
      margin-left: 0; } }

.cart-item-title {
  display: table-cell;
  height: 7.14286rem;
  padding-left: 1.5rem; }
  @media (min-width: 551px) {
    .cart-item-title {
      display: block;
      height: auto;
      margin-bottom: 1.5rem;
      overflow: hidden; } }
  @media (min-width: 801px) {
    .cart-item-title {
      display: table-cell;
      padding: 1.5rem; } }

.cart-item-info {
  clear: both;
  width: 100%; }
  @media (min-width: 551px) {
    .cart-item-info {
      clear: none;
      float: left;
      overflow: hidden;
      width: 33.33333%; }
      .cart-item-info + .cart-item-info {
        margin-top: 0; } }
  @media (min-width: 801px) {
    .cart-item-info {
      float: none;
      width: 16.66667%; }
      .cart-item-info:last-child {
        text-align: right; } }

.cart-content-padding-right {
  padding-right: 4px; }

@media (min-width: 801px) {
  .cart-header-quantity,
  .cart-item-quantity {
    text-align: center; } }

.cart-item-quantity .form-increment {
  display: inline-block;
  margin: 0 0.21429rem 1px 1.5rem;
  vertical-align: middle; }
  @media (min-width: 801px) {
    .cart-item-quantity .form-increment {
      margin-left: 0; } }

.cart-item-label {
  color: #333333;
  float: left;
  margin-bottom: 0.35714rem;
  text-align: right;
  width: 33.33333%; }
  @media (min-width: 551px) {
    .cart-item-label {
      display: block;
      padding-left: 1.5rem;
      text-align: left;
      width: 100%; } }
  @media (min-width: 801px) {
    .cart-item-label {
      display: none; } }

.cart-item-value {
  padding-left: 1.5rem; }
  @media (min-width: 801px) {
    .cart-item-value {
      padding-left: 0; } }

.cart-item-brand {
  color: #757575;
  margin-bottom: 0.21429rem; }

.cart-item-name {
  display: inline-block;
  font-size: 15px;
  margin: 0; }
  .cart-item-name__label {
    display: inline-block; }
  .cart-item-name + .definitionList {
    margin-top: 0.35714rem; }

.cart-item-options--giftWrapping {
  margin-top: 1.14286rem; }
  .cart-item-options--giftWrapping .cart-item-option-description {
    color: #333333; }

.cart-remove {
  background-color: #e5e5e5;
  border-radius: 50%;
  cursor: pointer;
  float: right;
  height: 1.28571rem;
  margin-top: 0.14286rem;
  padding: 0.21429rem;
  transition: background-color 0.15s ease;
  width: 1.28571rem; }
  @media (min-width: 551px) {
    .cart-remove {
      margin-left: 1rem; } }
  .cart-remove.cart-remove--spacer {
    visibility: hidden; }
  .cart-remove > svg {
    fill: #757575; }

.cart-totals {
  list-style: none;
  margin-left: 0;
  margin-bottom: 1.5rem;
  text-align: right;
  width: 100%; }
  .cart-totals ul,
  .cart-totals ol {
    list-style: none;
    margin-bottom: 0; }
  @media (min-width: 551px) {
    .cart-totals {
      float: right;
      width: 75%; } }
  @media (min-width: 801px) {
    .cart-totals {
      margin-bottom: 1rem;
      width: 58.33333%; } }
  @media (min-width: 1261px) {
    .cart-totals {
      width: 41.66667%; } }

.cart-total {
  border-bottom: 0; }
  .cart-total:before, .cart-total:after {
    content: " ";
    display: table; }
  .cart-total:after {
    clear: both; }
  @media (min-width: 801px) {
    .cart-total + .cart-total {
      border-top: 1px solid #e5e5e5; } }
  .cart-total .form-input {
    display: inline-block;
    height: 2.28571rem;
    padding: 0.5rem;
    vertical-align: top;
    width: 75%; }
  .cart-total .form-select {
    background-position: right 0.35714rem center;
    background-size: 1.42857rem 1.42857rem;
    height: 2.28571rem;
    margin-bottom: 0.78571rem;
    padding: 0 0.78571rem; }
  .cart-total .form-inlineMessage {
    text-align: left; }

.cart-total-label {
  color: #757575;
  width: 33.33333%; }
  @media (min-width: 551px) {
    .cart-total-label {
      width: 50%; } }
  @media (min-width: 801px) {
    .cart-total-label {
      display: block;
      padding-left: 0;
      text-align: left; } }

.cart-total-value {
  text-align: left; }
  @media (min-width: 551px) {
    .cart-total-value {
      text-align: right; } }
  @media (min-width: 801px) {
    .cart-total-value {
      width: 50%; } }

.cart-total-label,
.cart-total-value {
  float: left;
  padding: 0.5rem 0 0.5rem 1.5rem; }
  @media (min-width: 801px) {
    .cart-total-label,
    .cart-total-value {
      padding: 1rem 0; } }

.cart-total-grandTotal {
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-size: 20px;
  padding-bottom: 0.21429rem;
  padding-top: 0.21429rem;
  position: relative; }
  @media (min-width: 801px) {
    .cart-total-grandTotal {
      padding: 1rem 0;
      top: -0.28571rem; } }

.coupon-code-add,
.coupon-code-cancel,
.shipping-estimate-show,
.gift-certificate-add,
.gift-certificate-cancel {
  color: #757575;
  padding: 0;
  text-decoration: underline;
  transition: color 0.15s ease; }
  .coupon-code-add:hover,
  .coupon-code-cancel:hover,
  .shipping-estimate-show:hover,
  .gift-certificate-add:hover,
  .gift-certificate-cancel:hover {
    color: #333333; }

.coupon-code-cancel,
.shipping-estimate-show[aria-expanded="true"] {
  font-style: italic; }

.coupon-form,
.cart-gift-certificate-form {
  font-size: 0;
  margin-bottom: 1rem; }
  .coupon-form:before, .coupon-form:after,
  .cart-gift-certificate-form:before,
  .cart-gift-certificate-form:after {
    content: " ";
    display: table; }
  .coupon-form:after,
  .cart-gift-certificate-form:after {
    clear: both; }
  .coupon-form .form-input,
  .coupon-form .button,
  .cart-gift-certificate-form .form-input,
  .cart-gift-certificate-form .button {
    float: left; }
  .coupon-form .form-input,
  .cart-gift-certificate-form .form-input {
    width: 78%; }
  .coupon-form .button,
  .cart-gift-certificate-form .button {
    margin: 0 0 0 2%;
    padding-left: 0.78571rem;
    padding-right: 0.78571rem;
    width: 20%; }

.estimator-form {
  margin-bottom: 0; }
  .estimator-form .form-input {
    margin-bottom: 0.78571rem;
    width: 100%; }
  .estimator-form .button--primary {
    width: 60%; }

.estimator-form-label {
  clear: both;
  float: left;
  font-weight: 400;
  margin-bottom: 0; }
  .estimator-form-label .form-label {
    line-height: 2.28571rem;
    margin-bottom: 0; }

.estimator-form-label-text {
  margin-left: 0.71429rem; }

.estimator-form-input {
  float: right;
  margin-bottom: 1em;
  width: 60%; }
  .estimator-form-input .form-input,
  .estimator-form-input .form-select {
    margin-bottom: 0; }

.estimator-form-input--price {
  width: 30%; }

.estimator-form-row:before, .estimator-form-row:after {
  content: " ";
  display: table; }

.estimator-form-row:after {
  clear: both; }

.estimator-form-toggleUPSRate {
  display: block;
  margin-bottom: 1em; }

.cart-actions {
  clear: both; }
  .cart-actions:before, .cart-actions:after {
    content: " ";
    display: table; }
  .cart-actions:after {
    clear: both; }
  .cart-actions .button {
    display: block;
    margin-bottom: 0; }
    @media (min-width: 551px) {
      .cart-actions .button {
        display: inline-block;
        float: right; } }
  .cart-actions .checkoutMultiple {
    clear: right;
    display: block;
    float: right;
    padding-top: 0.35714rem; }

.previewCartWrapper {
  max-height: calc(100vh - 6rem);
  overflow: auto; }

.previewCartList {
  list-style: none;
  margin-left: 0;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  display: table;
  table-layout: fixed;
  width: 100%; }
  .previewCartList ul,
  .previewCartList ol {
    list-style: none;
    margin-bottom: 0; }
  .previewCartList li {
    margin: 0;
    padding: 0; }

.previewCartItem {
  margin: 0 auto;
  max-width: 85.71429rem;
  width: 100%;
  display: table-row;
  line-height: 19px; }
  .previewCartItem:before, .previewCartItem:after {
    content: " ";
    display: table; }
  .previewCartItem:after {
    clear: both; }
  .previewCartItem + .previewCartItem {
    border-top: 1px solid #e5e5e5; }

.previewCartItem-image,
.previewCartItem-content {
  display: table-cell;
  vertical-align: middle; }

.previewCartItem-image {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 33.33333%;
  padding: 0;
  position: relative;
  text-align: center; }
  .previewCartItem-image::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 100%;
    width: 100%; }
  .previewCartItem-image img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    max-height: 90%; }
  @media (min-width: 320px) {
    .previewCartItem-image::after {
      padding-bottom: 75%; } }
  @media (min-width: 481px) {
    .previewCartItem-image::after {
      padding-bottom: 100%; } }

.previewCartItem-content {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 66.66667%;
  padding-left: 0; }

.previewCartItem-name {
  margin: 0;
  text-transform: none; }
  .previewCartItem-name > a {
    text-decoration: none; }

.previewCartItem-brand,
.previewCartItem-name {
  margin-bottom: 0.21429rem; }

.previewCartItem-brand,
.previewCartItem-price {
  color: #757575;
  display: inline-block;
  font-size: 13px; }

.previewCartAction {
  margin: 0 auto;
  max-width: 85.71429rem;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  display: block; }
  .previewCartAction:before, .previewCartAction:after {
    content: " ";
    display: table; }
  .previewCartAction:after {
    clear: both; }
  @media (min-width: 320px) {
    .previewCartAction {
      padding: 0.78571rem 0.35714rem; } }
  @media (min-width: 481px) {
    .previewCartAction {
      padding: 1.5rem 0.78571rem; } }
  .previewCartAction .button {
    margin: 0;
    padding-left: 0.78571rem;
    padding-right: 0.78571rem;
    width: 100%; }

.previewCartAction-checkout,
.previewCartAction-viewCart {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 50%;
  float: left; }
  .previewCartAction-checkout.previewCartAction-viewCart--sole,
  .previewCartAction-viewCart.previewCartAction-viewCart--sole {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 50%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    float: none; }

.previewCartAction-checkout {
  padding-right: 0.35714rem; }

.previewCartAction-checkoutMultiple {
  clear: both;
  padding-left: 0.78571rem;
  padding-top: 0.35714rem; }

.previewCartAction-viewCart {
  padding-left: 0.35714rem; }

.previewCart-emptyBody {
  padding: 3rem;
  text-align: center; }

.previewCart-additionalCheckoutButtons {
  padding-bottom: 1.5rem;
  padding-right: 1.5rem; }

.addressList {
  font-size: 0;
  list-style: none;
  margin-left: -0.78571rem;
  margin-right: -0.78571rem; }

.address {
  display: inline-block;
  padding: 0 0.78571rem;
  vertical-align: top;
  width: 100%; }
  @media (min-width: 551px) {
    .address {
      width: 50%; } }
  @media (min-width: 1261px) {
    .address {
      width: 33.33333%; } }

.panel--address {
  font-size: 1rem;
  position: relative; }
  .panel--address .panel-body {
    min-height: 17.85714rem;
    padding: 1.5rem; }
    @media (min-width: 551px) {
      .panel--address .panel-body {
        padding: 1.5rem 1.5rem 4.5rem; } }
  .panel--address .form-actions {
    margin-bottom: -0.78571rem;
    margin-top: 1.5rem;
    text-align: left; }
    @media (min-width: 551px) {
      .panel--address .form-actions {
        bottom: 1.5rem;
        position: absolute;
        width: auto; } }
    .panel--address .form-actions .button {
      margin-bottom: 0.78571rem; }
      .panel--address .form-actions .button + .button {
        margin-left: 0;
        margin-top: 0; }
        @media (min-width: 551px) {
          .panel--address .form-actions .button + .button {
            margin-left: 0.35714rem; } }

.address-title {
  margin: 0 0 0.78571rem;
  text-transform: none; }

.address-details {
  list-style: none;
  margin: 0 0 0.78571rem; }

.address-details--postal {
  font-size: 15px; }

.address-label,
.address-description {
  display: inline-block;
  font-size: 1rem;
  margin: 0; }

.address-label {
  color: #757575;
  font-weight: 400; }

.panel--newAddress {
  display: block;
  text-align: center;
  text-decoration: none; }
  .panel--newAddress:hover .address-title {
    color: #757575; }
  .panel--newAddress .panel-body {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    display: block; }
  .panel--newAddress .address-title {
    margin-bottom: 0;
    transition: all 0.15s ease; }

.address-addNew {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-55%); }

.address-symbol {
  font-size: 50px;
  line-height: 1; }

.videoGallery-main {
  height: 0;
  margin-bottom: 1.14286rem;
  overflow: hidden;
  padding-bottom: 67.5%;
  padding-top: 1.78571rem;
  position: relative;
  margin-bottom: 1.85714rem; }
  .videoGallery-main.widescreen {
    padding-bottom: 56.34%; }
  .videoGallery-main.vimeo {
    padding-top: 0; }
  .videoGallery-main iframe,
  .videoGallery-main object,
  .videoGallery-main embed,
  .videoGallery-main video {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0; }

.videoGallery-list {
  list-style: none;
  margin-left: 0;
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  font-size: 0; }
  .videoGallery-list ul,
  .videoGallery-list ol {
    list-style: none;
    margin-bottom: 0; }
  .videoGallery-list:before, .videoGallery-list:after {
    content: " ";
    display: table; }
  .videoGallery-list:after {
    clear: both; }

.videoGallery-item {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  display: inline-block;
  float: none;
  vertical-align: top; }
  @media (min-width: 801px) {
    .videoGallery-item {
      width: 50%; } }

.video {
  display: block;
  margin-bottom: 1.85714rem;
  opacity: 0.4;
  text-decoration: none;
  transition: opacity 100ms ease-out; }
  .video:before, .video:after {
    content: " ";
    display: table; }
  .video:after {
    clear: both; }
  .video-figure {
    float: left;
    margin-right: 0.78571rem; }
    .video-figure > img {
      display: block; }
  .video-figure--opposite {
    float: right;
    margin-left: 0.78571rem;
    margin-right: 0; }
  .video-body:before, .video-body:after {
    content: " ";
    display: table; }
  .video-body:after {
    clear: both; }
  @media (min-width: 801px) {
    .video {
      margin-bottom: 1.85714rem; } }
  .video:hover, .video.is-active {
    color: #333333;
    opacity: 1; }

.video-figure {
  margin-right: 1.85714rem; }

.video-title {
  margin-bottom: 0;
  margin-top: 0;
  text-transform: none; }

.video-description {
  font-size: 1rem;
  margin-bottom: 0; }

.previewCart {
  margin: 0 auto;
  max-width: 85.71429rem;
  width: 100%; }
  .previewCart:before, .previewCart:after {
    content: " ";
    display: table; }
  .previewCart:after {
    clear: both; }
  @media (min-width: 801px) {
    .previewCart .productView {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 75%;
      float: left;
      display: flex;
      margin: 0;
      padding-bottom: 0;
      padding-top: 0; }
    .previewCart .productView-image {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 58.33333%;
      float: left;
      display: flex;
      flex-direction: column; }
    .previewCart .productView-image--cart {
      align-self: flex-start;
      margin: 0 auto;
      width: 100%; }
    .previewCart .productView-details {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 41.66667%;
      float: left; } }
  .previewCart .productView-title {
    margin-top: 0; }

.previewCartCheckout {
  background: #e5e5e5;
  padding: 1rem;
  text-align: center; }
  @media (min-width: 801px) {
    .previewCartCheckout {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 25%;
      float: right;
      padding: 1.5rem; } }
  .previewCartCheckout .button {
    display: block;
    margin: 0;
    width: 100%; }
    .previewCartCheckout .button + p {
      margin-top: 0.78571rem; }
    .previewCartCheckout .button:not(:last-child) {
      margin-bottom: 0.78571rem; }

.previewCartCheckout-price {
  display: block;
  font-size: 28px;
  font-weight: bold;
  text-align: center; }

.previewCartCheckout-subtotal {
  display: block;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem; }

.previewCartCheckout-additionalCheckoutButtons p {
  float: none !important;
  margin: 0.5rem 0; }

.previewCartCheckout-additionalCheckoutButtons .CheckoutButton {
  margin-bottom: 1rem; }
  .previewCartCheckout-additionalCheckoutButtons .CheckoutButton:first-child {
    margin-top: 1.5rem; }
  .previewCartCheckout-additionalCheckoutButtons .CheckoutButton:last-child {
    margin-bottom: 1.5rem; }

.suggestiveCart {
  display: none;
  text-align: center; }
  @media (min-width: 801px) {
    .suggestiveCart {
      display: block; } }

.cookieMessage {
  background: #e5e5e5;
  color: #333333;
  display: none; }
  .cookieMessage .button {
    width: 100%; }
    @media (min-width: 801px) {
      .cookieMessage .button {
        vertical-align: middle;
        width: 25%; } }
    @media (min-width: 1261px) {
      .cookieMessage .button {
        vertical-align: top; } }

.cookieMessage-container {
  margin: 0 auto;
  padding: 1.5rem; }
  @media (min-width: 801px) {
    .cookieMessage-container {
      width: 83.33333%; } }
  @media (min-width: 1261px) {
    .cookieMessage-container {
      width: 58.33333%; } }

@media (min-width: 801px) {
  .cookieMessage-text {
    display: inline-block;
    padding: 0 0.78571rem;
    vertical-align: middle;
    width: 66.66667%; } }

.login {
  margin: 3rem auto 6rem;
  max-width: 64.28571rem; }

.login-row {
  margin: 0 auto;
  max-width: 85.71429rem;
  width: 100%; }
  .login-row:before, .login-row:after {
    content: " ";
    display: table; }
  .login-row:after {
    clear: both; }
  @media (min-width: 801px) {
    .login-row {
      margin-top: 6rem; } }

.login-form {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left; }
  @media (min-width: 801px) {
    .login-form {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 50%;
      float: left;
      margin-top: 3rem; } }

.new-customer {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left; }
  @media (min-width: 801px) {
    .new-customer {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 50%;
      float: left; } }

.new-customer-intro {
  margin-bottom: 0; }

.new-customer-fact-list {
  margin-left: 3rem; }

.new-customer-fact {
  padding-left: 0.78571rem; }

.search-suggestion {
  margin-bottom: 2rem; }
  .search-suggestion > :last-child {
    margin-bottom: 0; }

.suggestion-title {
  margin-top: 0;
  text-transform: inherit; }

.advancedSearch-form {
  margin-bottom: 3rem; }
  .advancedSearch-form .form-row {
    margin-bottom: -1.5rem; }

.quickSearchResults {
  margin-top: 1.5rem; }
  @media (min-width: 801px) {
    .quickSearchResults {
      margin-top: 0; } }
  .quickSearchResults .modal-close {
    display: none; }
    @media (min-width: 801px) {
      .quickSearchResults .modal-close {
        display: block; } }

.advancedSearch-separator {
  display: none; }

.advancedSearch-title {
  margin: 0 0 1.5rem;
  text-transform: inherit; }

.search-price-range label {
  display: inline; }
  .search-price-range label input {
    display: block;
    padding-left: 1.5rem; }
    @media (min-width: 551px) {
      .search-price-range label input {
        display: inline;
        width: 6rem; } }
  @media (min-width: 551px) {
    .search-price-range label span {
      display: inline;
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }

.category-suggestion-list {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  list-style-type: none; }
  .category-suggestion-list:before, .category-suggestion-list:after {
    content: " ";
    display: table; }
  .category-suggestion-list:after {
    clear: both; }

.category-suggestion {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 33.33333%;
  float: left;
  font-size: 15px; }

.search-refine {
  margin-left: 1.5rem; }

.quickSearchMessage {
  font-size: 28px;
  margin: 1.5rem 0 0;
  text-align: center; }

.search-nav {
  position: relative; }

.navBar--account {
  display: none; }
  @media (min-width: 801px) {
    .navBar--account {
      display: block; } }

.account-heading {
  border-bottom: 1px solid #e5e5e5;
  margin: 0;
  padding-bottom: 1rem; }

.account-list {
  list-style: none;
  margin-left: 0; }

.account-listItem {
  border-bottom: 1px solid #e5e5e5;
  padding: 1.5rem 0;
  position: relative; }
  .account-listItem img {
    width: 100%; }
  .account-listItem .account-product-image {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    position: relative; }

.account-listShipping {
  border-bottom: 1px solid #e5e5e5;
  font-weight: 700;
  padding: 2rem 0; }
  .account-listShipping .account-listShipping-title {
    margin: 0;
    text-transform: inherit; }

.account-product:before, .account-product:after {
  content: " ";
  display: table; }

.account-product:after {
  clear: both; }

.account-product-figure {
  float: left;
  margin-right: 0.78571rem; }
  .account-product-figure > img {
    display: block; }

.account-product-figure--opposite {
  float: right;
  margin-left: 0.78571rem;
  margin-right: 0; }

.account-product-body:before, .account-product-body:after {
  content: " ";
  display: table; }

.account-product-body:after {
  clear: both; }

.account-product-figure {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 2rem 0 0;
  position: relative;
  width: 70px; }
  .account-product-figure::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 100%;
    width: 100%; }

.account-product-download {
  border-radius: 50%;
  height: 2.35714rem;
  padding: 0;
  position: absolute;
  right: -0.78571rem;
  top: -0.78571rem;
  width: 2.35714rem;
  z-index: 1; }
  .account-product-download .icon {
    height: 1.5rem;
    margin-top: 0.35714rem;
    width: 1.5rem; }
  .account-product-download svg {
    fill: #fff; }

.account-product-body {
  overflow: hidden;
  padding-bottom: 3.5rem;
  position: relative; }
  @media (min-width: 551px) {
    .account-product-body {
      padding-bottom: 0; } }
  .account-product-body .definitionList {
    font-size: 15px;
    margin-bottom: 0; }

.account-product-title {
  margin: 0 0 0.21429rem;
  text-transform: inherit; }
  .account-product-title > a {
    text-decoration: none; }
  .account-product-title + .definitionList {
    margin-top: 0.78571rem; }

.account-product-subtitle {
  color: #999999;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-size: 15px;
  margin: -0.21429rem 0 1rem;
  text-transform: inherit; }

.account-product-price {
  float: right;
  font-size: 15px; }

.account-product-description + .definitionList {
  margin: -1.35714rem 0 1.5rem; }

.account-product-refundQty {
  color: #999999;
  margin-bottom: 0; }

.account-product-details {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto; }
  .account-product-details:before, .account-product-details:after {
    content: " ";
    display: table; }
  .account-product-details:after {
    clear: both; }

.account-product-detail {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left; }
  @media (min-width: 551px) {
    .account-product-detail {
      width: 33.33333%; } }
  @media (min-width: 1261px) {
    .account-product-detail {
      width: 25%; } }
  .account-product-detail + .account-product-detail {
    margin-top: 1rem; }
    @media (min-width: 551px) {
      .account-product-detail + .account-product-detail {
        margin-top: 0; } }
  @media (min-width: 551px) {
    .account-product-detail + .account-product-detail--full {
      margin-top: 1.5rem; } }

@media (min-width: 1261px) {
  .account-product-detail--large {
    width: 50%; } }

.account-product-detail--full {
  width: 100%; }

.account-product-detail-heading {
  color: #757575;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0 0 0.35714rem; }

.account-product--alignMiddle {
  display: table;
  width: 100%; }
  .account-product--alignMiddle .account-product-checkItem {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 2rem; }
    @media (min-width: 1261px) {
      .account-product--alignMiddle .account-product-checkItem {
        left: -2.5rem; } }
    .account-product--alignMiddle .account-product-checkItem .form-label {
      height: 1.5rem;
      margin: 0;
      padding: 0;
      width: 1.5rem; }
  .account-product--alignMiddle .account-product-figure,
  .account-product--alignMiddle .account-product-body {
    display: table-cell; }
  .account-product--alignMiddle .account-product-figure {
    float: none;
    margin-right: 0; }
    @media (min-width: 1261px) {
      .account-product--alignMiddle .account-product-figure {
        left: -2rem; } }
  .account-product--alignMiddle .account-product-body {
    padding-left: 2rem;
    vertical-align: middle; }
    @media (min-width: 1261px) {
      .account-product--alignMiddle .account-product-body {
        padding-left: 0; } }

.account-orderTotal {
  float: right;
  font-size: 15px;
  margin-top: -1.5rem;
  width: 66.66667%; }

.account-orderTotal-key,
.account-orderTotal-value {
  margin: 0;
  padding: 1.5rem 0; }

.account-orderTotal-key {
  color: #757575;
  float: left;
  font-weight: 400; }
  .account-orderTotal-key:last-of-type {
    position: relative;
    top: 0.28571rem; }

.account-orderTotal-value {
  border-bottom: 1px solid #e5e5e5;
  text-align: right; }
  .account-orderTotal-value:last-child {
    border-bottom: 0;
    font-size: 20px; }

.account-orderStatus {
  bottom: 0;
  left: 0;
  position: absolute; }
  @media (min-width: 551px) {
    .account-orderStatus {
      float: right;
      position: inherit;
      text-align: right; } }

.account-orderStatus-label {
  background-color: #cccccc;
  color: white;
  display: inline-block;
  font-size: 12px;
  line-height: 15px;
  margin: 0 0 0.35714rem;
  padding: 0.21429rem 0.5rem; }

.account-orderStatus-action {
  color: #757575;
  display: inline-block;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 0.25px;
  margin-left: 0.78571rem;
  text-align: right;
  text-decoration: underline;
  vertical-align: top; }
  @media (min-width: 551px) {
    .account-orderStatus-action {
      display: block;
      margin-left: 0; } }
  .account-orderStatus-action:hover {
    color: #333333; }

.account .pagination {
  color: #999999;
  margin-top: 3rem;
  text-align: center; }

.account-message .is-read {
  color: #999999; }

.account-sidebar-block {
  font-size: 15px; }
  .account-sidebar-block + .account-sidebar-block {
    margin-top: 3rem; }
  .account-sidebar-block .account-heading {
    margin-bottom: 1.5rem; }

.account-order-address {
  list-style: none;
  margin-left: 0; }
  .account-order-address ul,
  .account-order-address ol {
    list-style: none;
    margin-bottom: 0; }

.account-reorder-form {
  display: inline-block; }

.order-payments-description {
  color: #757575;
  font-weight: 400;
  margin-top: 1.5rem; }

.account-downloads-summary {
  border-bottom: 1px solid #e5e5e5;
  font-size: 15px;
  padding-bottom: 1.5rem; }

.account-downloadsList {
  list-style: none;
  margin-left: 0; }
  .account-downloadsList ul,
  .account-downloadsList ol {
    list-style: none;
    margin-bottom: 0; }

.account-downloadsItem {
  margin-bottom: 1.5rem; }
  .account-downloadsItem > :first-child {
    margin-top: 0; }
  .account-downloadsItem > :last-child {
    margin-bottom: 0; }

.account-downloadsItem-title {
  color: #757575;
  font-size: 15px;
  margin-bottom: 0.21429rem;
  text-transform: inherit; }

.account-downloadsItem-description {
  margin-bottom: 0; }

.account-downloadsItem-availability {
  color: #757575; }

.wishlists-table {
  margin-left: auto;
  margin-right: auto;
  max-width: 85.71429rem; }

.wishlist-header {
  display: none;
  text-align: center; }

.modal .wishlist-header {
  display: block; }

.wishlist-form {
  margin: 0 auto;
  max-width: 85.71429rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 39.28571rem; }
  .wishlist-form:before, .wishlist-form:after {
    content: " ";
    display: table; }
  .wishlist-form:after {
    clear: both; }
  .wishlist-form .form-field {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 100%;
    float: left; }

.share-wishlist {
  margin-left: auto;
  margin-right: auto;
  max-width: 46.42857rem;
  text-align: center; }

.icon--ratingEmpty svg {
  fill: #8f8f8f; }

.icon--ratingFull svg {
  fill: #ef6600; }

.rating--small {
  display: inline-block; }
  .rating--small .icon {
    height: 1rem;
    width: 1rem;
    margin-top: -3px; }

.apple-pay-checkout-button {
  background-color: #000;
  background-image: -webkit-named-image(apple-pay-logo-white);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 60%;
  border-radius: 0.28571rem;
  cursor: pointer;
  display: none;
  max-height: 4.57143rem;
  min-height: 2.28571rem;
  min-width: 90px;
  padding: 1.5rem;
  width: 160px; }

.apple-pay-checkout-button--white {
  background-color: #fff;
  background-image: -webkit-named-image(apple-pay-logo-black); }

.apple-pay-checkout-button--white-border {
  background-color: #fff;
  background-image: -webkit-named-image(apple-pay-logo-black);
  border: 0.5px solid #000; }

.apple-pay-supported .apple-pay-checkout-button {
  display: block;
  float: right; }

.apple-pay-supported .previewCartCheckout .apple-pay-checkout-button,
.apple-pay-supported .productView-options .apple-pay-checkout-button {
  display: inline-block;
  float: none; }

.paymentMethodsTitle {
  margin: 0 0 0.78571rem;
  padding: 0;
  text-transform: none;
  width: 100%; }

.paymentMethodsGrid {
  display: flex;
  flex-wrap: wrap;
  margin: -0.78571rem;
  margin-bottom: 1.5rem; }
  .paymentMethodsGrid-item {
    padding: 0.78571rem;
    width: 100%; }
    @media (min-width: 551px) {
      .paymentMethodsGrid-item {
        width: 50%; } }

.paymentMethod {
  background-color: #e5e5e5;
  border: 1px solid #e5e5e5;
  border-radius: 0.21429rem;
  display: flex;
  flex-flow: column nowrap;
  height: 100%; }
  .paymentMethod-row {
    padding: 1.5rem; }
    .paymentMethod-row:first-child {
      background-color: #fff; }
    .paymentMethod-row:last-child {
      margin-top: auto; }
    .paymentMethod-row:only-child {
      height: 100%; }
  .paymentMethod .button {
    margin-bottom: 0; }

.methodHeader {
  align-items: center;
  display: flex;
  flex-flow: row;
  justify-content: space-between; }
  .methodHeader-icon {
    margin-right: 0.78571rem;
    width: 2rem; }
    @media (min-width: 1261px) {
      .methodHeader-icon {
        width: 3rem; } }
  .methodHeader-title {
    font-size: 13px;
    font-weight: 600; }
    @media (min-width: 1261px) {
      .methodHeader-title {
        font-size: 1rem; } }
  .methodHeader-brand {
    color: #666666;
    font-size: 13px;
    font-weight: 600; }
    @media (min-width: 1261px) {
      .methodHeader-brand {
        font-size: 1rem; } }
  .methodHeader-meta {
    display: flex;
    flex-wrap: nowrap;
    margin-left: auto;
    padding-left: 0.78571rem; }
  .methodHeader-default {
    fill: #666666;
    height: 1.28571rem;
    margin-left: 0.78571rem;
    width: 1.28571rem; }
    @media (min-width: 1261px) {
      .methodHeader-default {
        height: 1.42857rem;
        width: 1.42857rem; } }
  .methodHeader-expiry {
    font-size: 15px;
    text-transform: capitalize; }

.methodDetails {
  display: flex;
  margin: 0; }
  .methodDetails-label {
    flex: 1;
    font-weight: 600; }
  .methodDetails-description {
    flex: 2;
    font-size: 13px; }

.newPaymentMethod {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-items: center;
  min-height: 13.28571rem;
  text-decoration: none; }
  .newPaymentMethod-icon {
    font-size: 50px;
    line-height: 1;
    margin: auto 0 0.78571rem; }
  .newPaymentMethod-title {
    margin: 0 auto auto;
    text-align: center; }

@media (min-width: 551px) {
  .paymentMethodForm {
    max-width: 60%; } }

@media (min-width: 551px) {
  .paymentMethodForm-column {
    display: flex; }
    .paymentMethodForm-column:first-child .form-field {
      margin-bottom: 0.78571rem; } }

.paymentMethodForm-heading {
  color: #333333;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  margin-top: 1.5rem;
  text-transform: capitalize; }

.paymentMethodForm-subheading {
  display: flex;
  font-weight: 600; }

@media (min-width: 551px) {
  .paymentMethodForm-cards {
    margin-left: auto; } }

.paymentMethodForm-cards-icon {
  margin-right: 0.21429rem;
  width: 2.42857rem; }

.paymentMethodForm-inputs {
  position: relative; }
  @media (min-width: 551px) {
    .paymentMethodForm-inputs:last-child {
      padding-left: 1.5rem;
      width: 30%; }
    .paymentMethodForm-inputs:first-child {
      width: 70%; } }

.paymentMethodForm-inputs-icon {
  position: absolute;
  right: 0.64286rem;
  top: 2.78571rem; }
  .paymentMethodForm-inputs-icon.icon {
    fill: #999999;
    height: 1.5rem;
    width: 1.5rem; }

.paymentMethodForm-details {
  margin-bottom: 0; }
  @media (min-width: 551px) {
    .paymentMethodForm-details {
      display: inline-block;
      margin: 0 3rem 0 0; } }

.paymentMethodForm-details-term {
  font-weight: 400;
  margin-bottom: 0.78571rem; }

.paymentMethodForm-details-description {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.25px; }

.category-header-image {
  width: 100%; }

.manual-captcha-input-container {
  align-items: center;
  display: flex; }
  .manual-captcha-input-container .question {
    font-size: 1.25rem;
    margin-right: 1rem; }
  .manual-captcha-input-container .form-input {
    flex: 1; }

.blog-nav-container a {
  text-decoration: none; }

.skip-to-main-link {
  background: white;
  color: #333333;
  font-weight: 700;
  left: 50%;
  padding: 4px;
  position: absolute;
  transform: translate(-50%, calc(-100% - 55px));
  transition: transform 0.3s;
  z-index: 500; }
  .skip-to-main-link:focus {
    transform: translate(-50%, 0%); }

.header {
  background-color: white;
  border-bottom: 1px solid #e5e5e5;
  height: 55px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100; }
  @media (min-width: 801px) {
    .header {
      border-bottom: 1px solid #e5e5e5;
      display: flex;
      flex-direction: column;
      height: auto;
      overflow: visible;
      position: relative; } }
  .header.is-open {
    height: 100%; }
    @media (min-width: 801px) {
      .header.is-open {
        height: auto; } }

.header-logo {
  font-size: 0;
  height: 55px;
  margin: 0 3.92857rem;
  text-align: center; }
  @media (min-width: 551px) {
    .header-logo {
      margin-left: 5.89286rem;
      margin-right: 5.89286rem; } }
  @media (min-width: 801px) {
    .header-logo {
      height: auto;
      margin: 4rem auto 4.5rem;
      padding: 0; }
      .header.fixed .header-logo {
        background-color: #e5e5e5;
        margin: 0;
        padding: 0.35714rem 0;
        position: absolute;
        top: 0;
        width: 100%; } }
  .header-logo__link {
    align-items: center;
    color: #333333;
    display: flex;
    height: inherit;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    text-decoration: none;
    width: 70%;
    z-index: 20; }
    .header-logo__link:before, .header-logo__link:after {
      content: " ";
      display: table; }
    .header-logo__link:after {
      clear: both; }
    @media (min-width: 801px) {
      .header-logo__link {
        background: none;
        border-bottom: 0;
        display: inline-flex;
        padding: 0;
        width: auto; } }
    .header-logo__link:hover {
      color: #757575; }
    .header-logo__link:active {
      color: #757575; }

.header-logo--left {
  text-align: left; }
  @media (min-width: 801px) {
    .header-logo--left {
      margin-left: 2.85714rem; } }
  .header-logo--left .header-logo-image {
    right: unset; }

.header-logo--right {
  text-align: right; }
  @media (min-width: 801px) {
    .header-logo--right {
      margin-right: 2.85714rem; } }
  .header-logo--right .header-logo-image {
    left: unset; }

.header-logo-text {
  display: block;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-size: 2.25vw;
  font-weight: 600;
  letter-spacing: 0.14286rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap; }
  @media (min-width: 551px) {
    .header-logo-text {
      font-size: 2.5vw; } }
  @media (min-width: 801px) {
    .header-logo-text {
      display: inline;
      font-size: 28px;
      max-width: none;
      overflow: auto;
      padding: 0 10px;
      white-space: normal; }
      .header.fixed .header-logo-text {
        font-size: 25px; } }

.header-logo-image-container {
  position: relative;
  width: 100%; }
  @media (min-width: 801px) {
    .header-logo-image-container {
      min-height: 100px; } }

.header-logo-image-container::after {
  content: "";
  display: block; }

.header-logo-image {
  display: block;
  margin: 0 auto;
  max-height: 2.35714rem; }
  @media (min-width: 801px) {
    .header-logo-image {
      max-height: none; } }

.header-logo-image-unknown-size {
  max-height: 2.35714rem; }
  @media (min-width: 801px) {
    .header-logo-image-unknown-size {
      max-height: none; } }

.mobileMenu-toggle {
  height: 3.92857rem;
  width: 3.92857rem;
  display: inline-block;
  font-size: 0;
  left: 0;
  overflow: hidden;
  padding: 0 1.28571rem;
  position: absolute;
  z-index: 50; }
  @media (min-width: 801px) {
    .mobileMenu-toggle {
      display: none; } }
  .mobileMenu-toggle .mobileMenu-toggleIcon,
  .mobileMenu-toggle .mobileMenu-toggleIcon::before,
  .mobileMenu-toggle .mobileMenu-toggleIcon::after {
    background: #444444;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    transform: rotate(0deg);
    transition: transform 100ms ease-in, top 100ms ease-in 150ms, bottom 100ms ease-in 150ms;
    width: 1.42857rem; }
  .mobileMenu-toggle .mobileMenu-toggleIcon {
    top: 1.92857rem;
    transition: background-color 10ms ease-in 100ms; }
  .mobileMenu-toggle .mobileMenu-toggleIcon::before {
    top: -0.5rem; }
  .mobileMenu-toggle .mobileMenu-toggleIcon::after {
    bottom: -0.5rem; }
  .mobileMenu-toggle.is-open .mobileMenu-toggleIcon {
    background-color: transparent;
    transition-delay: 100ms; }
    .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after {
      background-color: #444444;
      bottom: auto;
      top: auto;
      transition: transform 100ms ease-in 150ms, top 100ms ease-in, bottom 100ms ease-in; }
    .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before {
      top: 0;
      transform: rotate(45deg); }
    .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after {
      bottom: 0;
      transform: rotate(-45deg); }

.body {
  margin-bottom: 6rem;
  margin-top: 1.5rem; }
  @media (min-width: 801px) {
    .body {
      margin-top: 2.5rem; } }

.page {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto; }
  .page:before, .page:after {
    content: " ";
    display: table; }
  .page:after {
    clear: both; }

.page-content,
.page-content--full {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left; }

@media (min-width: 801px) {
  .page-content--centered {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 66.66667%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    float: none; } }

.page-content--textCenter {
  text-align: center; }

.page-sidebar {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  position: relative; }
  @media (min-width: 801px) {
    .page-sidebar {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 25%;
      float: left; }
      .page-sidebar + .page-content {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        width: 75%;
        float: left; } }

.footer {
  background-color: white;
  border-top: 1px solid #e5e5e5;
  padding: 3rem 0;
  position: relative;
  transform: translateZ(0); }

.footer-title-sr-only {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px; }

.footer-info {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  font-size: 0; }
  .footer-info:before, .footer-info:after {
    content: " ";
    display: table; }
  .footer-info:after {
    clear: both; }

.footer-info-col {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  color: #757575;
  display: inline-block;
  float: none;
  font-size: 1rem;
  margin-bottom: 3rem;
  overflow-wrap: break-word;
  text-align: center;
  vertical-align: top;
  -ms-word-break: break-all; }
  @media (min-width: 551px) {
    .footer-info-col {
      text-align: left;
      width: 50%; } }
  @media (min-width: 801px) {
    .footer-info-col {
      width: 33.33334%; } }
  .footer-info-col > :first-child {
    margin-top: 0; }
  .footer-info-col > :last-child {
    margin-bottom: 0; }

@media (min-width: 801px) {
  .footer-info-col--small {
    width: 16.66667%; } }

.footer-info-col--social {
  width: 100%; }

@media (min-width: 551px) {
  .footer-info-col--left {
    padding: 0; } }

@media (min-width: 551px) {
  .footer-info-col--right {
    left: 50%;
    position: inherit;
    width: 50%; } }

@media (min-width: 801px) {
  .footer-info-col--right {
    left: 0;
    padding: 0;
    text-align: right;
    width: 100%; } }

.footer-info-heading {
  font-size: 1rem;
  text-transform: inherit; }

.footer-info-list {
  list-style: none;
  margin-left: 0; }
  .footer-info-list a {
    color: #757575;
    text-decoration: none; }
    .footer-info-list a:hover {
      color: #333333; }

.footer-copyright {
  text-align: center; }
  @media (min-width: 551px) {
    .footer-copyright {
      text-align: left; } }
  .footer-copyright > .powered-by {
    color: #757575;
    font-size: 12px;
    margin: 0; }
  .footer-copyright a {
    color: #757575;
    text-decoration: none; }
    .footer-copyright a:hover {
      color: #333333; }

.footer-payment-icons {
  height: 2.85714rem;
  margin-top: 1.5rem; }
  @media (min-width: 801px) {
    .footer-payment-icons {
      margin-top: 3rem; } }
  .footer-payment-icons .footer-payment-icon {
    height: 100%;
    margin: 0.35714rem;
    vertical-align: middle;
    width: 3.57143rem; }
  .footer-payment-icons svg {
    fill: #757575; }

.footer-newsletter-summary {
  text-align: left; }

.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 91.71429rem;
  padding: 0 1.5rem;
  position: relative;
  width: 100%; }
  @media (min-width: 1261px) {
    .container {
      padding: 0 6rem; } }

.blog {
  margin-bottom: 1.5rem; }
  @media (min-width: 801px) {
    .blog {
      margin: auto;
      width: 100%; } }
  .blog + .blog {
    clear: both; }
  .blog .tags {
    margin-top: 3rem;
    text-align: center; }
  .blog .socialLinks {
    text-align: center; }
  .blog .addthis_toolbox {
    margin-top: 3rem; }

.blog-title {
  font-size: 25px;
  margin: 0 5px 15px; }
  .blog-title a {
    text-decoration: none;
    color: #000000; }

.blog-date,
.blog-author {
  color: #000000;
  text-align: center;
  font-style: italic; }

.blog-author {
  margin-bottom: 2.5rem; }

.blog-post {
  font-size: 16px;
  text-align: left;
  max-width: 1600px; }
  .blog-post p:first-child img {
    width: 100% !important; }

.blog-thumbnail {
  margin: 0 auto 2rem;
  max-width: 320px;
  border: 1px solid #d3d3d3;
  border-radius: 4px; }
  @media (min-width: 801px) {
    .blog-thumbnail {
      float: left;
      margin-right: 25px; } }
  .blog-thumbnail img {
    width: 100%; }

.blog-post-figure {
  display: block;
  margin: auto;
  text-align: center; }
  @media (min-width: 801px) {
    .blog-post-figure {
      width: 100%; } }

.blog-post-body {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 100%; }
  .blog-post-body .bhcenter {
    text-align: center; }
  .blog-post-body .bhleft {
    text-align: center; }
  @media (min-width: 551px) {
    .blog-post-body {
      width: 100%; }
      .blog-post-body .bhcenter {
        text-align: center; }
      .blog-post-body .bhleft {
        text-align: left; } }
  @media (min-width: 801px) {
    .blog-post-body {
      width: 100%; } }
  @media (min-width: 1261px) {
    .blog-post-body {
      width: 100%; } }

.pagination {
  clear: both;
  max-width: 1000px;
  margin: auto; }

.bloggridcontainer {
  text-align: center; }

.bloggrid {
  margin-right: .5%;
  margin-left: .5%;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 15px;
  padding-top: 50px; }
  @media (min-width: 551px) {
    .bloggrid {
      width: 48%; } }
  @media (min-width: 801px) {
    .bloggrid {
      width: 31%; } }
  @media (min-width: 1261px) {
    .bloggrid {
      width: 23.5%;
      max-width: 300px; } }

.blogthumb {
  float: none;
  margin-right: auto;
  margin-left: auto; }

.blogheader {
  clear: both;
  font-size: 18px;
  font-weight: 800; }
  @media (min-width: 551px) {
    .blogheader {
      font-size: 18px; } }
  @media (min-width: 801px) {
    .blogheader {
      font-size: 18px; } }
  @media (min-width: 1261px) {
    .blogheader {
      font-size: 20px; } }

.sidebarBlock + .sidebarBlock {
  border-top: 1px solid #e5e5e5;
  margin-top: 2rem;
  padding-top: 2rem; }

.sidebarBlock-heading {
  font-size: 1.07143rem;
  margin-top: 0;
  text-transform: inherit; }

.brandGrid {
  list-style: none;
  margin-left: 0;
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  font-size: 0;
  margin-bottom: 1.5rem; }
  .brandGrid ul,
  .brandGrid ol {
    list-style: none;
    margin-bottom: 0; }
  .brandGrid:before, .brandGrid:after {
    content: " ";
    display: table; }
  .brandGrid:after {
    clear: both; }
  .brandGrid .brand {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 50%;
    float: none;
    display: inline-block;
    font-size: 1rem;
    vertical-align: top; }
    @media (min-width: 551px) {
      .brandGrid .brand {
        width: 33.33333%; } }
    @media (min-width: 801px) {
      .brandGrid .brand {
        width: 25%; } }
    .brandGrid .brand .card-title {
      text-align: center; }

.brand-image-container {
  max-width: 100px;
  position: relative; }
  .brand-image-container::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 100%;
    width: 100%; }
  .brand-image-container img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0; }

.brand .card-img-container {
  max-width: 190px; }
  .brand .card-img-container::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 131.57895%;
    width: 100%; }

.productGrid {
  list-style: none;
  margin-left: 0;
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  font-size: 0;
  margin-bottom: 1.5rem; }
  .productGrid ul,
  .productGrid ol {
    list-style: none;
    margin-bottom: 0; }
  .productGrid:before, .productGrid:after {
    content: " ";
    display: table; }
  .productGrid:after {
    clear: both; }
  .productGrid .product {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 50%;
    float: none;
    display: inline-block;
    font-size: 1rem;
    vertical-align: top; }
    @media (min-width: 551px) {
      .productGrid .product {
        width: 33.33333%; } }
    @media (min-width: 801px) {
      .productGrid .product {
        width: 25%; } }

@media (min-width: 551px) {
  .page-sidebar + .page-content .productGrid .product {
    width: 33.33333%; } }

.productMasonry {
  column-count: 2;
  column-fill: auto;
  column-gap: 1.42857rem;
  margin: 0 0 1.5rem;
  overflow: hidden; }
  @media (min-width: 551px) {
    .productMasonry {
      column-count: 3; } }
  @media (min-width: 801px) {
    .productMasonry {
      column-count: 4; } }
  .productMasonry .product {
    break-inside: avoid;
    display: block;
    margin-bottom: 3rem;
    padding: 0;
    page-break-inside: avoid;
    width: 100%; }
  .productMasonry .card {
    margin: 0; }

@media (min-width: 801px) {
  .no-csscolumns .productGrid--maxCol6 .product {
    width: 16.66667%; } }

@media (min-width: 801px) {
  .csscolumns .productGrid--maxCol6 {
    column-count: 6; } }

@media (min-width: 801px) {
  .no-csscolumns .productGrid--maxCol3 .product {
    width: 33.33333%; } }

@media (min-width: 801px) {
  .csscolumns .productGrid--maxCol3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 100%;
    float: left;
    float: none; }
    .csscolumns .productGrid--maxCol3 .product {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 33.33333%;
      float: none; } }

.productList {
  list-style: none;
  margin-left: 0;
  margin: 0.78571rem; }
  .productList ul,
  .productList ol {
    list-style: none;
    margin-bottom: 0; }
  .productList .product + .product {
    margin-top: 4rem; }

@media (min-width: 551px) {
  .listItem {
    margin: 0 -0.75rem;
    max-width: none;
    width: auto;
    display: table;
    width: 100%; }
    .listItem:before, .listItem:after {
      content: " ";
      display: table; }
    .listItem:after {
      clear: both; } }

@media (min-width: 1261px) {
  .listItem:focus-within .listItem-figureBody {
    opacity: 1; } }

@media (min-width: 1261px) {
  .listItem.focus-within .listItem-figureBody {
    opacity: 1; } }

@media (min-width: 551px) {
  .listItem-figure,
  .listItem-body {
    display: table-cell;
    vertical-align: top; } }

@media (min-width: 1261px) {
  .listItem-figure,
  .listItem-body {
    vertical-align: middle; } }

.listItem-button {
  background-color: rgba(255, 255, 255, 0.9);
  color: #333333; }
  .listItem-button:hover, .listItem-button:focus {
    background-color: white;
    color: #333333; }

.listItem-figure {
  margin: 0 0 1.5rem;
  position: relative; }
  @media (min-width: 551px) {
    .listItem-figure {
      margin-bottom: 0;
      padding-left: 0.78571rem;
      padding-right: 0.78571rem;
      width: 25%; } }
  .listItem-figure__link {
    display: block;
    margin: 3px; }
  .listItem-figure .listItem-button {
    margin: 1.5rem 0; }
    @media (min-width: 1261px) {
      .listItem-figure .listItem-button {
        display: inline-block;
        margin: 0;
        pointer-events: all; } }

.listItem-figureBody {
  opacity: 1;
  text-align: center; }
  @media (min-width: 1261px) {
    .listItem-figureBody {
      left: 50%;
      opacity: 0;
      position: absolute;
      top: 50%;
      transform: translateX(-50%) translateY(-50%); }
      .listItem:hover .listItem-figureBody {
        opacity: 1; } }

.listItem-image {
  width: 100%; }

@media (min-width: 551px) {
  .listItem-body {
    padding-left: 1.28571rem;
    padding-right: 0.78571rem;
    width: 75%; } }

@media (min-width: 1261px) {
  .listItem-content {
    display: table; } }

@media (min-width: 1261px) {
  .listItem-details,
  .listItem-actions {
    display: table-cell;
    vertical-align: top; } }

@media (min-width: 1261px) {
  .listItem-details {
    padding-right: 6rem; }
    .listItem-details > :last-child {
      margin-bottom: 0; } }

.listItem-rating {
  margin-bottom: 0.35714rem; }

.listItem-brand {
  color: #999999;
  font-size: 1rem;
  margin: 0 0 0.21429rem; }
  @media (min-width: 801px) {
    .listItem-brand {
      font-size: 15px;
      margin-bottom: 0; } }

.listItem-title {
  font-size: 15px;
  margin: 0 0 0.21429rem; }
  @media (min-width: 801px) {
    .listItem-title {
      font-size: 20px; } }
  .listItem-title > a {
    text-decoration: none; }

.listItem-price {
  margin-bottom: 1rem; }
  @media (min-width: 801px) {
    .listItem-price {
      font-size: 20px; } }

@media (min-width: 1261px) {
  .listItem-actions {
    vertical-align: middle;
    width: 22%; }
    .listItem-actions .button--compare {
      font-size: 13px;
      padding: 0.57143rem 1.5rem; } }

.listItem-actions .button {
  margin-bottom: 0; }
  @media (min-width: 1261px) {
    .listItem-actions .button {
      width: 100%; }
      .listItem-actions .button + .button {
        margin: 0.78571rem 0 0; } }

@media (min-width: 1261px) {
  .page-sidebar + .page-content .productList .listItem-details {
    padding-right: 3rem; } }

@media (min-width: 1261px) {
  .page-sidebar + .page-content .productList .listItem-actions {
    width: 30%; } }

.productView {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-left: -1rem;
  margin-right: -1rem; }
  .productView:before, .productView:after {
    content: " ";
    display: table; }
  .productView:after {
    clear: both; }
  @media (min-width: 801px) {
    .productView {
      display: block; } }
  .modal .productView {
    padding-bottom: 0;
    padding-top: 0; }

.productView--quickView .socialLinks-item--print {
  display: none; }

.productView-images {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (min-width: 801px) {
    .productView-images {
      width: 50%; } }

.productView-details {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (min-width: 801px) {
    .productView-details {
      clear: right;
      float: right;
      width: 50%; } }
  .productView--quickView .productView-details {
    position: relative; }
  .productView-details.product-data {
    order: -1; }

.productView-description {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
  z-index: 1; }
  .productView-description .productView-title {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem; }
  @media (min-width: 801px) {
    .productView-description .productView-description {
      clear: both;
      float: none;
      width: 100%; } }

.sale-flag-star,
.sale-flag-star::before,
.sale-flag-star::after, .sold-out-flag-star,
.sold-out-flag-star::before,
.sold-out-flag-star::after {
  content: "";
  display: block;
  height: 3.57143rem;
  left: 0;
  overflow: visible;
  position: absolute;
  top: 0;
  transform: scaleX(1) scaleY(1) scaleZ(1);
  transform-origin: 50% 50% 0;
  transition: background-color 800ms ease;
  width: 3.57143rem;
  z-index: 10; }
  
  .sale-flag-star::before,
  .sold-out-flag-star::before {
    transform: rotateZ(30deg) scaleX(1) scaleY(1) scaleZ(1); }
  
  .sale-flag-star::after,
  .sold-out-flag-star::after {
    transform: rotateZ(60deg) scaleX(1) scaleY(1) scaleZ(1); }

.sale-flag-star,
.sale-flag-star::before,
.sale-flag-star::after {
  background: #007dc6; }

.sold-out-flag-star,
.sold-out-flag-star::before,
.sold-out-flag-star::after {
  background: #007dc6; }

.starwrap {
  height: 3.57143rem;
  left: 12px;
  position: absolute;
  top: 12px;
  width: 3.57143rem; }

.listItem-figure .starwrap {
  transform: scale(0.7); }
  @media (min-width: 551px) {
    .listItem-figure .starwrap {
      top: 0;
      transform: scale(0.6); } }
  @media (min-width: 1261px) {
    .listItem-figure .starwrap {
      top: 10px;
      transform: scale(0.7); } }

.sale-text-burst, .sold-out-text-burst {
  font-weight: 600;
  line-height: 1.07143rem;
  position: absolute;
  text-align: center;
  top: 20%;
  width: 3.57143rem;
  z-index: 50; }

.sale-text-burst {
  color: white; }

.sold-out-text-burst {
  color: white; }

.product:hover .starwrap .sale-flag-star,
.product:hover .starwrap .sale-flag-star::before,
.product:hover .starwrap .sale-flag-star::after {
  background: black; }

.product:hover .starwrap .sold-out-flag-star,
.product:hover .starwrap .sold-out-flag-star::before,
.product:hover .starwrap .sold-out-flag-star::after {
  background: black; }

.sale-flag-side, .sold-out-flag-side {
  border-radius: 0 50px 50px 0;
  font-size: 15px;
  font-weight: 700;
  height: 1.42857rem;
  line-height: 1.14286rem;
  padding-left: 0.5rem;
  padding-right: 0.78571rem;
  padding-top: 0.10714rem;
  position: absolute;
  transition: background-color 800ms ease;
  z-index: 10; }

.sale-flag-side {
  background: #007dc6;
  color: white; }

.sold-out-flag-side {
  background: #007dc6;
  color: white; }

.product:hover .sale-flag-side {
  background: black; }

.product:hover .sold-out-flag-side {
  background: black; }

.sale-flag-sash, .sold-out-flag-sash {
  font-size: 15px;
  font-weight: 700;
  height: 1.42857rem;
  left: -25px;
  line-height: 1.14286rem;
  padding-top: 0.10714rem;
  position: absolute;
  text-align: center;
  top: 25px;
  transform: rotate(-45deg);
  transition: background-color 800ms ease;
  width: 8.5rem;
  z-index: 10; }

.sale-flag-sash {
  background: #007dc6;
  color: white; }

.sold-out-flag-sash {
  background: #007dc6;
  color: white; }

.listItem-figure .sale-flag-sash,
.listItem-figure .sold-out-flag-sash {
  top: 24px; }
  @media (min-width: 551px) {
    .listItem-figure .sale-flag-sash,
    .listItem-figure .sold-out-flag-sash {
      left: -20px;
      top: 19px; } }
  @media (min-width: 1261px) {
    .listItem-figure .sale-flag-sash,
    .listItem-figure .sold-out-flag-sash {
      left: -15px;
      top: 24px; } }

.product:hover .sale-flag-sash {
  background: black; }

.product:hover .sold-out-flag-sash {
  background: black; }

.product {
  overflow: hidden; }

[data-product-attribute] .form-option.form-option-swatch {
  overflow: visible; }

.form-option-variant--none {
  height: 22px;
  overflow: hidden; }

.form-option-variant--color,
.form-option-variant--pattern {
  height: 22px;
  width: 22px; }

.form-option-expanded {
  background-color: white;
  border: 1px solid #474747;
  left: calc(100% + 55px);
  opacity: 0;
  padding: 3px;
  position: absolute;
  top: calc(100% + 5px);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  visibility: hidden; }

.form-option:hover .form-option-expanded {
  opacity: 1;
  transform: translate(-50%, 0);
  visibility: visible;
  z-index: 5000; }

.form-option-image {
  display: block;
  height: 100px;
  width: 100px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover; }

.account {
  margin-bottom: 1.5rem; }

@media (min-width: 801px) {
  .account--fixed {
    margin: 0 auto;
    width: 66.66667%; } }

@media (min-width: 801px) {
  .account--fixedSmall {
    margin: 0 auto;
    width: 50%; } }

@media (min-width: 801px) {
  .account--fixedLarge {
    margin: 0 auto;
    width: 75%; } }

.account-head {
  margin-bottom: 3rem;
  text-align: center; }
  .account-head .alertBox {
    padding-left: 3rem;
    padding-right: 3rem;
    text-align: left; }

.account-body {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto; }
  .account-body:before, .account-body:after {
    content: " ";
    display: table; }
  .account-body:after {
    clear: both; }

.account-content {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left; }

@media (min-width: 801px) {
  .account-content--fixed {
    width: 66.66667%; } }

@media (min-width: 801px) {
  .account-content--fixedSmall {
    width: 50%; } }

.account-sidebar {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left; }
  @media (min-width: 801px) {
    .account-sidebar {
      width: 33.33333%; }
      .account-content--fixedSmall + .account-sidebar {
        float: right; } }

.primary-btn {
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  *font-size: 90%;
  *overflow: visible;
  padding: 0.5em 1.5em 0.5em;
  color: #fff;
  color: white;
  *color: #fff;
  border: none;
  background-color: #e57200;
  text-decoration: none;
  border-radius: 4px;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 0.1s linear -webkit-box-shadow;
  -moz-transition: 0.1s linear -moz-box-shadow;
  -ms-transition: 0.1s linear box-shadow;
  -o-transition: 0.1s linear box-shadow;
  transition: 0.1s linear box-shadow; }
  .primary-btn::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .primary-btn:hover, .primary-btn:focus {
    color: #fff2e5;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#807F3F00, endColorstr=#80663300, GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0%, rgba(127, 63, 0, 0.5)), to(rgba(102, 51, 0, 0.5)));
    background-image: -webkit-linear-gradient(transparent, rgba(127, 63, 0, 0.5) 0%, rgba(102, 51, 0, 0.5));
    background-image: -moz-linear-gradient(top, rgba(127, 63, 0, 0.5) 0%, rgba(102, 51, 0, 0.5));
    background-image: -ms-linear-gradient(transparent, rgba(127, 63, 0, 0.5) 0%, rgba(102, 51, 0, 0.5));
    background-image: -o-linear-gradient(transparent, rgba(127, 63, 0, 0.5) 0%, rgba(102, 51, 0, 0.5));
    background-image: linear-gradient(transparent, rgba(127, 63, 0, 0.5) 0%, rgba(102, 51, 0, 0.5)); }
  .primary-btn:focus {
    outline: 0; }
  .primary-btn:active {
    box-shadow: 0 0 0 1px rgba(127, 63, 0, 0.25) inset, 0 0 6px rgba(127, 63, 0, 0.5) inset; }

.btn-blue {
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  *font-size: 90%;
  *overflow: visible;
  padding: 0.5em 1.5em 0.5em;
  color: #FFFFFF;
  color: white;
  *color: #FFFFFF;
  border: none;
  background-color: #0E90D2;
  text-decoration: none;
  border-radius: 4px;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 0.1s linear -webkit-box-shadow;
  -moz-transition: 0.1s linear -moz-box-shadow;
  -ms-transition: 0.1s linear box-shadow;
  -o-transition: 0.1s linear box-shadow;
  transition: 0.1s linear box-shadow; }
  .btn-blue::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .btn-blue:hover, .btn-blue:focus {
    color: #e2f4fd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80084E72, endColorstr=#80063E5A, GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0%, rgba(8, 78, 114, 0.5)), to(rgba(6, 62, 90, 0.5)));
    background-image: -webkit-linear-gradient(transparent, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5));
    background-image: -moz-linear-gradient(top, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5));
    background-image: -ms-linear-gradient(transparent, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5));
    background-image: -o-linear-gradient(transparent, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5));
    background-image: linear-gradient(transparent, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5)); }
  .btn-blue:focus {
    outline: 0; }
  .btn-blue:active {
    box-shadow: 0 0 0 1px rgba(8, 78, 114, 0.25) inset, 0 0 6px rgba(8, 78, 114, 0.5) inset; }

.btn-green {
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  *font-size: 90%;
  *overflow: visible;
  padding: 0.5em 1.5em 0.5em;
  color: #FFF;
  color: white;
  *color: #FFF;
  border: none;
  background-color: #368868;
  text-decoration: none;
  border-radius: 4px;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 0.1s linear -webkit-box-shadow;
  -moz-transition: 0.1s linear -moz-box-shadow;
  -ms-transition: 0.1s linear box-shadow;
  -o-transition: 0.1s linear box-shadow;
  transition: 0.1s linear box-shadow; }
  .btn-green::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .btn-green:hover, .btn-green:focus {
    color: #d0ede2;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80193F30, endColorstr=#80122D22, GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0%, rgba(25, 63, 48, 0.5)), to(rgba(18, 45, 34, 0.5)));
    background-image: -webkit-linear-gradient(transparent, rgba(25, 63, 48, 0.5) 0%, rgba(18, 45, 34, 0.5));
    background-image: -moz-linear-gradient(top, rgba(25, 63, 48, 0.5) 0%, rgba(18, 45, 34, 0.5));
    background-image: -ms-linear-gradient(transparent, rgba(25, 63, 48, 0.5) 0%, rgba(18, 45, 34, 0.5));
    background-image: -o-linear-gradient(transparent, rgba(25, 63, 48, 0.5) 0%, rgba(18, 45, 34, 0.5));
    background-image: linear-gradient(transparent, rgba(25, 63, 48, 0.5) 0%, rgba(18, 45, 34, 0.5)); }
  .btn-green:focus {
    outline: 0; }
  .btn-green:active {
    box-shadow: 0 0 0 1px rgba(25, 63, 48, 0.25) inset, 0 0 6px rgba(25, 63, 48, 0.5) inset; }

.btn-red {
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  *font-size: 90%;
  *overflow: visible;
  padding: 0.5em 1.5em 0.5em;
  color: #FFFFFF;
  color: white;
  *color: #FFFFFF;
  border: none;
  background-color: #DD514C;
  text-decoration: none;
  border-radius: 4px;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 0.1s linear -webkit-box-shadow;
  -moz-transition: 0.1s linear -moz-box-shadow;
  -ms-transition: 0.1s linear box-shadow;
  -o-transition: 0.1s linear box-shadow;
  transition: 0.1s linear box-shadow; }
  .btn-red::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .btn-red:hover, .btn-red:focus {
    color: white;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80A4241F, endColorstr=#808E1F1B, GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0%, rgba(164, 36, 31, 0.5)), to(rgba(142, 31, 27, 0.5)));
    background-image: -webkit-linear-gradient(transparent, rgba(164, 36, 31, 0.5) 0%, rgba(142, 31, 27, 0.5));
    background-image: -moz-linear-gradient(top, rgba(164, 36, 31, 0.5) 0%, rgba(142, 31, 27, 0.5));
    background-image: -ms-linear-gradient(transparent, rgba(164, 36, 31, 0.5) 0%, rgba(142, 31, 27, 0.5));
    background-image: -o-linear-gradient(transparent, rgba(164, 36, 31, 0.5) 0%, rgba(142, 31, 27, 0.5));
    background-image: linear-gradient(transparent, rgba(164, 36, 31, 0.5) 0%, rgba(142, 31, 27, 0.5)); }
  .btn-red:focus {
    outline: 0; }
  .btn-red:active {
    box-shadow: 0 0 0 1px rgba(164, 36, 31, 0.25) inset, 0 0 6px rgba(164, 36, 31, 0.5) inset; }

.btn-warning {
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  *font-size: 90%;
  *overflow: visible;
  padding: 0.5em 1.5em 0.5em;
  color: #FFFFFF;
  color: white;
  *color: #FFFFFF;
  border: none;
  background-color: #DF7514;
  text-decoration: none;
  border-radius: 4px;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 0.1s linear -webkit-box-shadow;
  -moz-transition: 0.1s linear -moz-box-shadow;
  -ms-transition: 0.1s linear box-shadow;
  -o-transition: 0.1s linear box-shadow;
  transition: 0.1s linear box-shadow; }
  .btn-warning::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .btn-warning:hover, .btn-warning:focus {
    color: #fef9f4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8081440C, endColorstr=#806A380A, GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0%, rgba(129, 68, 12, 0.5)), to(rgba(106, 56, 10, 0.5)));
    background-image: -webkit-linear-gradient(transparent, rgba(129, 68, 12, 0.5) 0%, rgba(106, 56, 10, 0.5));
    background-image: -moz-linear-gradient(top, rgba(129, 68, 12, 0.5) 0%, rgba(106, 56, 10, 0.5));
    background-image: -ms-linear-gradient(transparent, rgba(129, 68, 12, 0.5) 0%, rgba(106, 56, 10, 0.5));
    background-image: -o-linear-gradient(transparent, rgba(129, 68, 12, 0.5) 0%, rgba(106, 56, 10, 0.5));
    background-image: linear-gradient(transparent, rgba(129, 68, 12, 0.5) 0%, rgba(106, 56, 10, 0.5)); }
  .btn-warning:focus {
    outline: 0; }
  .btn-warning:active {
    box-shadow: 0 0 0 1px rgba(129, 68, 12, 0.25) inset, 0 0 6px rgba(129, 68, 12, 0.5) inset; }

.btn-blue-xs {
  font-size: 70%;
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  *font-size: 90%;
  *overflow: visible;
  padding: 0.5em 1.5em 0.5em;
  color: #FFFFFF;
  color: white;
  *color: #FFFFFF;
  border: none;
  background-color: #0E90D2;
  text-decoration: none;
  border-radius: 4px;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 0.1s linear -webkit-box-shadow;
  -moz-transition: 0.1s linear -moz-box-shadow;
  -ms-transition: 0.1s linear box-shadow;
  -o-transition: 0.1s linear box-shadow;
  transition: 0.1s linear box-shadow; }
  .btn-blue-xs::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .btn-blue-xs:hover, .btn-blue-xs:focus {
    color: #e2f4fd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80084E72, endColorstr=#80063E5A, GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0%, rgba(8, 78, 114, 0.5)), to(rgba(6, 62, 90, 0.5)));
    background-image: -webkit-linear-gradient(transparent, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5));
    background-image: -moz-linear-gradient(top, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5));
    background-image: -ms-linear-gradient(transparent, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5));
    background-image: -o-linear-gradient(transparent, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5));
    background-image: linear-gradient(transparent, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5)); }
  .btn-blue-xs:focus {
    outline: 0; }
  .btn-blue-xs:active {
    box-shadow: 0 0 0 1px rgba(8, 78, 114, 0.25) inset, 0 0 6px rgba(8, 78, 114, 0.5) inset; }

.btn-blue-sm {
  font-size: 85%;
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  *font-size: 90%;
  *overflow: visible;
  padding: 0.5em 1.5em 0.5em;
  color: #FFFFFF;
  color: white;
  *color: #FFFFFF;
  border: none;
  background-color: #0E90D2;
  text-decoration: none;
  border-radius: 4px;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 0.1s linear -webkit-box-shadow;
  -moz-transition: 0.1s linear -moz-box-shadow;
  -ms-transition: 0.1s linear box-shadow;
  -o-transition: 0.1s linear box-shadow;
  transition: 0.1s linear box-shadow; }
  .btn-blue-sm::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .btn-blue-sm:hover, .btn-blue-sm:focus {
    color: #e2f4fd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80084E72, endColorstr=#80063E5A, GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0%, rgba(8, 78, 114, 0.5)), to(rgba(6, 62, 90, 0.5)));
    background-image: -webkit-linear-gradient(transparent, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5));
    background-image: -moz-linear-gradient(top, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5));
    background-image: -ms-linear-gradient(transparent, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5));
    background-image: -o-linear-gradient(transparent, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5));
    background-image: linear-gradient(transparent, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5)); }
  .btn-blue-sm:focus {
    outline: 0; }
  .btn-blue-sm:active {
    box-shadow: 0 0 0 1px rgba(8, 78, 114, 0.25) inset, 0 0 6px rgba(8, 78, 114, 0.5) inset; }

.btn-blue-lg {
  font-size: 110%;
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  *font-size: 90%;
  *overflow: visible;
  padding: 0.5em 1.5em 0.5em;
  color: #FFFFFF;
  color: white;
  *color: #FFFFFF;
  border: none;
  background-color: #0E90D2;
  text-decoration: none;
  border-radius: 4px;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 0.1s linear -webkit-box-shadow;
  -moz-transition: 0.1s linear -moz-box-shadow;
  -ms-transition: 0.1s linear box-shadow;
  -o-transition: 0.1s linear box-shadow;
  transition: 0.1s linear box-shadow; }
  .btn-blue-lg::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .btn-blue-lg:hover, .btn-blue-lg:focus {
    color: #e2f4fd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80084E72, endColorstr=#80063E5A, GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0%, rgba(8, 78, 114, 0.5)), to(rgba(6, 62, 90, 0.5)));
    background-image: -webkit-linear-gradient(transparent, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5));
    background-image: -moz-linear-gradient(top, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5));
    background-image: -ms-linear-gradient(transparent, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5));
    background-image: -o-linear-gradient(transparent, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5));
    background-image: linear-gradient(transparent, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5)); }
  .btn-blue-lg:focus {
    outline: 0; }
  .btn-blue-lg:active {
    box-shadow: 0 0 0 1px rgba(8, 78, 114, 0.25) inset, 0 0 6px rgba(8, 78, 114, 0.5) inset; }

.btn-blue-xl {
  font-size: 125%;
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  *font-size: 90%;
  *overflow: visible;
  padding: 0.5em 1.5em 0.5em;
  color: #FFFFFF;
  color: white;
  *color: #FFFFFF;
  border: none;
  background-color: #0E90D2;
  text-decoration: none;
  border-radius: 4px;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 0.1s linear -webkit-box-shadow;
  -moz-transition: 0.1s linear -moz-box-shadow;
  -ms-transition: 0.1s linear box-shadow;
  -o-transition: 0.1s linear box-shadow;
  transition: 0.1s linear box-shadow; }
  .btn-blue-xl::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .btn-blue-xl:hover, .btn-blue-xl:focus {
    color: #e2f4fd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80084E72, endColorstr=#80063E5A, GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0%, rgba(8, 78, 114, 0.5)), to(rgba(6, 62, 90, 0.5)));
    background-image: -webkit-linear-gradient(transparent, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5));
    background-image: -moz-linear-gradient(top, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5));
    background-image: -ms-linear-gradient(transparent, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5));
    background-image: -o-linear-gradient(transparent, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5));
    background-image: linear-gradient(transparent, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5)); }
  .btn-blue-xl:focus {
    outline: 0; }
  .btn-blue-xl:active {
    box-shadow: 0 0 0 1px rgba(8, 78, 114, 0.25) inset, 0 0 6px rgba(8, 78, 114, 0.5) inset; }

.btn-bordered {
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  *font-size: 90%;
  *overflow: visible;
  padding: 0.5em 1.5em 0.5em;
  color: #DD514C;
  color: #dd514c;
  *color: #DD514C;
  border: 1px solid #DD514C;
  background-color: rgba(221, 81, 76, 0);
  text-decoration: none;
  border-radius: 4px;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 0.1s linear -webkit-box-shadow;
  -moz-transition: 0.1s linear -moz-box-shadow;
  -ms-transition: 0.1s linear box-shadow;
  -o-transition: 0.1s linear box-shadow;
  transition: 0.1s linear box-shadow; }
  .btn-bordered::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .btn-bordered:hover, .btn-bordered:focus {
    color: white;
    background-color: #DD514C;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear; }
  .btn-bordered:focus {
    outline: 0; }
  .btn-bordered:active {
    box-shadow: 0 0 0 1px rgba(164, 36, 31, 0) inset, 0 0 6px rgba(164, 36, 31, 0) inset; }

.btn-rounded {
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  *font-size: 90%;
  *overflow: visible;
  padding: 0.5em 1.5em 0.5em;
  color: #0E90D2;
  color: #0e90d2;
  *color: #0E90D2;
  border: 1px solid #0E90D2;
  background-color: rgba(14, 144, 210, 0);
  text-decoration: none;
  border-radius: 10px;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 0.1s linear -webkit-box-shadow;
  -moz-transition: 0.1s linear -moz-box-shadow;
  -ms-transition: 0.1s linear box-shadow;
  -o-transition: 0.1s linear box-shadow;
  transition: 0.1s linear box-shadow; }
  .btn-rounded::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .btn-rounded:hover, .btn-rounded:focus {
    color: #e2f4fd;
    background-color: #0E90D2;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear; }
  .btn-rounded:focus {
    outline: 0; }
  .btn-rounded:active {
    box-shadow: 0 0 0 1px rgba(8, 78, 114, 0) inset, 0 0 6px rgba(8, 78, 114, 0) inset; }

.btn-disabled {
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  *font-size: 90%;
  *overflow: visible;
  padding: 0.5em 1.5em 0.5em;
  color: #B6B6B6;
  color: #b6b6b6;
  *color: #B6B6B6;
  border: 1px solid #B6B6B6;
  background-color: #EEEEED;
  text-decoration: none;
  border-radius: 10px;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 0.1s linear -webkit-box-shadow;
  -moz-transition: 0.1s linear -moz-box-shadow;
  -ms-transition: 0.1s linear box-shadow;
  -o-transition: 0.1s linear box-shadow;
  transition: 0.1s linear box-shadow; }
  .btn-disabled::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .btn-disabled:hover, .btn-disabled:focus {
    color: white;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80BCBCB9, endColorstr=#80B0B0AB, GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0%, rgba(188, 188, 185, 0.5)), to(rgba(176, 176, 171, 0.5)));
    background-image: -webkit-linear-gradient(transparent, rgba(188, 188, 185, 0.5) 0%, rgba(176, 176, 171, 0.5));
    background-image: -moz-linear-gradient(top, rgba(188, 188, 185, 0.5) 0%, rgba(176, 176, 171, 0.5));
    background-image: -ms-linear-gradient(transparent, rgba(188, 188, 185, 0.5) 0%, rgba(176, 176, 171, 0.5));
    background-image: -o-linear-gradient(transparent, rgba(188, 188, 185, 0.5) 0%, rgba(176, 176, 171, 0.5));
    background-image: linear-gradient(transparent, rgba(188, 188, 185, 0.5) 0%, rgba(176, 176, 171, 0.5)); }
  .btn-disabled:focus {
    outline: 0; }
  .btn-disabled:active {
    box-shadow: 0 0 0 1px rgba(188, 188, 185, 0.25) inset, 0 0 6px rgba(188, 188, 185, 0.5) inset; }

.btn-circle {
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  *font-size: 90%;
  *overflow: visible;
  padding: 15px 17px;
  color: #FFFFFF;
  color: white;
  *color: #FFFFFF;
  border: 1px solid #0E90D2;
  background-color: #0E90D2;
  text-decoration: none;
  border-radius: 30px;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 0.1s linear -webkit-box-shadow;
  -moz-transition: 0.1s linear -moz-box-shadow;
  -ms-transition: 0.1s linear box-shadow;
  -o-transition: 0.1s linear box-shadow;
  transition: 0.1s linear box-shadow; }
  .btn-circle::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .btn-circle:hover, .btn-circle:focus {
    color: #e2f4fd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80084E72, endColorstr=#80063E5A, GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0%, rgba(8, 78, 114, 0.5)), to(rgba(6, 62, 90, 0.5)));
    background-image: -webkit-linear-gradient(transparent, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5));
    background-image: -moz-linear-gradient(top, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5));
    background-image: -ms-linear-gradient(transparent, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5));
    background-image: -o-linear-gradient(transparent, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5));
    background-image: linear-gradient(transparent, rgba(8, 78, 114, 0.5) 0%, rgba(6, 62, 90, 0.5)); }
  .btn-circle:focus {
    outline: 0; }
  .btn-circle:active {
    box-shadow: 0 0 0 1px rgba(8, 78, 114, 0.25) inset, 0 0 6px rgba(8, 78, 114, 0.5) inset; }

.btn-circle-bordered {
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  *font-size: 90%;
  *overflow: visible;
  padding: 15px 17px;
  color: #0E90D2;
  color: #0e90d2;
  *color: #0E90D2;
  border: 1px solid #0E90D2;
  background-color: rgba(14, 144, 210, 0);
  text-decoration: none;
  border-radius: 30px;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 0.1s linear -webkit-box-shadow;
  -moz-transition: 0.1s linear -moz-box-shadow;
  -ms-transition: 0.1s linear box-shadow;
  -o-transition: 0.1s linear box-shadow;
  transition: 0.1s linear box-shadow; }
  .btn-circle-bordered::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .btn-circle-bordered:hover, .btn-circle-bordered:focus {
    color: #e2f4fd;
    background-color: #0E90D2;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear; }
  .btn-circle-bordered:focus {
    outline: 0; }
  .btn-circle-bordered:active {
    box-shadow: 0 0 0 1px rgba(8, 78, 114, 0) inset, 0 0 6px rgba(8, 78, 114, 0) inset; }

.btn-leaf {
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  *font-size: 90%;
  *overflow: visible;
  padding: 0.5em 1.5em 0.5em;
  color: #0E90D2;
  color: #0e90d2;
  *color: #0E90D2;
  border: 1px solid #0E90D2;
  background-color: rgba(14, 144, 210, 0);
  text-decoration: none;
  border-radius: 30px 1px;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 0.1s linear -webkit-box-shadow;
  -moz-transition: 0.1s linear -moz-box-shadow;
  -ms-transition: 0.1s linear box-shadow;
  -o-transition: 0.1s linear box-shadow;
  transition: 0.1s linear box-shadow; }
  .btn-leaf::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .btn-leaf:hover, .btn-leaf:focus {
    color: #e2f4fd;
    background-color: #0E90D2;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear; }
  .btn-leaf:focus {
    outline: 0; }
  .btn-leaf:active {
    box-shadow: 0 0 0 1px rgba(8, 78, 114, 0) inset, 0 0 6px rgba(8, 78, 114, 0) inset; }

.btn-leaf-2 {
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  *font-size: 90%;
  *overflow: visible;
  padding: 0.5em 1.5em 0.5em;
  color: #FFF;
  color: white;
  *color: #FFF;
  border: 1px solid #1D9C72;
  background-color: #368868;
  text-decoration: none;
  border-radius: 0px 30px 0px 30px;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 0.1s linear -webkit-box-shadow;
  -moz-transition: 0.1s linear -moz-box-shadow;
  -ms-transition: 0.1s linear box-shadow;
  -o-transition: 0.1s linear box-shadow;
  transition: 0.1s linear box-shadow; }
  .btn-leaf-2::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .btn-leaf-2:hover, .btn-leaf-2:focus {
    color: #d0ede2;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80193F30, endColorstr=#80122D22, GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0%, rgba(25, 63, 48, 0.5)), to(rgba(18, 45, 34, 0.5)));
    background-image: -webkit-linear-gradient(transparent, rgba(25, 63, 48, 0.5) 0%, rgba(18, 45, 34, 0.5));
    background-image: -moz-linear-gradient(top, rgba(25, 63, 48, 0.5) 0%, rgba(18, 45, 34, 0.5));
    background-image: -ms-linear-gradient(transparent, rgba(25, 63, 48, 0.5) 0%, rgba(18, 45, 34, 0.5));
    background-image: -o-linear-gradient(transparent, rgba(25, 63, 48, 0.5) 0%, rgba(18, 45, 34, 0.5));
    background-image: linear-gradient(transparent, rgba(25, 63, 48, 0.5) 0%, rgba(18, 45, 34, 0.5)); }
  .btn-leaf-2:focus {
    outline: 0; }
  .btn-leaf-2:active {
    box-shadow: 0 0 0 1px rgba(25, 63, 48, 0.25) inset, 0 0 6px rgba(25, 63, 48, 0.5) inset; }

.btn-trans-1 {
  font-size: 110%;
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  *font-size: 90%;
  *overflow: visible;
  padding: 0.5em 1.5em 0.5em;
  color: #FFFFFF;
  color: white;
  *color: #FFFFFF;
  border: none;
  background-color: rgba(14, 144, 210, 0.5);
  text-decoration: none;
  border-radius: 4px;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 0.1s linear -webkit-box-shadow;
  -moz-transition: 0.1s linear -moz-box-shadow;
  -ms-transition: 0.1s linear box-shadow;
  -o-transition: 0.1s linear box-shadow;
  transition: 0.1s linear box-shadow; }
  .btn-trans-1::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .btn-trans-1:hover, .btn-trans-1:focus {
    color: #e2f4fd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40084E72, endColorstr=#40063E5A, GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0%, rgba(8, 78, 114, 0.25)), to(rgba(6, 62, 90, 0.25)));
    background-image: -webkit-linear-gradient(transparent, rgba(8, 78, 114, 0.25) 0%, rgba(6, 62, 90, 0.25));
    background-image: -moz-linear-gradient(top, rgba(8, 78, 114, 0.25) 0%, rgba(6, 62, 90, 0.25));
    background-image: -ms-linear-gradient(transparent, rgba(8, 78, 114, 0.25) 0%, rgba(6, 62, 90, 0.25));
    background-image: -o-linear-gradient(transparent, rgba(8, 78, 114, 0.25) 0%, rgba(6, 62, 90, 0.25));
    background-image: linear-gradient(transparent, rgba(8, 78, 114, 0.25) 0%, rgba(6, 62, 90, 0.25)); }
  .btn-trans-1:focus {
    outline: 0; }
  .btn-trans-1:active {
    box-shadow: 0 0 0 1px rgba(8, 78, 114, 0.125) inset, 0 0 6px rgba(8, 78, 114, 0.25) inset; }

.btn-trans-2 {
  font-size: 110%;
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  *font-size: 90%;
  *overflow: visible;
  padding: 0.5em 1.5em 0.5em;
  color: #FFFFFF;
  color: white;
  *color: #FFFFFF;
  border: 1px solid #FFF;
  background-color: rgba(255, 255, 255, 0);
  text-decoration: none;
  border-radius: 4px;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 0.1s linear -webkit-box-shadow;
  -moz-transition: 0.1s linear -moz-box-shadow;
  -ms-transition: 0.1s linear box-shadow;
  -o-transition: 0.1s linear box-shadow;
  transition: 0.1s linear box-shadow; }
  .btn-trans-2::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .btn-trans-2:hover, .btn-trans-2:focus {
    color: gray;
    background-color: #FFFFFF;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear; }
  .btn-trans-2:focus {
    outline: 0; }
  .btn-trans-2:active {
    box-shadow: 0 0 0 1px rgba(204, 204, 204, 0) inset, 0 0 6px rgba(204, 204, 204, 0) inset; }

html {
  font-size: 16px; }

body {
  padding: 0; }

.page {
  margin: 0; }

.breadcrumbs-wrapper {
  margin: 1rem 0 0 0; }

#form-action-addToCart {
  width: 100%;
  background-color: #008B25;
  border-radius: 4px;
  border: none;
  font-weight: bold; }

#form-action-addToCart.no-click,
#form-action-addToCart.no-click-2 {
  pointer-events: none;
  background-color: #cccccc;
  border-color: rgba(0, 0, 255, 0);
  color: white; }

#snize-search-results-list-mode span.snize-thumbnail img {
  position: initial !important; }

.new-customer-fact-list {
  list-style: disc;
  margin-bottom: 1rem; }

.as-hide {
  display: none !important; }

.mobile-relative-desktop-absolute {
  position: relative; }
  @media (min-width: 801px) {
    .mobile-relative-desktop-absolute {
      position: absolute; } }

.mobile-block-desktop-table {
  display: block; }
  @media (min-width: 801px) {
    .mobile-block-desktop-table {
      display: table-cell; } }

.mobile-inline-hide {
  display: none !important; }
  @media (min-width: 801px) {
    .mobile-inline-hide {
      display: inline !important; } }

.mobile-inline-block-hide {
  display: none !important; }
  @media (min-width: 801px) {
    .mobile-inline-block-hide {
      display: inline-block !important; } }

.mobile-block-hide {
  display: none !important; }
  @media (min-width: 801px) {
    .mobile-block-hide {
      display: block !important; } }

.mobile-block-show {
  display: block !important; }
  @media (min-width: 801px) {
    .mobile-block-show {
      display: none !important; } }

#main-content > div.container {
  padding: 0 1rem; }

div.pageHeadwithBrace > table > tbody > tr > td:nth-child(1) > p > span {
  display: block; }

#page-template .pageHeadwithBrace {
  padding-top: 0 !important; }

.center-element {
  text-align: center; }

/* HOME PAGE */
.btnaltorange.bannerlink {
  background: #e57200;
  color: white;
  border-radius: 0.25rem;
  padding: 0.5rem;
  font-size: 1.25rem; }

.buttonsubtextbox {
  background-image: none; }

/* Image CLS Fix Issue */
#store-logo-header {
  max-width: 100%;
  width: 90%;
  height: auto; }
  @media (min-width: 801px) {
    #store-logo-header {
      max-width: none;
      width: auto;
      height: auto; } }

.homecontent img,
#contacticon,
#chaticon,
#quoteicon {
  max-width: 100%;
  width: 100%;
  height: auto; }

/* Style edits minor */
.container.product,
.container.category {
  background-color: white; }

div#previewModal {
  left: 50%; }

ul.ps-list--link {
  font-size: 0.85rem; }
  ul.ps-list--link li a {
    text-decoration: none;
    color: #000;
    font-size: 1rem; }
    ul.ps-list--link li a svg {
      display: inline-block;
      border-radius: 50%;
      padding: 0.5rem;
      vertical-align: middle;
      background: #e57200;
      border: none;
      color: #fff;
      width: 16px;
      margin-right: 3px; }

#main-content {
  margin-bottom: 1rem !important; }

input[type="search"] {
  box-sizing: border-box; }

.font-blk {
  color: #000; }

button {
  cursor: pointer;
  transition: all 0.4s ease; }

.btn-wb-bt {
  background-color: #fff;
  color: #000; }

.ps-btn,
button.ps-btn {
  display: inline-block;
  padding: 15px 45px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #000;
  border: none;
  font-weight: 600;
  border-radius: 4px;
  background-color: #e57200;
  transition: all 0.4s ease;
  cursor: pointer; }

.ps-btn--close {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  transition: all 0.4s ease;
  border-radius: 50%; }

.ps-btn--close:before,
.ps-btn--close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 50%;
  background-color: #9f9a98;
  transform-origin: center center;
  transition: all 0.4s ease; }

.ps-btn--close:before {
  transform: translate(-50%, -50%) rotate(45deg); }

.ps-btn--close:after {
  transform: translate(-50%, -50%) rotate(-45deg); }

.form-control {
  outline: none;
  height: 50px;
  font-size: 14px;
  padding: 0 20px;
  border: none;
  height: 50px;
  background-color: transparent;
  border: 1px solid #dddddd;
  border-radius: 0;
  box-shadow: 0 0 rgba(0, 0, 0, 0);
  transition: all 0.4s ease;
  box-shadow: 0 0 0 #000; }

.form-control::-webkit-input-placeholder {
  opacity: 1; }

.form-control::-moz-placeholder {
  opacity: 1; }

.form-control:-moz-placeholder {
  opacity: 1; }

.form-control:-ms-input-placeholder {
  opacity: 1; }

.form-control:focus {
  outline: none;
  box-shadow: 0 0 0 #000;
  border-color: #f57f20; }

@media (min-width: 1200px) {
  .container {
    min-width: 1230px; } }

.ps-panel--sidebar ul,
.widget_sidebar ul,
.widget_shop ul,
.widget_category ul,
.widget_footer ul,
.widget--blog ul,
.widget--vendor ul,
.ps-widget--account-dashboard .ps-widget__content ul,
.ps-product ul,
.ps-product--detail .ps-product__countdown figure ul,
.ps-product--hot-deal .ps-product__header ul,
.ps-product--photo ul,
.ps-filter ul,
.ps-filter--sidebar ul,
.ps-form--account ul,
.ps-product-list ul,
.ps-deal-of-day ul,
.ps-shopping .ps-shopping__header ul,
.ps-best-sale-brands ul,
.ps-blog .ps-blog__header ul,
.ps-my-account-2 ul,
.ps-store-list .ps-store-link ul,
.ps-page--comming-soon ul,
.header ul,
.navigation--sidebar ul,
.ps-panel--sidebar ol,
.widget_sidebar ol,
.widget_shop ol,
.widget_category ol,
.widget_footer ol,
.widget--blog ol,
.widget--vendor ol,
.ps-widget--account-dashboard .ps-widget__content ol,
.ps-product ol,
.ps-product--detail .ps-product__countdown figure ol,
.ps-product--hot-deal .ps-product__header ol,
.ps-product--photo ol,
.ps-filter ol,
.ps-filter--sidebar ol,
.ps-form--account ol,
.ps-product-list ol,
.ps-deal-of-day ol,
.ps-shopping .ps-shopping__header ol,
.ps-best-sale-brands ol,
.ps-blog .ps-blog__header ol,
.ps-my-account-2 ol,
.ps-store-list .ps-store-link ol,
.ps-page--comming-soon ol,
.header ol,
.navigation--sidebar ol {
  margin: 0;
  padding: 0;
  list-style: none; }

a:hover {
  color: #e57200; }

#main-content {
  margin-bottom: 0;
  padding-top: 2rem; }

#main-content {
  margin-top: 0; }

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button; }

[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
  cursor: pointer; }

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border-style: none; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1; }

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1; }

.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1; }

.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1; }

.form-control::placeholder {
  color: #6c757d;
  opacity: 1; }

.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1; }

select.form-control[multiple],
select.form-control[size] {
  height: auto; }

.image-size-widget .isw-desktop {
  display: none; }

.image-size-widget .isw-mobile {
  display: block; }

@media (min-width: 551px) {
  .image-size-widget .isw-desktop {
    display: block; }
  .image-size-widget .isw-mobile {
    display: none; } }

.lity-content {
  overflow-y: initial !important;
  background-color: white; }
  .lity-content #dynamic-quote-form {
    height: 80vh;
    overflow-y: auto; }
  .lity-content .jotform-form .form-all {
    margin-top: 0;
    margin-bottom: 0; }
  .lity-content .jotform-form .header-large {
    background-color: #f57f20; }
    .lity-content .jotform-form .header-large h1 {
      color: white; }

.dynamic-quote-modal {
  z-index: 999 !important;
  background: transparent; }
  .dynamic-quote-modal title {
    font-size: var(--text-md); }
  .dynamic-quote-modal .sub-title {
    font-size: var(--text-sm);
    font-weight: bold;
    margin-bottom: var(--space-xs); }
  .dynamic-quote-modal p {
    font-size: var(--text-sm); }
  .dynamic-quote-modal .ch-modal__content {
    background-color: white; }
  .dynamic-quote-modal header {
    background: var(--color-contrast-lower); }
  .dynamic-quote-modal .btn-area {
    display: flex;
    justify-content: space-around;
    flex-direction: column; }
    .dynamic-quote-modal .btn-area #dynamicQuoteBtn {
      margin-bottom: .5rem; }
    @media (min-width: 801px) {
      .dynamic-quote-modal .btn-area {
        flex-direction: row; }
        .dynamic-quote-modal .btn-area #dynamicQuoteBtn {
          margin-bottom: 0; } }

/* container */
.responsive-two-column-grid {
  display: block; }

/* columns */
.responsive-two-column-grid > * {
  padding: 1rem; }

/* tablet breakpoint */
@media (min-width: 801px) {
  .responsive-two-column-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; } }

/* container */
.responsive-three-column-grid {
  display: block; }

/* columns */
.responsive-three-column-grid > * {
  padding: 1rem; }

/* tablet breakpoint */
@media (min-width: 768px) {
  .responsive-three-column-grid {
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr; } }

/* BLOG  -------------------------------------------------- */
#BlogHome .blog-top-area {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: stretch; }
  @media (min-width: 801px) {
    #BlogHome .blog-top-area {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: space-around;
      justify-content: space-evenly;
      align-items: flex-start; }
      #BlogHome .blog-top-area .blog-carousel-container {
        flex: 3; }
      #BlogHome .blog-top-area .blog-spacer {
        flex: .10; }
      #BlogHome .blog-top-area .blog-calendar {
        flex: 2; } }
  #BlogHome .blog-top-area .blog-carousel-container,
  #BlogHome .blog-top-area .blog-calendar,
  #BlogHome .blog-top-area .blog-spacer {
    display: block; }
  @media (min-width: 801px) {
    #BlogHome .blog-top-area .blog-carousel-container {
      height: 470px; } }
  #BlogHome .blog-top-area .blog-carousel-container .blog-carousel-header {
    position: relative; }
    #BlogHome .blog-top-area .blog-carousel-container .blog-carousel-header .blog-post-text {
      position: absolute;
      bottom: 0;
      padding: 1rem;
      width: 400px;
      color: white;
      z-index: 300;
      font-weight: bold; }
      @media (min-width: 801px) {
        #BlogHome .blog-top-area .blog-carousel-container .blog-carousel-header .blog-post-text {
          width: 620px; } }
      #BlogHome .blog-top-area .blog-carousel-container .blog-carousel-header .blog-post-text .blog-title {
        color: white;
        margin: 0;
        font-size: 1.5rem; }
        @media (min-width: 801px) {
          #BlogHome .blog-top-area .blog-carousel-container .blog-carousel-header .blog-post-text .blog-title {
            line-height: 3.5rem;
            font-size: 3rem; } }
      #BlogHome .blog-top-area .blog-carousel-container .blog-carousel-header .blog-post-text .blog-post-auth {
        font-weight: normal;
        font-size: 1.25rem;
        margin-top: .5rem;
        display: inline-block; }
    #BlogHome .blog-top-area .blog-carousel-container .blog-carousel-header .carousel-image {
      position: relative;
      display: block; }
      #BlogHome .blog-top-area .blog-carousel-container .blog-carousel-header .carousel-image .carousel-overlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 200;
        display: block;
        width: 100%;
        height: 100%;
        background: black;
        background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.9) 45%, rgba(0, 212, 255, 0) 95%);
        background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.9) 45%, rgba(0, 212, 255, 0) 95%);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 45%, rgba(0, 212, 255, 0) 95%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00d4ff", GradientType=1); }
  #BlogHome .blog-top-area .blog-carousel-container .slick-prev {
    left: 10px; }
  #BlogHome .blog-top-area .blog-carousel-container .slick-next {
    right: 10px; }
  #BlogHome .blog-top-area .blog-spacer {
    height: 20px; }
  #BlogHome .blog-top-area .blog-calendar .googleCalendar {
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 100%; }
  #BlogHome .blog-top-area .blog-calendar .googleCalendar iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

#BlogHome hr {
  height: 1px; }

#BlogHome .blog-tag-hero {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: space-evenly;
  align-items: flex-start; }
  #BlogHome .blog-tag-hero .blog-hero-left h1 {
    margin: 0 0 1rem 0; }
  #BlogHome .blog-tag-hero .blog-hero-left a {
    background: #e57200;
    color: white;
    border-radius: 2rem;
    padding: 1rem 2rem;
    margin-top: 1rem;
    display: inline-block; }
  #BlogHome .blog-tag-hero .blog-hero-right img {
    border-radius: .5rem; }

#BlogHome .blog-posts-area {
  margin-bottom: 1rem; }
  #BlogHome .blog-posts-area .blog-post-text {
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
    background-color: white;
    padding-top: 1rem;
    padding-bottom: 1rem; }
  #BlogHome .blog-posts-area .blog-title {
    font-weight: bold;
    margin: 0;
    line-height: 1.75rem; }
  #BlogHome .blog-posts-area .parent {
    display: flex;
    flex-wrap: wrap; }
    #BlogHome .blog-posts-area .parent .child {
      position: relative;
      margin: 0.5rem;
      border: none;
      flex: 0 1 300px;
      flex: 1 1 300px;
      border: 0.5rem solid white;
      text-align: center; }
      #BlogHome .blog-posts-area .parent .child .blog-ribbon {
        position: absolute;
        right: 14px;
        top: 185px;
        font-weight: bold;
        background: #e57200;
        padding: 0.25rem;
        min-width: 100px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
        z-index: 300;
        /* border-radius: 1rem; */ }
        #BlogHome .blog-posts-area .parent .child .blog-ribbon a {
          color: white;
          text-decoration: none;
          text-transform: capitalize; }
      #BlogHome .blog-posts-area .parent .child .blog-post-child-img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border: 1px solid lightgray; }
      #BlogHome .blog-posts-area .parent .child .blog-post-child-anchor {
        position: relative;
        width: 100%;
        height: 200px;
        display: block; }
        #BlogHome .blog-posts-area .parent .child .blog-post-child-anchor .blog-post-child-overlay {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 200;
          display: block;
          width: 100%;
          height: 100%; }
      #BlogHome .blog-posts-area .parent .child .blog-post-text a {
        font-size: 1.25rem;
        font-weight: bold;
        text-decoration: none; }
      #BlogHome .blog-posts-area .parent .child .blog-post-text .blog-post-auth {
        font-size: 1.05rem;
        color: #403f2e; }

#BlogHome a.pagination-link {
  text-transform: uppercase;
  font-size: 1.15rem !important; }

#BlogHome .slick-track {
  height: auto; }
  @media (min-width: 801px) {
    #BlogHome .slick-track {
      height: 470px; } }

#BlogPost .blog-title {
  font-weight: bold; }

#BlogPost ol.breadcrumbs {
  margin-top: 1rem; }

#BlogPost .blog-post-body-text a {
  color: #e57200;
  text-decoration: underline; }

#BlogPost .socialLinks {
  margin-bottom: .5rem; }

#BlogPost #blog-post-body-sidebar {
  background: #f1f1f1;
  margin: 0 1rem 1rem 1rem; }
  #BlogPost #blog-post-body-sidebar [data-layout-name="Layout"],
  #BlogPost #blog-post-body-sidebar [data-sub-layout] {
    margin: 0 !important; }

#BlogPost div#blog-post-top-image {
  flex: 0 0 99%; }
  @media (min-width: 801px) {
    #BlogPost div#blog-post-top-image {
      flex: 0 0 99%; } }

.browse-personal-content-area {
  margin-top: 1.5rem;
  background: #e57200;
  text-align: center;
  padding: 2rem; }
  .browse-personal-content-area .personal-content-header {
    font-size: 1.75rem;
    color: white;
    font-weight: bold;
    text-transform: uppercase; }
  .browse-personal-content-area span {
    font-size: 1.5rem;
    color: white;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    display: block; }
  .browse-personal-content-area .button-box {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center; }
    .browse-personal-content-area .button-box button {
      font-size: 1.5rem;
      background: white;
      border-radius: 1rem;
      color: black;
      font-weight: bold;
      text-transform: uppercase;
      padding: 1rem 2rem;
      width: 100%;
      margin: 1rem; }
    @media (min-width: 801px) {
      .browse-personal-content-area .button-box {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-evenly;
        align-items: center; } }

@media (min-width: 801px) {
  #BlogPost {
    width: auto !important; } }

#BlogPost .page-heading {
  display: block !important; }

#BlogPost .page-footer .footer-blocks {
  display: grid;
  grid-gap: 20px;
  align-items: stretch; }
  @media (min-width: 801px) {
    #BlogPost .page-footer .footer-blocks {
      grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); } }
  #BlogPost .page-footer .footer-blocks > div {
    box-shadow: 7px 7px 0 0 grey;
    padding: 1rem 0 1rem 2rem;
    background: #fafafa;
    position: relative; }
    #BlogPost .page-footer .footer-blocks > div ul {
      list-style: none;
      margin: 0; }
    #BlogPost .page-footer .footer-blocks > div .icon {
      position: absolute;
      top: 1rem;
      right: 1rem; }
      #BlogPost .page-footer .footer-blocks > div .icon svg {
        color: #e57200; }
    #BlogPost .page-footer .footer-blocks > div .view-all-link {
      color: #e57200;
      position: absolute;
      bottom: 1rem;
      right: 1rem; }
  #BlogPost .page-footer .footer-blocks h3 {
    font-size: 1.25rem;
    font-weight: bold;
    margin: 0; }

#BlogHome .blog-hero-mobile {
  display: block;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 2rem; }

@media (min-width: 801px) {
  #BlogHome .blog-hero-mobile {
    display: none; } }

#BlogHome .blog-tag-hero {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start; }

#BlogHome .blog-tag-hero .blog-hero-left {
  -ms-flex-positive: 1;
  flex-grow: 1; }

#BlogHome .blog-tag-hero .blog-hero-left h1 {
  margin: 0 0 1rem 0;
  font-weight: 700; }

#BlogHome .blog-tag-hero .blog-hero-left p {
  padding-right: 1rem;
  font-size: 1.25rem; }

#BlogHome .blog-tag-hero .blog-hero-left a {
  background: #e57200;
  color: #fff;
  border-radius: 2rem;
  padding: 1rem 2rem;
  margin-top: 1rem;
  display: inline-block; }

#BlogHome .blog-tag-hero .blog-hero-right {
  -ms-flex-positive: 2;
  flex-grow: 2; }

#BlogHome .blog-tag-hero .blog-hero-right img {
  border-radius: .5rem;
  display: none;
  width: 500px; }

@media (min-width: 801px) {
  #BlogHome .blog-tag-hero .blog-hero-right img {
    display: block; } }

.blog-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 999;
  border: none;
  outline: none;
  margin-bottom: 2rem !important;
  background: white;
  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }
  .blog-header .brand {
    color: black;
    font-weight: bold;
    margin: .75rem 0 0 0;
    display: inline-block; }
    .blog-header .brand:hover {
      color: black; }
  .blog-header .blog-nav-container {
    padding: 0 !important;
    background: white;
    margin-top: 1rem; }
  .blog-header #return-to-store-link {
    background: #e57200;
    color: white;
    padding: .5rem; }
  .blog-header #return-to-store-link-mobile {
    display: none; }
    .blog-header #return-to-store-link-mobile a {
      background: #e57200;
      color: white;
      padding: .5rem; }
  .blog-header .clarion-blog-logo-text {
    display: inline;
    vertical-align: bottom; }
  .blog-header .breadcrumb.is-active > .breadcrumb-label {
    text-transform: capitalize; }
  @media (max-width: 992px) {
    .blog-header .brand {
      margin-left: 1rem; }
    .blog-header #return-to-store-link {
      display: none; }
    .blog-header #return-to-store-link-mobile {
      display: inline-block; } }
  .blog-header h1 {
    margin: 0; }
  .blog-header .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    max-width: 100%;
    height: auto;
    padding: 0 0 1.5rem 0; }
  .blog-header .navbar {
    max-width: 100%;
    height: auto; }
  .blog-header .menu > .menu-item {
    position: relative;
    display: inline-block;
    margin: 0 0.75rem; }
    .blog-header .menu > .menu-item > a {
      display: block;
      font-family: inherit;
      font-size: 1.25rem;
      font-weight: 600;
      line-height: inherit;
      padding: 1rem 0;
      border: none;
      outline: none;
      color: black;
      text-transform: capitalize;
      text-rendering: optimizeLegibility;
      -webkit-transition: all 0.35s ease;
      -o-transition: all 0.35s ease;
      transition: all 0.35s ease; }
      .blog-header .menu > .menu-item > a .expand {
        position: relative;
        display: inline-block;
        height: 0.65rem;
        width: 0.75rem;
        margin-left: 0.35rem;
        border: none;
        outline: none;
        pointer-events: none; }
        .blog-header .menu > .menu-item > a .expand:before {
          position: absolute;
          -webkit-box-sizing: inherit;
          box-sizing: inherit;
          content: '';
          left: 50%;
          top: 50%;
          width: 100%;
          height: 2px;
          background: #ffffff;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          -webkit-transition: all 0.35s ease;
          -o-transition: all 0.35s ease;
          transition: all 0.35s ease; }
        .blog-header .menu > .menu-item > a .expand:after {
          position: absolute;
          -webkit-box-sizing: inherit;
          box-sizing: inherit;
          content: '';
          left: 50%;
          top: 50%;
          width: 100%;
          height: 2px;
          background: #ffffff;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          -webkit-transition: all 0.35s ease;
          -o-transition: all 0.35s ease;
          transition: all 0.35s ease; }
        .blog-header .menu > .menu-item > a .expand::after {
          -webkit-transform: translate(-50%, -50%) rotate(-90deg);
          -ms-transform: translate(-50%, -50%) rotate(-90deg);
          transform: translate(-50%, -50%) rotate(-90deg); }
    .blog-header .menu > .menu-item:hover > a {
      color: #e57200; }
      .blog-header .menu > .menu-item:hover > a .expand::before {
        background: #e57200; }
      .blog-header .menu > .menu-item:hover > a .expand::after {
        background: #e57200; }
    .blog-header .menu > .menu-item > .sub-menu {
      position: absolute;
      left: -1rem;
      top: 100%;
      width: 13rem;
      height: auto;
      padding: 0.75rem 0;
      border: none;
      outline: none;
      opacity: 0;
      visibility: hidden;
      border-top: 3px solid #e57200;
      -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      -webkit-transform: translateY(1rem);
      -ms-transform: translateY(1rem);
      transform: translateY(1rem);
      -webkit-transition: all 0.35s ease;
      -o-transition: all 0.35s ease;
      transition: all 0.35s ease; }
      .blog-header .menu > .menu-item > .sub-menu > .menu-item {
        display: block; }
        .blog-header .menu > .menu-item > .sub-menu > .menu-item > a {
          display: block;
          font-family: inherit;
          font-size: 1rem;
          font-weight: 600;
          line-height: inherit;
          padding: 0.5rem 1.25rem;
          color: black;
          text-transform: capitalize;
          text-rendering: optimizeLegibility;
          -webkit-transition: all 0.35s ease;
          -o-transition: all 0.35s ease;
          transition: all 0.35s ease; }
          .blog-header .menu > .menu-item > .sub-menu > .menu-item > a:hover {
            color: #e57200; }
  .blog-header .opened-menu {
    position: relative;
    display: none;
    cursor: pointer;
    width: 2rem;
    height: 1rem;
    border: none;
    outline: none;
    opacity: 0;
    visibility: hidden;
    background: none;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    position: fixed;
    top: 2rem;
    right: 1rem; }
    .blog-header .opened-menu span {
      display: block;
      position: absolute;
      width: 100%;
      height: 2px;
      left: 0;
      border: none;
      outline: none;
      opacity: 1;
      border-radius: 0.25rem;
      background: #ffffff;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease;
      background: black; }
      .blog-header .opened-menu span:nth-child(1) {
        top: 0; }
      .blog-header .opened-menu span:nth-child(2) {
        top: 0.5rem; }
      .blog-header .opened-menu span:nth-child(3) {
        top: 0.5rem; }
      .blog-header .opened-menu span:nth-child(4) {
        top: 1rem; }
  .blog-header .closed-menu {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    width: 2.5rem;
    height: 2.5rem;
    border: none;
    outline: none;
    background: none; }
    .blog-header .closed-menu img.closed-icon {
      display: block;
      width: 1rem;
      height: auto; }
  .blog-header .overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease; }

@media only screen and (min-width: 993px) {
  .blog-header .menu > .menu-item-has-children:hover > .sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .blog-header .menu > .menu-item-has-children:hover > a .expand::after {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); } }

@media only screen and (max-width: 992px) {
  .blog-header .overlay.active {
    display: block;
    opacity: 1;
    visibility: visible; }
  .blog-header .navbar {
    position: fixed;
    top: 0;
    left: -18rem;
    width: 18rem;
    height: 100%;
    padding: 1rem 0;
    z-index: 999;
    opacity: 0;
    overflow-y: auto;
    visibility: hidden;
    background: white;
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .blog-header .navbar::-webkit-scrollbar {
      width: 5px; }
    .blog-header .navbar::-webkit-scrollbar-thumb {
      border-radius: 1rem;
      background: #e6e6e6;
      -webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.12);
      box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.12); }
  .blog-header .navbar.active {
    left: 0rem;
    opacity: 1;
    visibility: visible; }
  .blog-header .menu {
    width: 100%;
    height: auto;
    margin-top: 3.5rem; }
    .blog-header .menu > .menu-item {
      display: block;
      margin: 0; }
      .blog-header .menu > .menu-item > a {
        padding: 0.75rem 1rem;
        color: black;
        border-bottom: 1px solid #f2f2f2; }
        .blog-header .menu > .menu-item > a .expand::before {
          background: #ffffff; }
        .blog-header .menu > .menu-item > a .expand::after {
          background: #ffffff; }
      .blog-header .menu > .menu-item:first-child > a {
        border-top: 1px solid #f2f2f2; }
      .blog-header .menu > .menu-item > .sub-menu {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        max-height: 0;
        padding: 0px;
        border: none;
        outline: none;
        opacity: 1;
        overflow: hidden;
        visibility: visible;
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px); }
        .blog-header .menu > .menu-item > .sub-menu > .menu-item > a {
          padding: 0.75rem 2rem;
          color: black;
          border-bottom: 1px solid #f2f2f2; }
    .blog-header .menu > .menu-item-has-children > a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .blog-header .menu > .menu-item-has-children.active > a .expand:after {
      -webkit-transform: translate(-50%, -50%) rotate(0deg);
      -ms-transform: translate(-50%, -50%) rotate(0deg);
      transform: translate(-50%, -50%) rotate(0deg); }
  .blog-header .opened-menu {
    display: block;
    opacity: 1;
    visibility: visible; }
  .blog-header .closed-menu {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 1rem;
    right: 0.5rem; } }

/* CARD -------------------------------------------------- */
.card .card-title {
  font-weight: bold; }

.card .card-figcaption-button.quickview {
  display: none;
  border: 1px solid black;
  font-weight: bold; }
  .card .card-figcaption-button.quickview:hover {
    background: #e57200;
    color: white; }

.card a.card-figcaption-button {
  font-size: 1rem;
  background-color: #e57200;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-weight: bold;
  text-decoration: none; }
  .card a.card-figcaption-button:hover {
    background-color: #FF942B;
    color: #000; }
  .card a.card-figcaption-button:active {
    background-color: #B85B00;
    color: #fff; }

/* END CARD -------------------------------------------------- */
/* CART PAGE */
#cart-template {
  font-size: var(--text-sm);
  padding: 0; }
  @media (min-width: 801px) {
    #cart-template {
      padding: 0 6rem; } }
  #cart-template .page-heading {
    margin: 0; }
  #cart-template .cart-item-name, #cart-template .defintionList-key, #cart-template .defintionList-value, #cart-template .cart-item-label, #cart-template .form-input--incrementTotal {
    font-size: var(--text-sm); }
  #cart-template .cart-remove.icon {
    --size: 2em; }
    @media (min-width: 801px) {
      #cart-template .cart-remove.icon {
        --size: 1em; } }
  #cart-template #RushOffer {
    width: 100%;
    padding: var(--space-sm);
    background-color: #403f2e;
    border: solid 4px #403f2e;
    border-radius: 4px;
    color: white;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: var(--space-md);
    margin-top: var(--space-sm); }
    @media (min-width: 801px) {
      #cart-template #RushOffer {
        flex-direction: row; } }
    #cart-template #RushOffer #RushTop {
      display: inline-block;
      font-size: var(--text-base-size);
      text-align: center;
      margin-bottom: var(--space-sm); }
      @media (min-width: 801px) {
        #cart-template #RushOffer #RushTop {
          margin-right: var(--space-lg);
          display: flex;
          flex-direction: column;
          justify-content: space-evenly;
          margin-bottom: 0; } }
    #cart-template #RushOffer #RushBottom {
      text-align: center; }
    #cart-template #RushOffer #AddRushLink {
      display: none; }
  #cart-template .cart-item-brand,
  #cart-template .edit-product-link {
    display: none; }
  #cart-template .btn.altWht {
    background: #e57200;
    color: white;
    font-weight: bold;
    border-radius: 0.25rem; }
  #cart-template .button.btn {
    background: #e57200;
    color: white;
    font-weight: bold;
    border-radius: 0.25rem;
    border: none; }
  #cart-template .getquote.button {
    background: #e57200;
    color: white;
    border-radius: 0.25rem;
    border: none;
    font-size: var(--text-sm);
    padding: 1rem;
    margin-top: 0.5rem; }
  #cart-template #RushSelect {
    height: 42px !important;
    font-size: var(--text-sm); }
  #cart-template .checkout-cl-btn {
    background-color: #008B25 !important; }
  #cart-template #RushBtn {
    background: #e57200;
    color: white;
    border-radius: 0.25rem;
    border: none;
    font-size: var(--text-sm);
    padding: 0.5rem;
    margin-top: 1rem; }
  #cart-template .quote-cart-btn {
    width: 100%; }
    @media (min-width: 801px) {
      #cart-template .quote-cart-btn {
        width: inherit; } }

/* CART DROPDOWN -------------------------------------------------- */
div#cart-preview-dropdown {
  background: white;
  border: 1px solid;
  border-radius: 0.25rem;
  max-width: 21rem; }
  div#cart-preview-dropdown .prevcartlink {
    color: #e57200;
    font-weight: bold;
    font-size: 1rem; }
  div#cart-preview-dropdown .previewCartItem-brand {
    color: black;
    font-weight: bold; }
  div#cart-preview-dropdown .previewCartItem {
    display: flex;
    padding: var(--space-sm) 0rem;
    padding-left: var(--space-sm); }
    div#cart-preview-dropdown .previewCartItem .previewCartItem-image {
      width: 125px !important;
      height: 75px !important; }
      div#cart-preview-dropdown .previewCartItem .previewCartItem-image img {
        object-fit: contain; }
  div#cart-preview-dropdown .previewCartAction .button {
    font-size: 1rem;
    padding: 0.5rem; }
  div#cart-preview-dropdown .previewCartAction-viewCart a {
    background: #fff;
    color: #e57200;
    border: 2px solid #e57200;
    font-weight: bold; }
  div#cart-preview-dropdown .previewCartAction-checkout a {
    color: #fff;
    background-color: #008B25;
    border: 2px solid #008B25;
    font-weight: bold; }
  div#cart-preview-dropdown .previewCartAction-viewCart.getquotebtn .getquote {
    color: #fff;
    background-color: #e57200;
    border: 2px solid #e57200;
    font-weight: bold; }
  @media (min-width: 801px) {
    div#cart-preview-dropdown .previewCartList {
      height: 260px !important;
      display: block;
      overflow-y: scroll; }
    div#cart-preview-dropdown .previewCartList::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #F5F5F5; }
    div#cart-preview-dropdown .previewCartList::-webkit-scrollbar {
      width: 15px;
      background-color: #F5F5F5; }
    div#cart-preview-dropdown .previewCartList::-webkit-scrollbar-thumb {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #e57200; } }
  div#cart-preview-dropdown .previewCartAction {
    border-bottom: 1px solid #e5e5e5; }

/* CART DROPDOWN  END-------------------------------------------------- */
.dropdown-menu {
  min-width: 20rem !important;
  left: -254px !important; }

div#cart-preview-dropdown {
  top: 61px !important; }

div#cart-preview-dropdown:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: -8px;
  right: 30px;
  width: 16px;
  height: 16px;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  background-color: #ffffff;
  transform: rotate(45deg);
  transform-origin: 50% 50%; }

.countPill {
  padding: 1px 3px;
  position: absolute;
  top: -10px;
  right: -13px;
  z-index: 2;
  font-size: .85rem;
  border-radius: 4px !important;
  background: #008B25;
  width: fit-content !important;
  display: block;
  text-align: center;
  color: #fff;
  font-weight: bold; }
  .countPill:not(.countPill--positive) {
    display: none; }

/* CART PREVIEW MODAL */
.previewCart .productView-title {
  font-size: 1.5rem;
  font-weight: bold;
  color: #e57200; }

.previewCart .productView-price {
  font-size: 1.5rem; }

.previewCart .productView-brand {
  display: none; }

.previewCart .productView-info,
.previewCart .productView-price {
  margin-bottom: 0; }

.previewCart .checkout-btn,
.previewCart .cart-btn,
.previewCart .continue-btn {
  padding: var(--space-xxs) var(--space-sm);
  margin: var(--space-xxs) 0;
  font-weight: bold; }

.previewCart .checkout-btn {
  background: var(--color-success);
  color: white;
  border: none; }

.previewCart .cart-btn {
  border: 2px solid var(--color-success);
  color: var(--color-success);
  background-color: transparent; }

.previewCart .continue-btn {
  border-width: 2px; }

@media (min-width: 801px) {
  #previewModal .productView {
    display: block; } }

@media (min-width: 801px) {
  #previewModal .productView-image {
    width: 250px;
    display: inline-block;
    margin: 0;
    padding: 0; } }

#previewModal .productView-details {
  padding: 1rem; }
  @media (min-width: 801px) {
    #previewModal .productView-details {
      display: inline-block;
      float: none;
      width: 60%; } }

#previewModal .productView-info-name {
  font-weight: bold;
  font-size: 1rem;
  margin-top: 0; }
  @media (min-width: 801px) {
    #previewModal .productView-info-name {
      margin-top: 1rem; } }

/* CATEGORY WRAPPER -------------------------------------------------- */
.body-category {
  padding-top: 0 !important; }
  .body-category .container.category {
    padding: 0 !important;
    width: 100% !important; }

/* CATEGORY PAGE -------------------------------------------------- */
#CategoryPage .desktop-title {
  display: none;
  font-weight: bold;
  font-size: var(--text-md);
  padding: 0 0 var(--space-xs) 0; }

#CategoryPage #split-carousel-wrapper {
  display: none;
  flex-direction: column; }
  @media (min-width: 801px) {
    #CategoryPage #split-carousel-wrapper {
      flex-direction: row; } }
  #CategoryPage #split-carousel-wrapper #carousel-cta-left {
    flex: none; }
    @media (min-width: 801px) {
      #CategoryPage #split-carousel-wrapper #carousel-cta-left {
        flex: 4; } }
    #CategoryPage #split-carousel-wrapper #carousel-cta-left .cta_section_content {
      background: url(https://cdn11.bigcommerce.com/s-za3wv/images/stencil/original/image-manager/category-banners-2-.png?t=1694090016);
      margin: 0 0.5rem;
      padding: var(--space-sm); }
      @media (min-width: 801px) {
        #CategoryPage #split-carousel-wrapper #carousel-cta-left .cta_section_content {
          margin: 0; } }
      #CategoryPage #split-carousel-wrapper #carousel-cta-left .cta_section_content :first-child {
        font-size: var(--text-sm);
        padding-left: 0.5rem;
        padding-right: 0.5rem; }
        @media (min-width: 801px) {
          #CategoryPage #split-carousel-wrapper #carousel-cta-left .cta_section_content :first-child {
            font-size: var(--text-sm); } }
      @media (min-width: 801px) {
        #CategoryPage #split-carousel-wrapper #carousel-cta-left .cta_section_content .cta-image img {
          width: 185px; } }
      #CategoryPage #split-carousel-wrapper #carousel-cta-left .cta_section_content .cta-text-content-area {
        background-color: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: var(--space-sm); }
  #CategoryPage #split-carousel-wrapper #safety_label_test_b__carousel {
    flex: none; }
    @media (min-width: 801px) {
      #CategoryPage #split-carousel-wrapper #safety_label_test_b__carousel {
        flex: 6; } }
  #CategoryPage #split-carousel-wrapper .test_b__carousel {
    overflow: hidden;
    position: relative; }
    #CategoryPage #split-carousel-wrapper .test_b__carousel::before {
      content: 'Shop More Label Categories';
      top: -5px;
      left: 10px;
      font-size: var(--text-sm);
      font-weight: bold;
      position: absolute;
      z-index: 10;
      background: white; }
    #CategoryPage #split-carousel-wrapper .test_b__carousel .test_b__carousel__slider {
      display: flex;
      transition: transform 0.3s ease;
      padding: 0 1rem; }
    #CategoryPage #split-carousel-wrapper .test_b__carousel .test_b__carousel__slide {
      flex: 0 0 auto;
      width: 33.333%;
      box-sizing: border-box;
      padding: 0 10px;
      text-align: center; }
      #CategoryPage #split-carousel-wrapper .test_b__carousel .test_b__carousel__slide img {
        width: 200px;
        height: 150px;
        object-fit: contain; }
    #CategoryPage #split-carousel-wrapper .test_b__carousel .test_b__carousel__prev,
    #CategoryPage #split-carousel-wrapper .test_b__carousel .test_b__carousel__next {
      position: absolute;
      top: 40%;
      transform: translateY(-50%);
      font-size: 65px;
      background-color: transparent;
      border: none;
      cursor: pointer; }
  #CategoryPage #split-carousel-wrapper .test_b__carousel__prev {
    left: 10px; }
  #CategoryPage #split-carousel-wrapper .test_b__carousel__next {
    right: 10px; }

#CategoryPage #ab_accordion {
  display: none;
  list-style: none;
  border: none; }
  #CategoryPage #ab_accordion .accordion__header {
    color: #e57200;
    font-size: var(--text-md);
    font-weight: bold;
    border: none; }
  #CategoryPage #ab_accordion li {
    border: none; }

#CategoryPage .text-divider {
  margin: var(--space-sm) auto; }

#CategoryPage .page-reg-heading {
  color: #000;
  font-weight: bold;
  font-size: var(--text-md);
  margin-bottom: 1rem; }
  @media (min-width: 801px) {
    #CategoryPage .page-reg-heading {
      font-size: var(--text-lg); } }

#CategoryPage .breadcrumbs {
  text-align: left; }

#CategoryPage h1.page-heading {
  text-align: left;
  background: rgba(0, 0, 0, 0.71);
  color: white;
  padding-left: 1rem;
  font-size: var(--text-md);
  font-weight: bold;
  margin-bottom: 0 !important; }
  @media (min-width: 801px) {
    #CategoryPage h1.page-heading {
      font-size: var(--text-lg); } }

#CategoryPage .mobile-category-filter-btn {
  display: inline-block; }
  @media (min-width: 801px) {
    #CategoryPage .mobile-category-filter-btn {
      display: none; } }

#CategoryPage #category-mobile-filter .category-sidebar-new {
  background-color: #f5f5f5; }

#CategoryPage #category-mobile-filter a.ps-toggle--sidebar {
  position: fixed;
  right: 10px;
  top: 3px;
  color: black; }

#CategoryPage #category-mobile-filter .facetedSearch-refineFilters,
#CategoryPage #category-mobile-filter .facetedSearch-navList {
  display: block; }

#CategoryPage #category-mobile-filter .facetedSearch-toggle.toggleLink {
  display: none; }

#CategoryPage #category-mobile-filter .facetedSearch-toggle + .facetedSearch-navList {
  margin-top: 0; }

#CategoryPage #category-mobile-filter .accordion {
  margin-top: 1rem;
  border: none !important; }

#CategoryPage #category-mobile-filter .accordion-title {
  padding: .5rem 0;
  margin-bottom: .5rem; }

#CategoryPage #category-mobile-filter .facetedSearch-clearLink {
  right: 60px; }

#CategoryPage .category-sidebar-new {
  background: #f5f5f5;
  padding: 1rem; }
  #CategoryPage .category-sidebar-new .sidebarBlock-heading {
    color: #e57200;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 1rem;
    text-transform: uppercase;
    font-size: 1rem; }
  #CategoryPage .category-sidebar-new .accordion-title {
    color: black;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 1rem;
    text-transform: uppercase;
    font-size: 1rem;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; }

#CategoryPage .btn {
  background-color: #e57200;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-weight: bold;
  text-decoration: none;
  padding: 0.5rem; }
  #CategoryPage .btn:hover {
    background-color: #FF942B;
    color: #000; }
  #CategoryPage .btn:active {
    background-color: #B85B00;
    color: #fff; }

#CategoryPage .category-description {
  overflow: hidden;
  display: none;
  font-size: var(--text-sm); }
  @media (min-width: 801px) {
    #CategoryPage .category-description {
      display: block; } }

#CategoryPage .category-description_mobile {
  overflow: hidden;
  display: block;
  font-size: var(--text-sm); }
  @media (min-width: 801px) {
    #CategoryPage .category-description_mobile {
      display: none; } }

#CategoryPage .morelink {
  color: #e57200;
  text-decoration: none;
  font-weight: bold;
  margin-bottom: 1rem;
  display: inline-block; }

#CategoryPage .subcategories-container {
  border: 1px solid;
  border-radius: 0.25rem;
  padding: 1rem 0;
  margin-bottom: 1rem; }
  #CategoryPage .subcategories-container .subcategories-header {
    font-weight: bold;
    font-size: 1.25rem;
    width: 100%;
    text-align: center;
    margin-bottom: 1rem; }
  #CategoryPage .subcategories-container .subcategories-list {
    list-style: none; }
    #CategoryPage .subcategories-container .subcategories-list .subcategories-list-item {
      text-align: center; }
      #CategoryPage .subcategories-container .subcategories-list .subcategories-list-item a {
        text-decoration: none; }
      #CategoryPage .subcategories-container .subcategories-list .subcategories-list-item img {
        padding: 0.5rem;
        border-radius: 1.25rem; }
      #CategoryPage .subcategories-container .subcategories-list .subcategories-list-item .subcategory-name {
        font-weight: bold; }

#CategoryPage .category-sidebar {
  border: 1px solid;
  border-radius: 0.25rem;
  padding: 1rem; }
  #CategoryPage .category-sidebar .facetedSearch-refineFilters.sidebarBlock {
    border: 1px solid;
    border-radius: 0.25rem;
    padding: 1rem; }
    #CategoryPage .category-sidebar .facetedSearch-refineFilters.sidebarBlock a {
      color: #e57200; }
    #CategoryPage .category-sidebar .facetedSearch-refineFilters.sidebarBlock h2 {
      margin-top: 1.5rem !important; }
  #CategoryPage .category-sidebar .sidebarBlock-heading,
  #CategoryPage .category-sidebar .accordion-title {
    font-weight: bold; }
  #CategoryPage .category-sidebar .facetLabel {
    color: #e57200; }

#CategoryPage .actionBar-section {
  float: right; }

#CategoryPage .page-sidebar + .page-content .productGrid .product {
  width: calc(100% * 1/2); }
  @media (min-width: 801px) {
    #CategoryPage .page-sidebar + .page-content .productGrid .product {
      width: calc(100% * 1/6); } }

#CategoryPage .page-content hr {
  margin: 0 0 0.5rem 0;
  padding: 0.5rem 0; }

#CategoryPage #CAIntro {
  display: inline-block;
  width: 64%;
  max-width: 845px;
  min-width: 350px;
  float: left; }

#CategoryPage #CAForm {
  margin-top: 30px;
  display: inline-block;
  width: 36%;
  max-width: 415px;
  min-width: 350px; }

#CategoryPage #product-listing-container .actionBar {
  margin: 0;
  display: inline-block; }
  @media (min-width: 801px) {
    #CategoryPage #product-listing-container .actionBar {
      display: block; } }
  #CategoryPage #product-listing-container .actionBar .actionBar-section {
    float: none; }
    @media (min-width: 801px) {
      #CategoryPage #product-listing-container .actionBar .actionBar-section {
        float: right; } }
  #CategoryPage #product-listing-container .actionBar .form-field {
    margin: 0;
    border: 1px solid var(--color-primary); }
    @media (min-width: 801px) {
      #CategoryPage #product-listing-container .actionBar .form-field {
        margin: 0 0 2rem; } }
    #CategoryPage #product-listing-container .actionBar .form-field #sort {
      padding-right: 0; }
      @media (min-width: 801px) {
        #CategoryPage #product-listing-container .actionBar .form-field #sort {
          padding-right: 2rem; } }

#CategoryPage #product-listing-container .card {
  box-shadow: none !important; }

#CategoryPage #category-mobile-filter .page-sidebar {
  margin-bottom: 1rem;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important; }

#CategoryPage button.js-read-more__btn.read-more__btn.js-tab-focus {
  color: var(--color-primary);
  font-weight: bold;
  text-transform: capitalize;
  padding-left: 0; }

#CategoryPage .customizer-gif-anchor {
  border: 2px solid var(--color-primary);
  display: inline-block;
  position: relative; }
  #CategoryPage .customizer-gif-anchor::before {
    content: "\002B";
    position: absolute;
    color: white !important;
    background-color: var(--color-primary) !important;
    bottom: 0;
    right: 0;
    width: 20px;
    text-align: center;
    font-weight: bold; }

#CategoryPage #safety_label_carousel .carousel__slider .carousel__slide,
#CategoryPage #safety_sign_carousel .carousel__slider .carousel__slide,
#CategoryPage #safety_tag_carousel .carousel__slider .carousel__slide {
  width: 150px; }
  #CategoryPage #safety_label_carousel .carousel__slider .carousel__slide .carousel__item,
  #CategoryPage #safety_sign_carousel .carousel__slider .carousel__slide .carousel__item,
  #CategoryPage #safety_tag_carousel .carousel__slider .carousel__slide .carousel__item {
    width: 150px;
    height: 150px;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none; }
    #CategoryPage #safety_label_carousel .carousel__slider .carousel__slide .carousel__item .carousel__item-icon,
    #CategoryPage #safety_sign_carousel .carousel__slider .carousel__slide .carousel__item .carousel__item-icon,
    #CategoryPage #safety_tag_carousel .carousel__slider .carousel__slide .carousel__item .carousel__item-icon {
      width: 150px;
      height: 150px; }
      #CategoryPage #safety_label_carousel .carousel__slider .carousel__slide .carousel__item .carousel__item-icon .fix-size,
      #CategoryPage #safety_sign_carousel .carousel__slider .carousel__slide .carousel__item .carousel__item-icon .fix-size,
      #CategoryPage #safety_tag_carousel .carousel__slider .carousel__slide .carousel__item .carousel__item-icon .fix-size {
        width: 200px;
        height: 200px;
        object-fit: contain; }

/* CATEGORY END-------------------------------------------------- */
#CategoryPage.broad-category-template .mobile-cat-filter-btn-wrapper {
  text-align: center;
  padding-top: var(--space-sm);
  padding-bottom: var(--space-sm);
  margin-top: var(--space-sm);
  margin-bottom: var(--space-sm);
  border-top: 1px solid var(--color-bg-darker);
  border-bottom: 1px solid var(--color-bg-darker); }
  @media (min-width: 801px) {
    #CategoryPage.broad-category-template .mobile-cat-filter-btn-wrapper {
      display: none; } }

/* FOOTER -------------------------------------------------- */
.footer-top {
  color: #fff;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 2rem 0; }
  @media (min-width: 801px) {
    .footer-top {
      flex-direction: row;
      flex-wrap: nowrap; } }
  .footer-top .left-column,
  .footer-top .right-column {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center; }
    @media (min-width: 801px) {
      .footer-top .left-column,
      .footer-top .right-column {
        flex-direction: row;
        flex-wrap: nowrap;
        margin-right: 5rem; } }
    .footer-top .left-column img,
    .footer-top .right-column img {
      height: 50px;
      width: 50px;
      object-fit: contain;
      margin: 2rem; }
    .footer-top .left-column .text-left span,
    .footer-top .right-column .text-left span {
      font-weight: bold;
      font-size: var(--text-sm); }
    @media (min-width: 801px) {
      .footer-top .left-column .text-left p,
      .footer-top .right-column .text-left p {
        width: 90%; } }
    .footer-top .left-column a,
    .footer-top .right-column a {
      background: #fff;
      padding: 1rem;
      border-radius: 0.25rem;
      margin: 1rem;
      text-decoration: none;
      font-weight: bold; }

.footer-middle {
  background: #e57200;
  color: #fff;
  padding: 1rem; }
  .footer-middle .footer-middle-header {
    color: #fff;
    font-style: italic;
    font-weight: bold;
    font-size: var(--text-md);
    text-align: center;
    padding-bottom: 2rem; }
  .footer-middle .stats {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
    margin-right: 5rem;
    padding-bottom: 1rem; }
    .footer-middle .stats .stat-info {
      text-align: center; }
      .footer-middle .stats .stat-info .number {
        font-size: var(--text-md);
        font-weight: bold; }
      .footer-middle .stats .stat-info .number-label {
        font-size: 1.5rem; }

.footer-bottom {
  color: #fff; }
  .footer-bottom .footer-info-heading,
  .footer-bottom p,
  .footer-bottom h2,
  .footer-bottom a {
    color: #fff; }
  .footer-bottom .footer-info-heading {
    font-weight: bold;
    font-size: var(--text-sm); }
  .footer-bottom .container {
    padding: 0; }

footer hr {
  margin: -2rem; }

/* END FOOTER -------------------------------------------------- */
#customer-service-footer .widget-title {
  color: #e57200;
  width: fit-content; }

.ps-footer__widgets.contact {
  align-items: center; }

.footer-bottom-section {
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: wrap;
  align-items: center;
  -ms-align-items: center;
  background: #e57200;
  padding: .5rem 0; }
  @media (min-width: 801px) {
    .footer-bottom-section {
      display: flex;
      flex-direction: row;
      justify-content: space-evenly;
      align-items: center;
      margin-bottom: 0; } }
  .footer-bottom-section .footer-block {
    color: #fff; }
    .footer-bottom-section .footer-block a {
      color: #fff; }

#footer-contact-subscribe {
  background-color: #ea7706;
  color: #fff;
  border-radius: 1rem;
  padding: 0.5rem 0.85rem;
  margin-bottom: 2rem; }

.footer-ctas-area {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-around;
  background: #fff;
  color: #000;
  padding: 1.5rem 1rem 1rem 1rem;
  box-shadow: 0 5px 12px 0 black; }
  .footer-ctas-area .area-title {
    font-weight: bold;
    font-size: 1.5rem; }
  .footer-ctas-area button {
    background: #e57200;
    color: #fff;
    margin: 1rem 0;
    padding: 0.5rem;
    border-radius: 4px;
    font-weight: bold;
    font-size: 18px; }
  .footer-ctas-area .subscribe-area,
  .footer-ctas-area .collateral-area {
    flex-grow: 1;
    text-align: center; }
    .footer-ctas-area .subscribe-area p,
    .footer-ctas-area .collateral-area p {
      margin-bottom: 0rem; }

.form-group--nest {
  display: flex;
  flex-flow: row nowrap; }

.form-group--nest .ps-btn {
  border-radius: 0 4px 4px 0;
  padding-left: 25px;
  padding-right: 25px; }

.form-group--nest input {
  border-radius: 4px 0 0 4px;
  border-color: #ccc;
  border-right: none; }

.ps-footer {
  padding-top: 70px; }

.ps-footer__widgets {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding-bottom: 35px;
  margin-top: 2rem; }

.ps-footer__widgets.contact {
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: wrap;
  align-items: flex-start;
  -ms-align-items: flex-start; }
  @media (min-width: 801px) {
    .ps-footer__widgets.contact {
      display: flex;
      flex-flow: row nowrap;
      justify-content: flex-start;
      padding-bottom: 35px;
      margin-top: 4rem;
      flex-direction: row;
      align-content: center;
      flex-wrap: nowrap; } }

.ps-footer__links {
  padding: 60px 0;
  border-top: 1px solid #e1e1e1; }

.ps-footer__links p strong {
  color: #000;
  margin-right: 20px;
  font-weight: 600; }

.ps-footer__links p a {
  display: inline-block;
  color: #666;
  line-height: 20px;
  margin-right: 10px;
  position: relative; }

.ps-footer__links p a:after {
  content: '|';
  margin-left: 5px; }

.ps-footer__links p a:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000; }

.ps-footer__links p a:last-child:after {
  display: none; }

.ps-footer__copyright {
  padding: 35px 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  border-top: 1px solid #e1e1e1; }

.ps-footer__copyright p {
  margin-bottom: 0;
  line-height: 30px;
  color: #000; }

.ps-footer__copyright p:last-child span {
  display: inline-block;
  line-height: inherit;
  vertical-align: middle; }

.ps-footer__copyright p:last-child a {
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle; }

@media (max-width: 767px) {
  .ps-footer__widgets {
    flex-flow: row wrap; }
  .ps-footer__widgets > * {
    width: 100%;
    max-width: 100%; }
  .ps-footer__widgets .widget_contact-us {
    max-width: 100%;
    width: 100%; } }

@media (max-width: 479px) {
  .ps-footer__widgets > * {
    flex-basis: 50%; }
  .ps-footer__copyright {
    flex-flow: row wrap;
    text-align: center; }
  .ps-footer__copyright p {
    display: block;
    width: 100%; }
  .ps-footer__copyright p span {
    display: block;
    padding-bottom: 10px; } }

.ps-footer--3 {
  padding: 0;
  background-color: #f8f8f8; }

#why-us-footer {
  background: #eeeeee;
  padding: 0.5rem 1rem 1.5rem 1rem;
  text-align: center;
  color: #e57200;
  font-weight: bold; }
  @media (min-width: 801px) {
    #why-us-footer {
      padding: 0.5rem 0 1.5rem 0; } }
  #why-us-footer .why-us-foot-header {
    font-size: var(--text-md);
    display: inline-block;
    margin-top: 0.25rem;
    font-style: italic; }
  #why-us-footer .why-us-foot-tagline {
    font-size: var(--text-sm); }
    #why-us-footer .why-us-foot-tagline a {
      text-decoration: none; }

.ps-list--social {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center; }
  .ps-list--social a {
    color: #e57200; }
  .ps-list--social svg {
    height: 37px;
    fill: #e57200;
    color: #e57200; }
  .ps-list--social img {
    height: 50px; }

.ps-list--social {
  margin: 0;
  padding: 0; }

.ps-list--social li {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  vertical-align: top; }

.ps-list--social li a {
  display: inline-block;
  font-size: var(--text-sm);
  color: #666; }

.ps-list--social li a.facebook i {
  color: #3b5998; }

.ps-list--social li a.twitter i {
  color: #0084b4; }

.ps-list--link li {
  display: block;
  padding: 4px 0; }

.ps-list--link li a {
  display: inline-block;
  color: #666;
  line-height: 20px;
  position: relative; }
  .ps-list--link li a:hover {
    color: #e57200;
    text-decoration: underline; }

.widget {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
  flex-grow: 1; }

.widget .widget-title {
  margin-bottom: 2.5rem;
  font-weight: 700; }

.widget:last-child {
  border-bottom: none; }

.widget_footer .widget-title {
  margin-bottom: 30px;
  color: #000;
  font-weight: 600; }

.widget_contact-us .widget_content .ps-list--social {
  padding-top: 25px; }

[name=checkbox-accordion] {
  display: none; }

.ps-footer__widgets .accordion {
  border: none; }

@media (max-width: 801px) {
  footer hr {
    display: none; }
  .c-address {
    display: none; }
  .widget_footer .widget-title {
    font-size: 1.5rem; }
  .ps-footer__widgets.contact {
    margin-top: var(--space-sm);
    padding-top: var(--space-sm); }
  #customer-service-footer .widget-title {
    color: #000;
    width: auto; }
  .ps-footer__widgets > * {
    flex-basis: 100%; }
  [name=checkbox-accordion] {
    display: block; }
  .ps-footer__widgets {
    display: block;
    padding-bottom: 0; }
    .ps-footer__widgets .accordion {
      border: none;
      position: relative;
      margin-bottom: -1rem; }
      .ps-footer__widgets .accordion input {
        position: absolute;
        top: 10px;
        z-index: 3;
        width: 100%;
        display: block;
        height: 40px;
        opacity: 0; }
        .ps-footer__widgets .accordion input:checked ~ .accordion__header {
          background: #e57200;
          border-color: #e57200;
          color: #fff; }
          .ps-footer__widgets .accordion input:checked ~ .accordion__header:hover {
            background-color: #e57200;
            border-color: #e57200;
            color: #fff; }
          .ps-footer__widgets .accordion input:checked ~ .accordion__header:before {
            background-color: #fff; }
          .ps-footer__widgets .accordion input:checked ~ .accordion__header:after {
            display: none; }
        .ps-footer__widgets .accordion input:checked ~ .accordion__content {
          display: block; }
      .ps-footer__widgets .accordion:last-child .accordion__header {
        border-bottom: 1px solid #000;
        border-bottom-width: 1px; }
      .ps-footer__widgets .accordion:last-child input:checked ~ .accordion__header {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px; }
      .ps-footer__widgets .accordion:last-child .accordion__content {
        border-bottom-width: 1px;
        border-radius: 0px 0px 4px 4px; }
      .ps-footer__widgets .accordion:before {
        display: none; }
      .ps-footer__widgets .accordion:after {
        display: none; }
    .ps-footer__widgets .accordion__header {
      color: #000;
      cursor: pointer;
      margin: 0;
      padding: 1rem;
      position: relative;
      z-index: 2;
      border-top: 1px solid #000; }
      .ps-footer__widgets .accordion__header:hover {
        background-color: #FF942B;
        color: #fff; }
        .ps-footer__widgets .accordion__header:hover:before {
          background-color: #fff; }
        .ps-footer__widgets .accordion__header:hover:after {
          background-color: #fff; }
      .ps-footer__widgets .accordion__header:before {
        background-color: #e57200;
        content: "";
        display: block;
        position: absolute;
        z-index: 3;
        height: 4px;
        margin-top: -1px;
        top: 50%;
        right: 20px;
        width: 15px; }
      .ps-footer__widgets .accordion__header:after {
        background-color: #e57200;
        content: "";
        display: block;
        position: absolute;
        z-index: 3;
        height: 15px;
        margin-top: -4px;
        top: 47%;
        right: 25px;
        width: 4px; }
    .ps-footer__widgets .accordion__content {
      background-color: #fff;
      border: 1px solid #e57200;
      border-width: 0px 1px;
      display: none;
      padding: .5rem 1rem .5rem 1rem; }
  .footer-bottom-section {
    flex-direction: row;
    text-align: center; }
    .footer-bottom-section .footer-block:first-child {
      width: 100%;
      padding-bottom: 0.75rem; }
    .footer-bottom-section .footer-block:not(:first-child) {
      flex: 1; } }

.need-help-mobile, .ready-to-order-mobile, .contact-us-mobile {
  display: block;
  padding: 1rem; }
  @media (min-width: 801px) {
    .need-help-mobile, .ready-to-order-mobile, .contact-us-mobile {
      display: none; } }

.need-help-mobile {
  padding-bottom: 0 !important; }
  .need-help-mobile ul li a {
    font-size: var(--text-sm);
    color: #000;
    font-weight: bold; }
    .need-help-mobile ul li a svg {
      display: inline-block;
      border-radius: 50%;
      padding: 0.5rem;
      vertical-align: middle;
      background: #e57200;
      border: none;
      color: #fff;
      width: 20px;
      margin-right: 3px; }

.ready-to-order-mobile .widget-title {
  margin-top: 0 !important; }

.ready-to-order-mobile ul li {
  font-size: 1.5rem; }

.contact-us-mobile {
  width: 100%;
  text-align: center;
  margin-bottom: 0 !important; }
  .contact-us-mobile .widget-title {
    margin: 0; }
  .contact-us-mobile .ps-list--social {
    justify-content: space-around;
    padding-top: 0 !important; }
    .contact-us-mobile .ps-list--social img {
      height: 50px;
      display: block;
      margin-top: 24px; }

.need-help-desktop, .ready-to-order-desktop, .contact-us-desktop {
  display: none; }
  @media (min-width: 801px) {
    .need-help-desktop, .ready-to-order-desktop, .contact-us-desktop {
      display: block; } }

footer #why-us .us-div strong, footer #why-us .us-div span {
  color: #fff; }

@media (min-width: 801px) {
  footer #why-us .us-div strong {
    font-size: var(--text-sm); }
  footer #why-us .us-div span {
    font-size: 18px; } }

.ready-to-order-desktop > h4 > a,
.ready-to-order-mobile > div > h4 > a {
  text-decoration: none;
  color: #000; }

.double-footer {
  background-color: #666666;
  color: #fff; }
  .double-footer .top-footer {
    padding: var(--space-sm);
    background-color: #666666;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(98% - 2* var(--component-padding));
    margin: 0 auto; }
    .double-footer .top-footer .footer-column {
      flex-basis: 25%;
      padding: var(--space-sm); }
      .double-footer .top-footer .footer-column ul {
        list-style-type: none;
        padding: 0;
        margin: 0; }
        .double-footer .top-footer .footer-column ul .footer-list-header {
          font-weight: bold;
          font-size: 1.25rem; }
        .double-footer .top-footer .footer-column ul li {
          margin-bottom: 10px; }
          .double-footer .top-footer .footer-column ul li a {
            color: #fff;
            text-decoration: none; }
            .double-footer .top-footer .footer-column ul li a:hover {
              text-decoration: underline; }
  .double-footer .bottom-footer {
    padding: var(--space-sm);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .double-footer .bottom-footer .footer-column {
      flex-basis: 16.66%;
      padding: 10px; }
      .double-footer .bottom-footer .footer-column ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        font-size: 12px; }
        .double-footer .bottom-footer .footer-column ul li {
          margin-bottom: 5px; }
          .double-footer .bottom-footer .footer-column ul li a {
            font-size: var(--text-xs);
            color: #fff;
            text-decoration: none; }
            .double-footer .bottom-footer .footer-column ul li a:hover {
              text-decoration: underline; }
  @media (max-width: 768px) {
    .double-footer .top-footer .footer-column,
    .double-footer .bottom-footer .footer-column {
      flex-basis: 50%; } }
  @media (max-width: 480px) {
    .double-footer .top-footer .footer-column,
    .double-footer .bottom-footer .footer-column {
      flex-basis: 100%; } }

/* HEADER -------------------------------------------------- */
#promo-top-header-nav {
  background: #403f2e;
  text-align: center;
  padding: .25rem 0; }
  #promo-top-header-nav a {
    color: white;
    font-weight: bold;
    font-size: var(--text-sm); }

.header-desktop {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-evenly;
  align-items: center;
  background: #403f2f;
  padding: 1rem 3rem; }
  .header-desktop .customer-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center; }
    .header-desktop .customer-actions img {
      width: 54px;
      height: 40px;
      margin-right: 1rem;
      object-fit: contain; }
  .header-desktop div#SearchForm {
    width: 40%;
    display: inline;
    text-align: center;
    margin: 0; }
    .header-desktop div#SearchForm .form {
      margin-bottom: 0; }
    .header-desktop div#SearchForm .form-field {
      margin: 0; }
    .header-desktop div#SearchForm input#search_query {
      display: inline;
      width: 80%; }
    .header-desktop div#SearchForm .Button {
      display: inline;
      background: transparent url(https://cdn11.bigcommerce.com/s-za3wv/content/images/SearchIcon30-min.png) no-repeat scroll 50% 50%;
      background-color: transparent;
      border-radius: 0 2px 2px 0;
      border: transparent;
      cursor: pointer;
      height: 40px;
      margin: 0;
      padding: 0;
      transition: background-color 150ms ease 0s;
      vertical-align: top;
      width: 10%; }

.navPages {
  text-align: left; }
  .navPages ul {
    width: 100%; }

ul.navPages-list {
  padding-top: 4px; }

@media (min-width: 801px) {
  .customer-account-dropdown {
    float: right; } }

@media (min-width: 801px) {
  .navPage-subMenu-item {
    width: 20%; } }

.navPages-container a {
  color: white; }
  .navPages-container a:hover, .navPages-container a:active {
    color: white !important; }

.navPages-container .navPages-action:hover,
.navPages-container .navPages-action.activePage {
  color: white; }

@media (min-width: 801px) {
  .navPages-container {
    background: #e57200 !important; }
    .navPages-container a {
      color: white;
      font-weight: normal; } }

.navPages-action svg,
.navPages-action:hover svg,
.navPages-action.activePage svg {
  fill: white;
  stroke: white; }

.navPages-container.is-open {
  margin-left: 0; }

.navPages {
  width: 100%; }

/* Hide first subcategory in nav */
#navPages-21606 > ul > li:nth-child(1) > a,
#navPages-21414 > ul > li:nth-child(1) > a,
#navPages-21739 > ul > li:nth-child(1) > a {
  display: none; }

/* Hide Custom Items Category */
#menu > nav > ul:nth-child(2) > li:nth-child(4) > a,
#menu > nav > ul:nth-child(2) > li:nth-child(5) > a,
#menu > nav > ul:nth-child(2) > li:nth-child(6) > a {
  display: none; }

.cart-icon-header {
  position: relative; }

.dropdown-menu {
  z-index: 11;
  background: #a3a39c; }
  .dropdown-menu a {
    color: white;
    font-size: 1.25rem;
    padding: 0; }

.dropdown-menu-item:last-child > a {
  padding-bottom: 0; }

#menu > nav > ul:nth-child(1) > li:nth-child(4) {
  display: none; }

/* END HEADER -------------------------------------------------- */
/* BEGIN Header - Navigation - Revamp New -------------------------------------------------- */
.header--market-place-3 {
  background-color: #e57200; }
  @media (min-width: 1261px) {
    .header--market-place-3 .container {
      padding: 0; } }
  .header--market-place-3 .container .upper-top-header a, .header--market-place-3 .container .upper-top-header span {
    color: #fff;
    font-size: 18px; }
  .header--market-place-3 #search-button-main {
    width: 150px !important; }
    .header--market-place-3 #search-button-main span {
      padding-left: 5px; }

/* END Header - Navigation - Revamp New -------------------------------------------------- */
#category-nav-header > ul > li:nth-child(4) > div {
  left: 301px;
  width: 25%; }

#our-company-dropdown-list,
#our-services-dropdown-list {
  width: inherit !important; }

.services-mss-primary-bar {
  background: #e57200;
  color: #fff;
  font-weight: bold;
  padding-left: 0.5rem;
  display: inline-block;
  position: absolute;
  width: 450px;
  top: 7px;
  font-size: 1rem; }

.invisible-div {
  visibility: hidden; }

.thinner-dropdown {
  width: 25% !important; }

#our-company-nav-header > ul > li:nth-child(1):hover {
  border-bottom: none; }

/* Buttons. */
#our-company-first-link, #blog-first-link, #safety-resources-first-link {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 1em;
  color: #fff;
  cursor: pointer;
  border-bottom: 3px transparent; }
  #our-company-first-link:before, #blog-first-link:before, #safety-resources-first-link:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #e57200;
    z-index: -1;
    -webkit-transform: skewX(30deg);
    -moz-transform: skewX(30deg);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s; }
  #our-company-first-link:hover, #blog-first-link:hover, #safety-resources-first-link:hover {
    border-bottom: 3px transparent; }

#return-first-link {
  padding: 16px 10px 16px 30px;
  background-color: #FF942B;
  position: relative; }
  #return-first-link:hover {
    border-bottom: none; }

#return-first-link:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-right: 30px solid transparent;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  z-index: 1;
  left: -30px;
  padding-left: 30px; }

#return-first-link:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 30px solid white;
  border-bottom: 30px solid white;
  border-right: 30px solid transparent;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  left: 0;
  z-index: 2; }

#our-company-nav-cta {
  display: inline;
  float: right; }

#our-company-nav-header > ul > li > div {
  left: auto !important; }

header.header.header--market-place-3 > nav > ul > li:nth-child(3) > div > div > ul:nth-child(3) > a {
  padding: 0; }

header.header.header--market-place-3 > nav > ul > li:nth-child(3) > div:before {
  content: '';
  background: url("https://via.placeholder.com/650x250");
  width: 650px;
  height: 250px;
  display: none;
  position: absolute;
  bottom: 1rem;
  right: 2.5rem; }

header.header.header--market-place-3 > div.header__top > div {
  padding-left: 0; }

.upper-top-header {
  padding-left: 0 !important;
  margin-left: 0 !important;
  display: none; }
  @media (min-width: 801px) {
    .upper-top-header {
      display: block; } }

header.header.header--market-place-3 > div.container > div > a:nth-child(1) {
  padding-left: 0 !important; }

.header--market-place-3 .menu--recent-view {
  position: static; }
  .header--market-place-3 .menu--recent-view .menu-item-has-children {
    position: static; }
    .header--market-place-3 .menu--recent-view .menu-item-has-children a {
      font-size: 16px; }
    .header--market-place-3 .menu--recent-view .menu-item-has-children:hover .navigation__recent-products {
      visibility: visible;
      opacity: 1; }

.header--market-place-3 .navigation__recent-products {
  position: absolute;
  top: 100%;
  left: 0;
  max-width: 1170px;
  width: 100%;
  padding: 20px 50px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-top: 0;
  z-index: 100;
  transition: all .4s ease;
  visibility: hidden;
  opacity: 0; }
  .header--market-place-3 .navigation__recent-products p {
    margin-bottom: 0;
    text-align: center; }
    .header--market-place-3 .navigation__recent-products p a {
      color: #000;
      text-decoration: underline;
      font-size: 14px; }

.header--market-place-3.header--sticky .header__top .menu--product-categories span {
  display: block; }

.header--market-place-3.header--sticky .header__top .menu--product-categories .menu__content:before {
  right: auto;
  left: 55px; }

.header--market-place-3.header--sticky .header__top .menu--product-categories:hover .menu__content {
  transform: translateY(8px); }

.ps-form--quick-search {
  position: relative;
  display: flex;
  flex-flow: row nowrap; }

.ps-form--quick-search .form-control {
  background-color: #fff;
  color: #000;
  height: 42px;
  border: none;
  border-radius: 0; }

.ps-form--quick-search .form-group--icon {
  background-color: #ffffff;
  border-radius: 4px 0 0 4px; }

.ps-form--quick-search .form-group--icon i {
  z-index: 1; }

.ps-form--quick-search select.form-control {
  border-right: 1px solid #ccc;
  border-radius: 4px 0 0 4px;
  padding: 0 10px;
  text-indent: 10px;
  position: relative;
  z-index: 2;
  background-color: transparent; }

.ps-form--quick-search select.form-control::-webkit-input-placeholder {
  color: #666666; }

.ps-form--quick-search select.form-control::-moz-placeholder {
  color: #666666; }

.ps-form--quick-search select.form-control:-moz-placeholder {
  color: #666666; }

.ps-form--quick-search select.form-control:-ms-input-placeholder {
  color: #666666; }

.ps-form--quick-search button {
  background-color: #000;
  color: #ffffff;
  border: none;
  font-weight: 700;
  border-radius: 0 4px 4px 0; }

.ps-form--widget-search {
  position: relative;
  margin-bottom: 20px; }

.ps-form--widget-search input {
  height: 34px;
  background-color: #ffffff;
  border-radius: 0; }

.ps-form--widget-search button {
  border: none;
  background-color: transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px; }

.ps-form--quick-search {
  border: 1px solid black;
  border-radius: 3px; }

.ps-form--quick-search button {
  background-color: #f57f20;
  color: #fff;
  font-size: 18px;
  border-radius: 0; }

.header__extra:hover a {
  color: #e57200 !important; }

#mobile-menu-icon-bar span.countPill.cart-quantity {
  position: absolute;
  top: 0;
  background: black;
  color: white;
  right: 91px;
  font-size: 9px;
  width: 19px;
  height: 20px; }

#mobile-menu-icon-bar .navigation__item {
  font-weight: bold;
  font-size: 14px;
  display: inline-block;
  width: 80px; }

.sub-toggle {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 36px;
  cursor: pointer;
  transform-style: preserve-3d;
  display: none; }

.sub-toggle:before,
.sub-toggle:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 1px;
  background-color: #000; }

.sub-toggle:before {
  transform: translateX(-50%); }

.sub-toggle:after {
  transform: translateX(-50%) rotate(90deg); }

.sub-toggle.active:after {
  display: none; }

.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 240px;
  z-index: 1000;
  transition: all 0.4s ease;
  background-color: #fff;
  border: 1px solid #ccc;
  visibility: hidden;
  opacity: 0; }

.sub-menu:before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  height: 0;
  width: 0;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  display: none; }

.sub-menu > li {
  display: block; }

.sub-menu > li > a {
  display: inline-block;
  padding: 6px 20px;
  width: 100%;
  font-size: var(--text-md);
  color: #000;
  text-transform: capitalize;
  text-decoration: none;
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1); }

.sub-menu > li > a:hover {
  color: #f57f20; }

.sub-menu > li:last-child {
  border-bottom: none; }

.sub-menu > li:last-child a {
  border-bottom: 1px solid #eee; }

.sub-menu > li.menu-item-has-children {
  position: relative; }

.sub-menu > li.menu-item-has-children > .sub-toggle {
  display: none; }

.sub-menu > li.menu-item-has-children > .sub-menu {
  position: absolute;
  top: 0;
  left: 100%;
  visibility: hidden;
  opacity: 0;
  transform: translateY(30px); }

.sub-menu > li.menu-item-has-children > .sub-menu:before {
  display: none; }

.sub-menu > li.menu-item-has-children:hover > .sub-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0); }

.mega-menu {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 15px 30px 10px;
  background-color: #fff;
  transition: all 0.4s ease;
  border: 1px solid #ccc; }

.mega-menu > * {
  width: 100%;
  padding: 10px 15px; }

.mega-menu h4 {
  margin: 0;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #000; }

.mega-menu .mega-menu__column {
  min-width: 180px; }

.mega-menu .mega-menu__list {
  background-color: transparent; }

.mega-menu .mega-menu__list li a {
  display: block;
  color: #000;
  line-height: 20px;
  padding: 5px 0;
  font-size: 14px;
  background-color: transparent; }

.mega-menu .mega-menu__list li a.has-badge {
  padding-right: 20px; }

.mega-menu .mega-menu__list li a.has-badge:after {
  content: 'New';
  display: inline-block;
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 9px;
  color: #ffffff;
  padding: 0px 8px;
  line-height: 2em;
  border-radius: 10px;
  background-color: #f57f20; }

.mega-menu .mega-menu__list li a.has-badge.sale {
  color: #ec0101; }

.mega-menu .mega-menu__list li a.has-badge.sale:after {
  content: 'Sale';
  background-color: #ffa800; }

.mega-menu .mega-menu__list li a:hover {
  color: #f57f20; }

.menu {
  text-align: left; }

.menu > li {
  display: inline-block; }

.menu > li > a {
  display: inline-block;
  padding: 15px 25px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #000; }

.menu > li > a:hover {
  color: #000; }

.menu > li:first-child {
  padding-left: 0; }

.menu > li:first-child > a {
  padding-left: 0; }

.menu > li:last-child {
  margin-right: 0;
  padding-right: 0; }

.menu > li .sub-toggle {
  margin-left: 5px;
  display: none; }

.menu > li .sub-menu {
  visibility: hidden;
  opacity: 0; }

.menu > li .mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  visibility: hidden;
  opacity: 0; }

.menu > li.menu-item-has-children {
  position: relative; }

.menu > li.has-mega-menu {
  position: relative; }

.menu > li.has-mega-menu .mega-menu {
  position: absolute;
  top: 100%;
  left: 0; }

.menu > li.has-mega-menu:hover .mega-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0); }

.menu > li:hover .sub-toggle {
  color: #ffffff; }

.menu > li:hover > .sub-menu {
  visibility: visible;
  opacity: 1; }

.menu > li:hover.menu-item-has-children > a:before {
  visibility: visible;
  opacity: 1; }

.menu--product-categories {
  position: relative;
  height: 100%; }

.menu--product-categories .menu__toggle {
  position: relative;
  height: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  cursor: pointer; }

.menu--product-categories .menu__toggle i {
  font-size: 20px;
  margin-right: 10px; }

.menu--product-categories .menu__toggle span {
  font-size: 20px;
  color: #000;
  font-size: 16px;
  font-weight: 600; }

.menu--product-categories .menu__toggle:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
  transition: transform 0.75s cubic-bezier(0.7, 0, 0.3, 1);
  transform: scale3d(0, 1, 1);
  transform-origin: 100% 50%; }

.menu--product-categories .menu__toggle:hover:before,
.menu--product-categories .menu__toggle.active:before {
  transform-origin: 0 50%;
  transform: scale3d(1, 1, 1); }

.menu--product-categories .menu__content {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  z-index: 1000;
  min-width: 100%;
  padding-top: 2px;
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease;
  transform: scale3d(1, 1, 0) translateY(30px); }

.menu--product-categories .menu--dropdown {
  background-color: #fff;
  border: 1px solid #d3d3d3;
  min-width: 260px; }

.menu--product-categories .menu--dropdown > .has-mega-menu {
  position: relative; }

.menu--product-categories:hover .menu__content {
  visibility: visible;
  opacity: 1;
  transform: scale3d(1, 1, 1) translateY(0); }

.menu--dropdown > li {
  padding: 0 20px;
  transition: all .4s ease; }

.menu--dropdown > li > a {
  display: block;
  padding: 10px 0;
  color: #000; }

.menu--dropdown > li > a i {
  margin-right: 10px;
  font-size: 18px; }

.menu--dropdown > li.has-mega-menu .mega-menu {
  position: absolute;
  top: 0;
  left: 100%;
  width: auto;
  min-width: 530px;
  visibility: hidden;
  opacity: 0;
  border-left: none; }

.menu--dropdown > li:hover {
  background-color: #f57f20; }

.menu--dropdown > li:hover.has-mega-menu .mega-menu {
  visibility: visible;
  opacity: 1; }

.menu--mobile .sub-menu {
  position: relative;
  display: none;
  transform: translate(0, 0);
  visibility: visible;
  opacity: 1;
  transition: all 0s ease;
  border: none; }

.menu--mobile .sub-menu > li > a {
  border: none;
  padding: 10px 20px; }

.menu--mobile .mega-menu {
  display: none;
  flex-flow: row wrap;
  max-width: 100%;
  padding-left: 15px;
  transition: all 0s ease; }

.menu--mobile .mega-menu h4 {
  position: relative;
  display: block;
  margin-bottom: 0;
  padding: 10px 0;
  width: 100%;
  line-height: 20px; }

.menu--mobile .mega-menu .mega-menu__column {
  padding: 0; }

.menu--mobile .mega-menu .mega-menu__list {
  display: none;
  padding-left: 15px; }

.menu--mobile .mega-menu .mega-menu__list li a {
  color: #666;
  border: none; }

.menu--mobile .mega-menu .mega-menu__list li a:hover {
  color: #000; }

.menu--mobile > li {
  border-bottom: 1px solid #dedede; }

.menu--mobile > li > a {
  position: relative;
  z-index: 10;
  display: block;
  padding: 15px 20px;
  line-height: 20px;
  font-size: 15px;
  color: #000;
  text-decoration: none;
  font-size: var(--text-md);
  font-weight: bold; }

.menu--mobile > li > a:hover {
  padding-left: 5px;
  color: #000; }

.menu--mobile > li.menu-item-has-children {
  position: relative; }

.menu--mobile > li.menu-item-has-children .sub-toggle {
  position: absolute;
  top: 5px;
  right: 0;
  width: 40px;
  height: 40px;
  z-index: 20;
  display: inline-block; }

.menu--mobile .mega-menu {
  border: none; }

.menu--mobile .mega-menu h4 {
  font-weight: 500; }

.menu--mobile .mega-menu__list > li {
  border-bottom: 1px solid #dedede; }

.menu--mobile .mega-menu__list > li a {
  padding: 10px 0; }

.menu--mobile .mega-menu__list > li:last-child {
  border: none; }

/*4. MODULES */
.navigation {
  background-color: #403f2e; }

.navigation > .container {
  display: flex;
  flex-flow: row nowrap; }

.navigation > .container > * {
  width: 100%; }

.navigation__extra > li {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  padding-right: 20px; }

.navigation__extra > li:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 2px;
  height: 15px;
  background-color: #000; }

.navigation__extra > li a {
  color: #000000; }

.navigation__extra > li:last-child {
  margin-right: 0;
  padding-right: 0; }

.navigation__extra > li:last-child:after {
  display: none; }

.navigation__extra .ps-dropdown img {
  margin-right: 8px; }

.navigation .navigation__left {
  max-width: 260px; }

.navigation .navigation__right {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding-left: 35px; }

.header .header__extra {
  display: inline-block;
  position: relative;
  height: 42px;
  transition: all .4s ease;
  text-align: center; }

.header .header__extra > i {
  font-size: 30px;
  line-height: 42px; }

.header .header__extra span i {
  font-size: 12px;
  font-style: normal;
  line-height: 1em;
  font-weight: 500; }

.header .header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.header .header__actions > * {
  margin: 0 20px; }

.header .header__left {
  max-width: 300px;
  display: flex;
  align-items: center; }

.header .header__left .menu--product-categories {
  display: none; }

.header .header__right {
  max-width: 370px; }

.header .header__top {
  padding: 25px 0;
  background-color: #f57f20;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.header .header__top .container {
  display: flex;
  flex-flow: row nowrap; }

.header .header__top .container > * {
  width: 100%; }

.header.header--sticky .menu--product-categories .menu__toggle i {
  font-size: 30px; }

.header.header--sticky .menu--product-categories .menu__toggle span {
  font-size: 16px; }

.header.header--sticky .header__top {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  border-bottom: none;
  padding: 10px 0; }

.header.header--sticky .header__left .ps-logo {
  display: none; }

.header.header--sticky .header__left .menu--product-categories {
  display: block;
  background-color: transparent; }

.header.header--mobile-new {
  display: none; }

@media (max-width: 1199px) {
  .header {
    display: none; }
  .header.header--mobile-new {
    display: block;
    min-height: 0;
    height: auto;
    position: sticky;
    padding-top: 0;
    box-shadow: 0 14px 17px -20px #000; }
    .header.header--mobile-new .header__top {
      text-align: center;
      padding-top: 0;
      padding-bottom: 10px; }
      .header.header--mobile-new .header__top .upper-top-header {
        padding: 10px 0;
        text-align: center; }
        .header.header--mobile-new .header__top .upper-top-header a {
          font-size: .85rem;
          margin: 0; }
      .header.header--mobile-new .header__top .ps-logo img {
        width: 155px;
        margin: 10px 0; } }

.navigation--list {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10002;
  padding: 10px 8px;
  border-top: 1px solid #ccc;
  background-color: #ffffff; }

.navigation--list .navigation__item {
  text-align: center; }

.navigation--list .navigation__item i {
  font-size: 24px; }

.navigation--list .navigation__item span {
  display: block; }

.navigation--list .navigation__item.active i {
  color: #f57f20; }

.navigation--list .navigation__item.active span {
  color: #f57f20; }

.navigation--list .navigation__content {
  max-width: 400px;
  margin: 0 auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center; }

@media (min-width: 1200px) {
  .navigation--list {
    display: none; } }

.ps-site-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.75);
  transition: all 0.4s ease;
  visibility: hidden;
  opacity: 0; }

.ps-site-overlay.active {
  visibility: visible;
  opacity: 1; }

.ps-search--mobile {
  max-width: 450px;
  margin: 0 auto;
  padding: 10px 20px; }

.header--mobile-new {
  background-color: #fff; }
  .header--mobile-new .parent {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: .75fr .25fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-items: center;
    align-items: end; }
  .header--mobile-new .div2 {
    grid-area: 3 / 1 / 4 / 5; }
  .header--mobile-new .div3 {
    grid-area: 2 / 1 / 3 / 2; }
  .header--mobile-new .div4 {
    grid-area: 2 / 2 / 3 / 4; }
  .header--mobile-new .div5 {
    grid-area: 2 / 4 / 3 / 5; }
  .header--mobile-new .div1 {
    width: 100%;
    background: #e57200;
    text-align: center;
    margin-bottom: 0.25rem; }
    .header--mobile-new .div1 a {
      color: #fff;
      font-size: 1rem;
      font-weight: bold;
      display: inline-block;
      margin: 0.25rem 0; }
  .header--mobile-new .div2 {
    margin: 0.75rem 0 0.5rem 0;
    width: 70%; }
    .header--mobile-new .div2 .ps-form--quick-search .form-control {
      height: 35px; }
    .header--mobile-new .div2 button {
      width: 50px; }
  .header--mobile-new .div3 {
    width: 100%; }
    .header--mobile-new .div3 a {
      text-align: left;
      padding-left: 1rem;
      color: #000; }
  .header--mobile-new .div4 {
    width: 100%;
    text-align: center; }
    .header--mobile-new .div4 img {
      margin-left: -23px; }
  .header--mobile-new .div5 {
    width: 100%;
    display: flex;
    justify-content: space-evenly; }
    .header--mobile-new .div5 a {
      color: #000; }

#menu-mobile a.ps-toggle--sidebar {
  position: fixed;
  right: 10px;
  top: 10px;
  color: black; }

.ps-product--account-mobile {
  display: flex;
  flex-flow: row nowrap; }
  .ps-product--account-mobile .login-btn {
    background-color: #e57200;
    display: block;
    text-align: center;
    color: white;
    padding: 0.5rem;
    border-radius: 0.25rem;
    margin-bottom: 1rem; }
  .ps-product--account-mobile .create-account-link {
    color: #e57200; }

.ps-product--account-mobile > * {
  width: 100%; }

/*3. COMPONENTS */
.ps-cart--mini {
  position: relative; }

.ps-account--mini {
  position: relative; }

.ps-account--mini .ps-account__items {
  position: relative;
  padding: 20px 20px 0 20px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-bottom: none;
  text-align: center; }

.ps-account--mini .ps-account__items:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -8px;
  right: 30px;
  width: 16px;
  height: 16px;
  border-left: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  background-color: #ffffff;
  transform: rotate(45deg);
  transform-origin: 50% 50%; }

.ps-account--mini .ps-account__content {
  position: absolute;
  min-width: 370px;
  right: -30px;
  z-index: 30;
  padding-top: 10px;
  transform: translate(0 20px);
  transition: all 0.4s ease;
  visibility: hidden;
  opacity: 0; }

.ps-account--mini .ps-account__footer {
  padding: 10px 20px 20px;
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
  border-top: 0; }

.ps-account--mini:hover .ps-account__content {
  transform: translate(0, 0px);
  visibility: visible;
  opacity: 1; }

.ps-form--search-mobile input {
  height: 40px;
  background-color: #ffffff;
  border: none;
  border-radius: 0; }

.ps-form--search-mobile button {
  width: 40px;
  height: 40px;
  background-color: #000;
  border: none; }

.ps-form--search-mobile button i {
  color: #ffffff; }

.ps-search {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99999;
  transform-style: preserve-3d;
  visibility: hidden;
  opacity: 0;
  transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);
  transition-delay: 0; }

.ps-search:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.95);
  transition: transform 0.6s cubic-bezier(0.7, 0, 0.3, 1);
  transform: scale3d(1, 0, 1);
  transform-origin: 50% 100%; }

.ps-search__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 1200px;
  width: 100%;
  padding: 0 3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.ps-search .ps-form--primary-search {
  transform: translateY(100%);
  transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
  visibility: hidden;
  opacity: 0; }

.ps-search > .ps-btn--close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 50px;
  height: 50px;
  background-color: #000;
  z-index: 1000;
  transform: scale(0, 0) rotate(0);
  border-radius: 50%;
  transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
  border: none; }

.ps-search > .ps-btn--close:before,
.ps-search > .ps-btn--close:after {
  background-color: #fff;
  height: 50%; }

@media (max-width: 479px) {
  .ps-search__content {
    padding: 0 1.5rem; } }

.header {
  color: #000; }
  .header .header__top {
    padding: 25px 0;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.header .header__top .container {
  display: flex;
  flex-flow: row nowrap;
  align-items: center; }

.upper-top-header {
  background: #e57200;
  padding: 1rem 0;
  text-align: right; }

.upper-top-header a {
  color: white;
  margin-right: 1rem;
  font-weight: bold;
  font-size: 18px; }

.header__top {
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1); }

.header .header__actions {
  align-items: flex-start; }

.header__extra,
.ps-block__header a,
.ps-block__right a {
  color: #000; }

.mega-menu {
  box-shadow: -9px 0px 15px -16px rgba(0, 0, 0, 0.15); }

.header {
  /* #Browser Clearfix */ }
  .header a {
    text-decoration: none; }
  .header .container {
    margin: auto;
    width: 940px; }
  .header .ul-reset {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none; }
  .header nav {
    background: #fff;
    font-size: 0;
    position: relative;
    box-shadow: 0 14px 17px -20px black; }
  .header nav > ul > li {
    display: inline-block;
    font-size: 14px;
    padding: 0 15px;
    position: relative; }
  .header nav > ul > li:first-child {
    padding-left: 0; }
  .header nav > ul > li:last-child {
    padding-right: 0; }
  .header nav > ul > li > a {
    color: #000;
    display: block;
    position: relative;
    padding: 20px 0;
    border-bottom: 3px solid transparent;
    font-size: 1rem;
    font-weight: bold; }
  .header nav > ul > li:hover > a {
    color: #000;
    border-bottom: 3px solid #f57f20; }
  .header .mega-menu {
    background: #f0f0f0;
    display: none;
    left: 0;
    position: absolute;
    text-align: left;
    width: 100%; }
  .header .mega-menu-col-header {
    color: #000;
    font-size: 1rem;
    font-weight: bold; }
  .header .mega-menu ul {
    float: left;
    margin-bottom: 20px;
    margin-right: 40px;
    width: 205px; }
  .header .mega-menu ul:last-child {
    margin-right: 0; }
  .header .mega-menu a {
    color: #000;
    display: block;
    padding: 5px 0; }
  .header .mega-menu a:hover {
    color: #e57200; }
  .header .droppable {
    position: static; }
  .header .droppable > a:after {
    content: "\23F7";
    font-weight: normal;
    font-size: 14px;
    padding-left: 6px;
    position: relative;
    top: -1px; }
  .header .droppable:hover .mega-menu {
    display: block; }
  .header .cf:before,
  .header .cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .header .cf:after {
    clear: both; }

.header__actions .icon-text {
  font-size: 0.85rem;
  font-weight: bold; }

.header--market-place-3 .upper-top-header {
  text-align: left;
  padding: 0.5rem; }
  .header--market-place-3 .upper-top-header > * {
    padding: 0 1rem; }
  .header--market-place-3 .upper-top-header span {
    font-size: 0.85rem;
    padding-left: 0;
    color: white;
    font-weight: bold; }
  .header--market-place-3 .upper-top-header a {
    font-size: 0.85rem;
    border-right: 2px solid #fff; }
    .header--market-place-3 .upper-top-header a:last-child {
      border: none;
      padding: 0; }

header.header.header--market-place-3 > div.container > div > a:nth-child(2) {
  padding-left: 0; }

.mss-service-header-ad {
  height: 375px;
  width: 375px;
  background-size: contain;
  position: absolute;
  bottom: 5px;
  right: 5px; }

.label-format-guide-ad {
  height: 390px;
  width: 250px;
  background-size: contain;
  position: absolute;
  top: 21px;
  right: 15px; }

.services-mega-menu {
  position: relative; }
  .services-mega-menu .mss-service-header-ad {
    height: 375px;
    width: 375px;
    background-size: contain;
    position: absolute;
    bottom: 5px;
    right: 5px; }

.products-mega-menu {
  position: relative; }
  .products-mega-menu .label-format-guide-ad {
    height: 390px;
    width: 250px;
    background-size: contain;
    position: absolute;
    top: 21px;
    right: 15px; }

#services-bottom-area {
  border-top: solid 1px white;
  padding-top: 1.25rem; }
  #services-bottom-area a {
    padding: 0 1rem 0 0;
    display: inline-block;
    font-weight: normal;
    color: #e57200; }

/* NEW HOMEPAGE */
#why-us-title {
  background-color: #e57200;
  color: #fff;
  font-size: 1.75rem;
  margin-top: 0.25rem;
  text-align: center;
  font-weight: bold;
  width: 100%;
  padding-top: 1.5rem; }

#why-us {
  background: #e57200;
  display: flex;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  -ms-align-items: center; }
  @media (min-width: 801px) {
    #why-us {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-around;
      align-items: center;
      align-content: space-between; } }
  #why-us .us-div {
    text-align: center;
    background-color: #e57200;
    color: #fff;
    padding: 1.5rem;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center; }
    @media (min-width: 801px) {
      #why-us .us-div {
        width: 280px; } }
    #why-us .us-div strong {
      margin-top: .25rem;
      font-style: italic; }
    #why-us .us-div strong,
    #why-us .us-div span {
      color: #fff; }
    @media (min-width: 801px) {
      #why-us .us-div strong {
        font-size: 30px; }
      #why-us .us-div span {
        font-size: 18px; } }

.homepage-slide-1 {
  height: 390px;
  background-size: cover;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center; }
  .homepage-slide-1 button {
    background: #e57200;
    color: white;
    margin: 1rem;
    width: 115px;
    padding: 0.5rem;
    border-radius: 1rem; }

.homepage-hero-bottom-area {
  background: #403f2e;
  color: #fff;
  margin: 0 auto;
  width: 100%;
  font-weight: bold;
  padding: 0.5rem 0 .25rem 0;
  border-bottom: 4px solid #e57200;
  display: none; }
  @media (min-width: 801px) {
    .homepage-hero-bottom-area {
      display: flex;
      -ms-flex-flow: wrap;
      flex-flow: wrap;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-wrap: nowrap;
      flex-wrap: wrap;
      align-items: center;
      -ms-align-items: center;
      flex-direction: row;
      justify-content: space-evenly; }
      .homepage-hero-bottom-area span {
        display: inline;
        margin-bottom: 0rem; } }
  .homepage-hero-bottom-area span {
    display: inline-block;
    margin-bottom: 0.25rem; }
    .homepage-hero-bottom-area span a {
      color: #fff;
      text-decoration: none; }

/* BEGIN Homepage Styling - Revamp New -------------------------------------------------- */
#homepage-5 {
  background-color: white; }
  #homepage-5 .ps-home-banner {
    min-height: 378px; }
    @media (min-width: 801px) {
      #homepage-5 .ps-home-banner {
        min-height: auto; } }
    #homepage-5 .ps-home-banner .ps-carousel--nav-inside .ps-banner__content {
      max-width: 1200px;
      width: 100%;
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding: 0 30px; }
      @media (min-width: 1261px) {
        #homepage-5 .ps-home-banner .ps-carousel--nav-inside .ps-banner__content {
          padding: 0; } }
      @media (max-width: 1281px) and (min-width: 1025px) {
        #homepage-5 .ps-home-banner .ps-carousel--nav-inside .ps-banner__content h3 {
          width: 761px; }
        #homepage-5 .ps-home-banner .ps-carousel--nav-inside .ps-banner__content h4 {
          width: auto; } }
      #homepage-5 .ps-home-banner .ps-carousel--nav-inside .ps-banner__content .buttons-wrapper {
        position: absolute;
        bottom: -80px;
        display: flex; }
        @media (min-width: 801px) {
          #homepage-5 .ps-home-banner .ps-carousel--nav-inside .ps-banner__content .buttons-wrapper {
            display: inline-block; } }
      #homepage-5 .ps-home-banner .ps-carousel--nav-inside .ps-banner__content h4 {
        font-weight: bold;
        color: black;
        font-size: 1.15rem;
        line-height: 2rem;
        margin-top: 0 !important; }
        @media (min-width: 801px) {
          #homepage-5 .ps-home-banner .ps-carousel--nav-inside .ps-banner__content h4 {
            font-size: 1.5rem; } }
      #homepage-5 .ps-home-banner .ps-carousel--nav-inside .ps-banner__content h3 {
        font-weight: normal;
        color: black;
        font-size: 1rem;
        line-height: 1.5rem;
        margin-top: 0 !important; }
        @media (min-width: 801px) {
          #homepage-5 .ps-home-banner .ps-carousel--nav-inside .ps-banner__content h3 {
            font-size: 1.35rem; } }
      #homepage-5 .ps-home-banner .ps-carousel--nav-inside .ps-banner__content .ps-btn {
        background: #e57200;
        padding: 1rem !important;
        margin-right: 1rem !important;
        color: #fff;
        text-shadow: none; }
    #homepage-5 .ps-home-banner .ps-carousel--nav-inside .dark h4 {
      color: #fff; }
    #homepage-5 .ps-home-banner .ps-carousel--nav-inside .dark h3 {
      color: #fff; }
    #homepage-5 .ps-home-banner .ps-carousel--nav-inside .dark .ps-btn {
      background: #e57200;
      margin-right: 1rem !important;
      color: #fff;
      text-shadow: none;
      display: inline-block;
      font-size: .75rem;
      padding: 10px !important;
      width: 95px;
      margin: 0 5px 0 0; }
      #homepage-5 .ps-home-banner .ps-carousel--nav-inside .dark .ps-btn svg,
      #homepage-5 .ps-home-banner .ps-carousel--nav-inside .dark .ps-btn i {
        display: none; }
      @media (min-width: 801px) {
        #homepage-5 .ps-home-banner .ps-carousel--nav-inside .dark .ps-btn {
          width: 131px;
          margin: 0 !important;
          padding: 1rem !important;
          font-size: 1rem;
          width: auto;
          margin-right: 1rem; }
          #homepage-5 .ps-home-banner .ps-carousel--nav-inside .dark .ps-btn svg,
          #homepage-5 .ps-home-banner .ps-carousel--nav-inside .dark .ps-btn i {
            display: inline-block; } }
    #homepage-5 .ps-home-banner .ps-carousel--nav-inside .ps-btn.img-btn {
      background: transparent;
      text-shadow: none;
      width: 200px; }
      #homepage-5 .ps-home-banner .ps-carousel--nav-inside .ps-btn.img-btn:hover {
        text-decoration: none; }
      #homepage-5 .ps-home-banner .ps-carousel--nav-inside .ps-btn.img-btn img {
        display: inline !important;
        width: 145px !important;
        visibility: visible !important;
        opacity: 1 !important; }
    #homepage-5 .ps-home-banner .ps-carousel--nav-inside .ps-btn.img-btn-wb-bt {
      padding: 0.25rem !important;
      background: #fff;
      font-weight: bold !important;
      text-shadow: none;
      width: 154px;
      display: block; }
      #homepage-5 .ps-home-banner .ps-carousel--nav-inside .ps-btn.img-btn-wb-bt:hover {
        text-decoration: none; }
      #homepage-5 .ps-home-banner .ps-carousel--nav-inside .ps-btn.img-btn-wb-bt img {
        display: inline !important;
        width: 30px !important;
        visibility: visible !important;
        opacity: 1 !important; }
  #homepage-5 h3.section-header {
    font-size: var(--text-md);
    margin-top: 0.25rem;
    text-align: center;
    font-weight: bold;
    color: #e57200;
    width: 100%; }
  #homepage-5 .section-tagline {
    font-size: var(--text-sm);
    margin-top: 0.25rem;
    font-weight: bold;
    color: #e57200;
    text-align: center;
    width: 100%;
    padding: 1rem 2rem; }
  #homepage-5 .homepage-logo-area {
    background-color: white;
    display: flex;
    flex-wrap: wrap;
    padding: 0 2rem;
    align-items: center; }
    @media (min-width: 801px) {
      #homepage-5 .homepage-logo-area {
        padding: 0; } }
    #homepage-5 .homepage-logo-area .logo-block {
      display: inline-block;
      flex-grow: 1;
      width: calc(100% * (1/2) - 10px - 1px);
      text-align: center;
      margin: 1rem 0;
      padding: 1rem; }
      @media (min-width: 801px) {
        #homepage-5 .homepage-logo-area .logo-block {
          width: calc(100% * (1/4) - 10px - 1px);
          margin: auto;
          padding: 0rem; } }
      #homepage-5 .homepage-logo-area .logo-block img {
        width: 200px; }
        @media (min-width: 801px) {
          #homepage-5 .homepage-logo-area .logo-block img {
            height: 100px !important;
            object-fit: contain !important; } }
  #homepage-5 .homepage-products-solutions-area {
    padding: 2rem 0 0 0;
    background: white; }
    #homepage-5 .homepage-products-solutions-area .section-header {
      margin: 0.25rem 0 0 0; }
    #homepage-5 .homepage-products-solutions-area .label-wrapper,
    #homepage-5 .homepage-products-solutions-area .signage-wrapper,
    #homepage-5 .homepage-products-solutions-area .custom-wrapper,
    #homepage-5 .homepage-products-solutions-area .machinery-wrapper {
      display: flex;
      flex-wrap: wrap;
      padding: 1rem 1rem; }
      @media (min-width: 801px) {
        #homepage-5 .homepage-products-solutions-area .label-wrapper,
        #homepage-5 .homepage-products-solutions-area .signage-wrapper,
        #homepage-5 .homepage-products-solutions-area .custom-wrapper,
        #homepage-5 .homepage-products-solutions-area .machinery-wrapper {
          margin: 0 auto; } }
    #homepage-5 .homepage-products-solutions-area .machinery-wrapper .block-img {
      border-radius: 1rem;
      width: 230px !important;
      height: 230px !important; }
    #homepage-5 .homepage-products-solutions-area .safety-wrapper {
      padding: 1rem 1rem;
      text-align: center;
      margin: 0 auto; }
      #homepage-5 .homepage-products-solutions-area .safety-wrapper .tab-heading {
        font-weight: bold;
        font-style: italic;
        font-size: 1.25rem; }
      #homepage-5 .homepage-products-solutions-area .safety-wrapper p {
        max-width: 900px;
        width: 100%;
        margin: 0 auto; }
      #homepage-5 .homepage-products-solutions-area .safety-wrapper img {
        margin-top: 1rem; }
      #homepage-5 .homepage-products-solutions-area .safety-wrapper .mobile {
        display: inline-block; }
        @media (min-width: 801px) {
          #homepage-5 .homepage-products-solutions-area .safety-wrapper .mobile {
            display: none; } }
      #homepage-5 .homepage-products-solutions-area .safety-wrapper .desktop {
        display: none; }
        @media (min-width: 801px) {
          #homepage-5 .homepage-products-solutions-area .safety-wrapper .desktop {
            display: inline-block; } }
      @media (min-width: 801px) {
        #homepage-5 .homepage-products-solutions-area .safety-wrapper {
          width: 70%; } }
    #homepage-5 .homepage-products-solutions-area .block {
      display: inline-block;
      flex-grow: 1;
      width: calc(100% * (1/3));
      text-align: center;
      margin-top: 1rem;
      margin: 1rem; }
      @media (min-width: 801px) {
        #homepage-5 .homepage-products-solutions-area .block {
          width: calc(100% * (1/5)); } }
      @media (min-width: 1261px) {
        #homepage-5 .homepage-products-solutions-area .block {
          margin: .5rem 0; } }
      #homepage-5 .homepage-products-solutions-area .block .block-img {
        width: 230px;
        height: 190px;
        object-fit: contain; }
    #homepage-5 .homepage-products-solutions-area .block-span {
      display: block;
      font-weight: bold;
      margin-top: 0.5rem; }
    #homepage-5 .homepage-products-solutions-area .tabset {
      text-align: center; }
    #homepage-5 .homepage-products-solutions-area .tab-panel {
      padding-top: 0 !important; }
    #homepage-5 .homepage-products-solutions-area .tabset > input[type="radio"] {
      position: absolute;
      left: -200vw; }
    #homepage-5 .homepage-products-solutions-area .tabset .tab-panel {
      display: none; }
    #homepage-5 .homepage-products-solutions-area .tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
    #homepage-5 .homepage-products-solutions-area .tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
    #homepage-5 .homepage-products-solutions-area .tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
    #homepage-5 .homepage-products-solutions-area .tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
    #homepage-5 .homepage-products-solutions-area .tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
    #homepage-5 .homepage-products-solutions-area .tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
      display: block; }
    #homepage-5 .homepage-products-solutions-area .tabset > label {
      position: relative;
      display: inline-block;
      border: 1px solid transparent;
      border-bottom: 0;
      cursor: pointer;
      font-weight: 600;
      width: 100%; }
      @media (min-width: 801px) {
        #homepage-5 .homepage-products-solutions-area .tabset > label {
          width: calc(100% / 6); } }
    #homepage-5 .homepage-products-solutions-area .tabset > label:hover,
    #homepage-5 .homepage-products-solutions-area .tabset > input:focus + label {
      color: #e57200; }
    #homepage-5 .homepage-products-solutions-area .tabset > input:checked + label {
      color: #e57200;
      border-bottom: 3px solid #e57200;
      margin-bottom: -1px; }
  #homepage-5 .available-for-download-area {
    padding: 2rem 0;
    background: #eeeeee; }
    #homepage-5 .available-for-download-area .downloads-wrapper {
      display: flex;
      flex-direction: row;
      justify-content: space-around; }
  #homepage-5 .news-area {
    padding: 2rem;
    background: #eeeeee; }
    @media (min-width: 801px) {
      #homepage-5 .news-area {
        padding: 2rem 0; } }
    #homepage-5 .news-area .news-content-wrapper {
      display: -ms-grid;
      display: grid;
      grid-auto-flow: unset;
      grid-auto-columns: 1fr;
      -ms-grid-column-align: center;
      -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
      -ms-flex-align: start;
      align-items: start; }
      @media (min-width: 801px) {
        #homepage-5 .news-area .news-content-wrapper {
          display: grid;
          grid-auto-flow: column;
          grid-auto-columns: 1fr;
          -ms-grid-column-align: center;
          -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
          -ms-flex-align: start;
          align-items: start;
          padding: 0 4rem;
          grid-column-gap: 8rem;
          max-width: 1315px;
          margin: 0 auto; } }
      #homepage-5 .news-area .news-content-wrapper .featured-education .news-header,
      #homepage-5 .news-area .news-content-wrapper .latest-news .news-header {
        font-size: var(--text-md);
        margin-top: 0.25rem;
        font-weight: bold;
        color: #e57200;
        text-align: left;
        width: 100%;
        font-style: italic;
        margin-bottom: 1rem; }
        #homepage-5 .news-area .news-content-wrapper .featured-education .news-header a.browse-more,
        #homepage-5 .news-area .news-content-wrapper .latest-news .news-header a.browse-more {
          text-transform: none !important;
          font-style: normal !important;
          color: black !important; }
          @media (min-width: 801px) {
            #homepage-5 .news-area .news-content-wrapper .featured-education .news-header a.browse-more,
            #homepage-5 .news-area .news-content-wrapper .latest-news .news-header a.browse-more {
              float: right; } }
      #homepage-5 .news-area .news-content-wrapper .featured-education .news-blog-posts-wrapper,
      #homepage-5 .news-area .news-content-wrapper .latest-news .news-blog-posts-wrapper {
        display: flex;
        flex-direction: column;
        width: 100%; }
        #homepage-5 .news-area .news-content-wrapper .featured-education .news-blog-posts-wrapper .news-blog-posts,
        #homepage-5 .news-area .news-content-wrapper .latest-news .news-blog-posts-wrapper .news-blog-posts {
          position: relative;
          margin-bottom: 2rem;
          font-size: var(--text-sm); }
          #homepage-5 .news-area .news-content-wrapper .featured-education .news-blog-posts-wrapper .news-blog-posts .news-blog-image,
          #homepage-5 .news-area .news-content-wrapper .latest-news .news-blog-posts-wrapper .news-blog-posts .news-blog-image {
            padding-right: 1rem;
            display: inline-block; }
            #homepage-5 .news-area .news-content-wrapper .featured-education .news-blog-posts-wrapper .news-blog-posts .news-blog-image img,
            #homepage-5 .news-area .news-content-wrapper .latest-news .news-blog-posts-wrapper .news-blog-posts .news-blog-image img {
              height: 150px; }
            @media (max-width: 1024px) and (min-width: 801px) {
              #homepage-5 .news-area .news-content-wrapper .featured-education .news-blog-posts-wrapper .news-blog-posts .news-blog-image img,
              #homepage-5 .news-area .news-content-wrapper .latest-news .news-blog-posts-wrapper .news-blog-posts .news-blog-image img {
                height: 110px; } }
          #homepage-5 .news-area .news-content-wrapper .featured-education .news-blog-posts-wrapper .news-blog-posts .news-blog-info,
          #homepage-5 .news-area .news-content-wrapper .latest-news .news-blog-posts-wrapper .news-blog-posts .news-blog-info {
            position: relative;
            display: inline-block;
            vertical-align: top; }
            @media (min-width: 801px) {
              #homepage-5 .news-area .news-content-wrapper .featured-education .news-blog-posts-wrapper .news-blog-posts .news-blog-info,
              #homepage-5 .news-area .news-content-wrapper .latest-news .news-blog-posts-wrapper .news-blog-posts .news-blog-info {
                width: 48%; } }
            #homepage-5 .news-area .news-content-wrapper .featured-education .news-blog-posts-wrapper .news-blog-posts .news-blog-info .news-blog-title,
            #homepage-5 .news-area .news-content-wrapper .latest-news .news-blog-posts-wrapper .news-blog-posts .news-blog-info .news-blog-title {
              font-weight: bold;
              display: inline-block;
              color: #000; }
            #homepage-5 .news-area .news-content-wrapper .featured-education .news-blog-posts-wrapper .news-blog-posts .news-blog-info .news-blog-date,
            #homepage-5 .news-area .news-content-wrapper .latest-news .news-blog-posts-wrapper .news-blog-posts .news-blog-info .news-blog-date {
              color: #000; }
          #homepage-5 .news-area .news-content-wrapper .featured-education .news-blog-posts-wrapper .news-blog-posts .news-blog-link,
          #homepage-5 .news-area .news-content-wrapper .latest-news .news-blog-posts-wrapper .news-blog-posts .news-blog-link {
            position: absolute;
            bottom: 0;
            right: 0;
            margin: 0;
            color: #e57200;
            font-weight: bold; }
        #homepage-5 .news-area .news-content-wrapper .featured-education .news-blog-posts-wrapper .second-post,
        #homepage-5 .news-area .news-content-wrapper .latest-news .news-blog-posts-wrapper .second-post {
          padding-top: 2rem; }
      #homepage-5 .news-area .news-content-wrapper .featured-education img,
      #homepage-5 .news-area .news-content-wrapper .latest-news img {
        display: block; }
      #homepage-5 .news-area .news-content-wrapper .featured-education a,
      #homepage-5 .news-area .news-content-wrapper .latest-news a {
        display: block;
        margin-bottom: 2rem; }
  #homepage-5 .who-we-are-area {
    background: #eeeeee; }
    @media (min-width: 801px) {
      #homepage-5 .who-we-are-area {
        padding: 2rem 15rem; } }
    #homepage-5 .who-we-are-area .who-we-are-wrapper {
      display: flex;
      -ms-flex-flow: wrap;
      flex-flow: wrap;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-wrap: nowrap;
      flex-wrap: wrap;
      align-items: center;
      -ms-align-items: center;
      padding: 2rem; }
      @media (min-width: 801px) {
        #homepage-5 .who-we-are-area .who-we-are-wrapper {
          display: flex;
          flex-wrap: wrap;
          flex-direction: row;
          padding: 0; } }
      #homepage-5 .who-we-are-area .who-we-are-wrapper .who-we-are-writeup,
      #homepage-5 .who-we-are-area .who-we-are-wrapper .who-we-are-video {
        flex: 1 0 50%; }
      #homepage-5 .who-we-are-area .who-we-are-wrapper .who-we-are-writeup .who-we-are-heading {
        font-size: var(--text-md);
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
        font-weight: bold;
        color: black; }
      #homepage-5 .who-we-are-area .who-we-are-wrapper .who-we-are-writeup p {
        font-size: var(--text-sm); }
      #homepage-5 .who-we-are-area .who-we-are-wrapper .who-we-are-writeup .who-we-are-button {
        font-size: var(--text-sm);
        display: block;
        color: #e57200; }
        @media (min-width: 801px) {
          #homepage-5 .who-we-are-area .who-we-are-wrapper .who-we-are-writeup .who-we-are-button {
            margin-bottom: var(--space-xxs); } }
      #homepage-5 .who-we-are-area .who-we-are-wrapper .who-we-are-video {
        text-align: center; }
        #homepage-5 .who-we-are-area .who-we-are-wrapper .who-we-are-video iframe {
          width: 100%; }
          @media (min-width: 801px) {
            #homepage-5 .who-we-are-area .who-we-are-wrapper .who-we-are-video iframe {
              width: 560px; } }
  #homepage-5 .pad-top-2 {
    padding-top: 2rem; }
  #homepage-5 .pad-bottom-2 {
    padding-bottom: 2rem; }
  #homepage-5 #why-us-footer {
    background: #403f2e;
    padding: 0.5rem 1rem 1.5rem 1rem;
    text-align: center;
    color: #fff;
    font-weight: bold; }
    @media (min-width: 801px) {
      #homepage-5 #why-us-footer {
        padding: 0.5rem 0 1.5rem 0; } }
    #homepage-5 #why-us-footer .why-us-foot-header {
      font-size: var(--text-md);
      display: inline-block;
      margin-top: 0.25rem;
      font-style: italic; }
    #homepage-5 #why-us-footer .why-us-foot-tagline {
      font-size: var(--text-sm); }
      #homepage-5 #why-us-footer .why-us-foot-tagline a {
        color: #fff;
        font-weight: normal;
        text-decoration: none; }

/* END Homepage Styling - Revamp New -------------------------------------------------- */
#homepage-5 .ps-home-banner ul,
#homepage-5 .ps-home-banner ol {
  margin: 0;
  padding: 0;
  list-style: none; }

#homepage-5 .ps-home-banner .ps-section__left {
  position: relative;
  max-width: 270px;
  background-color: #ffffff; }
  #homepage-5 .ps-home-banner .ps-section__left .menu--dropdown {
    margin: 0;
    padding: 0;
    list-style: none; }
    #homepage-5 .ps-home-banner .ps-section__left .menu--dropdown > li > a {
      line-height: 16px; }
  #homepage-5 .ps-home-banner .ps-section__left .mega-menu {
    z-index: 100;
    min-height: 100%; }

#homepage-5 .ps-home-banner .ps-section__center {
  max-width: calc(100% - 652px); }
  #homepage-5 .ps-home-banner .ps-section__center img {
    width: 100%; }

#homepage-5 .ps-home-banner .ps-section__right {
  max-width: 382px;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start; }
  #homepage-5 .ps-home-banner .ps-section__right > a {
    display: block;
    max-width: 50%;
    width: 100%; }
    #homepage-5 .ps-home-banner .ps-section__right > a img {
      width: 100%; }
    #homepage-5 .ps-home-banner .ps-section__right > a.wide {
      max-width: 100%; }

.ootb-tabcordion {
  background: #fff;
  border-radius: 3px; }
  .ootb-tabcordion.has-tabs .ootb-tabcordion--tabs {
    opacity: 1;
    height: auto;
    visibility: visible; }
  .ootb-tabcordion.has-tabs .ootb-tabcordion--entry {
    min-height: 0; }
    .ootb-tabcordion.has-tabs .ootb-tabcordion--entry::before {
      display: none; }
    .ootb-tabcordion.has-tabs .ootb-tabcordion--entry.is-active .ootb-tabcordion--entry-content {
      opacity: 1;
      transition: opacity 400ms ease-in-out; }
    .ootb-tabcordion.has-tabs .ootb-tabcordion--entry .ootb-tabcordion--entry-content {
      opacity: 0;
      transition: opacity 400ms ease-in-out; }

.ootb-tabcordion--tabs {
  opacity: 0;
  height: 0;
  visibility: hidden;
  display: flex;
  flex-flow: wrap;
  justify-content: space-around;
  margin: 0;
  list-style: none;
  padding: 0; }
  .ootb-tabcordion--tabs .tab {
    display: block;
    background: #403f2e;
    color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    margin: 0 0 1px 0;
    border: none;
    border-right: 1px solid #fff;
    cursor: pointer; }
    .ootb-tabcordion--tabs .tab:hover, .ootb-tabcordion--tabs .tab:focus {
      background: #52513b;
      outline: none; }
    .ootb-tabcordion--tabs .tab.is-active {
      background: #e57200; }
      .ootb-tabcordion--tabs .tab.is-active:hover, .ootb-tabcordion--tabs .tab.is-active:focus {
        background: #c66300; }
    @media (min-width: 801px) {
      .ootb-tabcordion--tabs .tab {
        width: calc(100% / 6); } }

.ootb-tabcordion--entry {
  overflow: hidden; }
  .ootb-tabcordion--entry::before {
    position: relative;
    content: attr(data-title);
    cursor: pointer;
    z-index: 1;
    background: #403f2e;
    color: #fff;
    padding: 0.5rem 1rem;
    display: block;
    border-radius: 3px; }
  .ootb-tabcordion--entry:hover, .ootb-tabcordion--entry:focus {
    outline: none; }
    .ootb-tabcordion--entry:hover::before, .ootb-tabcordion--entry:focus::before {
      background: #52513b; }
  .ootb-tabcordion--entry.is-active .ootb-tabcordion--entry-content {
    margin-top: 0;
    height: auto;
    opacity: 1;
    transition: margin 400ms ease-out -100ms; }
  .ootb-tabcordion--entry.is-active::before {
    background: #e57200; }
  .ootb-tabcordion--entry.is-active:hover::before, .ootb-tabcordion--entry.is-active:focus::before {
    background: #c66300; }

.ootb-tabcordion--entry-container {
  overflow: hidden;
  margin-bottom: 1px; }

.ootb-tabcordion--entry-content {
  position: relative;
  margin-top: -100%;
  height: 0;
  opacity: 0;
  transition: margin 500ms ease-in;
  padding: 1rem; }
  .ootb-tabcordion--entry-content a.more {
    color: #403f2e; }
    .ootb-tabcordion--entry-content a.more:hover {
      color: #e57200; }

.ps-carousel--nav-inside {
  overflow: hidden; }

.ps-banner--furniture {
  position: relative; }

.ps-banner--furniture h4 {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #0098ce; }

.ps-banner--furniture h3 {
  font-size: 36px;
  font-weight: 300;
  line-height: 1.2em; }

.ps-banner--furniture .ps-btn {
  margin-top: 20px;
  padding: 12px 24px; }

@media (max-width: 1680px) {
  .ps-banner--furniture h4 {
    margin-bottom: 10px; }
  .ps-banner--furniture h3 {
    font-size: 40px;
    line-height: 1.2em; } }

@media (max-width: 1366px) {
  .ps-banner--furniture h4 {
    margin-bottom: 10px;
    font-size: 16px; }
  .ps-banner--furniture h3 {
    font-size: 40px; }
  .ps-banner--furniture h3 br {
    display: none; } }

@media (max-width: 1199px) {
  .ps-banner--furniture {
    min-height: 400px; }
  .ps-banner--furniture img {
    display: none;
    visibility: hidden;
    opacity: 0; } }

@media (max-width: 479px) {
  .ps-banner--furniture h3 {
    font-size: 24px; }
  .ps-banner--furniture p {
    font-size: 12px; } }

.homepage-button-area {
  width: 100%;
  text-align: center; }
  .homepage-button-area .buttons {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    @media (min-width: 801px) {
      .homepage-button-area .buttons {
        flex-direction: row; } }
    .homepage-button-area .buttons a {
      flex-grow: 1;
      display: inline-block;
      width: 100%; }
      .homepage-button-area .buttons a img {
        width: 100%; }

.homepage-products-solutions-area {
  /**
 * Tabs
 */ }
  .homepage-products-solutions-area .pp1,
  .homepage-products-solutions-area .nn1,
  .homepage-products-solutions-area .pp2,
  .homepage-products-solutions-area .nn2,
  .homepage-products-solutions-area .pp3,
  .homepage-products-solutions-area .nn3,
  .homepage-products-solutions-area .pp4,
  .homepage-products-solutions-area .nn4 {
    display: block;
    float: right; }
    @media (min-width: 801px) {
      .homepage-products-solutions-area .pp1,
      .homepage-products-solutions-area .nn1,
      .homepage-products-solutions-area .pp2,
      .homepage-products-solutions-area .nn2,
      .homepage-products-solutions-area .pp3,
      .homepage-products-solutions-area .nn3,
      .homepage-products-solutions-area .pp4,
      .homepage-products-solutions-area .nn4 {
        display: none; } }
  .homepage-products-solutions-area .tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .homepage-products-solutions-area .tabs label {
    order: 1;
    display: block;
    padding: 0.75rem 0.5rem 0.75rem 1rem;
    margin-right: 0.2rem;
    cursor: pointer;
    background: #e57200;
    font-weight: bold;
    transition: background ease 0.2s;
    color: #fff;
    font-size: 18px; }
    @media (min-width: 801px) {
      .homepage-products-solutions-area .tabs label {
        padding: 1rem 2rem;
        background: #403f2e;
        color: #fff;
        width: calc(85% * (1/5));
        text-align: center;
        margin: 0 calc(1rem *(1/5));
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px; } }
  .homepage-products-solutions-area .tabs .tab {
    order: 99;
    flex-grow: 1;
    width: 100%;
    display: block;
    padding: 1rem;
    background: #fff; }
    @media (min-width: 801px) {
      .homepage-products-solutions-area .tabs .tab {
        display: none; } }
  .homepage-products-solutions-area .tabs input[type="radio"] {
    display: none; }
  .homepage-products-solutions-area .tabs input[type="radio"]:checked + label {
    background: #e57200;
    color: #fff; }
  .homepage-products-solutions-area .tabs input[type="radio"]:checked + label + .tab {
    display: block; }
  @media (max-width: 800px) {
    .homepage-products-solutions-area .tabs .tab,
    .homepage-products-solutions-area .tabs label {
      order: initial; }
    .homepage-products-solutions-area .tabs label {
      width: 100%;
      margin-right: 0;
      margin-top: 0.2rem; } }
  .homepage-products-solutions-area .slick-slide .block {
    width: 80% !important;
    margin: 0 !important; }
    .homepage-products-solutions-area .slick-slide .block .block-img {
      height: 110px !important; }
  .homepage-products-solutions-area .slick-list {
    margin: 0.5rem !important; }
  .homepage-products-solutions-area .slick-disabled {
    opacity: 0.5 !important; }
  @media (min-width: 768px) and (max-width: 800px) {
    .homepage-products-solutions-area .slick-slide .block .block-img {
      height: 190px !important;
      width: fit-content !important; } }
  @media (min-width: 800px) and (max-width: 1024px) {
    .homepage-products-solutions-area .block {
      width: 16% !important; } }
  @media (min-width: 1024px) and (max-width: 1280px) {
    .homepage-products-solutions-area .block .block-img {
      height: 190px !important;
      width: 150px !important; } }

@media (min-width: 1280px) and (max-width: 2560px) {
  #homepage-5 .ps-home-banner .ps-carousel--nav-inside .ps-banner__content h3 {
    width: 66%; } }

.ps-btn {
  text-decoration: none !important; }

div.ps-home-banner svg {
  vertical-align: middle !important; }

.dark .img-btn {
  border: 2px solid #fff; }

.img-btn {
  border: 2px solid #000; }

@media (min-width: 800px) {
  .dark .img-btn,
  .img-btn {
    width: auto !important; } }

@media (max-width: 800px) {
  .ps-banner--furniture .ps-banner__content h4 {
    font-size: 2.5rem !important;
    line-height: 2.5rem !important; } }

@media (max-width: 414px) {
  .ps-banner--furniture .ps-banner__content h4 {
    font-size: 2rem !important;
    line-height: 2rem !important; } }

@media (max-width: 375px) {
  .ps-banner--furniture .ps-banner__content h4 {
    font-size: 1.5rem !important;
    line-height: 1.5rem !important; } }

@media (max-width: 375px) {
  .ps-banner--furniture .ps-banner__content h3 {
    font-size: 1rem !important;
    line-height: 1rem !important; } }

@media (max-width: 414px) {
  .ps-banner--furniture .ps-banner__content h3 {
    font-size: 1.5rem !important;
    line-height: 1.5rem !important; } }

@media (max-width: 800px) {
  .ps-banner--furniture .ps-banner__content h3 {
    font-size: 2rem !important;
    line-height: 2rem !important; } }

@media (max-width: 800px) {
  .ps-banner--furniture .ps-banner__content .buttons-wrapper .ps-btn {
    font-size: 2rem !important;
    line-height: 2rem !important; } }

@media (max-width: 414px) {
  .ps-banner--furniture .ps-banner__content .buttons-wrapper .ps-btn {
    font-size: 1.5rem !important;
    line-height: 1.5rem !important; } }

@media (max-width: 375px) {
  .ps-banner--furniture .ps-banner__content .buttons-wrapper .ps-btn {
    font-size: 1rem !important;
    line-height: 1rem !important; } }

.mobile-slide-show {
  display: none !important; }

@media (max-width: 800px) {
  #we-are-clarion-safety-slide {
    background-size: cover;
    background-position-x: right !important; }
  #prevent-accidents-slide {
    background-size: cover !important;
    background-position-x: 980px !important; }
  #mss-announce-slide {
    background-size: cover !important;
    background-position-x: 980px !important; }
  #struggling-with-strategy-slide {
    background-size: cover !important;
    background-position-x: 980px !important; }
  #introducing-clarionaccess-slide {
    background-size: cover;
    background-position-x: right !important; }
  .mobile-slide-hide {
    display: none !important; }
  .mobile-slide-show {
    display: inline-block !important; }
    .mobile-slide-show svg,
    .mobile-slide-show i {
      display: inline-block !important; }
  .ps-btn.mobile-slide-show {
    width: auto !important; }
  .img-btn {
    width: auto !important; } }

@media (max-width: 414px) {
  #why-us {
    padding: .5rem 0 !important; }
  .us-div {
    width: 100% !important;
    padding: .5rem !important; } }

@media (min-width: 415px) and (max-width: 800px) {
  #why-us {
    flex-direction: row !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important; }
  .us-div:last-child {
    width: 100% !important;
    padding: 0 0 .5rem 0 !important; }
  .us-div:not(:last-child) {
    flex: 1 !important;
    padding: .5rem 0 !important; } }

#we-are-clarion-safety-slide:after,
#introducing-clarionaccess-slide:after,
#prevent-accidents-slide:after,
#mss-announce-slide:after,
#struggling-with-strategy-slide:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  opacity: .7; }

#we-are-clarion-safety-slide:after,
#introducing-clarionaccess-slide:after {
  background-image: white;
  background-image: -moz-linear-gradient(90deg, white 55%, rgba(0, 0, 0, 0) 105%);
  background-image: -webkit-linear-gradient(90deg, white 55%, rgba(0, 0, 0, 0) 105%);
  background-image: linear-gradient(90deg, white 55%, rgba(0, 0, 0, 0) 105%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ffffff", GradientType=1); }

#prevent-accidents-slide:after,
#mss-announce-slide:after,
#struggling-with-strategy-slide:after {
  background-image: black;
  background-image: -moz-linear-gradient(90deg, black 22%, rgba(255, 255, 255, 0) 55%);
  background-image: -webkit-linear-gradient(90deg, black 22%, rgba(255, 255, 255, 0) 55%);
  background-image: linear-gradient(90deg, black 22%, rgba(255, 255, 255, 0) 55%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ffffff", GradientType=1); }

#we-are-clarion-safety-slide > *,
#introducing-clarionaccess-slide > *,
#prevent-accidents-slide > *,
#mss-announce-slide > *,
#struggling-with-strategy-slide > * {
  z-index: 100; }

.trusted-by-wrapper {
  text-decoration: none; }

#mss-announce-slide > div > h3 {
  font-size: 1.25rem !important; }
  @media (min-width: 801px) {
    #mss-announce-slide > div > h3 {
      font-size: 2rem !important; } }

#mss-announce-slide > div > div > a {
  width: 250px;
  font-size: 1rem;
  padding-right: 1rem; }
  @media (min-width: 801px) {
    #mss-announce-slide > div > div > a {
      width: 154px;
      font-size: 0.75rem;
      padding: 10px; } }

/* INTRALOX PAGE END-------------------------------------------------- */
@media (min-width: 801px) {
  .IntraloxReorderPage .qrb__order-item-name {
    width: 30%;
    min-height: initial; }
  .IntraloxReorderPage .qrb__order-item-img {
    width: 20%;
    max-width: 250px;
    margin-bottom: -30px;
    z-index: -100;
    margin-top: -30px; }
  .IntraloxReorderPage .qrb__order-item {
    width: 100%;
    margin: 0;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: 1px solid #e0e0e0; } }

.IntraloxReorderPage .qrb__order-body {
  width: 90%;
  margin-right: auto;
  margin-left: auto; }

.IntraloxReorderPage .qrb__order-item-price {
  display: none;
  color: #e57200; }

.IntraloxReorderPage .qrb__order-item-sku {
  display: block; }

.IntraloxReorderPage .modal-header__actions {
  margin: auto;
  text-align: center;
  clear: both; }

.IntraloxReorderPage .qrb__order-item-name-action {
  font-weight: 800; }

.IntraloxReorderPage .qrb__order-body2 {
  width: 100%;
  clear: both; }

.IntraloxReorderPage h3 {
  font-size: 24px; }

.IntraloxReorderPage .qrb__order-items .alt {
  margin-bottom: 0; }

.IntraloxReorderPage .disabled {
  background-color: #818174;
  background-image: none;
  border-color: #818174;
  color: black;
  cursor: no-drop; }

.IntraloxReorderPage .disabled:hover {
  background-color: #818174;
  background-image: none;
  border-color: #818174;
  color: black;
  cursor: no-drop; }

.qrb__order-subtext {
  text-align: center;
  font-size: 18px; }

.qrb__order-subheader {
  text-align: center; }

.IntraloxReorderPage hr {
  box-sizing: content-box;
  border-width: 1px 0 0;
  height: 3px;
  margin: 2.03846rem 0 1.96154rem;
  border-color: #818174; }

.loadingOverlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5); }

.loading-wheel {
  width: 20px;
  height: 20px;
  margin-top: -40px;
  margin-left: -40px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-width: 30px;
  border-radius: 50%;
  -webkit-animation: spin 1s linear infinite; }

/* INTRALOX PAGE END-------------------------------------------------- */
.menu--mobile .menu-items-categories .sub-menu li:not(:first-child) {
  text-indent: 15px; }

.menu--mobile .sub-menu .mega-menu-col-header {
  color: #e57200;
  font-size: var(--text-md);
  font-weight: bold; }

.ps-panel--sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 400px;
  height: 100vh;
  overflow-y: auto;
  z-index: 10001;
  background-color: #fff;
  transform: translateX(-100%);
  transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; }
  .ps-panel--sidebar .ps-panel__header {
    position: relative;
    text-align: center;
    padding: 15px 20px;
    background-color: #f57f20; }
    .ps-panel--sidebar .ps-panel__header h3 {
      margin-top: 0;
      margin-bottom: 0;
      font-weight: 600;
      color: #ffffff;
      font-size: 1.6rem;
      line-height: 20px; }
  .ps-panel--sidebar .ps-panel__content {
    padding-top: 10px;
    padding-bottom: 70px; }
  .ps-panel--sidebar.active {
    transform: translateX(0); }

@media (max-width: 479px) {
  .ps-panel--sidebar {
    width: 100%;
    max-width: 100%; } }

/* PAGE TEMPLATE STYLING */
.page-548-class #klaviyo-form-content,
.page-520-class #klaviyo-form-content,
.page-511-class #klaviyo-form-content,
.page-533-class #klaviyo-form-content,
.page-595-class #klaviyo-form-content,
.page-553-class #klaviyo-form-content,
.page-590-class #klaviyo-form-content,
.page-592-class #klaviyo-form-content,
.page-594-class #klaviyo-form-content,
.page-565-class #klaviyo-form-content,
.page-593-class #klaviyo-form-content,
.page-522-class #klaviyo-form-content,
.page-510-class #klaviyo-form-content,
.page-578-class #klaviyo-form-content,
.page-583-class #klaviyo-form-content,
.page-591-class #klaviyo-form-content,
.page-518-class #klaviyo-form-content,
.page-534-class #klaviyo-form-content,
.page-596-class #klaviyo-form-content,
.page-666-class #klaviyo-form-content,
.page-623-class #klaviyo-form-content {
  display: none; }

#page-template .sectiononright a {
  color: #e57200; }

#page-template .pageHeadwithBrace {
  height: auto !important;
  width: 100% !important;
  padding-top: 0 !important;
  margin: 0 0 1rem 0 !important;
  position: relative; }
  #page-template .pageHeadwithBrace table span {
    visibility: hidden; }
  #page-template .pageHeadwithBrace table h1 span,
  #page-template .pageHeadwithBrace table h2 span {
    visibility: visible; }
  #page-template .pageHeadwithBrace table h1.pagetitleHDR,
  #page-template .pageHeadwithBrace table h1.pagetitleHDR1 {
    margin-top: 0 !important;
    width: 210px; }
    @media (min-width: 801px) {
      #page-template .pageHeadwithBrace table h1.pagetitleHDR,
      #page-template .pageHeadwithBrace table h1.pagetitleHDR1 {
        font-size: 28px !important;
        width: 450px; } }
  #page-template .pageHeadwithBrace table h2 {
    font-size: .85rem !important; }
    @media (min-width: 801px) {
      #page-template .pageHeadwithBrace table h2 {
        font-size: 18px !important; } }
  #page-template .pageHeadwithBrace table td:nth-child(2) {
    vertical-align: middle;
    padding-top: 0 !important; }
  #page-template .pageHeadwithBrace::before {
    content: "[";
    position: absolute;
    top: 1rem;
    font-size: 250px;
    font-weight: 300;
    font-family: 'Raleway', sans-serif;
    line-height: .8;
    color: #e57200;
    text-align: center;
    left: 1rem; }

#page-template .pageHeadwithBrace.ukca {
  background-size: contain !important; }
  #page-template .pageHeadwithBrace.ukca::before {
    top: .25rem !important; }

#page-template .tablinkOS {
  background-color: #818174;
  color: #fff;
  display: inline-block;
  border: none;
  border-radius: 0;
  outline: 0;
  cursor: pointer;
  padding: 5px;
  font-size: 14px;
  width: 24%;
  min-width: 170px;
  min-height: 53px;
  margin: 1px !important;
  box-shadow: none; }

@media (min-width: 801px) {
  #page-template .page-content.page-content--centered {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 75%; } }

#page-template .left,
#page-template .right {
  clear: left;
  margin-right: 1%;
  border-top: 1px solid #d3d3d3;
  padding-bottom: 15px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 15px;
  width: 30%;
  max-width: 300px;
  text-align: left; }

#page-template .btn {
  background: #e57200;
  color: white;
  font-weight: bold;
  border-radius: 0.25rem;
  padding: 0.5rem; }

#page-template .btn.alt {
  color: white;
  font-weight: bold;
  border-radius: 0.25rem;
  padding: 0.5rem 0.75rem; }

#page-template a {
  color: #e57200; }

#page-template .accordion1 {
  color: #e57200;
  font-weight: 700;
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: 0;
  transition: .4s;
  background: 0 0;
  margin-bottom: 15px; }

#page-template .panel1 {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height .2s ease-out; }

#page-template .active1:after {
  content: "\2212"; }

#page-template .accordion1:after {
  content: '\002B';
  color: #e57200;
  font-weight: 700;
  float: left;
  margin-right: 5px; }

#page-template .videoLibrary .imageonleft {
  max-width: 100%;
  margin-right: 15px;
  float: left; }
  @media (min-width: 551px) {
    #page-template .videoLibrary .imageonleft {
      overflow-y: hidden;
      max-width: 300px;
      max-height: 175px; } }

#page-template .videoLibrary .sectiononright {
  min-height: 220px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 1rem; }
  @media (min-width: 551px) {
    #page-template .videoLibrary .sectiononright {
      min-height: 210px; } }
  #page-template .videoLibrary .sectiononright .btn.alt {
    background: #e57200;
    color: #fff;
    font-weight: 700;
    border-radius: 0.25rem;
    padding: 0.5rem 0.75rem;
    text-decoration: none;
    float: right; }

#page-template #CAIntro {
  display: inline-block;
  width: 64%;
  max-width: 845px;
  min-width: 350px;
  float: left; }

#faq-template .hero {
  padding: var(--space-lg);
  background-position: initial;
  margin: var(--space-xs) 0; }
  #faq-template .hero h1 {
    color: white;
    font-size: var(--text-md); }

#faq-template .accordion {
  border: none; }
  #faq-template .accordion ul,
  #faq-template .accordion li {
    border: none;
    font-size: var(--text-sm);
    list-style: none; }
  #faq-template .accordion button {
    padding: 0;
    font-size: var(--text-sm); }
  #faq-template .accordion .accordion__header span {
    font-weight: bold; }
  #faq-template .accordion .ak6-text-component {
    font-size: var(--text-sm); }
  #faq-template .accordion .accordion__item {
    margin: var(--space-sm) 0; }

.dynamic-cart-builder .container {
  text-align: center;
  margin: var(--space-sm) auto;
  padding-bottom: var(--space-lg); }
  @media (min-width: 801px) {
    .dynamic-cart-builder .container {
      width: 60%; } }
  .dynamic-cart-builder .container .progress-bar-status-text,
  .dynamic-cart-builder .container .quote-notice,
  .dynamic-cart-builder .container #quote-entry-id {
    font-weight: bold; }

.dynamic-cart-builder #progress-area,
.dynamic-cart-builder #init-area {
  display: none; }

.IntraloxReorderPage .qrb__order-item input[type="checkbox"] {
  opacity: 1;
  position: relative; }

/* PRODUCT -------------------------------------------------- */
#ProductPage {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
  /* -------------------- Material Information Table in Tab ------------------- */
  /* Product Options Area */ }
  #ProductPage .breadcrumbs-wrapper {
    margin: 0 0 .5rem 0; }
    #ProductPage .breadcrumbs-wrapper .breadcrumbs {
      display: block; }
      #ProductPage .breadcrumbs-wrapper .breadcrumbs .breadcrumb.is-active {
        display: none; }
      @media (min-width: 801px) {
        #ProductPage .breadcrumbs-wrapper .breadcrumbs .breadcrumb.is-active {
          display: inline-block; } }
  #ProductPage #prodavail-label,
  #ProductPage #prodavail {
    display: inline-block;
    margin-right: 0;
    margin-bottom: 0; }
  #ProductPage #material-information-anchor, #ProductPage #size-information-anchor {
    display: none; }
  #ProductPage [data-invisible-option], #ProductPage [data-product-each-text] {
    display: none; }
  #ProductPage .customizer-avail-text {
    font-size: var(--text-sm); }
  #ProductPage #add-to-cart-wrapper > div.form-field.form-field--increments > div {
    margin-bottom: var(--space-sm); }
  #ProductPage h1.productView-title,
  #ProductPage .main-productView-title,
  #ProductPage .product-area-header {
    line-height: 1;
    text-decoration: none;
    margin-bottom: var(--space-xs);
    margin-top: 0 !important;
    font-weight: bold; }
  #ProductPage h1.productView-title,
  #ProductPage .main-productView-title {
    font-size: var(--text-md); }
  #ProductPage .product-area-header {
    font-size: var(--text-base-size); }
  #ProductPage .productView {
    padding-top: var(--space-sm); }
  #ProductPage .prod-info-label-new,
  #ProductPage .productView-info-name,
  #ProductPage .form-label,
  #ProductPage #prodavail-label,
  #ProductPage .bulk-pricing-title {
    font-weight: bold;
    font-size: var(--text-sm);
    color: black; }
  #ProductPage .productView-options .form-field {
    margin-top: 0 !important;
    margin-bottom: var(--space-xs); }
  #ProductPage #add-to-cart-wrapper .form-field--increments,
  #ProductPage #add-to-cart-wrapper #form-action-addToCart {
    margin-bottom: 0; }
  #ProductPage #add-to-cart-wrapper #form-action-addToCart {
    padding: var(--space-xxs) var(--space-sm);
    margin: var(--space-xxs) 0;
    background: var(--color-success);
    color: white; }
  #ProductPage #need-help-sidebar {
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly; }
    #ProductPage #need-help-sidebar a {
      text-decoration: none;
      font-weight: bold; }
      #ProductPage #need-help-sidebar a svg {
        display: inline-block;
        border-radius: 50%;
        padding: 0.5rem;
        vertical-align: middle;
        border: 2px solid var(--color-primary);
        color: var(--color-primary);
        width: 33px;
        margin-right: 3px; }
  #ProductPage #cs-advantage-sidebar {
    text-align: center; }
    #ProductPage #cs-advantage-sidebar img {
      max-width: 250px;
      width: 100%; }
  #ProductPage #our-promise-sidebar a {
    text-decoration: none;
    color: black; }
  #ProductPage #our-promise-sidebar ul {
    list-style: none; }
    #ProductPage #our-promise-sidebar ul li {
      font-size: var(--text-sm);
      padding-bottom: var(--space-xxxs); }
      #ProductPage #our-promise-sidebar ul li img {
        width: 30px;
        vertical-align: middle; }
  #ProductPage .product-information-button-section {
    margin: 1rem 0; }
  #ProductPage #main-content > div.container.product > div > div.productView > div.product-container > section.column-b.productView-details.product-data > div.productView-product > dl {
    display: none; }
  #ProductPage .breadcrumbs {
    margin-bottom: 0;
    text-align: left; }
  #ProductPage #main-content {
    background: white;
    padding-top: 0; }
    @media (min-width: 801px) {
      #ProductPage #main-content {
        padding: 2rem; } }
  #ProductPage .productView-img-container::after {
    display: none; }
  #ProductPage .under-product-img-button-wrapper {
    text-align: center;
    margin-top: var(--space-md); }
    @media (min-width: 801px) {
      #ProductPage .under-product-img-button-wrapper {
        padding-left: 105px; } }
    #ProductPage .under-product-img-button-wrapper .customizerupsell,
    #ProductPage .under-product-img-button-wrapper .translationupsell {
      display: inline-block; }
    #ProductPage .under-product-img-button-wrapper .button {
      margin-left: 0;
      width: var(--width-sm);
      background-color: var(--color-primary);
      border: none;
      padding: var(--space-xs); }
  #ProductPage .product-top-section {
    text-align: center; }
    #ProductPage .product-top-section .productView-title {
      font-weight: 500;
      margin-top: 0;
      margin-bottom: -0.25rem; }
    #ProductPage .product-top-section .productView-sku {
      font-size: var(--text-sm); }
  #ProductPage .product-container {
    display: flex;
    flex-direction: column; }
    @media (min-width: 801px) {
      #ProductPage .product-container {
        margin-top: var(--space-sm);
        flex-direction: row; } }
  #ProductPage .tab-wrapper.mobile {
    display: block; }
    @media (min-width: 801px) {
      #ProductPage .tab-wrapper.mobile {
        display: none; } }
  #ProductPage .tab-wrapper.desktop {
    display: none; }
    @media (min-width: 801px) {
      #ProductPage .tab-wrapper.desktop {
        display: block; } }
  #ProductPage .product-main-info.mobile {
    display: block;
    margin-bottom: var(--space-md); }
    #ProductPage .product-main-info.mobile #SKUNumberElement,
    #ProductPage .product-main-info.mobile #prodavail,
    #ProductPage .product-main-info.mobile #prodavail-mobile {
      font-size: var(--text-sm); }
    #ProductPage .product-main-info.mobile #prodavail,
    #ProductPage .product-main-info.mobile #prodavail-mobile {
      display: inline-block;
      padding-left: var(--space-xxs); }
    @media (min-width: 801px) {
      #ProductPage .product-main-info.mobile {
        display: none; } }
  #ProductPage .product-main-info.desktop {
    display: none; }
    @media (min-width: 801px) {
      #ProductPage .product-main-info.desktop {
        display: block; } }
  #ProductPage .product-main-info #minimum-quantity-message-desktop dt,
  #ProductPage .product-main-info #minimum-quantity-message-desktop div,
  #ProductPage .product-main-info #minimum-quantity-message-mobile dt,
  #ProductPage .product-main-info #minimum-quantity-message-mobile div {
    display: inline-block;
    margin-right: 0;
    margin-bottom: 0; }
  #ProductPage .column-a-b-wrapper {
    width: 100%; }
    @media (min-width: 801px) {
      #ProductPage .column-a-b-wrapper {
        width: 70%; } }
  #ProductPage .column-a {
    width: 100%; }
    @media (min-width: 801px) {
      #ProductPage .column-a {
        width: 45%; } }
    #ProductPage .column-a #product-thumb-main-wrapper {
      display: flex;
      flex-direction: column-reverse; }
      @media (min-width: 801px) {
        #ProductPage .column-a #product-thumb-main-wrapper {
          display: flex;
          flex-direction: row;
          justify-content: flex-start; } }
    #ProductPage .column-a #product-thumbnail-list {
      display: flex;
      flex-direction: row;
      justify-content: center; }
      @media (min-width: 801px) {
        #ProductPage .column-a #product-thumbnail-list {
          display: flex;
          flex-direction: column; } }
    #ProductPage .column-a #product-main-image img.productView-image--default {
      position: relative; }
  #ProductPage .column-b {
    width: 100%;
    text-align: left; }
    @media (min-width: 801px) {
      #ProductPage .column-b {
        width: 55%;
        text-align: left; } }
    #ProductPage .column-b .productView-product {
      padding: 0;
      border-bottom: none; }
    #ProductPage .column-b hr {
      border: solid #e5e5e5;
      border-width: 1px 0 0;
      clear: both;
      height: 0;
      margin: 1rem 0; }
  #ProductPage .column-c {
    width: 100%; }
    @media (min-width: 801px) {
      #ProductPage .column-c {
        width: 30%;
        margin-left: var(--space-xs); } }
    #ProductPage .column-c .product-price-wrapper,
    #ProductPage .column-c .customer-assistance-wrapper {
      padding-left: var(--space-xs); }
    #ProductPage .column-c .product-price-wrapper {
      background-color: var(--color-bg-dark);
      padding-right: var(--space-xs);
      padding-top: var(--space-xxs);
      padding-bottom: var(--space-xxs); }
      #ProductPage .column-c .product-price-wrapper .top-price-wrapper {
        display: block; }
        @media (min-width: 801px) {
          #ProductPage .column-c .product-price-wrapper .top-price-wrapper {
            display: flex;
            flex-direction: row;
            justify-content: space-between; } }
        @media (min-width: 801px) {
          #ProductPage .column-c .product-price-wrapper .top-price-wrapper .total-bulk-price-wrapper {
            padding-left: var(--space-sm); } }
        @media (min-width: 801px) {
          #ProductPage .column-c .product-price-wrapper .top-price-wrapper .total-bulk-price-wrapper .bulk-rates-container {
            margin-bottom: var(--space-xs);
            font-size: var(--text-sm); } }
        #ProductPage .column-c .product-price-wrapper .top-price-wrapper .total-bulk-price-wrapper #bulk-pricing-modal-anchor {
          font-size: var(--text-sm); }
      #ProductPage .column-c .product-price-wrapper .bulk-list {
        margin-bottom: 0; }
    #ProductPage .column-c .customer-assistance-wrapper {
      padding-top: var(--space-sm); }
      #ProductPage .column-c .customer-assistance-wrapper hr {
        margin-top: var(--space-sm);
        margin-bottom: var(--space-sm); }
      #ProductPage .column-c .customer-assistance-wrapper h4 {
        font-size: var(--text-sm);
        margin-bottom: var(--space-xs); }
      #ProductPage .column-c .customer-assistance-wrapper p,
      #ProductPage .column-c .customer-assistance-wrapper ul {
        margin-bottom: var(--space-sm); }
    #ProductPage .column-c #wishlist-dropdown.is-open {
      max-width: fit-content !important;
      width: inherit !important; }
    #ProductPage .column-c .dropdown-menu-button {
      background-color: var(--color-bg-darker);
      color: var(--color-black);
      border: none;
      font-weight: bold;
      display: inline-block; }
      @media (min-width: 801px) {
        #ProductPage .column-c .dropdown-menu-button {
          width: 100%; } }
      #ProductPage .column-c .dropdown-menu-button .icon {
        display: none; }
    #ProductPage .column-c .wishlist-loggedin,
    #ProductPage .column-c .wishlist-login {
      padding: 0;
      margin: 0;
      background: transparent;
      font-weight: normal;
      border: none;
      color: var(--color-primary); }
    #ProductPage .column-c #custom-quote-btn .button {
      padding: var(--space-xxs) var(--space-sm);
      margin: var(--space-xxs) 0;
      background: white;
      font-weight: normal;
      border: 1px solid var(--color-primary);
      color: var(--color-primary);
      width: 100%; }
    #ProductPage .column-c #buy-now-btn .button {
      width: 100%;
      padding: var(--space-xxs) var(--space-sm);
      margin: 0 0 var(--space-xxs) 0;
      border: 2px solid var(--color-success);
      color: var(--color-success);
      background-color: transparent;
      font-weight: bold; }
    #ProductPage .column-c .additional-info-wrapper .prod-additional-info-list {
      margin-left: 0;
      margin-bottom: 0; }
      @media (min-width: 801px) {
        #ProductPage .column-c .additional-info-wrapper .prod-additional-info-list {
          margin-bottom: .5rem; } }
      #ProductPage .column-c .additional-info-wrapper .prod-additional-info-list li {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column; }
        @media (min-width: 1261px) {
          #ProductPage .column-c .additional-info-wrapper .prod-additional-info-list li {
            align-items: flex-end;
            flex-direction: row; } }
        #ProductPage .column-c .additional-info-wrapper .prod-additional-info-list li .info-list-label {
          display: inline-block;
          flex-grow: 1;
          flex-basis: 0%; }
        #ProductPage .column-c .additional-info-wrapper .prod-additional-info-list li .info-list-value {
          color: var(--color-primary);
          flex-grow: 1;
          flex-basis: 0%;
          text-decoration: none;
          border: none;
          padding-bottom: var(--space-sm); }
          @media (min-width: 801px) {
            #ProductPage .column-c .additional-info-wrapper .prod-additional-info-list li .info-list-value {
              padding-bottom: 0; } }
          #ProductPage .column-c .additional-info-wrapper .prod-additional-info-list li .info-list-value span {
            border-bottom: 1px dotted var(--color-contrast-high); }
        #ProductPage .column-c .additional-info-wrapper .prod-additional-info-list li .form-wishlist .dropdown-menu-button {
          width: auto; }
        #ProductPage .column-c .additional-info-wrapper .prod-additional-info-list li .form-wishlist .dropdown-menu {
          top: 26px !important; }
          #ProductPage .column-c .additional-info-wrapper .prod-additional-info-list li .form-wishlist .dropdown-menu::before {
            content: "";
            display: inline-block;
            position: absolute;
            top: -6px;
            left: 3px;
            width: 16px;
            height: 16px;
            border-left: 1px solid #000;
            border-top: 1px solid #000;
            background-color: #ffffff;
            transform: rotate(45deg);
            transform-origin: 50% 50%; }
          #ProductPage .column-c .additional-info-wrapper .prod-additional-info-list li .form-wishlist .dropdown-menu li {
            display: inline-block;
            padding: 0;
            width: 70%; }
            #ProductPage .column-c .additional-info-wrapper .prod-additional-info-list li .form-wishlist .dropdown-menu li:first-child {
              border-top: 1px solid black; }
            #ProductPage .column-c .additional-info-wrapper .prod-additional-info-list li .form-wishlist .dropdown-menu li input,
            #ProductPage .column-c .additional-info-wrapper .prod-additional-info-list li .form-wishlist .dropdown-menu li a {
              display: inline-block;
              padding: var(--space-xxxs);
              color: var(--color-black);
              font-size: .85rem;
              font-weight: 400;
              width: 100%;
              border-color: var(--color-black); }
              @media (min-width: 801px) {
                #ProductPage .column-c .additional-info-wrapper .prod-additional-info-list li .form-wishlist .dropdown-menu li input,
                #ProductPage .column-c .additional-info-wrapper .prod-additional-info-list li .form-wishlist .dropdown-menu li a {
                  font-size: 1rem;
                  width: 100%; } }
  #ProductPage .productView-images {
    padding: 0 !important; }
  #ProductPage .productView-details {
    clear: none !important;
    float: left !important;
    padding-bottom: 0; }
  #ProductPage figure.productView-image {
    height: 19rem;
    border: 1px solid #d3d3d3;
    border-radius: 0.25rem;
    position: relative;
    min-height: auto; }
  #ProductPage .productView-images {
    margin: 0; }
  #ProductPage ul.productView-thumbnails {
    text-align: center;
    display: flex;
    justify-content: left;
    flex-direction: row; }
    #ProductPage ul.productView-thumbnails .productView-thumbnail {
      display: inline;
      float: none;
      width: 75px; }
      @media (min-width: 801px) {
        #ProductPage ul.productView-thumbnails .productView-thumbnail {
          width: 100px; } }
      #ProductPage ul.productView-thumbnails .productView-thumbnail a {
        margin-right: 0; }
    #ProductPage ul.productView-thumbnails .productView-thumbnail-link {
      border: 1px solid #d3d3d3;
      border-radius: 0.25rem; }
  #ProductPage .form-label--alternate {
    text-align: left;
    font-weight: bold; }
  #ProductPage .slick-list.draggable {
    height: 380px; }
  #ProductPage .material-table-header,
  #ProductPage .bulk-pricing-title,
  #ProductPage .productView-info-name {
    font-weight: bold; }
  #ProductPage #total_price_output {
    color: #e57200;
    display: none; }
  #ProductPage #productView-info-bulkPricing {
    font-size: var(--text-sm); }
  #ProductPage .price.price--withoutTax,
  #ProductPage #total_price_output, #ProductPage [data-product-each-text] {
    font-size: var(--text-base-size);
    font-weight: bold;
    margin-bottom: var(--space-sm); }
  #ProductPage .product-top-section {
    margin-bottom: 2rem; }
  #ProductPage .form-input--incrementTotal {
    border: 1px solid gray;
    padding: 0.25rem;
    width: 5rem; }
  #ProductPage .form-increment button {
    display: none; }
  @media (min-width: 801px) {
    #ProductPage .wrap-medium-flex {
      display: flex;
      flex-direction: row;
      justify-content: space-between; } }
  #ProductPage input[type="number"]::-webkit-inner-spin-button,
  #ProductPage input[type="number"]::-webkit-outer-spin-button {
    opacity: 1; }
  #ProductPage .form-input--incrementTotal::-webkit-outer-spin-button,
  #ProductPage .form-input--incrementTotal::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  #ProductPage .form-input--incrementTotal[type="number"] {
    -moz-appearance: textfield; }
  #ProductPage .cart-alert-info {
    color: #cc4749;
    margin: 0.5rem 0;
    width: 145px;
    display: none; }
    #ProductPage .cart-alert-info::before {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' fill='rgba(204, 71, 73, 0.999)' /%3E%3C/svg%3E") no-repeat;
      background-size: 100%;
      content: "";
      display: inline-block;
      height: 1rem;
      left: -0.14286rem;
      margin-right: 0.07143rem;
      position: relative;
      top: 0.21429rem;
      width: 1rem; }
  #ProductPage #product-main-image:has(iframe) {
    width: 400px; }
  #ProductPage .featured-video {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
    pointer-events: none; }
    #ProductPage .featured-video iframe,
    #ProductPage .featured-video .videoLink {
      position: absolute;
      top: 0;
      left: 50%;
      width: 90%;
      height: 100%;
      transform: translateX(-50%);
      display: block;
      pointer-events: auto;
      border: 1px solid;
      margin-top: 1rem; }
      @media (min-width: 801px) {
        #ProductPage .featured-video iframe,
        #ProductPage .featured-video .videoLink {
          position: absolute;
          top: 0;
          left: 50%;
          width: 90%;
          height: 90%;
          transform: translateX(-50%);
          display: block;
          pointer-events: auto;
          border: 1px solid;
          margin-top: 0.5rem; } }
  #ProductPage .yt-thumb-button {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
    background: url(https://cdn11.bigcommerce.com/s-za3wv/product_images/uploaded_images/youtube-grey-play.png) no-repeat center center;
    background-size: 20%;
    color: transparent !important;
    pointer-events: none; }
    #ProductPage .yt-thumb-button:hover {
      opacity: 0.4;
      transition: opacity 0.2s ease-out; }
  #ProductPage .easyzoom-flyout {
    display: none; }
  #ProductPage figure.productView-image,
  #ProductPage .productView-img-container {
    pointer-events: none; }
  #ProductPage #SignUpsellArea {
    display: flex; }
    #ProductPage #SignUpsellArea .sign-upsell-child {
      text-align: left;
      padding: .75rem;
      width: 45%;
      max-width: 300px;
      display: inline-block; }
      #ProductPage #SignUpsellArea .sign-upsell-child img {
        display: inline; }
      #ProductPage #SignUpsellArea .sign-upsell-child .buy-btn {
        background-color: #ea7706;
        border: 1px solid #ea7706;
        border-radius: 2px;
        color: #fff;
        display: inline-block;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        padding: 4px 10px;
        text-align: center;
        text-decoration: none; }
        @media (min-width: 801px) {
          #ProductPage #SignUpsellArea .sign-upsell-child .buy-btn {
            margin-left: .5rem; } }
      #ProductPage #SignUpsellArea .sign-upsell-child strong {
        display: block; }
        @media (min-width: 801px) {
          #ProductPage #SignUpsellArea .sign-upsell-child strong {
            display: inline-block; } }
  #ProductPage #tab-material table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed; }
  #ProductPage #tab-material table caption {
    font-size: 1.5em;
    margin: .5em 0 .75em; }
  #ProductPage #tab-material table tr {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: .35em; }
  #ProductPage #tab-material table th,
  #ProductPage #tab-material table td {
    font-size: .85em;
    padding: .5rem;
    text-align: left; }
  #ProductPage #tab-material tr td:first-child {
    word-break: break-word; }
  #ProductPage #tab-material table th {
    font-size: .80em;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-align: left;
    vertical-align: middle; }
  @media screen and (max-width: 1201px) {
    #ProductPage #tab-material table {
      border: 0; }
    #ProductPage #tab-material table caption {
      font-size: 1.3em; }
    #ProductPage #tab-material table thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }
    #ProductPage #tab-material table tr {
      border-bottom: 3px solid #ddd;
      display: block;
      margin-bottom: .625em; }
    #ProductPage #tab-material table td {
      border-bottom: 1px solid #ddd;
      display: block;
      font-size: .8em;
      text-align: right; }
    #ProductPage #tab-material table td::before {
      /*
          * aria-label has no advantage, it won't be read inside a table
          content: attr(aria-label);
          */
      content: attr(data-label);
      float: left;
      font-weight: bold;
      text-transform: uppercase; }
    #ProductPage #tab-material table td:last-child {
      border-bottom: 0; } }
  #ProductPage #TranslationsArea .translations-area-header {
    background: #403f2e;
    padding: .5rem;
    color: #fff;
    font-weight: bold;
    font-size: 1rem; }
  #ProductPage #TranslationsArea .translations-area-child {
    text-align: left;
    padding: .75rem;
    width: 100%;
    display: inline-block; }
    #ProductPage #TranslationsArea .translations-area-child img {
      display: inline; }
    #ProductPage #TranslationsArea .translations-area-child .buy-btn {
      background-color: #e57200;
      border: 1px solid #e57200;
      border-radius: 2px;
      color: #fff;
      display: inline-block;
      font-size: 15px;
      font-weight: 400;
      line-height: 20px;
      padding: 4px 10px;
      text-align: center;
      text-decoration: none;
      font-weight: bold; }
      @media (min-width: 801px) {
        #ProductPage #TranslationsArea .translations-area-child .buy-btn {
          margin-left: .5rem; } }
    #ProductPage #TranslationsArea .translations-area-child strong {
      display: block; }
      @media (min-width: 801px) {
        #ProductPage #TranslationsArea .translations-area-child strong {
          display: inline-block; } }
  #ProductPage #SignUpsellArea .sign-upsell-header {
    background: #403f2e;
    padding: .5rem;
    color: #fff;
    font-weight: bold;
    font-size: 1rem; }
  #ProductPage #SignUpsellArea .sign-upsell-child {
    text-align: left;
    padding: .75rem;
    width: 100%;
    display: inline-block; }
    #ProductPage #SignUpsellArea .sign-upsell-child img {
      display: inline; }
    #ProductPage #SignUpsellArea .sign-upsell-child .buy-btn {
      background-color: #e57200;
      border: 1px solid #e57200;
      border-radius: 2px;
      color: #fff;
      display: inline-block;
      font-size: 15px;
      font-weight: 400;
      line-height: 20px;
      padding: 4px 10px;
      text-align: center;
      text-decoration: none;
      font-weight: bold; }
      @media (min-width: 801px) {
        #ProductPage #SignUpsellArea .sign-upsell-child .buy-btn {
          margin-left: .5rem; } }
    #ProductPage #SignUpsellArea .sign-upsell-child strong {
      display: block; }
      @media (min-width: 801px) {
        #ProductPage #SignUpsellArea .sign-upsell-child strong {
          display: inline-block; } }
  #ProductPage .productCarousel-slide .card {
    box-shadow: none !important; }
  #ProductPage .form-select {
    padding: var(--space-xxxs) var(--space-xs); }
  #ProductPage .form-select--small {
    font-size: var(--text-sm); }
  #ProductPage .tooltip-mobile-hide {
    display: none; }
    @media (min-width: 801px) {
      #ProductPage .tooltip-mobile-hide {
        display: inline; } }
  #ProductPage .tooltip-mobile-link-hide {
    display: none; }
  #ProductPage #product-reviews .testimonial-slideshow {
    --slideshow-height: 260px; }
    #ProductPage #product-reviews .testimonial-slideshow .slideshow__item {
      padding: var(--space-sm); }
      #ProductPage #product-reviews .testimonial-slideshow .slideshow__item .quote-p p {
        padding: var(--space-sm);
        font-size: var(--text-sm);
        line-height: var(--body-line-height); }
        @media (min-width: 801px) {
          #ProductPage #product-reviews .testimonial-slideshow .slideshow__item .quote-p p {
            width: calc(100% - 15%);
            margin: auto; } }
    #ProductPage #product-reviews .testimonial-slideshow ol {
      margin-left: 0; }
  #ProductPage .jumplink-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0; }
    #ProductPage .jumplink-list li {
      flex: 1;
      margin: 5px; }
    #ProductPage .jumplink-list .jumplink-button {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 50px;
      background-color: #f0f0f0;
      color: #333;
      text-decoration: none;
      font-size: 16px;
      font-weight: bold;
      border-radius: 4px;
      transition: background-color 0.3s ease; }
      #ProductPage .jumplink-list .jumplink-button:hover {
        background-color: #e0e0e0; }
      #ProductPage .jumplink-list .jumplink-button:focus {
        outline: 2px solid #007bff; }
    @media screen and (max-width: 600px) {
      #ProductPage .jumplink-list {
        flex-direction: column; }
        #ProductPage .jumplink-list li {
          margin: 5px 0; }
        #ProductPage .jumplink-list .jumplink-button {
          height: auto;
          padding: 10px; } }
  #ProductPage .mini-menu {
    position: fixed;
    bottom: 220px;
    right: 17px;
    background-color: #fff;
    padding: var(--space-xs) var(--space-sm);
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease; }
    @media (max-width: 768px) {
      #ProductPage .mini-menu {
        display: none; } }
    #ProductPage .mini-menu .mini-menu-title {
      font-weight: bold;
      text-transform: uppercase;
      margin-bottom: var(--space-xxs);
      color: var(--color-primary);
      text-align: center;
      letter-spacing: 1px; }
    #ProductPage .mini-menu ul {
      list-style-type: circle;
      padding: 0 0 0 1rem;
      margin: 0; }
      #ProductPage .mini-menu ul li {
        margin-bottom: 5px; }
        #ProductPage .mini-menu ul li:hover {
          color: var(--color-primary); }
        #ProductPage .mini-menu ul li a {
          text-decoration: none;
          color: var(--color-black); }
          #ProductPage .mini-menu ul li a:hover {
            text-decoration: underline;
            color: var(--color-primary); }
    #ProductPage .mini-menu.show {
      opacity: 1;
      visibility: visible; }

#product-material-data-table {
  font-size: var(--text-xs);
  border: 2px solid var(--color-bg-dark); }
  #product-material-data-table thead {
    padding-top: .5rem;
    color: white;
    background-color: var(--color-primary); }
  #product-material-data-table th {
    padding: .25rem;
    width: 100px;
    color: white !important;
    font-weight: bold;
    text-align: center;
    vertical-align: middle; }
  #product-material-data-table th:nth-child(1) {
    padding: 0 0 0 .5rem; }
  #product-material-data-table tr > td:nth-child(1) {
    font-weight: bold;
    padding: 0 0 0 .5rem;
    text-align: left; }
  #product-material-data-table tr:nth-of-type(even) {
    background-color: var(--color-bg-dark); }
  #product-material-data-table td {
    padding: .5rem .5rem 0 0;
    text-align: center;
    vertical-align: middle; }

/* Bulk Pricing Table --- BEGIN */
.variant-bulk-pricing-table {
  font-size: var(--text-xs);
  border: 2px solid var(--color-bg-dark);
  width: 100%;
  max-width: 100%;
  overflow-x: auto; }
  .variant-bulk-pricing-table .bulkPricingTableWrapper {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 1rem; }
  .variant-bulk-pricing-table .bulk-pricing-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed; }
    .variant-bulk-pricing-table .bulk-pricing-table thead {
      background-color: var(--color-primary);
      color: white;
      font-weight: bold; }
    .variant-bulk-pricing-table .bulk-pricing-table th, .variant-bulk-pricing-table .bulk-pricing-table td {
      padding: 10px;
      text-align: center;
      border: 1px solid #ddd;
      min-width: 75px; }
    .variant-bulk-pricing-table .bulk-pricing-table tbody {
      background-color: var(--color-white); }
      .variant-bulk-pricing-table .bulk-pricing-table tbody tr:nth-child(odd) {
        background-color: #f9f9f9; }
      .variant-bulk-pricing-table .bulk-pricing-table tbody tr:nth-child(even) {
        background-color: #ffffff; }
      .variant-bulk-pricing-table .bulk-pricing-table tbody tr:hover {
        background-color: #f1f1f1; }
      .variant-bulk-pricing-table .bulk-pricing-table tbody td:nth-child(-n+3) {
        text-align: left;
        font-weight: bold;
        padding-left: 10px; }
      .variant-bulk-pricing-table .bulk-pricing-table tbody td:nth-child(n+4) {
        font-weight: normal; }
      .variant-bulk-pricing-table .bulk-pricing-table tbody td:nth-child(n+4):not(:empty) {
        font-weight: bold;
        color: #333; }

/* Mobile Styling */
@media (max-width: 768px) {
  .bulkPricingTableWrapper {
    overflow-x: auto;
    padding: 0.5rem; }
  .bulk-pricing-table {
    display: block;
    overflow-x: auto;
    white-space: nowrap; } }

/* Custom Scrollbar */
.bulkPricingTableWrapper::-webkit-scrollbar {
  height: 8px; }

.bulkPricingTableWrapper::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 5px; }

/* Bulk Pricing Table --- END */
.hidden-hr {
  margin: 0;
  visibility: hidden; }

#tab-description a,
#tab-description p,
#tab-description span,
#tab-description ul,
#tab-description li,
#tab-description div,
#tab-description strong {
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 1rem !important;
  line-height: inherit !important; }

#tab-related .slick-track {
  margin-left: unset; }

a.tab-title {
  font-size: .95rem !important;
  padding: var(--space-xxs) !important; }

.tabs {
  border-bottom: 1px solid #e5e5e5; }

.tab.is-active {
  border: 1px solid #e5e5e5;
  border-bottom: 1px solid white; }

#material-modal {
  background-color: white !important; }
  #material-modal tr:nth-of-type(even) {
    background: #fee0c5; }
  #material-modal .materialDataSheet-value a,
  #material-modal .regulatoryDataSheet-value a {
    color: var(--color-black);
    text-decoration: none;
    vertical-align: middle;
    font-weight: bold;
    padding: var(--space-xxxxs) 0;
    border-bottom: 2px solid black; }

.lity-content #bulk-pricing-modal {
  background-color: white;
  height: 60vh;
  overflow-y: scroll;
  overflow-x: scroll; }
  .lity-content #bulk-pricing-modal .variant-row {
    padding-bottom: .5rem;
    margin-bottom: 0; }
    .lity-content #bulk-pricing-modal .variant-row .variant-options:nth-child(3) {
      padding-right: .5rem; }

#material-information-anchor,
#size-information-anchor {
  color: #e57200;
  font-weight: bold;
  margin: 1rem 0;
  font-size: var(--text-sm);
  display: block;
  text-align: left;
  text-decoration: none; }

.productView-options .form-field {
  margin: 1rem 0 !important; }

/* PRODUCT END ---------------------------------------------- */
/* PRODUCT STYLE FOR NORMAL TEMPLATE - NOT CUSTOMIZER */
#ProductPage:not(.customizer-product) hr {
  margin-left: 0;
  margin-right: 0; }

.customer-assistance-wrapper .sca-header {
  font-size: var(--text-sm);
  margin-bottom: var(--space-sm); }

.customer-assistance-wrapper.desktop {
  display: none; }
  @media (min-width: 801px) {
    .customer-assistance-wrapper.desktop {
      display: block; } }

.customer-assistance-wrapper.mobile {
  display: block; }
  @media (min-width: 801px) {
    .customer-assistance-wrapper.mobile {
      display: none; } }

/* PRODUCT STYLE FOR NORMAL TEMPLATE - NOT CUSTOMIZER */
@media (min-width: 801px) {
  .body-product {
    padding-top: 0 !important; } }

#ProductPage.normal-product {
  font-size: var(--text-sm); }
  #ProductPage.normal-product #product-main-image .productView-img-container {
    width: 80%; }

#ProductPage.customizer-product #product-main-image {
  border: none;
  margin: 0 auto;
  background-size: 100% !important;
  width: 80%;
  height: inherit;
  padding-top: var(--space-sm); }

#ProductPage.customizer-product .column-a-b-wrapper {
  width: 100%; }
  @media (min-width: 801px) {
    #ProductPage.customizer-product .column-a-b-wrapper {
      width: 80%; } }

#ProductPage.customizer-product .column-a {
  width: 100%; }
  @media (min-width: 801px) {
    #ProductPage.customizer-product .column-a {
      width: 55%;
      margin-bottom: var(--space-sm); } }

#ProductPage.customizer-product .column-b {
  width: 100%;
  text-align: left; }
  @media (min-width: 801px) {
    #ProductPage.customizer-product .column-b {
      width: 45%;
      text-align: left; } }

#ProductPage.customizer-product .column-c {
  width: 100%;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 801px) {
    #ProductPage.customizer-product .column-c {
      width: 25%;
      margin-left: var(--space-xs); } }
  #ProductPage.customizer-product .column-c .top-price-wrapper > * {
    flex-grow: 1;
    flex-basis: 0%;
    padding: 0 .25rem; }

#ProductPage.customizer-product .step-header {
  background-color: var(--color-bg-dark);
  color: black; }

#ProductPage.customizer-product #buy-now-btn {
  display: none; }

#modal-review-form {
  overflow-y: scroll; }

.customizer-product {
  /* Selector Global */
  /* Barcode */
  /* Design */
  /* HIDE RADIO */ }
  .customizer-product #ProductPage ul.productView-thumbnails .productView-thumbnail,
  .customizer-product .productView-img-container,
  .customizer-product .productView-thumbnails,
  .customizer-product .easyzoom-flyout {
    display: none; }
  .customizer-product .productView-img-container.modal-container {
    display: block; }
  .customizer-product #ProductPage figure.productView-image {
    height: 24rem; }
  @media screen and (max-width: 1030px) {
    .customizer-product #ProductPage .column-a {
      width: 100%; }
    .customizer-product #ProductPage .column-b,
    .customizer-product #ProductPage .column-c {
      width: 100%; } }
  .customizer-product #customizer-wrapper {
    position: relative; }
  .customizer-product .canvas-element,
  .customizer-product #LogoUploadCanvasWrapper,
  .customizer-product #BarCodeCanvasWrapper {
    position: absolute;
    overflow: hidden;
    font-family: 'Helvetica', 'Arial', sans-serif !important;
    font-size: 4cqw;
    font-weight: bold; }
  .customizer-product #LogoUploadCanvas > img {
    width: 100%;
    height: 100%; }
  .customizer-product #TextMessageCanvas,
  .customizer-product #ModelNumberCanvas,
  .customizer-product #SerialNumberCanvas,
  .customizer-product #DateMfgCanvas,
  .customizer-product #VoltsCanvas,
  .customizer-product #AmpsCanvas,
  .customizer-product #HertzCanvas,
  .customizer-product #PhaseCanvas,
  .customizer-product #CageCodeCanvas,
  .customizer-product #ManufacturerPartNumberCanvas,
  .customizer-product #SerializationStartCanvas,
  .customizer-product #SerializationEndCanvas {
    text-align: center; }
  .customizer-product #LogoUploadCanvasWrapper,
  .customizer-product #BarCodeCanvasWrapper {
    text-align: center; }
  .customizer-product .text-buttons p,
  .customizer-product .text-buttons button {
    display: inline; }
  .customizer-product .text-buttons button {
    background: #403f2f;
    color: white;
    padding: 0.35rem;
    margin-top: 4px;
    border-radius: .25rem; }
  .customizer-product input[type="text"] {
    margin: .5rem 0 .75rem 0; }
  .customizer-product #customizer-steps .form-select {
    margin-bottom: var(--space-xs); }
  .customizer-product input[type="radio"] {
    vertical-align: baseline; }
  .customizer-product #customizer-steps label {
    display: block;
    margin-bottom: .25rem;
    color: black;
    font-size: var(--text-sm); }
    .customizer-product #customizer-steps label small {
      color: #757575;
      float: none;
      font-size: inherit;
      font-weight: 400;
      margin-left: 0.35714rem;
      text-transform: none;
      font-size: var(--text-xs); }
  .customizer-product #customizer-steps p:last-child {
    margin-bottom: 0; }
  .customizer-product .form-label {
    color: black;
    font-size: var(--text-sm); }
  .customizer-product #customizer-wrapper {
    background-size: 100% !important;
    width: 100%;
    height: inherit; }
  .customizer-product #customizer-steps label {
    font-weight: bold;
    display: block; }
  .customizer-product .step-label {
    font-weight: bold;
    display: block; }
  .customizer-product .step {
    padding: 0 .25rem;
    font-size: var(--text-sm); }
    .customizer-product .step .symbol-category-wrapper {
      display: flex;
      justify-content: space-around; }
      .customizer-product .step .symbol-category-wrapper button {
        display: flex;
        width: 9cqw;
        flex-direction: column;
        align-items: center; }
        .customizer-product .step .symbol-category-wrapper button img {
          width: 100%;
          height: 100%;
          object-fit: contain; }
        .customizer-product .step .symbol-category-wrapper button span {
          display: block;
          height: 2cqw; }
  .customizer-product .icon-selector {
    display: inline;
    width: 65px;
    height: 65px;
    object-fit: contain; }
  .customizer-product .icon-box {
    display: inline-block;
    text-align: center;
    margin: .25rem; }
  .customizer-product .image-load-area {
    width: 100%;
    overflow-y: scroll;
    height: 300px;
    padding: .25rem .5rem;
    border: 1px solid;
    border-radius: .25rem; }
  .customizer-product #barcode-type {
    display: none; }
  .customizer-product .designStep {
    margin-bottom: .75rem;
    /* IMAGE STYLES */
    /* CHECKED STYLES */ }
    .customizer-product .designStep [type=radio] {
      position: absolute;
      opacity: 0;
      width: 0;
      height: 0; }
    .customizer-product .designStep [type=radio] + img {
      cursor: pointer; }
    .customizer-product .designStep [type=radio]:checked + img {
      outline: 2px solid #e57200; }
  .customizer-product .designStep.step label {
    width: 110px;
    padding: 0;
    margin: 0;
    display: inline-block !important; }
  .customizer-product .color-scheme-label {
    width: 100% !important; }
  .customizer-product .checkbox-div {
    margin: .25rem 0;
    background: #dfdfdf;
    padding: .5rem; }
    .customizer-product .checkbox-div label {
      display: inline !important;
      text-decoration: underline;
      font-weight: bold;
      font-size: var(--text-sm); }
  .customizer-product [data-product-attribute="input-text"] {
    display: none; }
  .customizer-product #customizer-information {
    list-style: none;
    background: #dedede;
    margin: var(--space-sm) 0 0 0;
    padding: 1rem; }
    .customizer-product #customizer-information li {
      font-weight: bold;
      font-size: var(--text-sm); }
      .customizer-product #customizer-information li span {
        font-weight: normal; }
  .customizer-product .approval-msg,
  .customizer-product .size-material-msg {
    background: #ffdddd;
    padding: .25rem;
    font-weight: bold;
    margin-bottom: .5rem; }
  .customizer-product .no-click,
  .customizer-product .no-click-2 {
    pointer-events: none;
    background-color: #cccccc;
    border-color: rgba(0, 0, 255, 0);
    color: white; }
  .customizer-product .barcode-submit {
    background: #e57200;
    color: black;
    font-weight: bold;
    border-radius: .2rem;
    padding: .5rem;
    margin: .5rem 0 .75rem 0; }
  .customizer-product #charNum {
    margin-bottom: .75rem;
    font-size: var(--text-xs); }
  .customizer-product dl.productView-info {
    margin-bottom: 0; }
  .customizer-product #SpecificVoltageCanvas {
    text-align: center; }
  .customizer-product .text-buttons {
    margin-bottom: 1rem;
    margin-top: -.25rem;
    font-size: var(--text-sm); }
  .customizer-product .customizer-writeups {
    margin-bottom: 1rem; }
  .customizer-product .symbolStep.step {
    margin-bottom: 1rem; }
    .customizer-product .symbolStep.step label {
      margin-top: .75rem;
      font-size: var(--text-sm); }
  .customizer-product .step-label {
    margin-top: 1rem; }
  .customizer-product .translation-text {
    font-weight: normal; }
  .customizer-product .secondary-text-one-div,
  .customizer-product .secondary-text-two-div,
  .customizer-product .secondary-text-three-div {
    font-weight: bold; }
  .customizer-product .copyright-tagline {
    text-align: center;
    font-size: var(--text-sm);
    margin: var(--space-xxs); }
  .customizer-product .form .form-field {
    text-align: left; }
  .customizer-product #column-a > figure {
    border: none !important; }
  .customizer-product #column-a {
    border: 1px solid #dedede; }
  .customizer-product #QRCodeCanvas img {
    width: 100%; }
  .customizer-product #customizer-wrapper {
    container-type: inline-size; }
  .customizer-product .customizer-20282 #SymbolCanvas,
  .customizer-product .customizer-20888 #SymbolCanvas,
  .customizer-product .customizer-20886 #SymbolCanvas,
  .customizer-product .customizer-20887 #SymbolCanvas {
    width: 41.5cqw;
    top: 4cqw;
    left: 4cqw; }
  .customizer-product .customizer-20282 #WordMessageCanvas,
  .customizer-product .customizer-20888 #WordMessageCanvas,
  .customizer-product .customizer-20886 #WordMessageCanvas,
  .customizer-product .customizer-20887 #WordMessageCanvas {
    width: 48cqw;
    top: 14cqw;
    left: 48cqw; }
  .customizer-product .customizer-20282 #AddLineOneCanvas,
  .customizer-product .customizer-20888 #AddLineOneCanvas,
  .customizer-product .customizer-20886 #AddLineOneCanvas,
  .customizer-product .customizer-20887 #AddLineOneCanvas {
    width: 48cqw;
    top: 25cqw;
    left: 48cqw; }
  .customizer-product .customizer-20282 #AddLineTwoCanvas,
  .customizer-product .customizer-20888 #AddLineTwoCanvas,
  .customizer-product .customizer-20886 #AddLineTwoCanvas,
  .customizer-product .customizer-20887 #AddLineTwoCanvas {
    width: 48cqw;
    top: 36cqw;
    left: 48cqw; }
  .customizer-product .customizer-20922 #SymbolCanvas,
  .customizer-product .customizer-21271 #SymbolCanvas,
  .customizer-product .customizer-21268 #SymbolCanvas,
  .customizer-product .customizer-21270 #SymbolCanvas {
    display: none; }
  .customizer-product .customizer-20922 #QRCodeCanvas,
  .customizer-product .customizer-21271 #QRCodeCanvas,
  .customizer-product .customizer-21268 #QRCodeCanvas,
  .customizer-product .customizer-21270 #QRCodeCanvas {
    width: 41.5cqw;
    top: 4cqw;
    left: 4cqw; }
  .customizer-product .customizer-20922 #WordMessageCanvas,
  .customizer-product .customizer-21271 #WordMessageCanvas,
  .customizer-product .customizer-21268 #WordMessageCanvas,
  .customizer-product .customizer-21270 #WordMessageCanvas {
    width: 48cqw;
    top: 14cqw;
    left: 48cqw; }
  .customizer-product .customizer-20922 #AddLineOneCanvas,
  .customizer-product .customizer-21271 #AddLineOneCanvas,
  .customizer-product .customizer-21268 #AddLineOneCanvas,
  .customizer-product .customizer-21270 #AddLineOneCanvas {
    width: 48cqw;
    top: 25cqw;
    left: 48cqw; }
  .customizer-product .customizer-20922 #AddLineTwoCanvas,
  .customizer-product .customizer-21271 #AddLineTwoCanvas,
  .customizer-product .customizer-21268 #AddLineTwoCanvas,
  .customizer-product .customizer-21270 #AddLineTwoCanvas {
    width: 48cqw;
    top: 36cqw;
    left: 48cqw; }
  .customizer-product .customizer-20889 #SymbolCanvas,
  .customizer-product .customizer-20892 #SymbolCanvas,
  .customizer-product .customizer-20890 #SymbolCanvas,
  .customizer-product .customizer-20891 #SymbolCanvas {
    width: 41.5cqw;
    top: 22.5cqw;
    left: 5cqw; }
  .customizer-product .customizer-20889 #WordMessageCanvas,
  .customizer-product .customizer-20892 #WordMessageCanvas,
  .customizer-product .customizer-20890 #WordMessageCanvas,
  .customizer-product .customizer-20891 #WordMessageCanvas {
    width: 47cqw;
    top: 20cqw;
    left: 49cqw; }
  .customizer-product .customizer-20889 #AddLineOneCanvas,
  .customizer-product .customizer-20892 #AddLineOneCanvas,
  .customizer-product .customizer-20890 #AddLineOneCanvas,
  .customizer-product .customizer-20891 #AddLineOneCanvas {
    width: 47cqw;
    top: 35cqw;
    left: 49cqw; }
  .customizer-product .customizer-20889 #AddLineTwoCanvas,
  .customizer-product .customizer-20892 #AddLineTwoCanvas,
  .customizer-product .customizer-20890 #AddLineTwoCanvas,
  .customizer-product .customizer-20891 #AddLineTwoCanvas {
    width: 47cqw;
    top: 50cqw;
    left: 49cqw; }
  .customizer-product .customizer-21443 #SymbolCanvas,
  .customizer-product .customizer-21383 #SymbolCanvas,
  .customizer-product .customizer-21444 #SymbolCanvas,
  .customizer-product .customizer-21442 #SymbolCanvas {
    width: 27.5cqw;
    top: 3.75cqw;
    left: 36.25cqw; }
  .customizer-product .customizer-21443 #EnglishTextOneCanvas,
  .customizer-product .customizer-21383 #EnglishTextOneCanvas,
  .customizer-product .customizer-21444 #EnglishTextOneCanvas,
  .customizer-product .customizer-21442 #EnglishTextOneCanvas {
    width: 32cqw;
    top: 10cqw;
    left: 3cqw; }
  .customizer-product .customizer-21443 #EnglishTextTwoCanvas,
  .customizer-product .customizer-21383 #EnglishTextTwoCanvas,
  .customizer-product .customizer-21444 #EnglishTextTwoCanvas,
  .customizer-product .customizer-21442 #EnglishTextTwoCanvas {
    width: 32cqw;
    top: 17cqw;
    left: 3cqw; }
  .customizer-product .customizer-21443 #EnglishTextThreeCanvas,
  .customizer-product .customizer-21383 #EnglishTextThreeCanvas,
  .customizer-product .customizer-21444 #EnglishTextThreeCanvas,
  .customizer-product .customizer-21442 #EnglishTextThreeCanvas {
    width: 32cqw;
    top: 24cqw;
    left: 3cqw; }
  .customizer-product .customizer-21443 #SecondLanguageCanvas,
  .customizer-product .customizer-21383 #SecondLanguageCanvas,
  .customizer-product .customizer-21444 #SecondLanguageCanvas,
  .customizer-product .customizer-21442 #SecondLanguageCanvas {
    width: 32.5cqw;
    top: 3.25cqw;
    left: 65cqw; }
  .customizer-product .customizer-21443 #SecondaryTextOneCanvas,
  .customizer-product .customizer-21383 #SecondaryTextOneCanvas,
  .customizer-product .customizer-21444 #SecondaryTextOneCanvas,
  .customizer-product .customizer-21442 #SecondaryTextOneCanvas {
    width: 32cqw;
    top: 10cqw;
    left: 65.5cqw; }
  .customizer-product .customizer-21443 #SecondaryTextTwoCanvas,
  .customizer-product .customizer-21383 #SecondaryTextTwoCanvas,
  .customizer-product .customizer-21444 #SecondaryTextTwoCanvas,
  .customizer-product .customizer-21442 #SecondaryTextTwoCanvas {
    width: 32cqw;
    top: 17cqw;
    left: 65.5cqw; }
  .customizer-product .customizer-21443 #SecondaryTextThreeCanvas,
  .customizer-product .customizer-21383 #SecondaryTextThreeCanvas,
  .customizer-product .customizer-21444 #SecondaryTextThreeCanvas,
  .customizer-product .customizer-21442 #SecondaryTextThreeCanvas {
    width: 32cqw;
    top: 24cqw;
    left: 65.5cqw; }
  .customizer-product .customizer-21457 #SymbolCanvas,
  .customizer-product .customizer-21455 #SymbolCanvas,
  .customizer-product .customizer-21456 #SymbolCanvas,
  .customizer-product .customizer-21454 #SymbolCanvas {
    width: 35.5cqw;
    top: 18cqw;
    left: 4.25cqw; }
  .customizer-product .customizer-21457 #EnglishTextOneCanvas,
  .customizer-product .customizer-21455 #EnglishTextOneCanvas,
  .customizer-product .customizer-21456 #EnglishTextOneCanvas,
  .customizer-product .customizer-21454 #EnglishTextOneCanvas {
    width: 54cqw;
    top: 15cqw;
    left: 41.5cqw; }
  .customizer-product .customizer-21457 #EnglishTextTwoCanvas,
  .customizer-product .customizer-21455 #EnglishTextTwoCanvas,
  .customizer-product .customizer-21456 #EnglishTextTwoCanvas,
  .customizer-product .customizer-21454 #EnglishTextTwoCanvas {
    width: 54cqw;
    top: 22cqw;
    left: 41.5cqw; }
  .customizer-product .customizer-21457 #EnglishTextThreeCanvas,
  .customizer-product .customizer-21455 #EnglishTextThreeCanvas,
  .customizer-product .customizer-21456 #EnglishTextThreeCanvas,
  .customizer-product .customizer-21454 #EnglishTextThreeCanvas {
    width: 54cqw;
    top: 29cqw;
    left: 41.5cqw; }
  .customizer-product .customizer-21457 #SecondLanguageCanvas,
  .customizer-product .customizer-21455 #SecondLanguageCanvas,
  .customizer-product .customizer-21456 #SecondLanguageCanvas,
  .customizer-product .customizer-21454 #SecondLanguageCanvas {
    width: 46cqw;
    top: 36.75cqw;
    left: 44.5cqw; }
  .customizer-product .customizer-21457 #SecondaryTextOneCanvas,
  .customizer-product .customizer-21455 #SecondaryTextOneCanvas,
  .customizer-product .customizer-21456 #SecondaryTextOneCanvas,
  .customizer-product .customizer-21454 #SecondaryTextOneCanvas {
    width: 54cqw;
    top: 48cqw;
    left: 41.5cqw; }
  .customizer-product .customizer-21457 #SecondaryTextTwoCanvas,
  .customizer-product .customizer-21455 #SecondaryTextTwoCanvas,
  .customizer-product .customizer-21456 #SecondaryTextTwoCanvas,
  .customizer-product .customizer-21454 #SecondaryTextTwoCanvas {
    width: 54cqw;
    top: 55cqw;
    left: 41.5cqw; }
  .customizer-product .customizer-21457 #SecondaryTextThreeCanvas,
  .customizer-product .customizer-21455 #SecondaryTextThreeCanvas,
  .customizer-product .customizer-21456 #SecondaryTextThreeCanvas,
  .customizer-product .customizer-21454 #SecondaryTextThreeCanvas {
    width: 54cqw;
    top: 62cqw;
    left: 41.5cqw; }
  .customizer-product .customizer-20897 #WordMessageCanvas,
  .customizer-product .customizer-20900 #WordMessageCanvas,
  .customizer-product .customizer-20898 #WordMessageCanvas,
  .customizer-product .customizer-20899 #WordMessageCanvas {
    width: 92cqw;
    top: 14cqw;
    left: 4cqw; }
  .customizer-product .customizer-20897 #AddLineOneCanvas,
  .customizer-product .customizer-20900 #AddLineOneCanvas,
  .customizer-product .customizer-20898 #AddLineOneCanvas,
  .customizer-product .customizer-20899 #AddLineOneCanvas {
    width: 92cqw;
    top: 25cqw;
    left: 4cqw; }
  .customizer-product .customizer-20897 #AddLineTwoCanvas,
  .customizer-product .customizer-20900 #AddLineTwoCanvas,
  .customizer-product .customizer-20898 #AddLineTwoCanvas,
  .customizer-product .customizer-20899 #AddLineTwoCanvas {
    width: 92cqw;
    top: 36cqw;
    left: 4cqw; }
  .customizer-product .customizer-21477 #WordMessageCanvas {
    width: 87cqw;
    top: 15cqw;
    left: 6cqw; }
  .customizer-product .customizer-21477 #AddLineOneCanvas {
    width: 87cqw;
    top: 25cqw;
    left: 6cqw; }
  .customizer-product .customizer-21477 #AddLineTwoCanvas {
    width: 87cqw;
    top: 35cqw;
    left: 6cqw; }
  .customizer-product .customizer-21478 #WordMessageCanvas {
    width: 84cqw;
    top: 30cqw;
    left: 8cqw; }
  .customizer-product .customizer-21478 #AddLineOneCanvas {
    width: 84cqw;
    top: 50cqw;
    left: 8cqw; }
  .customizer-product .customizer-21478 #AddLineTwoCanvas {
    width: 84cqw;
    top: 70cqw;
    left: 8cqw; }
  .customizer-product .customizer-21478 #WordMessageCanvas,
  .customizer-product .customizer-21478 #AddLineOneCanvas,
  .customizer-product .customizer-21478 #AddLineTwoCanvas {
    font-size: 8cqw; }
  .customizer-product .customizer-20901 #WordMessageCanvas,
  .customizer-product .customizer-20905 #WordMessageCanvas,
  .customizer-product .customizer-20902 #WordMessageCanvas,
  .customizer-product .customizer-20903 #WordMessageCanvas {
    width: 90cqw;
    top: 20cqw;
    left: 5cqw; }
  .customizer-product .customizer-20901 #AddLineOneCanvas,
  .customizer-product .customizer-20905 #AddLineOneCanvas,
  .customizer-product .customizer-20902 #AddLineOneCanvas,
  .customizer-product .customizer-20903 #AddLineOneCanvas {
    width: 90cqw;
    top: 30cqw;
    left: 5cqw; }
  .customizer-product .customizer-20901 #AddLineTwoCanvas,
  .customizer-product .customizer-20905 #AddLineTwoCanvas,
  .customizer-product .customizer-20902 #AddLineTwoCanvas,
  .customizer-product .customizer-20903 #AddLineTwoCanvas {
    width: 90cqw;
    top: 40cqw;
    left: 5cqw; }
  .customizer-product .customizer-20916 #WordMessageCanvas,
  .customizer-product .customizer-20919 #WordMessageCanvas,
  .customizer-product .customizer-20917 #WordMessageCanvas,
  .customizer-product .customizer-20918 #WordMessageCanvas {
    width: 90cqw;
    top: 30cqw;
    left: 5cqw; }
  .customizer-product .customizer-20916 #AddLineOneCanvas,
  .customizer-product .customizer-20919 #AddLineOneCanvas,
  .customizer-product .customizer-20917 #AddLineOneCanvas,
  .customizer-product .customizer-20918 #AddLineOneCanvas {
    width: 90cqw;
    top: 40cqw;
    left: 5cqw; }
  .customizer-product .customizer-20916 #AddLineTwoCanvas,
  .customizer-product .customizer-20919 #AddLineTwoCanvas,
  .customizer-product .customizer-20917 #AddLineTwoCanvas,
  .customizer-product .customizer-20918 #AddLineTwoCanvas {
    width: 90cqw;
    top: 50cqw;
    left: 5cqw; }
  .customizer-product .customizer-20906 #WordMessageCanvas,
  .customizer-product .customizer-20911 #WordMessageCanvas,
  .customizer-product .customizer-20908 #WordMessageCanvas,
  .customizer-product .customizer-20910 #WordMessageCanvas {
    width: 33cqw;
    top: 25cqw;
    left: 4.75cqw; }
  .customizer-product .customizer-20906 #AddLineOneCanvas,
  .customizer-product .customizer-20911 #AddLineOneCanvas,
  .customizer-product .customizer-20908 #AddLineOneCanvas,
  .customizer-product .customizer-20910 #AddLineOneCanvas {
    width: 33cqw;
    top: 35cqw;
    left: 4.75cqw; }
  .customizer-product .customizer-20906 #AddLineTwoCanvas,
  .customizer-product .customizer-20911 #AddLineTwoCanvas,
  .customizer-product .customizer-20908 #AddLineTwoCanvas,
  .customizer-product .customizer-20910 #AddLineTwoCanvas {
    width: 33cqw;
    top: 46cqw;
    left: 4.75cqw; }
  .customizer-product .customizer-20893 #SymbolCanvas,
  .customizer-product .customizer-20896 #SymbolCanvas,
  .customizer-product .customizer-20894 #SymbolCanvas,
  .customizer-product .customizer-20895 #SymbolCanvas {
    width: 20cqw;
    top: 24cqw;
    left: 11.45cqw; }
  .customizer-product .customizer-20893 #WordMessageCanvas,
  .customizer-product .customizer-20896 #WordMessageCanvas,
  .customizer-product .customizer-20894 #WordMessageCanvas,
  .customizer-product .customizer-20895 #WordMessageCanvas {
    width: 33cqw;
    top: 45cqw;
    left: 4.75cqw; }
  .customizer-product .customizer-20893 #AddLineOneCanvas,
  .customizer-product .customizer-20896 #AddLineOneCanvas,
  .customizer-product .customizer-20894 #AddLineOneCanvas,
  .customizer-product .customizer-20895 #AddLineOneCanvas {
    width: 33cqw;
    top: 54cqw;
    left: 4.75cqw; }
  .customizer-product .customizer-20893 #AddLineTwoCanvas,
  .customizer-product .customizer-20896 #AddLineTwoCanvas,
  .customizer-product .customizer-20894 #AddLineTwoCanvas,
  .customizer-product .customizer-20895 #AddLineTwoCanvas {
    width: 33cqw;
    top: 62cqw;
    left: 4.75cqw; }
  .customizer-product .customizer-21281 #WordMessageLineOneCanvas {
    width: 86cqw;
    top: 20cqw;
    left: 7cqw; }
  .customizer-product .customizer-21281 #WordMessageLineTwoCanvas {
    width: 86cqw;
    top: 40cqw;
    left: 7cqw; }
  .customizer-product .customizer-21281 #WordMessageLineThreeCanvas {
    width: 86cqw;
    top: 60cqw;
    left: 7cqw; }
  .customizer-product .customizer-21281 #WordMessageLineFourCanvas {
    width: 86cqw;
    top: 80cqw;
    left: 7cqw; }
  .customizer-product .customizer-21281 #WordMessageLineFiveCanvas {
    width: 86cqw;
    top: 100cqw;
    left: 7cqw; }
  .customizer-product .customizer-21281 #WordMessageLineOneCanvas,
  .customizer-product .customizer-21281 #WordMessageLineTwoCanvas,
  .customizer-product .customizer-21281 #WordMessageLineThreeCanvas,
  .customizer-product .customizer-21281 #WordMessageLineFourCanvas,
  .customizer-product .customizer-21281 #WordMessageLineFiveCanvas {
    font-size: 8cqw; }
  .customizer-product .customizer-21267 #SerializationStartCanvas {
    font-size: 5.75cqw;
    width: 63cqw;
    top: 10.25cqw;
    left: 18.85cqw; }
  .customizer-product .customizer-21267 #SerializationEndCanvas {
    font-size: 5.75cqw;
    width: 63cqw;
    top: 36.5cqw;
    left: 18.85cqw; }
  .customizer-product .customizer-21269 #SerializationStartCanvas {
    font-size: 5.75cqw;
    width: 88cqw;
    top: 10.25cqw;
    left: 5.85cqw; }
  .customizer-product .customizer-21269 #SerializationEndCanvas {
    font-size: 5.75cqw;
    width: 88cqw;
    top: 36.5cqw;
    left: 5.85cqw; }
  .customizer-product .customizer-21278 #SpecificVoltageCanvas {
    font-size: 11cqw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .customizer-product .customizer-21508 #ItemDescriptionCanvas {
    width: 88cqw;
    top: 6.25cqw;
    left: 5.85cqw; }
  .customizer-product .customizer-21508 #InventoryCodeCanvas {
    width: 88cqw;
    top: 20.25cqw;
    left: 5.85cqw; }
  .customizer-product .customizer-21509 #LogoUploadCanvasWrapper {
    width: 83cqw;
    height: 26cqw;
    top: 4cqw;
    left: 8.5cqw; }
    .customizer-product .customizer-21509 #LogoUploadCanvasWrapper #LogoUploadCanvas {
      width: 100%;
      height: 100%; }
      .customizer-product .customizer-21509 #LogoUploadCanvasWrapper #LogoUploadCanvas #UploadedImageCanvas {
        object-fit: cover;
        object-fit: center; }
  .customizer-product .customizer-21351 #LogoUploadCanvasWrapper {
    width: 90cqw;
    height: 90cqw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .customizer-product .customizer-21351 #LogoUploadCanvasWrapper #LogoUploadCanvas {
      width: 100%;
      height: 100%; }
      .customizer-product .customizer-21351 #LogoUploadCanvasWrapper #LogoUploadCanvas #UploadedImageCanvas {
        object-fit: cover;
        object-fit: center; }
  .customizer-product .customizer-21352 #LogoUploadCanvasWrapper {
    width: 90cqw;
    height: 40cqw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .customizer-product .customizer-21352 #LogoUploadCanvasWrapper #LogoUploadCanvas {
      width: 100%;
      height: 100%; }
      .customizer-product .customizer-21352 #LogoUploadCanvasWrapper #LogoUploadCanvas #UploadedImageCanvas {
        object-fit: cover;
        object-fit: center; }
  .customizer-product .customizer-21355 #LogoUploadCanvasWrapper {
    width: 90cqw;
    height: 90cqw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .customizer-product .customizer-21355 #LogoUploadCanvasWrapper #LogoUploadCanvas {
      width: 100%;
      height: 100%; }
      .customizer-product .customizer-21355 #LogoUploadCanvasWrapper #LogoUploadCanvas #UploadedImageCanvas {
        border-radius: 50%;
        object-fit: cover;
        object-fit: center; }
  .customizer-product .customizer-21358 #LogoUploadCanvasWrapper {
    width: 30cqw;
    height: 30cqw;
    top: 27cqw;
    left: 53cqw;
    transform: translate(-50%, -50%); }
    .customizer-product .customizer-21358 #LogoUploadCanvasWrapper #LogoUploadCanvas {
      width: 100%;
      height: 100%; }
      .customizer-product .customizer-21358 #LogoUploadCanvasWrapper #LogoUploadCanvas #UploadedImageCanvas {
        border-radius: 50%;
        object-fit: cover;
        object-position: center; }
  .customizer-product .customizer-21357 #LogoUploadCanvasWrapper {
    width: 48cqw;
    height: 30cqw;
    top: 30cqw;
    left: 58cqw;
    transform: translate(-50%, -50%); }
    .customizer-product .customizer-21357 #LogoUploadCanvasWrapper #LogoUploadCanvas {
      width: 100%;
      height: 100%; }
      .customizer-product .customizer-21357 #LogoUploadCanvasWrapper #LogoUploadCanvas #UploadedImageCanvas {
        object-fit: cover;
        object-position: center; }
  .customizer-product .customizer-21356 #LogoUploadCanvasWrapper {
    width: 30cqw;
    height: 30cqw;
    top: 27cqw;
    left: 53cqw;
    transform: translate(-50%, -50%); }
    .customizer-product .customizer-21356 #LogoUploadCanvasWrapper #LogoUploadCanvas {
      width: 100%;
      height: 100%; }
      .customizer-product .customizer-21356 #LogoUploadCanvasWrapper #LogoUploadCanvas #UploadedImageCanvas {
        object-fit: cover;
        object-position: center; }
  .customizer-product .customizer-21280 #TextMessageCanvas {
    font-size: 11cqw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase; }
  .customizer-product .customizer-21282 #ModelNumberCanvas,
  .customizer-product .customizer-21282 #SerialNumberCanvas,
  .customizer-product .customizer-21282 #DateMfgCanvas,
  .customizer-product .customizer-21282 #VoltsCanvas,
  .customizer-product .customizer-21282 #AmpsCanvas,
  .customizer-product .customizer-21282 #HertzCanvas,
  .customizer-product .customizer-21282 #PhaseCanvas {
    font-size: 5cqw;
    width: 37cqw;
    left: 68cqw;
    transform: translate(-50%, -50%); }
  .customizer-product .customizer-21282 #ModelNumberCanvas {
    top: 16cqw; }
  .customizer-product .customizer-21282 #SerialNumberCanvas {
    top: 30cqw; }
  .customizer-product .customizer-21282 #DateMfgCanvas {
    top: 43cqw; }
  .customizer-product .customizer-21282 #VoltsCanvas {
    top: 56cqw; }
  .customizer-product .customizer-21282 #AmpsCanvas {
    top: 70cqw; }
  .customizer-product .customizer-21282 #HertzCanvas {
    top: 83cqw; }
  .customizer-product .customizer-21282 #PhaseCanvas {
    top: 97cqw; }
  .customizer-product .customizer-21290 #TextMessageCanvas {
    font-size: 7cqw;
    width: 90cqw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .customizer-product .customizer-21507 #CageCodeCanvas {
    font-size: 5cqw;
    width: 38cqw;
    top: 14cqw;
    left: 40cqw;
    transform: translate(-50%, -50%); }
  .customizer-product .customizer-21507 #ManufacturerPartNumberCanvas {
    font-size: 5cqw;
    width: 38cqw;
    top: 26.5cqw;
    left: 40cqw;
    transform: translate(-50%, -50%); }
  .customizer-product .customizer-21507 #SerializationStartCanvas {
    font-size: 5cqw;
    width: 38cqw;
    top: 39cqw;
    left: 40cqw;
    transform: translate(-50%, -50%); }
  .customizer-product .customizer-21507 #DataMatrixCanvas {
    width: 31cqw;
    height: 31cqw;
    top: 11cqw;
    left: 62.85cqw; }
    .customizer-product .customizer-21507 #DataMatrixCanvas svg {
      width: 100%;
      height: 100%; }
    .customizer-product .customizer-21507 #DataMatrixCanvas svg:last-child {
      display: none; }
  .customizer-product .customizer-21506 #CageCodeCanvas {
    font-size: 7cqw;
    width: 38cqw;
    top: 14cqw;
    left: 26cqw;
    text-align: left;
    transform: translate(-50%, -50%); }
  .customizer-product .customizer-21506 #ManufacturerPartNumberCanvas {
    font-size: 7cqw;
    width: 38cqw;
    top: 26.5cqw;
    left: 26cqw;
    text-align: left;
    transform: translate(-50%, -50%); }
  .customizer-product .customizer-21506 #SerializationStartCanvas {
    font-size: 7cqw;
    width: 38cqw;
    top: 39cqw;
    left: 26cqw;
    text-align: left;
    transform: translate(-50%, -50%); }
  .customizer-product .customizer-21506 #DataMatrixCanvas {
    width: 31cqw;
    height: 31cqw;
    top: 3cqw;
    left: 66.85cqw; }
    .customizer-product .customizer-21506 #DataMatrixCanvas svg {
      width: 100%;
      height: 100%; }
    .customizer-product .customizer-21506 #DataMatrixCanvas svg:last-child {
      display: none; }
  .customizer-product .customizer-21669 #QRCodeCanvas,
  .customizer-product .customizer-20923 #QRCodeCanvas {
    width: 91cqw;
    top: 4.5cqw;
    left: 4.5cqw; }
  .customizer-product .customizer-20925 #BarCodeCanvasWrapper,
  .customizer-product .customizer-20930 #BarCodeCanvasWrapper,
  .customizer-product .customizer-20931 #BarCodeCanvasWrapper,
  .customizer-product .customizer-20933 #BarCodeCanvasWrapper,
  .customizer-product .customizer-20932 #BarCodeCanvasWrapper,
  .customizer-product .customizer-20924 #BarCodeCanvasWrapper,
  .customizer-product .customizer-20926 #BarCodeCanvasWrapper {
    width: 89cqw;
    top: 6cqw;
    left: 5.5cqw;
    height: 38cqw;
    container-type: inline-size; }
  .customizer-product .customizer-20925 #BarCodeCanvas,
  .customizer-product .customizer-20930 #BarCodeCanvas,
  .customizer-product .customizer-20931 #BarCodeCanvas,
  .customizer-product .customizer-20933 #BarCodeCanvas,
  .customizer-product .customizer-20932 #BarCodeCanvas,
  .customizer-product .customizer-20924 #BarCodeCanvas,
  .customizer-product .customizer-20926 #BarCodeCanvas {
    height: inherit; }
  .customizer-product .customizer-21361 #WordMessageCanvas {
    font-size: 7cqw;
    width: 92cqw;
    top: 4cqw;
    left: 4cqw; }
  .customizer-product .customizer-21361 #AddLineOneCanvas {
    font-size: 7cqw;
    width: 92cqw;
    top: 15cqw;
    left: 4cqw; }
  .customizer-product .customizer-21361 #AddLineTwoCanvas {
    font-size: 7cqw;
    width: 92cqw;
    top: 26cqw;
    left: 4cqw; }
  .customizer-product .customizer-21359 #LogoUploadCanvasWrapper {
    width: 35cqw;
    height: 35cqw;
    top: 9cqw;
    left: 7cqw; }
    .customizer-product .customizer-21359 #LogoUploadCanvasWrapper #LogoUploadCanvas {
      width: 100%;
      height: 100%; }
      .customizer-product .customizer-21359 #LogoUploadCanvasWrapper #LogoUploadCanvas #UploadedImageCanvas {
        object-fit: cover;
        object-fit: center; }
  .customizer-product .customizer-21359 #WordMessageCanvas {
    font-size: 7cqw;
    width: 50cqw;
    top: 9cqw;
    left: 46cqw; }
  .customizer-product .customizer-21359 #AddLineOneCanvas {
    font-size: 7cqw;
    width: 50cqw;
    top: 22cqw;
    left: 46cqw; }
  .customizer-product .customizer-21359 #AddLineTwoCanvas {
    font-size: 7cqw;
    width: 50cqw;
    top: 34cqw;
    left: 46cqw; }
  .customizer-product .customizer-21360 #LogoUploadCanvasWrapper {
    width: 29cqw;
    height: 29cqw;
    top: 3cqw;
    left: 3cqw; }
    .customizer-product .customizer-21360 #LogoUploadCanvasWrapper #LogoUploadCanvas {
      width: 100%;
      height: 100%; }
      .customizer-product .customizer-21360 #LogoUploadCanvasWrapper #LogoUploadCanvas #UploadedImageCanvas {
        object-fit: cover;
        object-fit: center; }
  .customizer-product .customizer-21360 #WordMessageCanvas {
    font-size: 5cqw;
    width: 61cqw;
    top: 3cqw;
    left: 35cqw; }
  .customizer-product .customizer-21360 #AddLineOneCanvas {
    font-size: 5cqw;
    width: 61cqw;
    top: 13cqw;
    left: 35cqw; }
  .customizer-product .customizer-21360 #AddLineTwoCanvas {
    font-size: 5cqw;
    width: 61cqw;
    top: 23cqw;
    left: 35cqw; }
  .customizer-product .customizer-21363 #WordMessageCanvas {
    font-size: 5cqw;
    width: 92cqw;
    top: 3cqw;
    left: 4cqw; }
  .customizer-product .customizer-21363 #AddLineOneCanvas {
    font-size: 5cqw;
    width: 92cqw;
    top: 14cqw;
    left: 4cqw; }
  .customizer-product .customizer-21363 #AddLineTwoCanvas {
    font-size: 5cqw;
    width: 92cqw;
    top: 25cqw;
    left: 4cqw; }
  .customizer-product .customizer-21369 #HealthHazardCanvas,
  .customizer-product .customizer-21284 #HealthHazardCanvas {
    width: 36cqw;
    height: 36cqw;
    top: 32cqw;
    left: 8.75cqw; }
  .customizer-product .customizer-21369 #FlammabilityHazardCanvas,
  .customizer-product .customizer-21284 #FlammabilityHazardCanvas {
    width: 36cqw;
    height: 36cqw;
    top: 8.25cqw;
    left: 31.75cqw; }
  .customizer-product .customizer-21369 #InstabilityHazardCanvas,
  .customizer-product .customizer-21284 #InstabilityHazardCanvas {
    width: 36cqw;
    height: 36cqw;
    top: 32cqw;
    left: 55cqw; }
  .customizer-product .customizer-21369 #SpecialHazardCanvas,
  .customizer-product .customizer-21284 #SpecialHazardCanvas {
    width: 36cqw;
    height: 36cqw;
    top: 54.25cqw;
    left: 31.75cqw; }
  .customizer-product .customizer-21369 #HealthHazardCanvas,
  .customizer-product .customizer-21369 #FlammabilityHazardCanvas,
  .customizer-product .customizer-21369 #InstabilityHazardCanvas,
  .customizer-product .customizer-21369 #SpecialHazardCanvas,
  .customizer-product .customizer-21284 #HealthHazardCanvas,
  .customizer-product .customizer-21284 #FlammabilityHazardCanvas,
  .customizer-product .customizer-21284 #InstabilityHazardCanvas,
  .customizer-product .customizer-21284 #SpecialHazardCanvas {
    object-fit: fill;
    object-position: center;
    margin: 0 auto;
    text-align: center;
    container-type: inline-size;
    display: flex;
    align-items: center;
    justify-content: center; }
    .customizer-product .customizer-21369 #HealthHazardCanvas img,
    .customizer-product .customizer-21369 #FlammabilityHazardCanvas img,
    .customizer-product .customizer-21369 #InstabilityHazardCanvas img,
    .customizer-product .customizer-21369 #SpecialHazardCanvas img,
    .customizer-product .customizer-21284 #HealthHazardCanvas img,
    .customizer-product .customizer-21284 #FlammabilityHazardCanvas img,
    .customizer-product .customizer-21284 #InstabilityHazardCanvas img,
    .customizer-product .customizer-21284 #SpecialHazardCanvas img {
      object-fit: fill;
      object-position: center;
      width: 93cqw; }
  .customizer-product .customizer-21370 #HealthHazardCanvas {
    width: 14cqw;
    height: 14cqw;
    top: 33cqw;
    left: 7cqw; }
  .customizer-product .customizer-21370 #FlammabilityHazardCanvas {
    width: 14cqw;
    height: 14cqw;
    top: 24cqw;
    left: 16.5cqw; }
  .customizer-product .customizer-21370 #InstabilityHazardCanvas {
    width: 14cqw;
    height: 14cqw;
    top: 33cqw;
    left: 25.5cqw; }
  .customizer-product .customizer-21370 #SpecialHazardCanvas {
    width: 14cqw;
    height: 14cqw;
    top: 42cqw;
    left: 16.5cqw; }
  .customizer-product .customizer-21370 #HealthHazardCanvas,
  .customizer-product .customizer-21370 #FlammabilityHazardCanvas,
  .customizer-product .customizer-21370 #InstabilityHazardCanvas,
  .customizer-product .customizer-21370 #SpecialHazardCanvas {
    object-fit: fill;
    object-position: center;
    margin: 0 auto;
    text-align: center;
    container-type: inline-size;
    display: flex;
    align-items: center;
    justify-content: center; }
    .customizer-product .customizer-21370 #HealthHazardCanvas img,
    .customizer-product .customizer-21370 #FlammabilityHazardCanvas img,
    .customizer-product .customizer-21370 #InstabilityHazardCanvas img,
    .customizer-product .customizer-21370 #SpecialHazardCanvas img {
      object-fit: fill;
      object-position: center;
      width: 93cqw; }
  .customizer-product .customizer-21505 #WordMessageCanvas {
    width: 92cqw;
    top: 3cqw;
    left: 4cqw; }
  .customizer-product .customizer-21505 #AddLineOneCanvas {
    width: 92cqw;
    top: 13cqw;
    left: 4cqw; }
  .customizer-product .customizer-21505 #AddLineTwoCanvas {
    width: 92cqw;
    top: 23cqw;
    left: 4cqw; }
  .customizer-product .customizer-21505 #WordMessageLineFourCanvas {
    width: 92cqw;
    top: 33cqw;
    left: 4cqw; }
  .customizer-product .customizer-21505 #WordMessageLineFiveCanvas {
    width: 92cqw;
    top: 43cqw;
    left: 4cqw; }

/* QUOTE RECREATE PAGE STYLE -------------------------------------------------- */
#qrcwelcome {
  display: none; }

#qrcsuccess {
  display: none; }

#qrcerror {
  display: none; }

#qrcinput {
  display: none; }

#qrcloading img {
  margin-bottom: -10px;
  max-width: 77px; }

#qrcerror img {
  margin-bottom: -10px;
  max-width: 77px; }

#qrcsuccess img {
  margin-bottom: -10px;
  max-width: 77px; }

#qrcinput input {
  max-width: 350px;
  margin-bottom: 20px;
  text-align: center; }

#qrcinput input::-webkit-input-placeholder {
  text-align: center; }

#qrcinput input:-moz-placeholder {
  /* Firefox 18- */
  text-align: center; }

#qrcinput input::-moz-placeholder {
  /* Firefox 19+ */
  text-align: center; }

#qrcinput input:-ms-input-placeholder {
  text-align: center; }

#qrcno1 {
  display: none;
  margin-top: 15px; }

/* QUOTE RECREATE PAGE STYLE END-------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*          Article Layout for Both Resource Center and Blog Articles         */
/* -------------------------------------------------------------------------- */
#BlogPost .article-body .container,
.resource-library-information .article-body .container {
  min-width: 0 !important; }

#BlogPost .rc-post-body-text p:empty,
.resource-library-information .rc-post-body-text p:empty {
  display: none; }

@media (min-width: 801px) {
  #BlogPost .rc-post-body-text,
  .resource-library-information .rc-post-body-text {
    margin-left: clamp(90px, 14vw, 14vw); }
  #BlogPost .blog-post-body-text,
  .resource-library-information .blog-post-body-text {
    margin-left: clamp(1rem, 12vw, 14vw);
    width: 80% !important; } }

@media (min-width: 1261px) {
  #BlogPost .article-body,
  .resource-library-information .article-body {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px; }
  #BlogPost .blog-post-body-text,
  #BlogPost .rc-post-body-text,
  .resource-library-information .blog-post-body-text,
  .resource-library-information .rc-post-body-text {
    grid-area: 1 / 1 / 2 / 4;
    float: none !important; }
  #BlogPost .blog-post-body-text,
  .resource-library-information .blog-post-body-text {
    width: auto !important; }
  #BlogPost #blog-post-body-sidebar,
  #BlogPost .rc-post-body-sidebar,
  .resource-library-information #blog-post-body-sidebar,
  .resource-library-information .rc-post-body-sidebar {
    grid-area: 1 / 4 / 2 / 5;
    padding-bottom: 2rem; }
    #BlogPost #blog-post-body-sidebar a#buylink,
    #BlogPost .rc-post-body-sidebar a#buylink,
    .resource-library-information #blog-post-body-sidebar a#buylink,
    .resource-library-information .rc-post-body-sidebar a#buylink {
      color: #000 !important; } }

/* --------------------------------- Sidebar -------------------------------- */
#resource-post-sidebar-individual h1 {
  background: lightgray;
  padding: 1rem;
  margin-bottom: 1rem;
  font-weight: bold;
  font-size: 1.25rem;
  text-align: center !important; }

#blog-post-body-sidebar,
.rc-post-body-sidebar {
  width: auto !important;
  background: #f1f1f1;
  margin: 0 1rem 1rem 1rem;
  display: none; }
  @media (min-width: 1261px) {
    #blog-post-body-sidebar,
    .rc-post-body-sidebar {
      display: inline-block; } }
  #blog-post-body-sidebar #sidebar,
  .rc-post-body-sidebar #sidebar {
    width: 100%;
    padding: 1rem; }
  #blog-post-body-sidebar .newsletter-form,
  #blog-post-body-sidebar .follow-us,
  #blog-post-body-sidebar .help-links-holder,
  .rc-post-body-sidebar .newsletter-form,
  .rc-post-body-sidebar .follow-us,
  .rc-post-body-sidebar .help-links-holder {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 1rem; }
  #blog-post-body-sidebar input#fname,
  #blog-post-body-sidebar input#femail,
  .rc-post-body-sidebar input#fname,
  .rc-post-body-sidebar input#femail {
    height: 40px; }
  #blog-post-body-sidebar input#femail,
  .rc-post-body-sidebar input#femail {
    margin-bottom: 1rem !important; }
  #blog-post-body-sidebar input#fname,
  #blog-post-body-sidebar input#femail,
  #blog-post-body-sidebar #submit,
  .rc-post-body-sidebar input#fname,
  .rc-post-body-sidebar input#femail,
  .rc-post-body-sidebar #submit {
    width: 90%;
    margin: .25rem 0; }
  #blog-post-body-sidebar #submit,
  .rc-post-body-sidebar #submit {
    background-color: #e57200;
    border: none;
    border-radius: .25rem;
    width: 100%;
    padding: .5rem;
    color: white;
    font-weight: bold;
    text-transform: uppercase; }
  #blog-post-body-sidebar .newsletter-form-head,
  #blog-post-body-sidebar .follow-us-head,
  #blog-post-body-sidebar .help-links-head,
  #blog-post-body-sidebar .month-category-links-head,
  #blog-post-body-sidebar .products-area-head,
  .rc-post-body-sidebar .newsletter-form-head,
  .rc-post-body-sidebar .follow-us-head,
  .rc-post-body-sidebar .help-links-head,
  .rc-post-body-sidebar .month-category-links-head,
  .rc-post-body-sidebar .products-area-head {
    font-weight: bold;
    font-size: 1.25rem;
    text-align: center !important; }
  #blog-post-body-sidebar .icon-holder .fab,
  .rc-post-body-sidebar .icon-holder .fab {
    font-size: 1.75rem;
    margin: .5rem .65rem; }
  #blog-post-body-sidebar .newsletter-form,
  .rc-post-body-sidebar .newsletter-form {
    background: lightgray;
    padding: 1rem;
    margin-bottom: 1rem; }
  #blog-post-body-sidebar .newsletter-form-head,
  .rc-post-body-sidebar .newsletter-form-head {
    margin-bottom: 1rem; }
  #blog-post-body-sidebar .follow-us-head,
  #blog-post-body-sidebar .help-links-head,
  #blog-post-body-sidebar .month-category-links-head,
  #blog-post-body-sidebar .products-area-head,
  .rc-post-body-sidebar .follow-us-head,
  .rc-post-body-sidebar .help-links-head,
  .rc-post-body-sidebar .month-category-links-head,
  .rc-post-body-sidebar .products-area-head {
    background: lightgray;
    padding: 1rem;
    margin-bottom: 1rem;
    text-align: left; }
  #blog-post-body-sidebar .help-link .fas,
  .rc-post-body-sidebar .help-link .fas {
    margin-bottom: .25rem; }
  #blog-post-body-sidebar .help-link,
  .rc-post-body-sidebar .help-link {
    text-align: center;
    display: inline-block;
    margin-bottom: 1rem;
    width: 40%;
    color: black;
    text-decoration: none; }
  #blog-post-body-sidebar .pbw-custom-menu-href,
  .rc-post-body-sidebar .pbw-custom-menu-href {
    color: #e57200; }

.body-blog-post {
  max-width: 1900px;
  width: 100%;
  margin: 0 auto; }
  .body-blog-post .blog-post-body-container {
    display: flex;
    justify-content: space-between;
    margin-left: 1rem;
    width: 100%; }
  .body-blog-post .blog-post-body-text {
    width: 85%;
    display: inline-block; }
  .body-blog-post .blog-post-body-sidebar {
    width: 10%;
    display: inline-block; }
  .body-blog-post .bhcenter {
    margin: 1rem 0 0 0;
    font-style: normal; }
  .body-blog-post .blog-post-tags a {
    color: orange;
    text-transform: uppercase; }

/* RESOURCE LIBRARY PAGE STYLE BEGIN -------------------------------------------------- */
#resource-library .resource-parent-hero {
  margin-top: 6rem;
  text-align: left; }
  @media (min-width: 801px) {
    #resource-library .resource-parent-hero {
      margin-top: 0rem; } }
  #resource-library .resource-parent-hero h1 {
    font-size: 2.5rem;
    text-transform: uppercase;
    letter-spacing: 1px; }
    @media (min-width: 801px) {
      #resource-library .resource-parent-hero h1 {
        font-size: 3rem; } }
  #resource-library .resource-parent-hero p {
    color: #e57200;
    font-size: 1.5rem; }
    @media (min-width: 801px) {
      #resource-library .resource-parent-hero p {
        font-size: 2rem; } }
  #resource-library .resource-parent-hero a {
    color: #e57200;
    text-transform: uppercase;
    font-size: 1.5rem;
    display: inline-block;
    margin-right: 0.5rem;
    text-decoration: none; }
    @media (min-width: 801px) {
      #resource-library .resource-parent-hero a {
        font-size: 2rem; } }

#resource-library .resource-infographic-wrapper {
  display: grid;
  grid-gap: 2rem;
  align-items: end; }
  @media (min-width: 801px) {
    #resource-library .resource-infographic-wrapper {
      grid-template-columns: repeat(3, 1fr); } }
  #resource-library .resource-infographic-wrapper .infographic a {
    color: #000; }
    #resource-library .resource-infographic-wrapper .infographic a .infographic-title {
      font-weight: bold;
      margin-bottom: 1rem;
      font-size: 1.5rem;
      color: #000;
      text-decoration: none; }
      #resource-library .resource-infographic-wrapper .infographic a .infographic-title::after {
        content: "\2B73";
        margin-left: 1rem;
        font-size: 1.5rem; }
    #resource-library .resource-infographic-wrapper .infographic a img {
      width: 120px; }
      @media (min-width: 801px) {
        #resource-library .resource-infographic-wrapper .infographic a img {
          width: auto; } }

#resource-library .resource-glossary-wrapper {
  text-align: left; }
  #resource-library .resource-glossary-wrapper .glossary-letter {
    font-size: 2rem;
    margin-bottom: 1rem;
    margin-top: 1rem; }
    #resource-library .resource-glossary-wrapper .glossary-letter a {
      color: #e57200;
      font-style: italic;
      font-weight: bold; }
  #resource-library .resource-glossary-wrapper .glossary-word {
    font-weight: bold;
    margin: 1rem 0 .25rem 0;
    font-size: 1.25rem; }
  #resource-library .resource-glossary-wrapper .glossary-definition {
    font-size: 1.15rem; }

#resource-library .resource-podcast-wrapper .grid article a::before {
  display: none !important; }

#resource-library .resource-podcast-wrapper .grid article {
  padding: 1rem;
  border-radius: .25rem;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3); }
  #resource-library .resource-podcast-wrapper .grid article .top-podcast .text {
    text-align: center;
    text-transform: none !important; }
    #resource-library .resource-podcast-wrapper .grid article .top-podcast .text h3 {
      color: black; }
  #resource-library .resource-podcast-wrapper .grid article .btn-podcast {
    text-align: left !important; }
    #resource-library .resource-podcast-wrapper .grid article .btn-podcast a {
      color: #e57200;
      font-weight: bold; }

#resource-library .page-heading {
  display: none; }

#resource-library .page-builder-wrapper .resource-library-global-sidebar {
  flex-basis: 20rem;
  flex-grow: 1;
  background: #e57200;
  color: white;
  padding: 5rem; }

#resource-library .page-builder-wrapper .resource-library-content {
  text-align: center; }
  #resource-library .page-builder-wrapper .resource-library-content h2 {
    font-size: 2rem;
    color: #e57200;
    font-weight: bold;
    margin-bottom: 1rem; }
  #resource-library .page-builder-wrapper .resource-library-content .section-start {
    text-align: left;
    padding: 0 1rem; }
    #resource-library .page-builder-wrapper .resource-library-content .section-start h2 {
      font-size: 2rem;
      color: #e57200;
      font-weight: bold;
      margin-bottom: 1rem; }
    #resource-library .page-builder-wrapper .resource-library-content .section-start .section-description {
      font-weight: bold; }
    #resource-library .page-builder-wrapper .resource-library-content .section-start h3 {
      font-size: 1.75rem;
      color: #e57200;
      margin-bottom: 1rem; }
  @media (min-width: 801px) {
    #resource-library .page-builder-wrapper .resource-library-content .container.resources .grid {
      grid-template-columns: repeat(auto-fill, minmax(285px, 1fr)); } }
  #resource-library .page-builder-wrapper .resource-library-content .container.resources .grid article a::before {
    display: none; }
  #resource-library .page-builder-wrapper .resource-library-content .grid {
    display: grid;
    grid-gap: 20px;
    align-items: stretch; }
    @media (min-width: 801px) {
      #resource-library .page-builder-wrapper .resource-library-content .grid {
        grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); } }
    #resource-library .page-builder-wrapper .resource-library-content .grid article a {
      position: relative;
      display: block; }
      #resource-library .page-builder-wrapper .resource-library-content .grid article a::before {
        content: "Learn More";
        z-index: 1;
        overflow: hidden;
        font-size: 10px;
        font-weight: bold;
        color: #FFF;
        text-transform: uppercase;
        text-align: center;
        line-height: 20px;
        display: block;
        position: absolute;
        bottom: 1rem;
        right: 1rem;
        background: white;
        color: black;
        font-size: 1rem;
        padding: 1rem;
        cursor: pointer; }
        @media (min-width: 801px) {
          #resource-library .page-builder-wrapper .resource-library-content .grid article a::before {
            font-size: 2rem; } }
      #resource-library .page-builder-wrapper .resource-library-content .grid article a:hover::before {
        background: #e57200;
        color: white; }
    #resource-library .page-builder-wrapper .resource-library-content .grid img {
      border-radius: 1rem;
      max-width: 100%;
      border: 1px solid #ccc;
      box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3); }
    #resource-library .page-builder-wrapper .resource-library-content .grid .text {
      text-align: left; }
      #resource-library .page-builder-wrapper .resource-library-content .grid .text h3 {
        text-transform: uppercase;
        color: #e57200;
        font-weight: bold; }
  #resource-library .page-builder-wrapper .resource-library-content .pdf-carousel .slick-slide {
    padding: 1rem; }
    #resource-library .page-builder-wrapper .resource-library-content .pdf-carousel .slick-slide img {
      box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3); }
    #resource-library .page-builder-wrapper .resource-library-content .pdf-carousel .slick-slide span {
      display: inline-block;
      margin-top: 1rem;
      font-weight: bold; }
  #resource-library .page-builder-wrapper .resource-library-content .pdf-carousel .slick-next,
  #resource-library .page-builder-wrapper .resource-library-content .pdf-carousel .slick-prev {
    background-color: #e57200; }
  #resource-library .page-builder-wrapper .resource-library-content .slick-track {
    margin-left: 0; }
  #resource-library .page-builder-wrapper .resource-library-content .social-media-icons {
    margin-bottom: 2rem; }
    #resource-library .page-builder-wrapper .resource-library-content .social-media-icons a {
      display: inline-block;
      margin-right: .5rem; }
      #resource-library .page-builder-wrapper .resource-library-content .social-media-icons a:hover {
        color: #e57200; }

#resource-library .hide {
  display: none; }

#resource-library .head-nav {
  background: #e57200;
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3); }
  #resource-library .head-nav li:hover {
    background-color: #1a1a1a; }
    #resource-library .head-nav li:hover:before {
      background-color: #1a1a1a; }
    #resource-library .head-nav li:hover svg {
      background: #1a1a1a;
      fill: #e57200; }
    #resource-library .head-nav li:hover a {
      color: #e57200; }
  #resource-library .head-nav li:before {
    position: absolute;
    left: -0.925rem;
    top: 0;
    width: 0.925rem;
    height: 100%;
    content: "";
    background: #e57200;
    z-index: 1;
    transition: background 400ms; }
  #resource-library .head-nav ul {
    margin-top: 1.85rem;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0;
    list-style: none; }
  #resource-library .head-nav li {
    position: relative;
    clear: both;
    width: 100%;
    padding: 0;
    transition: background 400ms; }
    #resource-library .head-nav li a {
      display: flex;
      padding-top: 2vh;
      padding-bottom: 2vh;
      padding-left: 2rem; }
  #resource-library .head-nav a {
    align-items: center;
    width: 100%;
    color: #fefefe;
    text-decoration: none;
    transition: color 400ms; }
    #resource-library .head-nav a span {
      position: relative;
      display: block;
      z-index: 0;
      text-indent: -20em;
      white-space: nowrap;
      transition: text-indent 400ms ease-in-out;
      font-weight: bold;
      font-size: 1.25rem; }
  #resource-library .head-nav svg {
    position: relative;
    max-width: 80px;
    width: 29px;
    max-height: 30px;
    z-index: 1;
    fill: #fefefe;
    background: #e57200;
    transition: 400ms; }
  @media screen and (max: 768px) {
    #resource-library .head-nav ul {
      margin-top: 0.925rem/4; }
    #resource-library .head-nav svg {
      max-width: 20px; } }

#resource-library .main-head {
  position: fixed;
  top: 25%;
  bottom: 0;
  left: 0;
  width: 83px;
  height: 37%;
  z-index: 2;
  transition: width 400ms;
  display: none; }
  @media (min-width: 801px) {
    #resource-library .main-head {
      display: block; } }
  #resource-library .main-head:hover {
    width: 330px; }
    #resource-library .main-head:hover .head-nav {
      background: #e57200; }
      #resource-library .main-head:hover .head-nav li span {
        transition-delay: 100ms; }
      #resource-library .main-head:hover .head-nav li img {
        position: relative;
        max-width: 80px;
        max-height: 40px;
        z-index: 1; }
      #resource-library .main-head:hover .head-nav span {
        text-indent: 23px; }
      #resource-library .main-head:hover .head-nav li:nth-child(2) > a > span {
        text-indent: 16px; }
  @media screen and (max: 768px) {
    #resource-library .main-head {
      width: 70px;
      padding: 0 0.925rem; }
      #resource-library .main-head .head-nav {
        padding-left: 7px; }
      #resource-library .main-head:hover .head-nav span {
        text-indent: 1em; } }

@media (min-width: 801px) {
  .resource-center-header #resource-menu {
    display: none; } }

.resource-center-header #resource-menu-with-icons {
  display: none; }
  @media (min-width: 801px) {
    .resource-center-header #resource-menu-with-icons {
      display: block; } }
  .resource-center-header #resource-menu-with-icons li {
    text-align: center;
    width: 70px; }

.resource-center-header .menu-icon-links a {
  justify-content: space-between; }

.resource-center-header .menu-icon-links .icon-text {
  text-align: left;
  width: 160px; }

.resource-center-header .opened-menu {
  top: 3rem; }

@media (min-width: 801px) {
  .resource-center-header #clarion-blog-logo {
    margin-left: 2rem; } }

.resource-center-header #return-home-button {
  background: #e57200;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 1rem;
  margin-right: 2rem;
  display: none; }
  @media (min-width: 801px) {
    .resource-center-header #return-home-button {
      display: inline-block; } }

/* everything only in the resource library category template ------------------------ */
@media (min-width: 801px) {
  .resource-library-category {
    margin-left: 6rem;
    margin-right: 6rem;
    margin-top: 1rem !important;
    width: auto; } }

.resource-library-category .grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(406px, 1fr));
  grid-gap: 20px;
  align-items: stretch; }

.resource-library-category .hero-banner {
  box-shadow: 0 3px 7px -1px rgba(0, 0, 0, 0.1);
  background: #f3f2f2;
  text-align: center; }
  .resource-library-category .hero-banner .hb-left {
    background-size: cover !important;
    padding: 2rem;
    background-repeat: no-repeat !important; }
    @media (min-width: 801px) {
      .resource-library-category .hero-banner .hb-left {
        background-position-x: center !important; } }
    .resource-library-category .hero-banner .hb-left h1 {
      font-size: 2rem;
      line-height: 2.5rem;
      text-transform: uppercase;
      color: white; }
      @media (min-width: 801px) {
        .resource-library-category .hero-banner .hb-left h1 {
          font-size: 4rem;
          line-height: 5rem; } }
    .resource-library-category .hero-banner .hb-left p {
      font-size: 1.35rem;
      color: white; }
  .resource-library-category .hero-banner .hero-cat-btn {
    background-color: #e57200;
    border: none;
    border-radius: .25rem;
    width: 100%;
    padding: .5rem;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.25rem;
    letter-spacing: 1px;
    font-style: italic;
    text-decoration: none; }
  .resource-library-category .hero-banner .hb-right {
    background: #f3f2f2; }

.resource-library-category .rc-cat-btn-wrapper {
  display: flex;
  justify-content: center; }
  .resource-library-category .rc-cat-btn-wrapper .rc-cat-btn {
    text-align: center; }
    .resource-library-category .rc-cat-btn-wrapper .rc-cat-btn a {
      text-decoration: none; }
    @media (min-width: 801px) {
      .resource-library-category .rc-cat-btn-wrapper .rc-cat-btn {
        margin: 0 3rem; } }
    .resource-library-category .rc-cat-btn-wrapper .rc-cat-btn img {
      max-width: 200px;
      width: 100%; }
    .resource-library-category .rc-cat-btn-wrapper .rc-cat-btn span {
      font-size: 1rem;
      font-weight: bold; }
      @media (min-width: 801px) {
        .resource-library-category .rc-cat-btn-wrapper .rc-cat-btn span {
          font-size: 1.25rem; } }

.resource-library-category .blog-card {
  display: flex;
  flex-direction: column;
  margin: 1rem auto;
  box-shadow: 0 3px 7px -1px rgba(0, 0, 0, 0.1);
  margin-bottom: 1.6%;
  background: #f3f2f2;
  line-height: 1.4;
  border-radius: 5px;
  overflow: hidden;
  z-index: 0; }
  .resource-library-category .blog-card a {
    color: inherit; }
    .resource-library-category .blog-card a:hover {
      color: #e57200; }
  .resource-library-category .blog-card:hover .photo {
    transform: scale(1.3) rotate(3deg); }
  .resource-library-category .blog-card .meta {
    position: relative;
    z-index: 0;
    height: 200px; }
  .resource-library-category .blog-card .photo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    transition: transform .2s; }
  .resource-library-category .blog-card .description {
    padding: 1rem;
    background: #f3f2f2;
    position: relative;
    z-index: 1; }
    .resource-library-category .blog-card .description h2 {
      line-height: 1;
      margin: 0;
      font-size: 1.5rem;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: bold; }
    .resource-library-category .blog-card .description .read-more {
      text-align: right; }
      .resource-library-category .blog-card .description .read-more a {
        color: #e57200;
        display: inline-block;
        position: relative;
        font-weight: bold;
        letter-spacing: 1px;
        text-transform: uppercase;
        padding: 0.25rem 0.5rem !important;
        border: 2px solid #e57200;
        text-decoration: none;
        width: 140px;
        text-align: center;
        border-radius: 4px; }
        .resource-library-category .blog-card .description .read-more a:after {
          content: "\2B9E";
          margin-left: -10px;
          opacity: 0;
          vertical-align: middle;
          transition: margin .3s, opacity .3s;
          display: inline-block;
          padding-bottom: 2px;
          padding-left: 2px; }
        .resource-library-category .blog-card .description .read-more a:hover:after {
          margin-left: 5px;
          opacity: 1; }
      .resource-library-category .blog-card .description .read-more .shop-now {
        color: #fff;
        background: #e57200;
        padding: 0.25rem 0.5rem !important;
        font-weight: bold;
        text-decoration: none; }
  .resource-library-category .blog-card p {
    position: relative;
    margin: 1rem 0 0; }
    .resource-library-category .blog-card p:first-of-type {
      margin-top: 1.25rem; }
      .resource-library-category .blog-card p:first-of-type:before {
        content: "";
        position: absolute;
        height: 5px;
        background: #e57200;
        width: 35px;
        top: -0.75rem;
        border-radius: 3px; }
  .resource-library-category .blog-card:hover .details {
    left: 0%; }
  @media (min-width: 640px) {
    .resource-library-category .blog-card {
      flex-direction: row; }
      .resource-library-category .blog-card .meta {
        flex-basis: 40%;
        height: auto; }
      .resource-library-category .blog-card .description {
        flex-basis: 60%; }
        .resource-library-category .blog-card .description:before {
          transform: skewX(-3deg);
          content: "";
          background: #f3f2f2;
          width: 30px;
          position: absolute;
          left: -10px;
          top: 0;
          bottom: 0;
          z-index: -1; }
      .resource-library-category .blog-card.alt {
        flex-direction: row-reverse; }
        .resource-library-category .blog-card.alt .description:before {
          left: inherit;
          right: -10px;
          transform: skew(3deg); }
        .resource-library-category .blog-card.alt .details {
          padding-left: 25px; } }

.resource-library-category .divider {
  background-color: #fff;
  color: #e57200;
  position: relative;
  text-align: center;
  white-space: nowrap;
  margin: 1rem 0; }

.resource-library-category .divider:before {
  border-bottom: 2px solid #e57200;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: 100%; }

.resource-library-category .divider-text {
  background-color: inherit;
  display: inline-block;
  padding: 0 10px;
  position: relative;
  z-index: 1; }
  .resource-library-category .divider-text button {
    color: #e57200;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px; }

.resource-library-information {
  margin-left: 1rem;
  margin-right: 1rem; }
  @media (min-width: 801px) {
    .resource-library-information {
      width: auto !important; } }
  .resource-library-information .page-heading {
    display: block !important; }
  .resource-library-information .page-footer {
    margin-bottom: 2rem; }
    .resource-library-information .page-footer .footer-blocks {
      display: grid;
      grid-gap: 20px;
      align-items: stretch; }
      @media (min-width: 801px) {
        .resource-library-information .page-footer .footer-blocks {
          display: flex;
          justify-content: center; } }
      @media (min-width: 801px) {
        .resource-library-information .page-footer .footer-blocks {
          grid-template-columns: repeat(auto-fill, minmax(470px, 1fr)); } }
      .resource-library-information .page-footer .footer-blocks > div {
        box-shadow: 7px 7px 0 0 grey;
        padding: 1rem 0 1rem 2rem;
        background: #fafafa;
        position: relative; }
        @media (min-width: 801px) {
          .resource-library-information .page-footer .footer-blocks > div {
            width: 25rem; } }
        .resource-library-information .page-footer .footer-blocks > div ul {
          list-style: none;
          margin: 0; }
        .resource-library-information .page-footer .footer-blocks > div .icon {
          position: absolute;
          top: 1rem;
          right: 1rem; }
          .resource-library-information .page-footer .footer-blocks > div .icon svg {
            color: #e57200; }
        .resource-library-information .page-footer .footer-blocks > div .view-all-link {
          color: #e57200;
          position: absolute;
          bottom: 1rem;
          right: 1rem; }
      .resource-library-information .page-footer .footer-blocks h3 {
        font-size: 1.25rem;
        font-weight: bold;
        margin: 0; }

#resource-page-top-hero {
  width: 100%;
  height: 100vh;
  background-position-x: center;
  background-position-y: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  text-align: center;
  position: relative; }
  #resource-page-top-hero .hero-text {
    background: rgba(255, 255, 255, 0.7);
    padding: 2rem;
    visibility: visible;
    opacity: 1;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%; }
    @media (min-width: 801px) {
      #resource-page-top-hero .hero-text {
        width: auto; } }
    #resource-page-top-hero .hero-text h3 {
      font-size: 1.5rem;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #e57200; }
      @media (min-width: 801px) {
        #resource-page-top-hero .hero-text h3 {
          font-size: 3rem; } }
    #resource-page-top-hero .hero-text p {
      font-size: 1rem; }
      @media (min-width: 801px) {
        #resource-page-top-hero .hero-text p {
          font-size: 1.5rem; } }
  #resource-page-top-hero .explore-btn {
    background: rgba(255, 255, 255, 0.7);
    padding: 2rem;
    visibility: visible;
    opacity: 1;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 80%;
    transform: translate(-50%, -50%);
    color: #e57200;
    font-weight: bold;
    font-size: 1rem;
    text-transform: uppercase; }
    @media (min-width: 801px) {
      #resource-page-top-hero .explore-btn {
        font-size: 1.5rem;
        top: 90%; } }

/* sticky header jump link helpers */
#areas-of-interest {
  scroll-margin-top: 100px !important; }

#A,
#B,
#C,
#D,
#E,
#F,
#G,
#H,
#I,
#J,
#K,
#L,
#M,
#N,
#O,
#P,
#Q,
#R,
#S,
#T,
#U,
#V,
#W,
#X,
#Y,
#Z {
  scroll-margin-top: 100px !important; }

#resource-library .available-downloads {
  display: none !important; }

/* RESOURCE LIBRARY PAGE STYLE END -------------------------------------------------- */
.brand {
  color: black;
  font-weight: bold;
  margin: .75rem 0 0 0;
  display: inline-block; }
  .brand:hover {
    color: black; }

.resource-center-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 999;
  border: none;
  outline: none;
  margin-bottom: 2rem !important;
  background: white;
  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }
  .resource-center-header .clarion-blog-logo-text {
    display: inline;
    vertical-align: bottom; }
  .resource-center-header h1 {
    margin: 0; }
  .resource-center-header .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    max-width: 100%;
    height: auto;
    padding: 0 0 1.5rem 0; }
  .resource-center-header .navbar {
    max-width: 100%;
    height: auto; }
  .resource-center-header .menu > .menu-item {
    position: relative;
    display: inline-block;
    margin: 0 0.75rem; }
    .resource-center-header .menu > .menu-item > a {
      display: block;
      font-family: inherit;
      font-size: 1.25rem;
      font-weight: 600;
      line-height: inherit;
      padding: 1rem 0;
      border: none;
      outline: none;
      color: black;
      text-transform: capitalize;
      text-rendering: optimizeLegibility;
      -webkit-transition: all 0.35s ease;
      -o-transition: all 0.35s ease;
      transition: all 0.35s ease; }
      .resource-center-header .menu > .menu-item > a .expand {
        position: relative;
        display: inline-block;
        height: 0.65rem;
        width: 0.75rem;
        margin-left: 0.35rem;
        border: none;
        outline: none;
        pointer-events: none; }
        .resource-center-header .menu > .menu-item > a .expand:before {
          position: absolute;
          -webkit-box-sizing: inherit;
          box-sizing: inherit;
          content: '';
          left: 50%;
          top: 50%;
          width: 100%;
          height: 2px;
          background: #ffffff;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          -webkit-transition: all 0.35s ease;
          -o-transition: all 0.35s ease;
          transition: all 0.35s ease; }
        .resource-center-header .menu > .menu-item > a .expand:after {
          position: absolute;
          -webkit-box-sizing: inherit;
          box-sizing: inherit;
          content: '';
          left: 50%;
          top: 50%;
          width: 100%;
          height: 2px;
          background: #ffffff;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          -webkit-transition: all 0.35s ease;
          -o-transition: all 0.35s ease;
          transition: all 0.35s ease; }
        .resource-center-header .menu > .menu-item > a .expand::after {
          -webkit-transform: translate(-50%, -50%) rotate(-90deg);
          -ms-transform: translate(-50%, -50%) rotate(-90deg);
          transform: translate(-50%, -50%) rotate(-90deg); }
    .resource-center-header .menu > .menu-item:hover > a {
      color: #e57200; }
      .resource-center-header .menu > .menu-item:hover > a .expand::before {
        background: #e57200; }
      .resource-center-header .menu > .menu-item:hover > a .expand::after {
        background: #e57200; }
    .resource-center-header .menu > .menu-item > .sub-menu {
      position: absolute;
      left: -1rem;
      top: 100%;
      width: 13rem;
      height: auto;
      padding: 0.75rem 0;
      border: none;
      outline: none;
      opacity: 0;
      visibility: hidden;
      border-top: 3px solid #e57200;
      -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      -webkit-transform: translateY(1rem);
      -ms-transform: translateY(1rem);
      transform: translateY(1rem);
      -webkit-transition: all 0.35s ease;
      -o-transition: all 0.35s ease;
      transition: all 0.35s ease; }
      .resource-center-header .menu > .menu-item > .sub-menu > .menu-item {
        display: block; }
        .resource-center-header .menu > .menu-item > .sub-menu > .menu-item > a {
          display: block;
          font-family: inherit;
          font-size: 1rem;
          font-weight: 600;
          line-height: inherit;
          padding: 0.5rem 1.25rem;
          color: black;
          text-transform: capitalize;
          text-rendering: optimizeLegibility;
          -webkit-transition: all 0.35s ease;
          -o-transition: all 0.35s ease;
          transition: all 0.35s ease; }
          .resource-center-header .menu > .menu-item > .sub-menu > .menu-item > a:hover {
            color: #e57200; }
  .resource-center-header .opened-menu {
    position: fixed;
    top: 2rem;
    right: 1rem;
    display: none;
    cursor: pointer;
    width: 2rem;
    height: 1rem;
    border: none;
    outline: none;
    opacity: 0;
    visibility: hidden;
    background: none;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease; }
    .resource-center-header .opened-menu span {
      display: block;
      position: absolute;
      width: 100%;
      height: 2px;
      left: 0;
      border: none;
      outline: none;
      opacity: 1;
      border-radius: 0.25rem;
      background: #000;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease; }
      .resource-center-header .opened-menu span:nth-child(1) {
        top: 0; }
      .resource-center-header .opened-menu span:nth-child(2) {
        top: 0.5rem; }
      .resource-center-header .opened-menu span:nth-child(3) {
        top: 0.5rem; }
      .resource-center-header .opened-menu span:nth-child(4) {
        top: 1rem; }
  .resource-center-header .closed-menu {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    width: 2.5rem;
    height: 2.5rem;
    border: none;
    outline: none;
    background: none; }
    .resource-center-header .closed-menu img.closed-icon {
      display: block;
      width: 1rem;
      height: auto; }
  .resource-center-header .overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease; }

.blog-nav-container {
  padding: 0 !important;
  background: white;
  margin-top: 1rem; }

#return-to-store-link {
  background: #e57200;
  color: white;
  padding: .5rem; }

#return-to-store-link-mobile {
  display: none; }
  #return-to-store-link-mobile a {
    background: #e57200;
    color: white;
    padding: .5rem; }

@media (max-width: 992px) {
  .brand {
    margin-left: 1rem; }
  #return-to-store-link {
    display: none; }
  #return-to-store-link-mobile {
    display: inline-block; } }

@media (min-width: 993px) {
  .resource-center-header .menu > .menu-item-has-children:hover > .sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .resource-center-header .menu > .menu-item-has-children:hover > a .expand::after {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); } }

@media (max-width: 992px) {
  .resource-center-header .overlay.active {
    display: block;
    opacity: 1;
    visibility: visible; }
  .resource-center-header .navbar {
    position: fixed;
    top: 0;
    left: -18rem;
    width: 18rem;
    height: 100%;
    padding: 1rem 0;
    z-index: 999;
    opacity: 0;
    overflow-y: auto;
    visibility: hidden;
    background: white;
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .resource-center-header .navbar::-webkit-scrollbar {
      width: 5px; }
    .resource-center-header .navbar::-webkit-scrollbar-thumb {
      border-radius: 1rem;
      background: #e6e6e6;
      -webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.12);
      box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.12); }
  .resource-center-header .navbar.active {
    left: 0rem;
    opacity: 1;
    visibility: visible; }
  .resource-center-header .menu {
    width: 100%;
    height: auto;
    margin-top: 3.5rem; }
    .resource-center-header .menu > .menu-item {
      display: block;
      margin: 0; }
      .resource-center-header .menu > .menu-item > a {
        padding: 0.75rem 1rem;
        color: black;
        border-bottom: 1px solid #f2f2f2; }
        .resource-center-header .menu > .menu-item > a .expand::before {
          background: #ffffff; }
        .resource-center-header .menu > .menu-item > a .expand::after {
          background: #ffffff; }
      .resource-center-header .menu > .menu-item:first-child > a {
        border-top: 1px solid #f2f2f2; }
      .resource-center-header .menu > .menu-item > .sub-menu {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        max-height: 0;
        padding: 0px;
        border: none;
        outline: none;
        opacity: 1;
        overflow: hidden;
        visibility: visible;
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px); }
        .resource-center-header .menu > .menu-item > .sub-menu > .menu-item > a {
          padding: 0.75rem 2rem;
          color: black;
          border-bottom: 1px solid #f2f2f2; }
    .resource-center-header .menu > .menu-item-has-children > a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .resource-center-header .menu > .menu-item-has-children.active > a .expand:after {
      -webkit-transform: translate(-50%, -50%) rotate(0deg);
      -ms-transform: translate(-50%, -50%) rotate(0deg);
      transform: translate(-50%, -50%) rotate(0deg); }
  .resource-center-header .opened-menu {
    display: block;
    opacity: 1;
    visibility: visible; }
  .resource-center-header .closed-menu {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 1rem;
    right: 0.5rem; } }

/* SEARCH PAGE SIDEBAR*/
#search-template .page-sidebar {
  border: 1px solid;
  border-radius: 0.25rem;
  padding: 1rem; }
  #search-template .page-sidebar .facetedSearch-refineFilters.sidebarBlock {
    border: 1px solid;
    border-radius: 0.25rem;
    padding: 1rem; }
    #search-template .page-sidebar .facetedSearch-refineFilters.sidebarBlock a {
      color: #e57200; }
  #search-template .page-sidebar .sidebarBlock-heading,
  #search-template .page-sidebar .accordion-title {
    font-weight: bold; }
  #search-template .page-sidebar .facetLabel {
    color: #e57200; }

#search-template .productGrid .product {
  width: 33%; }
  @media (min-width: 801px) {
    #search-template .productGrid .product {
      width: 15%; } }

/* SEARCH DROPDOWN -------------------------------------------------- */
.dropdown--quickSearch.is-open {
  top: 61px;
  text-align: left; }
  .dropdown--quickSearch.is-open li.product {
    width: 33%; }
    @media (min-width: 801px) {
      .dropdown--quickSearch.is-open li.product {
        width: 16.33%; } }
  .dropdown--quickSearch.is-open .blogresults--content {
    text-align: left; }
    .dropdown--quickSearch.is-open .blogresults--content a {
      color: #e57200; }

/* END SEARCH DROPDOWN -------------------------------------------------- */
.navBar--account {
  margin-bottom: 2rem; }

.account .account-sidebar-block input.button, .account .account-sidebar-block button {
  background-color: #e57200;
  color: #fff;
  border: none;
  font-weight: bold; }

.account .card {
  padding: 0 0 !important;
  box-shadow: none !important; }

.account .productGrid .product {
  width: calc(100% * 1/2); }
  @media (min-width: 801px) {
    .account .productGrid .product {
      width: calc(100% * 1/6); } }

.account .wishlists-table {
  margin-top: 0.5rem;
  padding-top: 0; }

.account .wishlists-table:not(.table--expanded) {
  border-collapse: collapse;
  border-spacing: 0 var(--space-md);
  margin-top: 0; }

.account .page-heading {
  margin: 0 0 1rem; }
  @media (min-width: 801px) {
    .account .page-heading {
      margin: 0 0 3rem; } }

.account--wishlist {
  margin: 0 var(--space-sm); }
  @media (min-width: 801px) {
    .account--wishlist {
      margin: 0 auto; } }
  .account--wishlist table > tbody > tr > td > a {
    font-weight: bold; }
  .account--wishlist .table-actions .button + .button, .account--wishlist .table-actions .button {
    font-weight: bold; }

#create-account-page #FormField_26,
#create-account-page #FormField_28,
#create-account-page #FormField_30,
#create-account-page #FormField_32,
#create-account-page #FormField_34,
#add-address-page #FormField_26,
#add-address-page #FormField_28,
#add-address-page #FormField_30,
#add-address-page #FormField_32,
#add-address-page #FormField_34 {
  display: none; }

#our-company-template .page-content, #company-leadership .page-content {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto; }

#our-company-template:root, #company-leadership:root {
  --black: #3a3a3a;
  --white: #fff;
  --green: #49b293; }

#our-company-template .author-archive *, #company-leadership .author-archive * {
  margin: 0;
  padding: 0; }

#our-company-template img, #company-leadership img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto !important;
  width: 100% !important; }

#our-company-template ol, #company-leadership ol {
  list-style: none; }

#our-company-template body, #company-leadership body {
  margin: 50px 0;
  color: var(--black);
  font: 1rem/1.3 sans-serif; }

#our-company-template .author-archive, #company-leadership .author-archive {
  padding: 1.5rem; }

#our-company-template .container, #company-leadership .container {
  max-width: 1200px;
  margin: 0 auto; }

#our-company-template input[type="radio"], #company-leadership input[type="radio"] {
  position: absolute;
  left: -9999px; }

#our-company-template .filters, #company-leadership .filters {
  text-align: center;
  margin-bottom: 2rem; }
  #our-company-template .filters *, #company-leadership .filters * {
    display: inline-block; }
  #our-company-template .filters label, #company-leadership .filters label {
    padding: 0.5rem 1rem;
    margin-bottom: 0.25rem;
    border-radius: 2rem;
    min-width: 50px;
    line-height: normal;
    cursor: pointer;
    transition: all 0.1s;
    color: #e57200;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px; }

#our-company-template .bio-cards, #company-leadership .bio-cards {
  display: grid;
  grid-gap: 1.5rem;
  grid-template-columns: repeat(1, 1fr); }
  @media (min-width: 551px) {
    #our-company-template .bio-cards, #company-leadership .bio-cards {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 801px) {
    #our-company-template .bio-cards, #company-leadership .bio-cards {
      grid-template-columns: repeat(3, 1fr); } }
  #our-company-template .bio-cards .bio, #company-leadership .bio-cards .bio {
    background: #fafafa;
    border: 1px solid rgba(0, 0, 0, 0.1); }
  #our-company-template .bio-cards .bio-section, #company-leadership .bio-cards .bio-section {
    font-size: 1.3rem;
    padding: .25rem 1rem 1rem 1rem;
    position: relative; }
    #our-company-template .bio-cards .bio-section .bio-name, #company-leadership .bio-cards .bio-section .bio-name {
      display: block;
      font-weight: bold;
      color: black; }
    #our-company-template .bio-cards .bio-section .bio-title, #company-leadership .bio-cards .bio-section .bio-title {
      font-size: 1.1rem;
      color: black; }
    #our-company-template .bio-cards .bio-section .full-bio-link, #company-leadership .bio-cards .bio-section .full-bio-link {
      font-size: 1rem;
      color: #000;
      display: block;
      margin-bottom: .5rem; }
      @media (min-width: 801px) {
        #our-company-template .bio-cards .bio-section .full-bio-link, #company-leadership .bio-cards .bio-section .full-bio-link {
          text-align: right;
          float: right;
          margin-bottom: 0; } }
      #our-company-template .bio-cards .bio-section .full-bio-link i,
      #our-company-template .bio-cards .bio-section .full-bio-link svg, #company-leadership .bio-cards .bio-section .full-bio-link i,
      #company-leadership .bio-cards .bio-section .full-bio-link svg {
        color: #e57200; }
      #our-company-template .bio-cards .bio-section .full-bio-link span, #company-leadership .bio-cards .bio-section .full-bio-link span {
        display: inline-block; }
  #our-company-template .bio-cards .bio-categories, #company-leadership .bio-cards .bio-categories {
    margin-bottom: 0.75rem;
    font-size: 1rem;
    font-weight: bold;
    background: #e57200;
    padding: .5rem .25rem .25rem .25rem; }
    #our-company-template .bio-cards .bio-categories *, #company-leadership .bio-cards .bio-categories * {
      display: inline-block; }
    #our-company-template .bio-cards .bio-categories li, #company-leadership .bio-cards .bio-categories li {
      margin-bottom: 0.2rem; }
    #our-company-template .bio-cards .bio-categories a, #company-leadership .bio-cards .bio-categories a {
      padding: 0.2rem 0.5rem;
      line-height: normal;
      transition: all 0.1s;
      cursor: default;
      color: white;
      font-size: 1rem; }
      #our-company-template .bio-cards .bio-categories a:hover, #company-leadership .bio-cards .bio-categories a:hover {
        background: inherit;
        color: white; }

#our-company-template [value="All"]:checked ~ .filters [for="All"], #company-leadership [value="All"]:checked ~ .filters [for="All"] {
  background: var(--green);
  color: var(--white); }

#our-company-template [value="All"]:checked ~ .bio-cards [data-category], #company-leadership [value="All"]:checked ~ .bio-cards [data-category] {
  display: block; }

#our-company-template [value="CEO"]:checked ~ .filters [for="CEO"], #company-leadership [value="CEO"]:checked ~ .filters [for="CEO"] {
  background: var(--green);
  color: var(--white); }

#our-company-template [value="CEO"]:checked ~ .bio-cards .bio:not([data-category~="CEO"]), #company-leadership [value="CEO"]:checked ~ .bio-cards .bio:not([data-category~="CEO"]) {
  display: none; }

#our-company-template [value="SeniorLeadership"]:checked ~ .filters [for="SeniorLeadership"], #company-leadership [value="SeniorLeadership"]:checked ~ .filters [for="SeniorLeadership"] {
  background: var(--green);
  color: var(--white); }

#our-company-template [value="SeniorLeadership"]:checked ~ .bio-cards .bio:not([data-category~="SeniorLeadership"]), #company-leadership [value="SeniorLeadership"]:checked ~ .bio-cards .bio:not([data-category~="SeniorLeadership"]) {
  display: none; }

#our-company-template [value="TeamOfDirectors"]:checked ~ .filters [for="TeamOfDirectors"], #company-leadership [value="TeamOfDirectors"]:checked ~ .filters [for="TeamOfDirectors"] {
  background: var(--green);
  color: var(--white); }

#our-company-template [value="TeamOfDirectors"]:checked ~ .bio-cards .bio:not([data-category~="TeamOfDirectors"]), #company-leadership [value="TeamOfDirectors"]:checked ~ .bio-cards .bio:not([data-category~="TeamOfDirectors"]) {
  display: none; }

#our-company-template [value="ExpertConsultants"]:checked ~ .filters [for="ExpertConsultants"], #company-leadership [value="ExpertConsultants"]:checked ~ .filters [for="ExpertConsultants"] {
  background: var(--green);
  color: var(--white); }

#our-company-template [value="ExpertConsultants"]:checked ~ .bio-cards .bio:not([data-category~="ExpertConsultants"]), #company-leadership [value="ExpertConsultants"]:checked ~ .bio-cards .bio:not([data-category~="ExpertConsultants"]) {
  display: none; }

#our-company-template [value="Founder"]:checked ~ .filters [for="Founder"], #company-leadership [value="Founder"]:checked ~ .filters [for="Founder"] {
  background: var(--green);
  color: var(--white); }

#our-company-template [value="Founder"]:checked ~ .bio-cards .bio:not([data-category~="Founder"]), #company-leadership [value="Founder"]:checked ~ .bio-cards .bio:not([data-category~="Founder"]) {
  display: none; }

#our-company-template .divider, #company-leadership .divider {
  background-color: #fff;
  color: #e57200;
  position: relative;
  text-align: center;
  white-space: nowrap;
  margin: 1rem 0; }

#our-company-template .divider:before, #company-leadership .divider:before {
  border-bottom: 2px solid #e57200;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: 100%; }

#our-company-template .divider-text, #company-leadership .divider-text {
  background-color: inherit;
  display: inline-block;
  padding: 0 10px;
  position: relative;
  z-index: 1; }
  #our-company-template .divider-text button, #company-leadership .divider-text button {
    color: #e57200;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px; }

#our-company-template [data-sub-layout-container="1ebe85e7-7876-47d5-a3e4-cbe6cc156c8c"], #company-leadership [data-sub-layout-container="1ebe85e7-7876-47d5-a3e4-cbe6cc156c8c"] {
  display: block; }

#our-company-template [data-sub-layout-container="8406ecc7-ce06-4dc6-9c27-b1626e40f9ca"], #company-leadership [data-sub-layout-container="8406ecc7-ce06-4dc6-9c27-b1626e40f9ca"] {
  align-items: flex-start; }

#our-company-template #sd-simple-text-editable-7bf654d7-ea02-45df-967f-c0e1add52b5a, #company-leadership #sd-simple-text-editable-7bf654d7-ea02-45df-967f-c0e1add52b5a {
  text-align: justify; }

#our-company-template .biography-template, #company-leadership .biography-template {
  padding: 0 1rem;
  display: block;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0px 0px;
  grid-template-areas: "left"
 "right"
 "bottom"; }
  @media (min-width: 801px) {
    #our-company-template .biography-template, #company-leadership .biography-template {
      display: grid;
      grid-template-columns: 1fr 0.6fr 1.4fr 1fr 1fr;
      grid-template-rows: 1fr 1fr;
      gap: 0px 2rem;
      grid-template-areas: "left left right right right"
 "bottom bottom bottom bottom bottom";
      max-width: 1200px;
      margin: 0 auto; } }
  #our-company-template .biography-template .left, #company-leadership .biography-template .left {
    grid-area: left; }
    @media (min-width: 801px) {
      #our-company-template .biography-template .left, #company-leadership .biography-template .left {
        grid-area: left; } }
    #our-company-template .biography-template .left img, #company-leadership .biography-template .left img {
      height: auto; }
    #our-company-template .biography-template .left .yoe, #company-leadership .biography-template .left .yoe {
      font-weight: bold;
      margin: 1rem 0;
      font-size: 15px; }
    #our-company-template .biography-template .left .sc-header, #company-leadership .biography-template .left .sc-header {
      font-size: 15px;
      background-color: #e57200;
      color: #fff;
      padding: .5rem 1rem;
      font-weight: bold; }
    #our-company-template .biography-template .left ul, #company-leadership .biography-template .left ul {
      color: #e57200;
      font-weight: bold; }
  #our-company-template .biography-template .right, #company-leadership .biography-template .right {
    grid-area: right; }
    @media (min-width: 801px) {
      #our-company-template .biography-template .right, #company-leadership .biography-template .right {
        grid-area: right; } }
    #our-company-template .biography-template .right .heading-name, #company-leadership .biography-template .right .heading-name {
      font-size: 28px;
      font-weight: bold;
      margin: 0 !important;
      text-align: left; }
    #our-company-template .biography-template .right .heading-title, #company-leadership .biography-template .right .heading-title {
      font-size: 25px;
      color: #e57200;
      font-weight: bold; }
    #our-company-template .biography-template .right .heading-subtitle, #company-leadership .biography-template .right .heading-subtitle {
      font-size: 22px;
      font-style: italic; }
    #our-company-template .biography-template .right .bio-description, #company-leadership .biography-template .right .bio-description {
      margin-top: 1rem;
      font-size: 1rem; }
  #our-company-template .biography-template .bottom, #company-leadership .biography-template .bottom {
    grid-area: bottom;
    margin-bottom: 2rem; }
    @media (min-width: 801px) {
      #our-company-template .biography-template .bottom, #company-leadership .biography-template .bottom {
        grid-area: bottom; } }
    #our-company-template .biography-template .bottom .in-the-industry .iti-heading, #company-leadership .biography-template .bottom .in-the-industry .iti-heading {
      font-weight: bold;
      font-size: 28px; }
    #our-company-template .biography-template .bottom .in-the-industry .iti-articles, #company-leadership .biography-template .bottom .in-the-industry .iti-articles {
      display: flex;
      justify-content: space-between;
      flex-direction: column; }
      @media (min-width: 801px) {
        #our-company-template .biography-template .bottom .in-the-industry .iti-articles, #company-leadership .biography-template .bottom .in-the-industry .iti-articles {
          flex-direction: row; } }
      #our-company-template .biography-template .bottom .in-the-industry .iti-articles .iti-card, #company-leadership .biography-template .bottom .in-the-industry .iti-articles .iti-card {
        width: 100%;
        margin-bottom: 2rem; }
        @media (min-width: 801px) {
          #our-company-template .biography-template .bottom .in-the-industry .iti-articles .iti-card, #company-leadership .biography-template .bottom .in-the-industry .iti-articles .iti-card {
            margin-bottom: 0;
            padding: 0 1rem; } }
        #our-company-template .biography-template .bottom .in-the-industry .iti-articles .iti-card img, #company-leadership .biography-template .bottom .in-the-industry .iti-articles .iti-card img {
          border-radius: .5rem;
          box-shadow: 0 14px 17px -20px #000;
          display: block;
          margin-bottom: 1rem; }
        #our-company-template .biography-template .bottom .in-the-industry .iti-articles .iti-card .iti-title, #company-leadership .biography-template .bottom .in-the-industry .iti-articles .iti-card .iti-title {
          font-weight: bold;
          margin-top: 1rem; }
        #our-company-template .biography-template .bottom .in-the-industry .iti-articles .iti-card .iti-btn, #company-leadership .biography-template .bottom .in-the-industry .iti-articles .iti-card .iti-btn {
          color: #e57200;
          font-weight: bold;
          text-decoration: underline; }

#our-company-template .back-to-leadership, #company-leadership .back-to-leadership {
  padding: 1rem;
  margin: 1rem 0;
  background: #e57200;
  color: #fff;
  font-weight: bold;
  display: inline-block; }

#our-company-template .page-heading, #company-leadership .page-heading {
  line-height: 1.5;
  box-sizing: border-box;
  padding: 0;
  color: #444444;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  letter-spacing: 0.25px;
  font-weight: 600;
  font-size: 28px;
  margin: 0 0 3rem;
  text-align: center;
  margin-bottom: 2rem; }

.page-523-class {
  padding-top: 0 !important; }

#company-profile {
  font-size: var(--text-base-size, 1rem);
  font-family: var(--font-primary, sans-serif);
  color: var(--color-contrast-high, #323639);
  font-weight: var(--body-font-weight, normal); }
  #company-profile h1, #company-profile h2, #company-profile h3, #company-profile h4 {
    color: var(--color-contrast-higher, #0d1317);
    line-height: var(--heading-line-height, 1.2);
    font-weight: var(--heading-font-weight, 700); }
  #company-profile h1 {
    font-size: var(--text-xxl, 2rem); }
  #company-profile h2 {
    font-size: var(--text-xl, 1.75rem); }
  #company-profile h3 {
    font-size: var(--text-lg, 1.375rem); }
  #company-profile h4 {
    font-size: var(--text-md, 1.125rem); }
  #company-profile small {
    font-size: var(--text-sm, 0.75rem); }

#safety-resume-highlights {
  text-align: left; }
  #safety-resume-highlights .card-v14 ul > li > div > div {
    font-size: var(--text-sm); }

.page-530-class ul {
  list-style-position: outside !important; }

@media (min-width: 801px) {
  #company-profile > article > div:nth-child(1) > div > div > div > div:nth-child(3) > ul > li:nth-child(1) {
    margin-right: 4rem; } }

.page-496-class h1 {
  color: black;
  font-size: 2.5rem !important; }

#services-template {
  /* Pattern styles */ }
  #services-template .split-container {
    padding: 2rem 0; }
    @media (min-width: 801px) {
      #services-template .split-container {
        display: flex;
        padding: 2rem 0; } }
    #services-template .split-container .left-half,
    #services-template .split-container .right-half {
      padding: 6rem 1rem;
      color: #fff;
      background-size: cover !important;
      background-repeat: no-repeat !important;
      background-position: center !important; }
      @media (min-width: 801px) {
        #services-template .split-container .left-half,
        #services-template .split-container .right-half {
          flex: 1;
          display: flex;
          align-items: center; } }
    @media (min-width: 801px) {
      #services-template .split-container .left-half {
        justify-content: flex-end;
        text-align: right; } }
    @media (min-width: 801px) {
      #services-template .split-container .right-half {
        justify-content: flex-start;
        text-align: left; } }

.page-537-template {
  padding: 0;
  margin: 0;
  width: 100%; }

/* 
* Global Widget Styles
*
*
* To Do:
* Category Hero - Image with CTA Widget
*/
[data-widget-id] {
  /* OC Cards */
  /* Resource Center Case Studies */
  /* Subcategory Grid Vertical Widget */
  /* Subcategory Image with Three Grid */
  /* Subcategory Featured with Grid Widget */
  /* Subcategory Carousel Widget */
  /* Image Cards with Tooltip Widget */
  /* Text Banner with Simple Background Widget */
  /* Subcategory Hover with List */
  /* Category Hero - Image with CTA Widget */
  /* Thin Banner with Image and CTA */ }
  [data-widget-id] .grid-auto-md {
    display: grid;
    gap: 10px; }
  [data-widget-id] .card-v6 {
    display: flex;
    flex-direction: column;
    height: 100%; }
  [data-widget-id] .card-v6__content {
    flex-grow: 1; }
  [data-widget-id] .card-v6__arrow {
    align-self: flex-end; }
  [data-widget-id] .grid-auto-md.gap-md.list-style-none.padding-y-md .card-v6__content {
    color: var(--color-black); }
    [data-widget-id] .grid-auto-md.gap-md.list-style-none.padding-y-md .card-v6__content .font-bold {
      font-weight: 700; }
  [data-widget-id] .resource-case-studies-wrapper .grid article a::before {
    display: none !important; }
  [data-widget-id] .resource-case-studies-wrapper .grid {
    display: grid;
    grid-gap: 20px;
    align-items: stretch; }
    @media (min-width: 801px) {
      [data-widget-id] .resource-case-studies-wrapper .grid {
        grid-template-columns: repeat(auto-fit, minmax(calc(100% / 3), 1fr)); } }
    [data-widget-id] .resource-case-studies-wrapper .grid article {
      border-radius: 0.25rem;
      box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      [data-widget-id] .resource-case-studies-wrapper .grid article .top-article {
        position: relative; }
        [data-widget-id] .resource-case-studies-wrapper .grid article .top-article .logo {
          position: absolute;
          border: none !important;
          right: 0;
          width: 130px;
          height: 100px;
          width: 200px;
          object-fit: contain;
          background: white;
          box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3); }
        [data-widget-id] .resource-case-studies-wrapper .grid article .top-article .article-img {
          height: 330px;
          object-fit: cover;
          margin-bottom: var(--space-sm);
          box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3) !important;
          border-radius: 0 !important; }
        [data-widget-id] .resource-case-studies-wrapper .grid article .top-article .text {
          padding: 0 1rem; }
          [data-widget-id] .resource-case-studies-wrapper .grid article .top-article .text h3 {
            margin-top: var(--space-sm) !important;
            text-transform: uppercase !important;
            color: #e57200 !important;
            font-weight: bold !important; }
          [data-widget-id] .resource-case-studies-wrapper .grid article .top-article .text p {
            font-size: var(--text-sm) !important;
            margin-top: var(--text-xs); }
      [data-widget-id] .resource-case-studies-wrapper .grid article .btn-article {
        background: #e57200;
        padding: 1rem;
        border-radius: 0;
        text-align: center; }
        [data-widget-id] .resource-case-studies-wrapper .grid article .btn-article a {
          color: white;
          font-weight: bold; }
  [data-widget-id] .broad-category-grid-vertical {
    padding: var(--space-sm);
    margin-top: var(--space-xs);
    position: relative;
    background: #f5f5f5; }
    @media (min-width: 801px) {
      [data-widget-id] .broad-category-grid-vertical {
        flex-direction: row; } }
    [data-widget-id] .broad-category-grid-vertical .broad-category-header {
      font-weight: bold;
      font-size: var(--text-lg); }
      [data-widget-id] .broad-category-grid-vertical .broad-category-header .broad-category-link {
        display: block;
        font-size: var(--text-sm); }
      [data-widget-id] .broad-category-grid-vertical .broad-category-header p {
        font-size: var(--text-sm);
        font-weight: normal;
        padding-right: var(--space-sm); }
      [data-widget-id] .broad-category-grid-vertical .broad-category-header a {
        font-weight: bold; }
    [data-widget-id] .broad-category-grid-vertical .widget-overlay-img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 0;
      background-size: cover;
      background-position: center; }
    [data-widget-id] .broad-category-grid-vertical > * {
      position: relative;
      z-index: 1; }
    [data-widget-id] .broad-category-grid-vertical .grid-category-item-wrapper {
      padding: var(--space-sm);
      display: flex;
      flex-wrap: wrap; }
      @media (min-width: 801px) {
        [data-widget-id] .broad-category-grid-vertical .grid-category-item-wrapper {
          display: flex;
          flex-wrap: wrap; } }
      [data-widget-id] .broad-category-grid-vertical .grid-category-item-wrapper .grid-category-item {
        background-color: white;
        border-radius: var(--radius-lg);
        box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
        padding: var(--space-sm);
        margin: var(--space-xxs) auto;
        position: relative;
        text-align: center;
        display: inline-block;
        min-width: 200px; }
        @media (min-width: 801px) {
          [data-widget-id] .broad-category-grid-vertical .grid-category-item-wrapper .grid-category-item {
            margin: var(--space-xxs);
            flex: 1;
            min-width: calc(
 50% - var(--space-sm)); } }
        [data-widget-id] .broad-category-grid-vertical .grid-category-item-wrapper .grid-category-item a {
          text-decoration: none; }
          @media (min-width: 801px) {
            [data-widget-id] .broad-category-grid-vertical .grid-category-item-wrapper .grid-category-item a {
              display: block; } }
          [data-widget-id] .broad-category-grid-vertical .grid-category-item-wrapper .grid-category-item a img {
            padding: var(--space-xs);
            height: 150px;
            width: 150px;
            object-fit: scale-down;
            margin: 0 auto; }
          [data-widget-id] .broad-category-grid-vertical .grid-category-item-wrapper .grid-category-item a span {
            color: black;
            font-size: var(--text-sm);
            font-weight: bold; }
  [data-widget-id] .broad-category-image-three-grid {
    background: #f5f5f5;
    padding: var(--space-sm);
    display: flex;
    flex-direction: column; }
    @media (min-width: 801px) {
      [data-widget-id] .broad-category-image-three-grid {
        flex-direction: row;
        padding: 0; } }
    [data-widget-id] .broad-category-image-three-grid .background-image-item {
      display: none; }
      @media (min-width: 801px) {
        [data-widget-id] .broad-category-image-three-grid .background-image-item {
          display: block;
          height: 245px;
          max-width: 320px;
          overflow: hidden; } }
      [data-widget-id] .broad-category-image-three-grid .background-image-item .faded {
        position: relative;
        display: inline-block;
        color: #f5f5f5;
        height: 100%; }
        [data-widget-id] .broad-category-image-three-grid .background-image-item .faded img {
          height: inherit;
          object-fit: cover; }
      [data-widget-id] .broad-category-image-three-grid .background-image-item .faded:after {
        content: "";
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-collapse: separate; }
      [data-widget-id] .broad-category-image-three-grid .background-image-item .faded.faded-right:after {
        box-shadow: inset -60px 0px 30px -6px; }
    [data-widget-id] .broad-category-image-three-grid .grid-category-item-wrapper {
      display: grid;
      margin: 0 auto; }
      @media (min-width: 801px) {
        [data-widget-id] .broad-category-image-three-grid .grid-category-item-wrapper {
          margin: inherit;
          display: flex; } }
      [data-widget-id] .broad-category-image-three-grid .grid-category-item-wrapper .grid-category-item {
        background-color: white;
        border-radius: var(--radius-lg);
        box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
        max-width: 200px;
        padding: var(--space-md) var(--space-sm);
        margin: var(--space-xxs);
        position: relative;
        text-align: center;
        display: inline-block; }
        [data-widget-id] .broad-category-image-three-grid .grid-category-item-wrapper .grid-category-item a {
          text-decoration: none; }
          [data-widget-id] .broad-category-image-three-grid .grid-category-item-wrapper .grid-category-item a img {
            padding: var(--space-xs); }
          [data-widget-id] .broad-category-image-three-grid .grid-category-item-wrapper .grid-category-item a span {
            color: black;
            font-size: var(--text-sm);
            font-weight: bold; }
  [data-widget-id] .broad-category-feature-and-grid {
    padding: var(--space-sm);
    margin-top: var(--space-xs);
    position: relative;
    background: #f5f5f5; }
    [data-widget-id] .broad-category-feature-and-grid .broad-category-header {
      font-weight: bold;
      font-size: var(--text-lg); }
      [data-widget-id] .broad-category-feature-and-grid .broad-category-header .broad-category-link {
        display: block;
        font-size: var(--text-sm); }
      [data-widget-id] .broad-category-feature-and-grid .broad-category-header p {
        font-size: var(--text-sm);
        font-weight: normal;
        padding-right: var(--space-sm); }
      [data-widget-id] .broad-category-feature-and-grid .broad-category-header a {
        font-weight: bold; }
    [data-widget-id] .broad-category-feature-and-grid .widget-overlay-img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 0;
      background-size: cover;
      background-position: center; }
    [data-widget-id] .broad-category-feature-and-grid > * {
      position: relative;
      z-index: 1; }
    [data-widget-id] .broad-category-feature-and-grid .content-wrapper {
      padding: var(--space-sm);
      margin-top: var(--space-xs);
      display: flex;
      flex-direction: column;
      position: relative; }
      @media (min-width: 801px) {
        [data-widget-id] .broad-category-feature-and-grid .content-wrapper {
          flex-direction: row; } }
      [data-widget-id] .broad-category-feature-and-grid .content-wrapper .feature-category-item-wrapper {
        padding: var(--space-sm);
        display: flex;
        align-items: center; }
        @media (min-width: 801px) {
          [data-widget-id] .broad-category-feature-and-grid .content-wrapper .feature-category-item-wrapper {
            margin: var(--space-md);
            width: 30%; } }
        [data-widget-id] .broad-category-feature-and-grid .content-wrapper .feature-category-item-wrapper .feature-category-item {
          background: white;
          border-radius: var(--radius-lg);
          box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
          padding: var(--space-md) var(--space-sm);
          margin: var(--space-xxs);
          position: relative;
          text-align: center;
          display: inline-block; }
          [data-widget-id] .broad-category-feature-and-grid .content-wrapper .feature-category-item-wrapper .feature-category-item a {
            text-decoration: none; }
            @media (min-width: 801px) {
              [data-widget-id] .broad-category-feature-and-grid .content-wrapper .feature-category-item-wrapper .feature-category-item a {
                display: block; } }
            [data-widget-id] .broad-category-feature-and-grid .content-wrapper .feature-category-item-wrapper .feature-category-item a img {
              padding: var(--space-xs); }
              @media (min-width: 801px) {
                [data-widget-id] .broad-category-feature-and-grid .content-wrapper .feature-category-item-wrapper .feature-category-item a img {
                  height: 300px;
                  width: 500px;
                  object-fit: scale-down;
                  margin: 0 auto; } }
            [data-widget-id] .broad-category-feature-and-grid .content-wrapper .feature-category-item-wrapper .feature-category-item a span {
              color: black;
              font-size: var(--text-md);
              font-weight: bold; }
      [data-widget-id] .broad-category-feature-and-grid .content-wrapper .grid-category-item-wrapper {
        padding: var(--space-sm);
        display: flex;
        flex-wrap: wrap; }
        @media (min-width: 801px) {
          [data-widget-id] .broad-category-feature-and-grid .content-wrapper .grid-category-item-wrapper {
            display: flex;
            flex-wrap: wrap; } }
        [data-widget-id] .broad-category-feature-and-grid .content-wrapper .grid-category-item-wrapper .grid-category-item {
          background-color: white;
          border-radius: var(--radius-lg);
          box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
          padding: var(--space-sm);
          margin: var(--space-xxs) auto;
          position: relative;
          text-align: center;
          display: inline-block;
          min-width: 200px; }
          @media (min-width: 801px) {
            [data-widget-id] .broad-category-feature-and-grid .content-wrapper .grid-category-item-wrapper .grid-category-item {
              margin: var(--space-xxs);
              flex: 1;
              min-width: calc(
 50% - var(--space-sm)); } }
          [data-widget-id] .broad-category-feature-and-grid .content-wrapper .grid-category-item-wrapper .grid-category-item a {
            text-decoration: none; }
            @media (min-width: 801px) {
              [data-widget-id] .broad-category-feature-and-grid .content-wrapper .grid-category-item-wrapper .grid-category-item a {
                display: block; } }
            [data-widget-id] .broad-category-feature-and-grid .content-wrapper .grid-category-item-wrapper .grid-category-item a img {
              padding: var(--space-xs);
              height: 150px;
              width: 150px;
              object-fit: scale-down;
              margin: 0 auto; }
            [data-widget-id] .broad-category-feature-and-grid .content-wrapper .grid-category-item-wrapper .grid-category-item a span {
              color: black;
              font-size: var(--text-sm);
              font-weight: bold; }
      @media (min-width: 801px) {
        [data-widget-id] .broad-category-feature-and-grid .content-wrapper .grid-category-item-wrapper {
          width: 70%; } }
  [data-widget-id] .broad-category-widget-wrapper {
    background: #f5f5f5;
    padding: var(--space-sm);
    margin-top: var(--space-xs);
    position: relative; }
    [data-widget-id] .broad-category-widget-wrapper .widget-overlay-img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 0;
      background-size: cover;
      background-position: center; }
    [data-widget-id] .broad-category-widget-wrapper > * {
      position: relative;
      z-index: 1; }
    [data-widget-id] .broad-category-widget-wrapper .broad-category-widget {
      margin-left: unset;
      margin-right: unset; }
      [data-widget-id] .broad-category-widget-wrapper .broad-category-widget ol,
      [data-widget-id] .broad-category-widget-wrapper .broad-category-widget ul {
        list-style: none;
        margin-left: 0; }
      [data-widget-id] .broad-category-widget-wrapper .broad-category-widget nav ul {
        margin: 0; }
      [data-widget-id] .broad-category-widget-wrapper .broad-category-widget .broad-category-header {
        font-weight: bold;
        font-size: var(--text-lg); }
        [data-widget-id] .broad-category-widget-wrapper .broad-category-widget .broad-category-header .broad-category-link {
          display: block;
          font-size: var(--text-sm); }
        [data-widget-id] .broad-category-widget-wrapper .broad-category-widget .broad-category-header p {
          font-size: var(--text-sm);
          font-weight: normal;
          padding-right: var(--space-sm); }
        [data-widget-id] .broad-category-widget-wrapper .broad-category-widget .broad-category-header a {
          font-weight: bold; }
      [data-widget-id] .broad-category-widget-wrapper .broad-category-widget .carousel__wrapper .carousel__list .carousel__item .item-wrapper {
        background-color: white;
        border-radius: var(--radius-lg);
        box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
        max-width: 250px;
        padding: var(--space-md) var(--space-sm);
        margin: 0 auto;
        position: relative;
        text-align: center; }
        [data-widget-id] .broad-category-widget-wrapper .broad-category-widget .carousel__wrapper .carousel__list .carousel__item .item-wrapper a {
          text-decoration: none; }
          @media (min-width: 801px) {
            [data-widget-id] .broad-category-widget-wrapper .broad-category-widget .carousel__wrapper .carousel__list .carousel__item .item-wrapper a {
              display: block; } }
          [data-widget-id] .broad-category-widget-wrapper .broad-category-widget .carousel__wrapper .carousel__list .carousel__item .item-wrapper a img {
            padding: var(--space-xs);
            height: 150px;
            width: 150px;
            object-fit: scale-down;
            margin: 0 auto; }
          [data-widget-id] .broad-category-widget-wrapper .broad-category-widget .carousel__wrapper .carousel__list .carousel__item .item-wrapper a span {
            color: black;
            font-size: var(--text-sm);
            font-weight: bold; }
  [data-widget-id] .broad-cat-subcat-img-wrapper {
    list-style: none; }
    [data-widget-id] .broad-cat-subcat-img-wrapper .subcategory-card {
      padding: 1rem;
      border-radius: 0.5rem;
      margin: 1rem 1rem 0 0; }
      [data-widget-id] .broad-cat-subcat-img-wrapper .subcategory-card .subcat-card-img {
        border-radius: 0.5rem; }
      [data-widget-id] .broad-cat-subcat-img-wrapper .subcategory-card .subcat-card-title {
        color: var(--color-black);
        display: inline-block;
        margin-top: var(--space-sm);
        font-size: var(--text-base-size);
        text-decoration: none; }
      [data-widget-id] .broad-cat-subcat-img-wrapper .subcategory-card .subcat-card-desc {
        color: var(--color-black);
        display: block;
        margin-top: var(--space-xxs); }
    [data-widget-id] .broad-cat-subcat-img-wrapper .tooltip-trigger {
      border-bottom: none;
      vertical-align: baseline;
      padding-left: 0.25rem; }
  [data-widget-id] .broad-category-text-breakup {
    position: relative;
    padding: var(--space-md) var(--space-sm);
    background: #f5f5f5;
    background: linear-gradient(90deg, #f5f5f5 0%, rgba(255, 255, 255, 0) 80%);
    font-size: var(--text-lg);
    font-weight: bold;
    margin-top: var(--space-sm); }
    [data-widget-id] .broad-category-text-breakup .bg-decoration__svg {
      top: -20px;
      left: 0%; }
      @media (min-width: 801px) {
        [data-widget-id] .broad-category-text-breakup .bg-decoration__svg {
          left: 50%; } }
  [data-widget-id] .subcat-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; }
    [data-widget-id] .subcat-grid .subcat-hover-container {
      flex: 0 0 calc(33.33% - 20px);
      position: relative;
      width: 100%;
      overflow: hidden;
      margin: 10px; }
      [data-widget-id] .subcat-grid .subcat-hover-container .image-link {
        display: block;
        text-align: center; }
        [data-widget-id] .subcat-grid .subcat-hover-container .image-link img {
          max-width: 60px;
          max-height: 60px;
          width: 60px;
          height: 60px;
          border-radius: 50%;
          object-fit: contain;
          object-position: center;
          box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
          @media (min-width: 551px) {
            [data-widget-id] .subcat-grid .subcat-hover-container .image-link img {
              max-width: 100px;
              max-height: 100px;
              width: 100px;
              height: 100px;
              transition: transform 0.3s; } }
          @media (min-width: 801px) {
            [data-widget-id] .subcat-grid .subcat-hover-container .image-link img {
              max-width: 180px;
              max-height: 180px;
              width: 180px;
              height: 180px;
              transition: transform 0.3s; } }
        [data-widget-id] .subcat-grid .subcat-hover-container .image-link span {
          display: block;
          margin-top: 10px; }
          @media (min-width: 801px) {
            [data-widget-id] .subcat-grid .subcat-hover-container .image-link span {
              transition: transform 0.3s; } }
      [data-widget-id] .subcat-grid .subcat-hover-container .info {
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
        display: none; }
        @media (min-width: 801px) {
          [data-widget-id] .subcat-grid .subcat-hover-container .info {
            transform: translateY(100%);
            transition: transform 0.3s;
            display: block; } }
        [data-widget-id] .subcat-grid .subcat-hover-container .info ul {
          list-style-type: none;
          padding: 0;
          margin: 0; }
          [data-widget-id] .subcat-grid .subcat-hover-container .info ul li a {
            text-decoration: none;
            color: inherit;
            transition: color 0.3s; }
            [data-widget-id] .subcat-grid .subcat-hover-container .info ul li a:hover {
              color: #007bff; }
      @media (min-width: 801px) {
        [data-widget-id] .subcat-grid .subcat-hover-container:hover .image-link img {
          transform: scale(0.5) translateY(-40%); }
        [data-widget-id] .subcat-grid .subcat-hover-container:hover span {
          transform: translateY(-300%); }
        [data-widget-id] .subcat-grid .subcat-hover-container:hover .info {
          transform: translateY(0); } }
  @media (min-width: 801px) {
    [data-widget-id] .grid-6 .subcat-hover-container {
      flex: 0 0 calc(14%); }
      [data-widget-id] .grid-6 .subcat-hover-container:hover .image-link img {
        transform: scale(0.5) translateY(-60%); }
      [data-widget-id] .grid-6 .subcat-hover-container .image-link img {
        max-width: 130px;
        max-height: 130px;
        width: 130px;
        height: 130px; } }
  [data-widget-id] .category-new-hero {
    vertical-align: middle;
    background-size: cover;
    background-position: bottom;
    margin-bottom: 1rem;
    background-color: rgba(255, 255, 255, 0.71);
    box-shadow: 0 4px 10px -3px black; }
    @media (min-width: 801px) {
      [data-widget-id] .category-new-hero {
        display: grid; } }
    [data-widget-id] .category-new-hero .page-heading {
      text-align: center !important;
      padding-left: 0;
      margin: 0.5rem; }
      @media (min-width: 801px) {
        [data-widget-id] .category-new-hero .page-heading {
          text-align: left !important;
          padding-left: 1rem;
          margin: 0 0 3rem; } }
    [data-widget-id] .category-new-hero .category-hero-cta .cta_section_content {
      background: white;
      padding: var(--space-sm);
      margin: 0 0.5rem; }
      @media (min-width: 801px) {
        [data-widget-id] .category-new-hero .category-hero-cta .cta_section_content {
          margin: 0;
          padding: var(--space-xxs) var(--space-xxs); } }
      [data-widget-id] .category-new-hero .category-hero-cta .cta_section_content :first-child {
        font-size: var(--text-sm);
        padding-left: 0.5rem;
        padding-right: 0.5rem; }
        @media (min-width: 801px) {
          [data-widget-id] .category-new-hero .category-hero-cta .cta_section_content :first-child {
            font-size: var(--text-sm); } }
      @media (min-width: 801px) {
        [data-widget-id] .category-new-hero .category-hero-cta .cta_section_content .cta-image img {
          width: 185px; } }
      [data-widget-id] .category-new-hero .category-hero-cta .cta_section_content .cta-text-content-area {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-right: 0.5rem; }
    @media (min-width: 801px) {
      [data-widget-id] .category-new-hero .category-hero-cta {
        z-index: 1;
        padding: 0 1rem; } }
  [data-widget-id] .widget-banner-img-wrapper {
    margin: var(--space-sm) 0;
    padding: 25px 50px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
    @media (min-width: 801px) {
      [data-widget-id] .widget-banner-img-wrapper {
        margin: var(--space-lg) 0; } }
    @media (min-width: 1261px) {
      [data-widget-id] .widget-banner-img-wrapper {
        padding: 0 50px; } }
    [data-widget-id] .widget-banner-img-wrapper .widget-banner {
      flex-direction: column;
      align-items: center;
      display: flex;
      justify-content: space-between;
      position: relative;
      width: 100%; }
      @media (min-width: 801px) {
        [data-widget-id] .widget-banner-img-wrapper .widget-banner {
          flex-direction: row; } }
      [data-widget-id] .widget-banner-img-wrapper .widget-banner .widget-banner-img {
        height: auto;
        max-height: 110px;
        max-width: 200px;
        width: auto;
        margin: var(--space-xxs) 0; }
        @media (min-width: 1261px) {
          [data-widget-id] .widget-banner-img-wrapper .widget-banner .widget-banner-img {
            margin: -30px 0;
            filter: drop-shadow(1px 2px 2px gray); } }
      [data-widget-id] .widget-banner-img-wrapper .widget-banner .text-area {
        text-align: center; }
      [data-widget-id] .widget-banner-img-wrapper .widget-banner .head-text {
        font-weight: bold;
        margin-bottom: 0.25rem;
        font-size: var(--text-md); }
      [data-widget-id] .widget-banner-img-wrapper .widget-banner .info-text {
        font-size: var(--text-sm); }
        @media (min-width: 801px) {
          [data-widget-id] .widget-banner-img-wrapper .widget-banner .info-text {
            margin-bottom: 0; } }
      [data-widget-id] .widget-banner-img-wrapper .widget-banner .btn {
        text-transform: capitalize;
        letter-spacing: 0; }
  [data-widget-id] .pdf-carousel .slick-slide {
    padding: 1rem; }
    [data-widget-id] .pdf-carousel .slick-slide img {
      box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3); }
    [data-widget-id] .pdf-carousel .slick-slide span {
      display: inline-block;
      margin-top: 1rem;
      font-weight: bold; }
  [data-widget-id] .pdf-carousel .slick-next,
  [data-widget-id] .pdf-carousel .slick-prev {
    background-color: #e57200; }
  [data-widget-id] .slick-track {
    margin-left: 0; }

/* Share Button */
#share-btn-wrapper {
  margin: 1rem 0;
  /* Specific colors for each button */ }
  #share-btn-wrapper .share-blog-btn {
    display: inline-block;
    margin: 0.25rem;
    padding: 0.5rem 0.75rem;
    color: white;
    background-color: #007bff;
    text-decoration: none;
    border-radius: 5px;
    font-size: var(--text-xs);
    font-weight: bold; }
  #share-btn-wrapper .share-blog-btn:hover {
    color: white;
    filter: brightness(1.25); }
  #share-btn-wrapper #facebookBtn {
    background-color: #3b5998; }
  #share-btn-wrapper #twitterBtn {
    background-color: #1da1f2; }
  #share-btn-wrapper #linkedinBtn {
    background-color: #0077b5; }
  #share-btn-wrapper #emailBtn {
    background-color: #dd4b39; }
  #share-btn-wrapper #teamsBtn {
    background-color: #464775; }
  #share-btn-wrapper #slackBtn {
    background-color: #4a154b; }

/* Collateral Thank You CTA and Image */
#collateral-cta-l-r-wrapper.form-wrapper-only-no-share-btns #download-click-here,
#collateral-cta-l-r-wrapper.form-wrapper-only-no-share-btns .collateral-btns {
  display: none !important; }

#collateral-cta-l-r-wrapper.form-wrapper-only-no-share-btns #pdf-img-content {
  pointer-events: none; }

@media (min-width: 801px) {
  #collateral-cta-l-r-wrapper {
    padding: 0 5rem; } }

@media (min-width: 801px) {
  #collateral-cta-l-r-wrapper #pdf-img-content {
    justify-content: center; } }

#collateral-cta-l-r-wrapper #e-l-head {
  font-size: 2rem; }

#collateral-cta-l-r-wrapper #e-l-p {
  font-size: 1.5rem; }

#collateral-cta-l-r-wrapper .prd-content-e {
  margin: 0;
  list-style: none; }
  #collateral-cta-l-r-wrapper .prd-content-e figure {
    margin: 1rem; }
    @media (min-width: 801px) {
      #collateral-cta-l-r-wrapper .prd-content-e figure .pdf-img-anchor {
        display: flex;
        justify-content: center; } }
    #collateral-cta-l-r-wrapper .prd-content-e figure img {
      width: 100%;
      max-width: 500px;
      max-height: 700px;
      object-fit: cover; }

#collateral-cta-l-r-wrapper #share-btn-wrapper {
  margin: 0; }

#collateral-cta-l-r-wrapper .share-btn-li {
  text-align: center; }

#collateral-cta-l-r-wrapper a.btn--primary {
  font-size: 1.25rem; }

/* Learn More and Resources */
#share-collateral-widget {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 5px 0px;
  padding-top: 1rem;
  background: #eeeeee; }
  #share-collateral-widget .s-c-left,
  #share-collateral-widget .s-c-right {
    text-align: center; }
    #share-collateral-widget .s-c-left p,
    #share-collateral-widget .s-c-right p {
      margin-bottom: var(--space-xs);
      margin-top: 0; }
  #share-collateral-widget .l-h,
  #share-collateral-widget .r-h {
    font-weight: bold;
    font-size: larger; }

#share-btn-wrapper.collateral-btns {
  margin-bottom: 0; }

/* Banner with Heading and Floating Image and CTA */
.widget-banner-heading-floating-img-cta-wrapper {
  margin: var(--space-sm) 0;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  max-width: 1280px;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23ffffff' stroke-width='0.4' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(7.8) translate(-871.79 -653.85)'%3E%3Cuse fill='%23fcfcfc' href='%23s' y='2'/%3E%3Cuse fill='%23fcfcfc' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='2'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(7.8) translate(-871.79 -653.85)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(7.8) translate(-871.79 -653.85)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(7.8) translate(-871.79 -653.85)'%3E%3Cg fill='%23f2f2f2'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(7.8) translate(-871.79 -653.85)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23efefef'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(7.8) translate(-871.79 -653.85)'%3E%3Cg fill='%23FFDAB4'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(7.8) translate(-871.79 -653.85)'%3E%3Cg fill='%23FFDAB4'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(7.8) translate(-871.79 -653.85)'%3E%3Cg fill='%23FFDAB4'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
  padding: 1rem; }
  @media (min-width: 801px) {
    .widget-banner-heading-floating-img-cta-wrapper {
      margin: var(--space-lg) auto; } }
  @media (min-width: 1261px) {
    .widget-banner-heading-floating-img-cta-wrapper {
      padding: 0 50px; } }
  .widget-banner-heading-floating-img-cta-wrapper .widget-banner {
    text-align: center; }
    @media (min-width: 801px) {
      .widget-banner-heading-floating-img-cta-wrapper .widget-banner {
        text-align: left;
        align-items: center;
        display: flex;
        justify-content: space-between;
        position: relative;
        width: 100%; } }
    .widget-banner-heading-floating-img-cta-wrapper .widget-banner .widget-banner-img {
      height: 180px;
      max-height: 226px;
      max-width: 294px;
      width: auto;
      margin: var(--space-xxs) 0;
      flex: 0.5;
      transition: all 0.2s ease-in-out; }
      .widget-banner-heading-floating-img-cta-wrapper .widget-banner .widget-banner-img:hover {
        transform: scale(1.05); }
      @media (min-width: 1261px) {
        .widget-banner-heading-floating-img-cta-wrapper .widget-banner .widget-banner-img {
          margin: -30px 0;
          filter: drop-shadow(1px 2px 2px gray); } }
    .widget-banner-heading-floating-img-cta-wrapper .widget-banner .text-area {
      grid-area: 1 / 1 / 3 / 2; }
      @media (min-width: 801px) {
        .widget-banner-heading-floating-img-cta-wrapper .widget-banner .text-area {
          flex: 0.75; } }
    .widget-banner-heading-floating-img-cta-wrapper .widget-banner .head-text {
      font-weight: bold;
      margin-bottom: 0.25rem;
      font-size: var(--text-lg);
      color: var(--color-primary);
      text-decoration: underline; }
    .widget-banner-heading-floating-img-cta-wrapper .widget-banner .info-text {
      font-size: var(--text-md); }
      @media (min-width: 801px) {
        .widget-banner-heading-floating-img-cta-wrapper .widget-banner .info-text {
          margin-bottom: 0; } }
    .widget-banner-heading-floating-img-cta-wrapper .widget-banner .widget-anchor {
      grid-area: 1 / 2 / 3 / 3; }
    .widget-banner-heading-floating-img-cta-wrapper .widget-banner .btn {
      text-transform: capitalize;
      letter-spacing: 0; }
    .widget-banner-heading-floating-img-cta-wrapper .widget-banner .tag-cta {
      grid-area: 2 / 1 / 3 / 2; }
      @media (min-width: 801px) {
        .widget-banner-heading-floating-img-cta-wrapper .widget-banner .tag-cta {
          display: block;
          text-align: center;
          font-weight: bold;
          flex: 0.5; } }
      .widget-banner-heading-floating-img-cta-wrapper .widget-banner .tag-cta p {
        margin-bottom: 0.75rem;
        line-height: 1.15rem; }

#link-card-flex {
  display: flex;
  justify-content: space-between;
  flex-direction: column; }
  @media (min-width: 801px) {
    #link-card-flex {
      flex-direction: row; } }
  #link-card-flex #link-cards-wrapper {
    width: 100%;
    margin: 0.25rem;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
    #link-card-flex #link-cards-wrapper .link-card {
      box-shadow: none; }
    @media (min-width: 801px) {
      #link-card-flex #link-cards-wrapper {
        width: 48%; } }

.alternative-version #share-btn-wrapper {
  display: flex; }
  .alternative-version #share-btn-wrapper * {
    width: 77px;
    margin: 0 auto; }
    .alternative-version #share-btn-wrapper * i {
      display: flex;
      justify-content: center;
      width: 10px;
      align-items: center; }

/* Category Only Styling */
.body-category [data-widget-id] {
  /* OC Accordion */
  /* Smaller Accordion */ }
  .body-category [data-widget-id] .accordion {
    border: none; }
    .body-category [data-widget-id] .accordion ul,
    .body-category [data-widget-id] .accordion li {
      border: none;
      font-size: var(--text-sm);
      list-style: none; }
    .body-category [data-widget-id] .accordion button {
      padding: 0;
      font-size: var(--text-sm); }
    .body-category [data-widget-id] .accordion .accordion__header > .text-md {
      font-weight: bold;
      color: var(--color-primary); }
      .body-category [data-widget-id] .accordion .accordion__header > .text-md > .text-sm {
        color: var(--color-black); }
    .body-category [data-widget-id] .accordion .accordion__header > span.ak6-text-sm {
      font-size: var(--text-md);
      color: var(--color-primary); }
    .body-category [data-widget-id] .accordion .accordion__header span {
      font-weight: bold;
      color: var(--color-black); }
    .body-category [data-widget-id] .accordion .accordion__item {
      margin: var(--space-sm) 0; }
      .body-category [data-widget-id] .accordion .accordion__item .ak6-text-component p {
        font-size: var(--text-sm) !important;
        border: none !important;
        font-family: "Source Sans Pro", system-ui, sans-serif !important; }
    .body-category [data-widget-id] .accordion .accordion__panel > div > ul > p {
      font-size: var(--text-md) !important;
      border: none !important;
      font-family: "Source Sans Pro", system-ui, sans-serif !important; }

.body-category [data-test-id="product-set-widget-name"] a {
  font-weight: bold; }

/* Hide Klaviyo popup on smaller screens */
@media (max-width: 768px) {
  .kl-private-reset-css-Xuajs1 {
    display: none !important; } }

#jotform_webinar_full_container {
  display: none;
  /* Initially hidden */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  /* Black with opacity */
  justify-content: center;
  align-items: center;
  z-index: 1000;
  flex-direction: column; }

.jotform_webinar_container_header {
  background-color: #e57200;
  color: white;
  padding: .25rem;
  text-align: center;
  font-weight: bold;
  font-size: 1.25rem;
  width: 100%; }

.jotform_webinar_full_modal-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 40vw;
  height: 82vh;
  background: white;
  overflow: hidden; }

.jotform_webinar_full_form-section {
  flex: 1;
  padding: 20px;
  display: grid;
  align-items: center; }

/* New styles for the close button */
.jotform_webinar_full_close-btn {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: none;
  border-radius: 50%;
  font-size: 24px;
  color: #000;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }

#jotform_webinar_full_iframe {
  width: 100%;
  height: 500px;
  /* Adjust height as needed */
  border: none; }

/* New media query for smaller screens */
@media (max-width: 768px) {
  .jotform_webinar_container_header {
    width: 90vw;
    font-size: 1rem; }
  .jotform_webinar_full_modal-content {
    flex-direction: column;
    width: 90vw;
    height: 60vh;
    overflow-y: scroll; }
  .jotform_webinar_full_form-section {
    text-align: center;
    flex: none;
    width: 100%;
    /* Make each section take full width */ }
  .jotform_webinar_full_form-section {
    padding: 15px;
    /* Adjust padding for better fit */ } }

/* ==========================================================
## IntuitSolutions.net - Quick Reorder
========================================================== */
.qrb__order.notLoaded,
.qrb__order-items-data,
.qrb__cart-data,
.qrb__no-orders .qrb__modal .modal-header__actions {
  display: none; }

.qrb__modal {
  left: 50%;
  margin: 0 auto;
  height: 100%;
  max-height: 90%;
  max-width: 95%;
  min-height: 240px;
  outline: 0;
  overflow: hidden !important;
  padding: 0;
  right: 0;
  top: 50% !important;
  background-color: #eee; }

.qrb__modal .modal-close {
  display: inline-block;
  top: 1px;
  right: 1px; }

.qrb__modal .modal-header {
  display: flex;
  align-items: center;
  background-color: #fff;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  z-index: 15; }
  @media (min-width: 551px) {
    .qrb__modal .modal-header {
      display: flex;
      align-items: center; } }

.qrb__modal .modal-header-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left; }
  @media (min-width: 551px) {
    .qrb__modal .modal-header-title {
      width: 40%;
      font-size: 20px; } }

.qrb__modal .modal-header__actions {
  text-align: center; }
  @media (min-width: 551px) {
    .qrb__modal .modal-header__actions {
      width: 60%;
      text-align: right; } }

.qrb__modal .modal-header__actions .button {
  margin-bottom: 0; }

.qrb__modal .modal-body {
  padding: 2.25rem 1rem;
  background-color: #eee;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important; }
  @media (min-width: 551px) {
    .qrb__modal .modal-body {
      padding: 2.25rem 2.25rem; } }

.qrb__orders,
.qrb__order-items {
  margin: 0;
  list-style: none; }

.qrb__order-items {
  display: block; }
  @media (min-width: 551px) {
    .qrb__order-items {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; } }
  @media (min-width: 801px) {
    .qrb__order-items {
      display: block; } }

.qrb__order {
  margin-bottom: 2.5rem;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }

.qrb__order-header {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #e0e0e0; }

.qrb__order-heading {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase; }

.qrb__order-body {
  position: relative;
  padding: 0.75rem 1rem;
  min-height: 70px; }

.qrb__order-item {
  width: 100%;
  display: flex;
  margin-bottom: 1rem;
  flex-direction: column;
  align-items: center;
  text-align: center; }
  @media (min-width: 551px) {
    .qrb__order-item {
      width: 48%;
      text-align: left;
      margin-left: auto;
      margin-right: auto; } }
  @media (min-width: 801px) {
    .qrb__order-item {
      width: 100%;
      margin: 0;
      flex-direction: row;
      border-bottom: 1px solid #e0e0e0; } }

.qrb__order-item:last-child {
  border-bottom: 0;
  margin-bottom: 0; }

.qrb__order-item-img {
  width: 100%;
  margin: 0 1rem;
  max-width: 110px; }
  @media (min-width: 801px) {
    .qrb__order-item-img {
      width: 8%;
      margin: 1rem 1rem 1rem 0; } }

.qrb__order-item-name {
  width: 100%;
  margin: 0;
  padding: 1rem;
  font-size: 14px; }
  @media (min-width: 551px) {
    .qrb__order-item-name {
      min-height: 70px; } }
  @media (min-width: 801px) {
    .qrb__order-item-name {
      width: 45%;
      min-height: initial; } }

.qrb__order-item-name .definitionList {
  margin: 0; }

.qrb__order-item-sku {
  display: none;
  width: 100%;
  margin: 0;
  padding: 0 1rem;
  font-size: 14px; }
  @media (min-width: 801px) {
    .qrb__order-item-sku {
      width: 18%;
      padding: 1rem; } }

.qrb__order-item-price {
  width: 100%;
  margin: 0;
  padding: 1rem;
  font-size: 14px;
  font-weight: bold; }
  @media (min-width: 801px) {
    .qrb__order-item-price {
      width: 15%;
      padding: 1rem 2rem 1rem 1rem; } }

.qrb__order-item-qty {
  width: 35%;
  margin: 0 auto 1rem auto;
  text-align: center; }
  @media (min-width: 801px) {
    .qrb__order-item-qty {
      width: 8%;
      margin: 0; } }

.qrb__order-item-add-to-cart {
  width: 65%; }
  @media (min-width: 551px) {
    .qrb__order-item-add-to-cart {
      width: 100%; } }
  @media (min-width: 801px) {
    .qrb__order-item-add-to-cart {
      width: 18%;
      margin: 0 0 0 2rem; } }

.qrb__load-more-wrapper {
  width: 100%;
  clear: both;
  text-align: center; }

.qrb__info-text {
  margin: 25px 0;
  font-size: 18px;
  font-weight: bold;
  text-align: center; }

/* ==========================================================
## STATES
========================================================== */
.qrb__order-item.hasQuantity .qrb__order-item-add-to-cart {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107; }

.qrb__order-item.hasQuantity .qrb__order-item-add-to-cart:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00; }

.qrb__order-item.wasAdded .qrb__order-item-add-to-cart,
.qrb__order-item.wasAdded .qrb__order-item-add-to-cart:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745; }

.qrb__order-item.hasError .qrb__order-item-add-to-cart,
.qrb__order-item.hasError .qrb__order-item-add-to-cart:hover {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f8d7da; }

#quoteform {
  display: none; }

.getquotebtn {
  margin: 10px;
  padding-left: 0;
  padding-right: 20px;
  width: 100%; }

.modalquote {
  display: none;
  position: fixed;
  z-index: 999;
  padding-top: 3%;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent; }

.modalquote-background {
  background: #000;
  background: rgba(51, 51, 51, 0.95);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
  left: 0; }

.modalquote-container {
  margin: auto;
  max-height: 780px;
  overflow-y: auto;
  padding: 10px;
  display: block;
  width: 80%;
  max-width: 800px;
  border: 0 solid transparent;
  border-radius: 8px;
  background-color: #fff;
  z-index: 1;
  margin-top: -2%; }

.modalquote-container {
  max-height: 835px !important; }

.closequote {
  color: #000;
  font-size: 40px;
  font-weight: 700;
  transition: .3s;
  float: right;
  line-height: .6;
  cursor: pointer; }

.modalquote-content {
  width: 90%;
  margin: auto;
  text-align: left;
  margin-top: 5px;
  padding-bottom: 35px; }

.modalquote-content .form-actions {
  clear: both; }

.modalquote-content h2 {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin: .75rem 0 0.25rem 0; }

.modalquote-content h2:first-of-type {
  text-align: center;
  font-weight: bold;
  font-size: 25px;
  margin-top: 2.28571rem;
  margin-bottom: 0.78571rem; }

.modalquote-content .btn {
  text-align: center;
  margin-top: 15px; }

.modalquote-content .qtemaildiv {
  width: 100%; }

.modalprequote-container .modalquote-content {
  text-align: center; }

.modalprequote-container p {
  margin-bottom: 10px;
  text-align: left; }

.modalprequote-container p:first-of-type {
  margin-bottom: 20px;
  text-align: left; }

.modalprequote-container .btn {
  margin-bottom: 10px;
  margin-top: 0px; }

.modalprequotecheck-container {
  display: none; }

.modalprequotecheck-container .modalquote-content {
  text-align: center; }

.modalprequotecheck-container p {
  margin-bottom: 0px;
  text-align: center; }

.modalprequotecheck-container .btn {
  margin-bottom: 25px; }

.modalmainquote-container .modalquote-content p {
  text-align: center; }

/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease; }

.lity.lity-opened {
  opacity: 1; }

.lity.lity-closed {
  opacity: 0; }

.lity * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important; }

.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; }

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial,Helvetica,sans-serif;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease; }

.lity-loading .lity-loader {
  opacity: 1; }

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important; }

.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  -o-transition: -o-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease; }

.lity-loading .lity-content, .lity-closed .lity-content {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8); }

.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial,Baskerville,monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0; }

.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial,Baskerville,monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.lity-close:active {
  top: 1px; }

.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0; }

.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px; }

.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch; }

.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

.lity-hide {
  display: none; }

/* jsTree default theme */
.jstree-node,
.jstree-children,
.jstree-container-ul {
  display: block;
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0; }

.jstree-node {
  white-space: nowrap; }

.jstree-anchor {
  color: black;
  display: inline-block;
  margin: 0;
  padding: 0 4px 0 1px;
  vertical-align: top;
  white-space: nowrap; }

.jstree-anchor:focus {
  outline: 0; }

.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
  color: inherit;
  text-decoration: none; }

.jstree-icon {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: center;
  text-decoration: none;
  vertical-align: top; }

.jstree-icon:empty {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: center;
  text-decoration: none;
  vertical-align: top; }

.jstree-ocl {
  cursor: pointer; }

.jstree-leaf > .jstree-ocl {
  cursor: default; }

.jstree .jstree-open > .jstree-children {
  display: block; }

.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
  display: none; }

.jstree-anchor > .jstree-themeicon {
  margin-right: 2px; }

.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
  display: none; }

.jstree-hidden {
  display: none; }

.jstree-rtl .jstree-anchor {
  padding: 0 1px 0 4px; }

.jstree-rtl .jstree-anchor > .jstree-themeicon {
  margin-left: 2px;
  margin-right: 0; }

.jstree-rtl .jstree-node {
  margin-left: 0; }

.jstree-rtl .jstree-container-ul > .jstree-node {
  margin-right: 0; }

.jstree-wholerow-ul {
  display: inline-block;
  min-width: 100%;
  position: relative; }

.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
  cursor: pointer; }

.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
  position: relative; }

.jstree-wholerow-ul .jstree-wholerow {
  cursor: pointer;
  left: 0;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%; }

.vakata-context {
  display: none; }

.vakata-context,
.vakata-context ul {
  background: #f5f5f5;
  border: 1px solid #979797;
  box-shadow: 2px 2px 2px #999;
  margin: 0;
  padding: 2px;
  position: absolute; }

.vakata-context ul {
  left: 100%;
  list-style: none;
  margin-left: -4px;
  margin-top: -2.7em; }

.vakata-context .vakata-context-right ul {
  left: auto;
  margin-left: auto;
  margin-right: -4px;
  right: 100%; }

.vakata-context li {
  display: inline;
  list-style: none; }

.vakata-context li > a {
  border-radius: 1px;
  color: black;
  display: block;
  line-height: 2.4em;
  padding: 0 2em;
  text-decoration: none;
  text-shadow: 1px 1px 0 white;
  white-space: nowrap;
  width: auto; }

.vakata-context li > a:hover {
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
  position: relative; }

.vakata-context li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
  background-position: right center;
  background-repeat: no-repeat; }

.vakata-context li > a:focus {
  outline: 0; }

.vakata-context .vakata-context-hover > a {
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
  position: relative; }

.vakata-context .vakata-context-separator > a,
.vakata-context .vakata-context-separator > a:hover {
  background: white;
  border: 0;
  border-left: 1px solid #e0e0e0;
  border-radius: 0;
  border-top: 1px solid #e2e3e3;
  box-shadow: 0 0 0 transparent;
  height: 1px;
  margin: 0 0 0 2.4em;
  max-height: 1px;
  min-height: 1px;
  padding: 0;
  text-shadow: 0 0 0 transparent; }

.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
  background-color: transparent;
  border: 0;
  box-shadow: 0 0 0;
  color: silver; }

.vakata-context li > a > i {
  background: transparent;
  display: inline-block;
  height: 2.4em;
  line-height: 2.4em;
  margin: 0 0 0 -2em;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  width: 2.4em; }

.vakata-context li > a > i:empty {
  line-height: 2.4em;
  width: 2.4em; }

.vakata-context li > a .vakata-contextmenu-sep {
  background: white;
  border-left: 1px solid #e2e3e3;
  display: inline-block;
  height: 2.4em;
  margin: 0 0.5em 0 0;
  width: 1px; }

.vakata-context .vakata-contextmenu-shortcut {
  color: silver;
  display: none;
  font-size: 0.8em;
  opacity: 0.5; }

.vakata-context-rtl ul {
  left: auto;
  margin-left: auto;
  margin-right: -4px;
  right: 100%; }

.vakata-context-rtl li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
  background-position: left center;
  background-repeat: no-repeat; }

.vakata-context-rtl .vakata-context-separator > a {
  border-left: 0;
  border-right: 1px solid #e2e3e3;
  margin: 0 2.4em 0 0; }

.vakata-context-rtl .vakata-context-left ul {
  left: 100%;
  margin-left: -4px;
  margin-right: auto;
  right: auto; }

.vakata-context-rtl li > a > i {
  margin: 0 -2em 0 0; }

.vakata-context-rtl li > a .vakata-contextmenu-sep {
  background: #e2e3e3;
  border-left-color: white;
  margin: 0 0 0 0.5em; }

#jstree-marker {
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  border-right: 0;
  border-top: 5px solid transparent;
  font-size: 0;
  height: 0;
  left: 0;
  line-height: 0;
  margin: -5px 0 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 0; }

#jstree-dnd {
  line-height: 16px;
  margin: 0;
  padding: 4px; }

#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
  display: inline-block;
  height: 16px;
  margin: 0 2px 0 0;
  padding: 0;
  text-decoration: none;
  width: 16px; }

#jstree-dnd .jstree-ok {
  background: green; }

#jstree-dnd .jstree-er {
  background: red; }

#jstree-dnd .jstree-copy {
  margin: 0 2px; }

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-color: transparent;
  background-repeat: no-repeat; }

.jstree-default .jstree-anchor,
.jstree-default .jstree-wholerow {
  transition: background-color 0.15s, box-shadow 0.15s; }

.jstree-default .jstree-hovered {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #ccc; }

.jstree-default .jstree-clicked {
  background: #beebff;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #999; }

.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  display: none; }

.jstree-default .jstree-disabled {
  background: transparent;
  color: #666; }

.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
  box-shadow: none; }

.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef; }

.jstree-default .jstree-disabled > .jstree-icon {
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  opacity: 0.8; }

.jstree-default .jstree-search {
  color: #8b0000;
  font-style: italic;
  font-weight: bold; }

.jstree-default .jstree-no-checkboxes .jstree-checkbox {
  display: none !important; }

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  background: transparent;
  box-shadow: none; }

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: #e7f4f9; }

.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  background: transparent; }

.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: #e7f4f9; }

.jstree-default > .jstree-striped {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
  display: inline-block;
  min-width: 100%; }

.jstree-default > .jstree-wholerow-ul .jstree-hovered,
.jstree-default > .jstree-wholerow-ul .jstree-clicked {
  background: transparent;
  border-radius: 0;
  box-shadow: none; }

.jstree-default .jstree-wholerow {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.jstree-default .jstree-wholerow-hovered {
  background: #e7f4f9; }

.jstree-default .jstree-wholerow-clicked {
  background: #beebff;
  background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
  background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%); }

.jstree-default .jstree-node {
  line-height: 24px;
  margin-left: 24px;
  min-height: 24px;
  min-width: 24px; }

.jstree-default .jstree-anchor {
  height: 24px;
  line-height: 24px; }

.jstree-default .jstree-icon {
  height: 24px;
  line-height: 24px;
  width: 24px; }

.jstree-default .jstree-icon:empty {
  height: 24px;
  line-height: 24px;
  width: 24px; }

.jstree-default.jstree-rtl .jstree-node {
  margin-right: 24px; }

.jstree-default .jstree-wholerow {
  height: 24px; }

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-image: url("../../../img/vendor/jstree/32px.png"); }

.jstree-default .jstree-node {
  background-position: -292px -4px;
  background-repeat: repeat-y; }

.jstree-default .jstree-last {
  background: transparent; }

.jstree-default .jstree-open > .jstree-ocl {
  background-position: -132px -4px; }

.jstree-default .jstree-closed > .jstree-ocl {
  background-position: -100px -4px; }

.jstree-default .jstree-leaf > .jstree-ocl {
  background-position: -68px -4px; }

.jstree-default .jstree-themeicon {
  background-position: -260px -4px; }

.jstree-default > .jstree-no-dots .jstree-node,
.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent; }

.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -4px; }

.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -4px; }

.jstree-default .jstree-disabled {
  background: transparent; }

.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent; }

.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef; }

.jstree-default .jstree-checkbox {
  background-position: -164px -4px; }

.jstree-default .jstree-checkbox:hover {
  background-position: -164px -36px; }

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default .jstree-checked > .jstree-checkbox {
  background-position: -228px -4px; }

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default .jstree-checked > .jstree-checkbox:hover {
  background-position: -228px -36px; }

.jstree-default .jstree-anchor > .jstree-undetermined {
  background-position: -196px -4px; }

.jstree-default .jstree-anchor > .jstree-undetermined:hover {
  background-position: -196px -36px; }

.jstree-default .jstree-checkbox-disabled {
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  opacity: 0.8; }

.jstree-default > .jstree-striped {
  background-size: auto 48px; }

.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y; }

.jstree-default.jstree-rtl .jstree-last {
  background: transparent; }

.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -132px -36px; }

.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -100px -36px; }

.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -68px -36px; }

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent; }

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -36px; }

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -36px; }

.jstree-default .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0; }

.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("../../../img/vendor/jstree/throbber.gif") center center no-repeat; }

.jstree-default .jstree-file {
  background: url("../../../img/vendor/jstree/32px.png") -100px -68px no-repeat; }

.jstree-default .jstree-folder {
  background: url("../../../img/vendor/jstree/32px.png") -260px -4px no-repeat; }

.jstree-default > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0; }

#jstree-dnd.jstree-default {
  line-height: 24px;
  padding: 0 4px; }

#jstree-dnd.jstree-default .jstree-ok,
#jstree-dnd.jstree-default .jstree-er {
  background-color: transparent;
  background-image: url("../../../img/vendor/jstree/32px.png");
  background-repeat: no-repeat; }

#jstree-dnd.jstree-default i {
  background: transparent;
  height: 24px;
  line-height: 24px;
  width: 24px; }

#jstree-dnd.jstree-default .jstree-ok {
  background-position: -4px -68px; }

#jstree-dnd.jstree-default .jstree-er {
  background-position: -36px -68px; }

.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); }

.jstree-default.jstree-rtl .jstree-last {
  background: transparent; }

.jstree-default-small .jstree-node {
  line-height: 18px;
  margin-left: 18px;
  min-height: 18px;
  min-width: 18px; }

.jstree-default-small .jstree-anchor {
  height: 18px;
  line-height: 18px; }

.jstree-default-small .jstree-icon {
  height: 18px;
  line-height: 18px;
  width: 18px; }

.jstree-default-small .jstree-icon:empty {
  height: 18px;
  line-height: 18px;
  width: 18px; }

.jstree-default-small.jstree-rtl .jstree-node {
  margin-right: 18px; }

.jstree-default-small .jstree-wholerow {
  height: 18px; }

.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon {
  background-image: url("../../../img/vendor/jstree/32px.png"); }

.jstree-default-small .jstree-node {
  background-position: -295px -7px;
  background-repeat: repeat-y; }

.jstree-default-small .jstree-last {
  background: transparent; }

.jstree-default-small .jstree-open > .jstree-ocl {
  background-position: -135px -7px; }

.jstree-default-small .jstree-closed > .jstree-ocl {
  background-position: -103px -7px; }

.jstree-default-small .jstree-leaf > .jstree-ocl {
  background-position: -71px -7px; }

.jstree-default-small .jstree-themeicon {
  background-position: -263px -7px; }

.jstree-default-small > .jstree-no-dots .jstree-node,
.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent; }

.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -7px; }

.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -7px; }

.jstree-default-small .jstree-disabled {
  background: transparent; }

.jstree-default-small .jstree-disabled.jstree-hovered {
  background: transparent; }

.jstree-default-small .jstree-disabled.jstree-clicked {
  background: #efefef; }

.jstree-default-small .jstree-checkbox {
  background-position: -167px -7px; }

.jstree-default-small .jstree-checkbox:hover {
  background-position: -167px -39px; }

.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-small .jstree-checked > .jstree-checkbox {
  background-position: -231px -7px; }

.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-small .jstree-checked > .jstree-checkbox:hover {
  background-position: -231px -39px; }

.jstree-default-small .jstree-anchor > .jstree-undetermined {
  background-position: -199px -7px; }

.jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
  background-position: -199px -39px; }

.jstree-default-small .jstree-checkbox-disabled {
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  opacity: 0.8; }

.jstree-default-small > .jstree-striped {
  background-size: auto 36px; }

.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y; }

.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent; }

.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -135px -39px; }

.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -103px -39px; }

.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -71px -39px; }

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent; }

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -39px; }

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -39px; }

.jstree-default-small .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0; }

.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("../../../img/vendor/jstree/throbber.gif") center center no-repeat; }

.jstree-default-small .jstree-file {
  background: url("../../../img/vendor/jstree/32px.png") -103px -71px no-repeat; }

.jstree-default-small .jstree-folder {
  background: url("../../../img/vendor/jstree/32px.png") -263px -7px no-repeat; }

.jstree-default-small > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0; }

#jstree-dnd.jstree-default-small {
  line-height: 18px;
  padding: 0 4px; }

#jstree-dnd.jstree-default-small .jstree-ok,
#jstree-dnd.jstree-default-small .jstree-er {
  background-color: transparent;
  background-image: url("../../../img/vendor/jstree/32px.png");
  background-repeat: no-repeat; }

#jstree-dnd.jstree-default-small i {
  background: transparent;
  height: 18px;
  line-height: 18px;
  width: 18px; }

#jstree-dnd.jstree-default-small .jstree-ok {
  background-position: -7px -71px; }

#jstree-dnd.jstree-default-small .jstree-er {
  background-position: -39px -71px; }

.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg=="); }

.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent; }

.jstree-default-large .jstree-node {
  line-height: 32px;
  margin-left: 32px;
  min-height: 32px;
  min-width: 32px; }

.jstree-default-large .jstree-anchor {
  height: 32px;
  line-height: 32px; }

.jstree-default-large .jstree-icon {
  height: 32px;
  line-height: 32px;
  width: 32px; }

.jstree-default-large .jstree-icon:empty {
  height: 32px;
  line-height: 32px;
  width: 32px; }

.jstree-default-large.jstree-rtl .jstree-node {
  margin-right: 32px; }

.jstree-default-large .jstree-wholerow {
  height: 32px; }

.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon {
  background-image: url("../../../img/vendor/jstree/32px.png"); }

.jstree-default-large .jstree-node {
  background-position: -288px 0;
  background-repeat: repeat-y; }

.jstree-default-large .jstree-last {
  background: transparent; }

.jstree-default-large .jstree-open > .jstree-ocl {
  background-position: -128px 0; }

.jstree-default-large .jstree-closed > .jstree-ocl {
  background-position: -96px 0; }

.jstree-default-large .jstree-leaf > .jstree-ocl {
  background-position: -64px 0; }

.jstree-default-large .jstree-themeicon {
  background-position: -256px 0; }

.jstree-default-large > .jstree-no-dots .jstree-node,
.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent; }

.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px 0; }

.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0 0; }

.jstree-default-large .jstree-disabled {
  background: transparent; }

.jstree-default-large .jstree-disabled.jstree-hovered {
  background: transparent; }

.jstree-default-large .jstree-disabled.jstree-clicked {
  background: #efefef; }

.jstree-default-large .jstree-checkbox {
  background-position: -160px 0; }

.jstree-default-large .jstree-checkbox:hover {
  background-position: -160px -32px; }

.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-large .jstree-checked > .jstree-checkbox {
  background-position: -224px 0; }

.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-large .jstree-checked > .jstree-checkbox:hover {
  background-position: -224px -32px; }

.jstree-default-large .jstree-anchor > .jstree-undetermined {
  background-position: -192px 0; }

.jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
  background-position: -192px -32px; }

.jstree-default-large .jstree-checkbox-disabled {
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  opacity: 0.8; }

.jstree-default-large > .jstree-striped {
  background-size: auto 64px; }

.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y; }

.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent; }

.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -128px -32px; }

.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -96px -32px; }

.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -64px -32px; }

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent; }

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px -32px; }

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0 -32px; }

.jstree-default-large .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0; }

.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("../../../img/vendor/jstree/throbber.gif") center center no-repeat; }

.jstree-default-large .jstree-file {
  background: url("../../../img/vendor/jstree/32px.png") -96px -64px no-repeat; }

.jstree-default-large .jstree-folder {
  background: url("../../../img/vendor/jstree/32px.png") -256px 0 no-repeat; }

.jstree-default-large > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0; }

#jstree-dnd.jstree-default-large {
  line-height: 32px;
  padding: 0 4px; }

#jstree-dnd.jstree-default-large .jstree-ok,
#jstree-dnd.jstree-default-large .jstree-er {
  background-color: transparent;
  background-image: url("../../../img/vendor/jstree/32px.png");
  background-repeat: no-repeat; }

#jstree-dnd.jstree-default-large i {
  background: transparent;
  height: 32px;
  line-height: 32px;
  width: 32px; }

#jstree-dnd.jstree-default-large .jstree-ok {
  background-position: 0 -64px; }

#jstree-dnd.jstree-default-large .jstree-er {
  background-position: -32px -64px; }

.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg=="); }

.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent; }

@media (max-width: 768px) {
  #jstree-dnd.jstree-dnd-responsive {
    font-size: 1.1em;
    font-weight: bold;
    line-height: 40px;
    text-shadow: 1px 1px white; }
  #jstree-dnd.jstree-dnd-responsive > i {
    background: transparent;
    height: 40px;
    width: 40px; }
  #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
    background-image: url("../../../img/vendor/jstree/40px.png");
    background-position: 0 -200px;
    background-size: 120px 240px; }
  #jstree-dnd.jstree-dnd-responsive > .jstree-er {
    background-image: url("../../../img/vendor/jstree/40px.png");
    background-position: -40px -200px;
    background-size: 120px 240px; }
  #jstree-marker.jstree-dnd-responsive {
    border-bottom-width: 10px;
    border-left-width: 10px;
    border-top-width: 10px;
    margin-top: -10px; } }

@media (max-width: 768px) {
  .jstree-default-responsive .jstree-icon {
    background-image: url("../../../img/vendor/jstree/40px.png"); }
  .jstree-default-responsive .jstree-node,
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background: transparent; }
  .jstree-default-responsive .jstree-node {
    line-height: 40px;
    margin-left: 40px;
    min-height: 40px;
    min-width: 40px;
    white-space: nowrap; }
  .jstree-default-responsive .jstree-anchor {
    height: 40px;
    line-height: 40px; }
  .jstree-default-responsive .jstree-icon,
  .jstree-default-responsive .jstree-icon:empty {
    height: 40px;
    line-height: 40px;
    width: 40px; }
  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0; }
  .jstree-default-responsive.jstree-rtl .jstree-node {
    margin-left: 0;
    margin-right: 40px; }
  .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0; }
  .jstree-default-responsive .jstree-ocl,
  .jstree-default-responsive .jstree-themeicon,
  .jstree-default-responsive .jstree-checkbox {
    background-size: 120px 240px; }
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background: transparent; }
  .jstree-default-responsive .jstree-open > .jstree-ocl {
    background-position: 0 0 !important; }
  .jstree-default-responsive .jstree-closed > .jstree-ocl {
    background-position: 0 -40px !important; }
  .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -40px 0 !important; }
  .jstree-default-responsive .jstree-themeicon {
    background-position: -40px -40px; }
  .jstree-default-responsive .jstree-checkbox,
  .jstree-default-responsive .jstree-checkbox:hover {
    background-position: -40px -80px; }
  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  .jstree-default-responsive .jstree-checked > .jstree-checkbox,
  .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
    background-position: 0 -80px; }
  .jstree-default-responsive .jstree-anchor > .jstree-undetermined,
  .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
    background-position: 0 -120px; }
  .jstree-default-responsive .jstree-anchor {
    font-size: 1.1em;
    font-weight: bold;
    text-shadow: 1px 1px white; }
  .jstree-default-responsive > .jstree-striped {
    background: transparent; }
  .jstree-default-responsive .jstree-wholerow {
    background: #ebebeb;
    border-bottom: 1px solid rgba(64, 64, 64, 0.2);
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    height: 40px; }
  .jstree-default-responsive .jstree-wholerow-hovered {
    background: #e7f4f9; }
  .jstree-default-responsive .jstree-wholerow-clicked {
    background: #beebff; }
  .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
    box-shadow: inset 0 -6px 3px -5px #666; }
  .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
    border-top: 0;
    box-shadow: inset 0 6px 3px -5px #666; }
  .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
    box-shadow: none; }
  .jstree-default-responsive .jstree-node,
  .jstree-default-responsive .jstree-icon,
  .jstree-default-responsive .jstree-node > .jstree-ocl,
  .jstree-default-responsive .jstree-themeicon,
  .jstree-default-responsive .jstree-checkbox {
    background-image: url("../../../img/vendor/jstree/40px.png");
    background-size: 120px 240px; }
  .jstree-default-responsive .jstree-node {
    background-position: -80px 0;
    background-repeat: repeat-y; }
  .jstree-default-responsive .jstree-last {
    background: transparent; }
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background-position: -40px -120px; }
  .jstree-default-responsive .jstree-last > .jstree-ocl {
    background-position: -40px -160px; }
  .jstree-default-responsive .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0; }
  .jstree-default-responsive .jstree-file {
    background: url("../../../img/vendor/jstree/40px.png") 0 -160px no-repeat;
    background-size: 120px 240px; }
  .jstree-default-responsive .jstree-folder {
    background: url("../../../img/vendor/jstree/40px.png") -40px -40px no-repeat;
    background-size: 120px 240px; }
  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0; } }

.jotform-form {
  font-size: var(--text-sm); }
  .jotform-form .header-large {
    padding: var(--space-xs) var(--space-lg) !important; }
    .jotform-form .header-large #header_52,
    .jotform-form .header-large .form-subheader {
      color: white; }
    .jotform-form .header-large .form-subheader {
      margin-bottom: 0; }
  .jotform-form .quoteItemsOuterWrapper .quoteItemsWrapper {
    height: 20rem;
    overflow-y: scroll;
    overflow-x: hidden;
    box-shadow: var(--shadow-lg);
    border-radius: .5rem;
    padding: 0;
    border: 1px solid var(--color-bg-darker); }
    .jotform-form .quoteItemsOuterWrapper .quoteItemsWrapper .quote-form-product-wrapper {
      display: flex;
      border: 1px solid var(--color-bg-darker);
      padding: var(--space-sm) 0; }
      .jotform-form .quoteItemsOuterWrapper .quoteItemsWrapper .quote-form-product-wrapper .quote-form-product-img {
        width: 33%; }
        .jotform-form .quoteItemsOuterWrapper .quoteItemsWrapper .quote-form-product-wrapper .quote-form-product-img img {
          object-fit: scale-down;
          padding: 1rem; }
      .jotform-form .quoteItemsOuterWrapper .quoteItemsWrapper .quote-form-product-wrapper .quote-form-product-content {
        width: 66%; }
        .jotform-form .quoteItemsOuterWrapper .quoteItemsWrapper .quote-form-product-wrapper .quote-form-product-content .form-line {
          margin: 0 !important;
          display: block !important;
          width: 100%; }
          .jotform-form .quoteItemsOuterWrapper .quoteItemsWrapper .quote-form-product-wrapper .quote-form-product-content .form-line label {
            display: inline-block !important;
            font-size: var(--text-sm) !important;
            margin-bottom: 0; }
          .jotform-form .quoteItemsOuterWrapper .quoteItemsWrapper .quote-form-product-wrapper .quote-form-product-content .form-line .form-input-wide {
            display: inline-block !important; }
            .jotform-form .quoteItemsOuterWrapper .quoteItemsWrapper .quote-form-product-wrapper .quote-form-product-content .form-line .form-input-wide input, .jotform-form .quoteItemsOuterWrapper .quoteItemsWrapper .quote-form-product-wrapper .quote-form-product-content .form-line .form-input-wide textarea {
              margin-bottom: var(--space-xxs); }
  .jotform-form .quoteItemsOuterWrapper #id_28,
  .jotform-form .quoteItemsOuterWrapper #id_65,
  .jotform-form .quoteItemsOuterWrapper #id_29,
  .jotform-form .quoteItemsOuterWrapper #id_80,
  .jotform-form .quoteItemsOuterWrapper #id_55,
  .jotform-form .quoteItemsOuterWrapper #id_30,
  .jotform-form .quoteItemsOuterWrapper #id_66,
  .jotform-form .quoteItemsOuterWrapper #id_31,
  .jotform-form .quoteItemsOuterWrapper #id_81,
  .jotform-form .quoteItemsOuterWrapper #id_56,
  .jotform-form .quoteItemsOuterWrapper #id_32,
  .jotform-form .quoteItemsOuterWrapper #id_67,
  .jotform-form .quoteItemsOuterWrapper #id_33,
  .jotform-form .quoteItemsOuterWrapper #id_82,
  .jotform-form .quoteItemsOuterWrapper #id_57,
  .jotform-form .quoteItemsOuterWrapper #id_34,
  .jotform-form .quoteItemsOuterWrapper #id_68,
  .jotform-form .quoteItemsOuterWrapper #id_35,
  .jotform-form .quoteItemsOuterWrapper #id_83,
  .jotform-form .quoteItemsOuterWrapper #id_58,
  .jotform-form .quoteItemsOuterWrapper #id_36,
  .jotform-form .quoteItemsOuterWrapper #id_69,
  .jotform-form .quoteItemsOuterWrapper #id_37,
  .jotform-form .quoteItemsOuterWrapper #id_85,
  .jotform-form .quoteItemsOuterWrapper #id_59,
  .jotform-form .quoteItemsOuterWrapper #id_38,
  .jotform-form .quoteItemsOuterWrapper #id_70,
  .jotform-form .quoteItemsOuterWrapper #id_39,
  .jotform-form .quoteItemsOuterWrapper #id_86,
  .jotform-form .quoteItemsOuterWrapper #id_60,
  .jotform-form .quoteItemsOuterWrapper #id_40,
  .jotform-form .quoteItemsOuterWrapper #id_71,
  .jotform-form .quoteItemsOuterWrapper #id_41,
  .jotform-form .quoteItemsOuterWrapper #id_84,
  .jotform-form .quoteItemsOuterWrapper #id_61,
  .jotform-form .quoteItemsOuterWrapper #id_42,
  .jotform-form .quoteItemsOuterWrapper #id_72,
  .jotform-form .quoteItemsOuterWrapper #id_43,
  .jotform-form .quoteItemsOuterWrapper #id_87,
  .jotform-form .quoteItemsOuterWrapper #id_62,
  .jotform-form .quoteItemsOuterWrapper #id_44,
  .jotform-form .quoteItemsOuterWrapper #id_73,
  .jotform-form .quoteItemsOuterWrapper #id_45,
  .jotform-form .quoteItemsOuterWrapper #id_88,
  .jotform-form .quoteItemsOuterWrapper #id_63,
  .jotform-form .quoteItemsOuterWrapper #id_46,
  .jotform-form .quoteItemsOuterWrapper #id_74,
  .jotform-form .quoteItemsOuterWrapper #id_47,
  .jotform-form .quoteItemsOuterWrapper #id_89,
  .jotform-form .quoteItemsOuterWrapper #id_64 {
    pointer-events: none;
    margin: 0 0 1rem 0;
    padding: 0;
    display: inline-block; }
    .jotform-form .quoteItemsOuterWrapper #id_28 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_28 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_65 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_65 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_29 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_29 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_80 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_80 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_55 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_55 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_30 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_30 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_66 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_66 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_31 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_31 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_81 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_81 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_56 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_56 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_32 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_32 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_67 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_67 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_33 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_33 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_82 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_82 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_57 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_57 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_34 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_34 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_68 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_68 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_35 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_35 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_83 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_83 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_58 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_58 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_36 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_36 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_69 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_69 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_37 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_37 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_85 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_85 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_59 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_59 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_38 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_38 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_70 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_70 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_39 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_39 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_86 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_86 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_60 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_60 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_40 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_40 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_71 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_71 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_41 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_41 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_84 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_84 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_61 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_61 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_42 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_42 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_72 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_72 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_43 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_43 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_87 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_87 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_62 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_62 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_44 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_44 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_73 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_73 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_45 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_45 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_88 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_88 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_63 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_63 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_46 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_46 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_74 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_74 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_47 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_47 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_89 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_89 .form-input-wide > textarea,
    .jotform-form .quoteItemsOuterWrapper #id_64 .form-input-wide > input,
    .jotform-form .quoteItemsOuterWrapper #id_64 .form-input-wide > textarea {
      background-color: #ece6e6;
      font-style: italic; }
  .jotform-form #id_90,
  .jotform-form #id_3,
  .jotform-form #id_91,
  .jotform-form #id_51,
  .jotform-form #id_14,
  .jotform-form #id_15,
  .jotform-form #id_78,
  .jotform-form #id_93 {
    pointer-events: none; }
    .jotform-form #id_90 .form-input-wide input,
    .jotform-form #id_90 .form-input-wide textarea,
    .jotform-form #id_3 .form-input-wide input,
    .jotform-form #id_3 .form-input-wide textarea,
    .jotform-form #id_91 .form-input-wide input,
    .jotform-form #id_91 .form-input-wide textarea,
    .jotform-form #id_51 .form-input-wide input,
    .jotform-form #id_51 .form-input-wide textarea,
    .jotform-form #id_14 .form-input-wide input,
    .jotform-form #id_14 .form-input-wide textarea,
    .jotform-form #id_15 .form-input-wide input,
    .jotform-form #id_15 .form-input-wide textarea,
    .jotform-form #id_78 .form-input-wide input,
    .jotform-form #id_78 .form-input-wide textarea,
    .jotform-form #id_93 .form-input-wide input,
    .jotform-form #id_93 .form-input-wide textarea {
      background-color: #ece6e6;
      font-style: italic; }
  .jotform-form *,
  .jotform-form :after,
  .jotform-form :before {
    box-sizing: border-box; }
  .jotform-form :focus {
    outline: 0; }
  .jotform-form input,
  .jotform-form select,
  .jotform-form textarea {
    outline: 0;
    margin: 0;
    text-align: left; }
  .jotform-form select {
    -webkit-appearance: none;
    appearance: none; }
  .jotform-form img {
    max-width: 100%; }
  .jotform-form a {
    text-decoration: none; }
  .jotform-form textarea::-webkit-resizer {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.852.148a.504.504 0 00-.713 0L.148 5.139a.504.504 0 10.713.713L5.852.861a.504.504 0 000-.713zM5.86 3.14a.48.48 0 00-.68 0L3.142 5.18a.48.48 0 10.68.68L5.86 3.82a.48.48 0 000-.68z' fill='%23C3CAD8'/%3E%3C/svg%3E");
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 50%; }
  .jotform-form select::-ms-expand {
    display: none; }
  .jotform-form button {
    outline: 0; }
  .jotform-form :-ms-input-placeholder {
    color: #8894ab;
    font-weight: 300;
    font-family: inherit; }
  .jotform-form ::placeholder {
    color: #8894ab;
    font-weight: 300;
    font-family: inherit; }
  .jotform-form .form-dropdown.is-active {
    color: #000; }
  .jotform-form .form-dropdown:required:invalid {
    color: #8894ab;
    font-weight: 300; }
  .jotform-form .form-line.isSelected [contenteditable="true"]:not(.inlineEditNotEmpty):empty:after {
    white-space: nowrap; }
  .jotform-form .JotFormBuilder #stage [contenteditable] {
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text; }
  @supports (-webkit-overflow-scrolling: touch) {
    .jotform-form input,
    .jotform-form textarea {
      -webkit-appearance: none;
      appearance: none; } }
  @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), not all {
    .jotform-form body {
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility; } }
  .jotform-form .form-all {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 72px auto;
    width: 100%; }
  .jotform-form .isEmbeddedInPortal body {
    margin: 0;
    background-color: transparent; }
  .jotform-form .isEmbeddedInPortal .form-all {
    background-color: transparent;
    max-width: 100%; }
  .jotform-form .isEmbeddedInPortal.supernova .form-all {
    border: none; }
  .jotform-form li:not([data-payment="true"]) [data-wrapper-react="true"] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start; }
  .jotform-form li:not([data-payment="true"]) [data-wrapper-react="true"].useJotformSign-signature {
    -ms-flex-direction: column;
    flex-direction: column; }
  .jotform-form .form-line {
    padding: 12px 10px;
    margin: 12px 4px;
    border-radius: 3px;
    position: relative;
    width: 100%;
    transition: background-color 0.15s; }
  .jotform-form .form-line,
  .jotform-form ul.page-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start; }
  .jotform-form ul.page-section {
    margin: 0;
    padding: 0 38px;
    list-style: none; }
  .jotform-form .form-line-column {
    width: calc(50% - 8px); }
  .jotform-form .form-line-column [data-layout="half"].form-input-wide {
    width: 100%; }
  .jotform-form .isBuilder .form-line-column.fixed-width {
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }
  .jotform-form .form-line-column:not(.form-line-error):not(.form-line-column-clear).fixed-width {
    width: auto;
    max-width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    white-space: nowrap; }
  .jotform-form .form-line-column.form-line-column-clear {
    width: calc(50% - 7px); }
  .jotform-form .form-input {
    width: calc(100% - 240px); }
  .jotform-form .always-hidden {
    display: none !important; }
  .jotform-form .page-section > li:first-child:not(.form-line-column):not([data-type="control_head"]):not([data-type="control_payment"]):not([data-type="control_text"]):not([data-type="control_button"]):not([data-type="control_collapse"]),
  .jotform-form .page-section > li:nth-child(2):not(.form-line-column):not([data-type="control_head"]):not([data-type="control_paymrnt"]):not([data-type="control_text"]):not([data-type="control_button"]):not([data-type="control_collapse"]) {
    margin-top: 28px; }
  .jotform-form .page-section > li:first-child:not(.form-line-column):not([data-type="control_head"]):not([data-type="control_payment"]):not([data-type="control_text"]):not([data-type="control_button"]):not([data-type="control_collapse"]) + li:nth-child(2):not(.form-line-column):not([data-type="control_head"]):not([data-type="control_payment"]):not([data-type="control_text"]):not([data-type="control_button"]):not([data-type="control_collapse"]) {
    margin-top: 12px; }
  .jotform-form .form-label {
    display: inline-block;
    font-weight: bold;
    word-break: break-word; }
  .jotform-form .form-required {
    margin-left: 4px; }
  .jotform-form .form-sub-label {
    font-size: 0.75em;
    margin-top: 11px;
    margin-left: 2px;
    display: block;
    word-break: break-word; }
  .jotform-form .form-sub-label b {
    color: #57647e;
    font-weight: 500; }
  .jotform-form label[for$="_dummy"] {
    white-space: nowrap;
    color: #57647e;
    font-size: 14px; }
  .jotform-form .form-sub-label:empty {
    display: none; }
  .jotform-form .form-label-top {
    width: 100%;
    margin-left: 2px;
    margin-bottom: 14px; }
  .jotform-form .form-label-right {
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right; }
  .jotform-form .form-sub-label-container {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%; }
  .jotform-form .form-sub-label-container + .form-sub-label-container {
    margin-left: 8px; }
  .jotform-form .form-label:not(.form-label-top) {
    width: 230px;
    margin-right: 10px;
    margin-top: 0.625em;
    margin-bottom: 0.625em; }
  .jotform-form li[data-type="control_checkbox"] .form-label:not(.form-label-top),
  .jotform-form li[data-type="control_radio"] .form-label:not(.form-label-top) {
    margin-top: 0; }
  .jotform-form .stripe-payment-wrapper .overlay-content + .form-sub-label-container {
    width: calc(50% - 14px); }
  .jotform-form li.form-line:not(.form-line-column)[data-type="control_fullname"] .form-input-wide [data-wrapper-react]:not(.extended) .form-sub-label-container + .form-sub-label-container {
    margin-left: 24px; }
  .jotform-form .form-input-wide {
    width: 100%; }
  .jotform-form li.form-line:not(.form-line-column) .form-input-wide[data-layout="half"] {
    width: calc(50% - 14px); }
  .jotform-form .fixed-width.form-line:not(.form-line-column) .form-input-wide[data-layout="half"] {
    width: 100%; }
  .jotform-form li.form-line[data-type="control_signature"]:not(.form-line-column):not(.fixed-width) .form-input-wide {
    width: calc(50% - 14px); }
  .jotform-form .form-line:not(.fixed-width) .form-dropdown,
  .jotform-form .form-line:not(.fixed-width) .form-spinner,
  .jotform-form .form-line:not(.fixed-width) .form-textarea,
  .jotform-form .form-line:not(.fixed-width) .form-textbox:not(.time-dropdown):not(#productSearch-input),
  .jotform-form .form-line:not(.fixed-width) .signature-pad-passive {
    min-width: 100%;
    max-width: 100%; }
  .jotform-form .form-description .form-description-content {
    word-break: break-word; }
  .jotform-form .form-error-message {
    color: #fff;
    background-color: #f23a3c;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 14.515a7 7 0 110-14 7 7 0 010 14zm-.814-5.86h1.628v-5.21H6.186v5.21zM7 11.259a.82.82 0 00.814-.824A.816.816 0 007 9.631a.813.813 0 100 1.628z' fill='%23fff'/%3E%3C/svg%3E");
    font-size: 0.75em;
    margin-top: 8px;
    border-radius: 4px;
    background-size: 0.875em;
    background-position: 0.375em;
    background-repeat: no-repeat;
    display: inline-block;
    width: auto;
    padding: 0.25em 0.5em 0.25em 1.625em; }
  .jotform-form .form-error-message img {
    display: none; }
  .jotform-form .form-button-error {
    display: none;
    padding-left: 8px;
    font-size: 14px;
    -ms-flex-align: center;
    align-items: center; }
  .jotform-form .error-navigation-container {
    background-color: rgba(242, 58, 60, 0.94);
    animation-name: fadeIn;
    animation-duration: 0.3s;
    animation-fill-mode: both;
    color: #fff;
    width: 100%;
    position: fixed;
    transition: 0.3s;
    top: 0;
    left: 0;
    z-index: 1001; }
  .jotform-form .error-navigation-message {
    -ms-flex: 1;
    flex: 1; }
  .jotform-form .error-navigation-container.is-success {
    color: #2c3345;
    background-color: rgba(201, 251, 203, 0.95); }
  .jotform-form .error-navigation-inner {
    max-width: 752px;
    background-position: 0;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -ms-flex-align: center;
    align-items: center;
    transition-property: background-color, background-size, background-position, padding;
    transition-duration: 0.2s;
    margin: 0 auto; }
  .jotform-form .error-navigation-container button {
    height: 40px;
    padding: 0 20px;
    border: 0;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    background-color: #fff;
    color: #2c3345; }
  .jotform-form button.error-navigation-done-button {
    background-color: #18bd5b;
    color: #fff; }
  .jotform-form .error-navigation-container.is-success .error-navigation-inner {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.5' cy='12.5' r='12.5' fill='%2318BD5B'/%3E%3Cpath d='M7 13l3.556 4 7.11-8' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: 10px;
    background-repeat: no-repeat;
    padding-left: 45px; }
  .jotform-form .error-navigation-message strong {
    background-color: #fff;
    color: #2c3345;
    font-size: 14px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 20px; }

@keyframes fadeIn {
  0% {
    transform: translateY(-100px); }
  to {
    transform: translateY(0); } }
  .jotform-form .form-textbox {
    padding: 0 0.625em; }
  .jotform-form div.widearea-wrapper {
    display: block; }
  .jotform-form .form-dropdown {
    padding: 0 1.875em 0 0.625em;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2357647E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: right 10px bottom 50%;
    background-size: 0.625em;
    background-repeat: no-repeat; }
  .jotform-form .form-textarea {
    padding: 0.625em;
    min-height: 2.5em;
    max-width: 100%;
    font-family: inherit; }
  .jotform-form .form-dropdown,
  .jotform-form .form-textarea,
  .jotform-form .form-textbox:not(#productSearch-input),
  .jotform-form .signature-wrapper {
    font-size: 1em;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    display: block;
    min-width: 100%;
    font-family: inherit; }
  .jotform-form .fixed-width .form-dropdown,
  .jotform-form .fixed-width .form-textarea,
  .jotform-form .fixed-width .form-textbox {
    max-width: 100%;
    min-width: unset; }
  .jotform-form .fixed-width .form-textbox:not(#productSearch-input) {
    min-width: unset; }
  .jotform-form .fixed-width .form-spinner-input.form-textbox {
    min-width: 100%; }
  .jotform-form .form-dropdown:not([size]),
  .jotform-form .form-textbox {
    height: 2.5em; }
  .jotform-form .widearea-overlayLayer .form-textarea {
    min-width: unset; }
  .jotform-form .form-checkbox-item label,
  .jotform-form .form-radio-item label {
    width: 100%;
    padding-right: 5px;
    word-break: break-word; }
  .jotform-form .form-matrix-values .form-checkbox,
  .jotform-form .form-matrix-values .form-radio {
    height: 20px;
    width: 20px;
    clip: auto;
    cursor: pointer; }
  .jotform-form .form-matrix-values .form-checkbox + label,
  .jotform-form .form-matrix-values .form-checkbox + span,
  .jotform-form .form-matrix-values .form-radio + label,
  .jotform-form .form-matrix-values .form-radio + span {
    pointer-events: none; }
  .jotform-form .form-checkbox,
  .jotform-form .form-radio {
    position: absolute;
    opacity: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
  .jotform-form .form-checkbox + label,
  .jotform-form .form-checkbox + span,
  .jotform-form .form-radio + label,
  .jotform-form .form-radio + span {
    padding-left: 30px;
    min-height: 20px;
    font-size: 0.9375em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    word-break: break-word; }
  .jotform-form .form-checkbox + label:before,
  .jotform-form .form-checkbox + span:before,
  .jotform-form .form-radio + label:before,
  .jotform-form .form-radio + span:before {
    width: 20px;
    height: 20px;
    border: 1px solid;
    content: "";
    position: absolute;
    top: 0;
    left: 0; }
  .jotform-form .form-checkbox + label:after,
  .jotform-form .form-checkbox + span:after,
  .jotform-form .form-radio + label:after,
  .jotform-form .form-radio + span:after {
    transform: scale(0);
    opacity: 0;
    transition: transform 0.2s,
 opacity 0.2s; }
  .jotform-form .form-line .form-checkbox-item .form-checkbox-other.form-textbox + label,
  .jotform-form .form-line .form-radio-item .form-radio-other.form-textbox + label {
    display: none; }
  .jotform-form .form-multiple-column,
  .jotform-form .form-single-column {
    width: 100%;
    display: inline-block; }
  .jotform-form .form-multiple-column .form-checkbox-item,
  .jotform-form .form-multiple-column .form-radio-item,
  .jotform-form .form-single-column .form-checkbox-item,
  .jotform-form .form-single-column .form-radio-item {
    float: left; }
  .jotform-form .form-multiple-column .form-checkbox-item:not(.formCheckboxOther):not(:last-child),
  .jotform-form .form-multiple-column .form-radio-item:not(.formRadioOther):not(:last-child),
  .jotform-form .form-single-column .form-checkbox-item:not(.formCheckboxOther):not(:last-child),
  .jotform-form .form-single-column .form-radio-item:not(.formRadioOther):not(:last-child) {
    margin-bottom: 10px; }
  .jotform-form .formCheckboxOther,
  .jotform-form .formRadioOther {
    min-width: 100%; }
  .jotform-form .isSelected .formCheckboxOther,
  .jotform-form .isSelected .formRadioOther {
    margin-top: 10px; }
  .jotform-form .form-multiple-column[data-columncount="2"] .form-checkbox-item,
  .jotform-form .form-multiple-column[data-columncount="2"] .form-radio-item {
    width: 50%; }
  .jotform-form .form-multiple-column[data-columncount="3"] .form-checkbox-item,
  .jotform-form .form-multiple-column[data-columncount="3"] .form-radio-item {
    width: 33.33%; }
  .jotform-form .form-multiple-column[data-columncount="4"] .form-checkbox-item,
  .jotform-form .form-multiple-column[data-columncount="4"] .form-radio-item {
    width: 25%; }
  .jotform-form .form-multiple-column[data-columncount="5"] .form-checkbox-item,
  .jotform-form .form-multiple-column[data-columncount="5"] .form-radio-item {
    width: 20%; }
  .jotform-form .form-radio + label,
  .jotform-form .form-radio + span {
    display: inline-block; }
  .jotform-form .form-radio + label:before,
  .jotform-form .form-radio + span:before {
    border-radius: 50%;
    transition: border-color 0.15s; }
  .jotform-form .form-radio + label:after,
  .jotform-form .form-radio + label div:after,
  .jotform-form .form-radio + span:after,
  .jotform-form .form-radio + span div:after {
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    content: "";
    position: absolute;
    border-radius: 50%; }
  .jotform-form .form-checkbox + label,
  .jotform-form .form-checkbox + span {
    display: inline-block; }
  .jotform-form .form-checkbox + label:before,
  .jotform-form .form-checkbox + span:before,
  .jotform-form .form-checkbox:checked + label:after,
  .jotform-form .form-checkbox:checked + span:before {
    border-radius: 2px;
    transition: background-color 0.15s,
 border-color 0.15s;
    width: 20px;
    height: 20px; }
  .jotform-form .form-checkbox:checked + label:after,
  .jotform-form .form-checkbox:checked + span:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4l2.667 3L9 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-size: 10px;
    background-position: 50%;
    background-repeat: no-repeat; }
  .jotform-form .form-checkbox:checked + label:after,
  .jotform-form .form-radio:checked + label:after {
    opacity: 1;
    transform: scale(1); }
  .jotform-form .form-radio:checked + label:before,
  .jotform-form .form-radio:checked + span:before {
    border-color: #2e69ff; }
  .jotform-form .other-input-container {
    display: inline-block;
    width: 100%;
    margin-top: 10px; }
  .jotform-form .other-input-container.is-none {
    display: none; }
  .jotform-form .appointmentDayPickerButton,
  .jotform-form .appointmentField .timezonePickerName {
    border: 1px solid transparent; }
  .jotform-form [data-encrypted-answer="true"] {
    filter: blur(0.2rem);
    pointer-events: none; }
  .jotform-form .jfHiddenTextLabel {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden; }
  .jotform-form .form-address-table {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .jotform-form .form-address-line-wrapper,
  .jotform-form .form-address-table {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    gap: 24px; }
  .jotform-form .form-label:not(.form-label-top) + .form-input .form-address-line-wrapper,
  .jotform-form .form-label:not(.form-label-top) + .form-input .form-address-table {
    column-gap: 8px; }
  .jotform-form .form-address-table:has(span.form-address-line + span.form-address-line + span.form-address-line + span.form-address-line):not(:has(.form-address-hiddenLine)) span.form-address-line {
    -ms-flex: 1 0 35%;
    flex: 1 0 35%; }
  .jotform-form .form-address-line {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 30%;
    flex: 1 0 30%; }
  .jotform-form .form-address-line.form-address-street-line {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%; }
  .jotform-form .form-address-line .form-sub-label-container {
    display: block; }
  .jotform-form .form-address-hiddenLine + .form-address-line {
    margin-left: 0; }
  .jotform-form .form-address-country,
  .jotform-form .form-address-line input {
    width: 100%; }
  .jotform-form .page-section li[data-type="control_button"] {
    padding: 0;
    margin: 0;
    background-color: transparent; }
  .jotform-form .jf-form-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 3em;
    width: auto;
    min-width: 128px;
    color: #2c3345;
    font-size: 1em;
    border-radius: 4px;
    background-color: transparent;
    border: 1px solid;
    cursor: pointer;
    font-weight: 500;
    font-family: inherit; }
  .jotform-form .jf-form-buttons:not(.form-pagebreak-back) {
    margin-left: 10px; }
  .jotform-form .badge-wrapper {
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 14px 20px;
    background: rgba(229, 231, 242, 0.25);
    border-top: 1px solid #e5e7f2; }
  .jotform-form .accessibility-badge-wrapper,
  .jotform-form .badge-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  .jotform-form .encrypted-form-badge-wrapper + .accessibility-badge-wrapper,
  .jotform-form .hipaa-badge-wrapper + .accessibility-badge-wrapper {
    margin-left: 14px;
    padding-left: 10px;
    border-left: 1px solid #e5e7f2; }
  .jotform-form .a11y-content {
    margin-left: 4px;
    font-family: Arial, Helvetica, sans-serif; }
  .jotform-form .a11y-title {
    color: #0e7abe;
    font-weight: 700;
    font-size: 14px; }
  .jotform-form .a11y-subtitle {
    color: #c1bdbc;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0.03em; }
  .jotform-form .form-buttons-wrapper,
  .jotform-form .form-submit-clear-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin: 0 -38px 10px;
    padding: 30px 52px;
    border-top: 1px solid; }
  .jotform-form .form-buttons-left {
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .jotform-form .form-buttons-right {
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .jotform-form li[data-type="control_button"].form-line-column .form-buttons-wrapper {
    padding: 27px 44px; }
  .jotform-form .form-submit-button.icon-encrypt:not(.form-sacl-button) {
    position: relative; }
  .jotform-form .form-submit-button.icon-encrypt:not(.form-sacl-button):before {
    content: url(/images/security-icon.png);
    display: inline-block;
    position: absolute;
    width: 32px;
    height: 32px;
    right: -36px;
    top: 50%;
    margin-top: -16px;
    box-sizing: border-box;
    padding-top: 4px; }
  .jotform-form .form-line[data-type="control_button"][paypal-button-status="show"] .form-submit-button:not(.form-sacl-button) {
    display: none !important; }
  .jotform-form .form-submit-print {
    width: auto;
    min-width: 98px;
    margin-left: 0; }
  .jotform-form .form-submit-print img {
    display: none; }
  .jotform-form li[data-type="control_button"] .form-buttons-wrapper .form-submit-button-img {
    background: none;
    border: none;
    box-shadow: none; }
  .jotform-form li[data-type="control_button"] .form-buttons-wrapper .form-submit-button-img img {
    width: 100%;
    height: 100%; }
  .jotform-form li[data-type="control_button"] .form-buttons-wrapper .form-submit-button-img:hover {
    background: none; }
  .jotform-form .form-submit-clear-wrapper {
    padding: 1em 52px;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .jotform-form .submit-button {
    width: auto;
    min-width: 180px; }
  .jotform-form .form-submit-clear-wrapper .form-submit-reset {
    border: 0;
    width: auto;
    height: auto;
    font-size: 0.875em;
    font-weight: 400;
    background-color: transparent;
    padding: 0;
    margin-left: 0; }
  .jotform-form .form-sacl-button {
    width: auto;
    min-width: 98px; }
  .jotform-form li[data-type="control_head"] {
    list-style: none; }
  .jotform-form .form-header {
    margin: 0;
    font-weight: 600;
    line-height: 1.45; }
  .jotform-form .header-text {
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .jotform-form .httar {
    text-align: right; }
  .jotform-form .httal {
    text-align: left; }
  .jotform-form .httac {
    text-align: center; }
  .jotform-form .htvam {
    margin-top: auto; }
  .jotform-form .htvam,
  .jotform-form .htvat {
    margin-bottom: auto; }
  .jotform-form .htvab {
    margin-top: auto; }
  .jotform-form .form-subHeader {
    font-weight: 500;
    line-height: 1.6; }
  .jotform-form .form-header-group {
    border-bottom: 1px solid;
    padding: 14px;
    margin-top: 1.25em;
    margin-bottom: 0.75em; }
  .jotform-form div.header-large {
    margin: 0 -38px;
    padding: 2.5em 52px; }
  .jotform-form .header-large .form-header {
    font-size: 2em; }
  .jotform-form .header-large .form-subHeader {
    font-size: 1em; }
  .jotform-form .header-default .form-header {
    font-size: 1.25em;
    margin-bottom: 4px; }
  .jotform-form .header-default .form-subHeader {
    font-size: 0.875em;
    margin-bottom: 4px; }
  .jotform-form .header-small .form-header {
    font-size: 1.125em; }
  .jotform-form .header-small .form-subHeader {
    font-size: 0.75em; }
  .jotform-form .form-header-group[data-imagealign] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  .jotform-form .form-header-group[data-imagealign="Right"] .header-logo {
    margin-left: auto; }
  .jotform-form .form-header-group[data-imagealign="Right"] .header-text {
    margin-right: 1.25em; }
  .jotform-form .form-header-group[data-imagealign="Left"] .header-text {
    margin-left: 1.25em; }
  .jotform-form .form-header-group[data-imagealign="Top"] {
    -ms-flex-direction: column;
    flex-direction: column; }
  .jotform-form .form-header-group[data-imagealign="Top"] .header-text {
    margin-top: 1.25em;
    width: 100%; }
  .jotform-form .form-header-group .header-logo img {
    max-width: none; }
  .jotform-form body.JotFormBuilder .appContainer #app li.form-line[data-type="control_matrix"].isSelected .form-matrix-column-headers,
  .jotform-form body.JotFormBuilder .appContainer #app li.form-line[data-type="control_matrix"].isSelected .form-matrix-row-headers {
    padding: 12px 22px 12px 12px; }
  .jotform-form li[data-type="control_matrix"] .form-input-wide {
    overflow-x: auto; }
  .jotform-form .form-matrix-values label.matrix-choice-label {
    padding-left: 20px;
    vertical-align: text-bottom;
    display: inline-block; }
  .jotform-form li[data-type="control_matrix"] .form-dropdown,
  .jotform-form li[data-type="control_matrix"] .form-textbox {
    font-size: 0.875em;
    border-radius: 0;
    border-color: transparent; }
  .jotform-form li[data-type="control_matrix"] .form-dropdown:focus,
  .jotform-form li[data-type="control_matrix"] .form-dropdown:hover,
  .jotform-form li[data-type="control_matrix"] .form-textbox:focus,
  .jotform-form li[data-type="control_matrix"] .form-textbox:hover {
    position: relative;
    z-index: 1; }
  .jotform-form .form-matrix-table {
    width: 100%;
    border-spacing: 0;
    text-align: left; }
  .jotform-form .form-matrix-headers {
    position: relative;
    font-size: 0.75em;
    font-weight: 500;
    padding: 12px; }
  .jotform-form .form-matrix-headers.form-matrix-column-headers {
    text-align: center;
    border-top: 1px solid #c3cad8; }
  .jotform-form .form-matrix-values {
    text-align: center;
    padding: 0;
    position: relative; }
  .jotform-form .JotFormBuilder #stage .form-matrix-values {
    pointer-events: none; }
  .jotform-form .form-matrix-headers,
  .jotform-form .form-matrix-values {
    border-left: 1px solid;
    border-bottom: 1px solid; }
  .jotform-form .form-matrix-column-headers:last-child {
    border-radius: 0 4px 0 0; }
  .jotform-form .isSelected .form-matrix-column-headers:nth-last-of-type(2) {
    border-right: 1px solid #c3cad8;
    border-radius: 0 4px 0 0; }
  .jotform-form .form-matrix-value-tr:nth-child(2) .form-matrix-row-headers {
    border-top: 1px solid #c3cad8;
    border-radius: 4px 0 0 0; }
  .jotform-form .form-matrix-column_0 {
    border-radius: 4px 0 0; }
  .jotform-form .form-matrix-column_0:last-child {
    border-radius: 4px 4px 0 0; }
  .jotform-form .form-matrix-table td:last-child,
  .jotform-form .form-matrix-table th:last-child {
    border-right: 1px solid; }
  .jotform-form .form-matrix-table tr:last-child td,
  .jotform-form .form-matrix-table tr:last-child th {
    border-bottom: 1px solid; }
  .jotform-form .form-matrix-table tr:last-child .form-matrix-row-headers {
    border-radius: 0 0 0 4px; }
  .jotform-form .form-matrix-table tr:last-child td:last-of-type,
  .jotform-form .form-matrix-table tr:last-child td:last-of-type .form-dropdown,
  .jotform-form .form-matrix-table tr:last-child td:last-of-type .form-textbox {
    border-radius: 0 0 4px; }
  .jotform-form .form-matrix-table tr:not([role="group"]) + tr[role="group"] th {
    border-top: 1px solid; }
  .jotform-form .form-matrix-table tr:not([role="group"]) + tr[role="group"] .form-matrix-row-headers {
    border-radius: 4px 0 0; }
  .jotform-form .form-matrix-table tr:not([role="group"]) + tr[role="group"]:last-child .form-matrix-row-headers {
    border-radius: 4px 0 0 4px; }
  @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .jotform-form .form-matrix-values .form-checkbox,
    .jotform-form .form-matrix-values .form-radio {
      left: calc(50% - 10px);
      top: auto; } }
  .jotform-form [data-input-type="areaCode"] {
    -ms-flex: 1 1 30%;
    flex: 1 1 30%; }
  .jotform-form [data-input-type="phone"] {
    -ms-flex: 1 1 70%;
    flex: 1 1 70%; }
  .jotform-form li[data-type="control_phone"] .form-sub-label-container input {
    width: 100%; }
  .jotform-form li[data-type="control_phone"] div.extended [data-input-type="countryCode"],
  .jotform-form li[data-type="control_phone"] div.extended [data-input-type="countryCode"] + [data-input-type="areaCode"] {
    -ms-flex: 1 1 20%;
    flex: 1 1 20%; }
  .jotform-form li[data-type="control_phone"] div.extended [data-input-type="phone"] {
    -ms-flex: 1 1 35%;
    flex: 1 1 35%; }
  .jotform-form .phone-separate {
    display: none; }
  .jotform-form .form-spinner {
    position: relative;
    max-width: 100%; }
  .jotform-form .form-spinner-button {
    width: 2.25em;
    cursor: pointer;
    position: absolute;
    top: 1px;
    height: calc(100% - 2px); }
  .jotform-form .form-spinner-button:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .jotform-form .form-spinner-button.form-spinner-up {
    border-radius: 0 3px 3px 0;
    right: 1px; }
  .jotform-form .form-spinner-button.form-spinner-up:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 12.4v-5h5a.5.5 0 000-1h-5v-5a.5.5 0 00-1 0v5h-5a.5.5 0 000 1h5v5a.5.5 0 001 0z' fill='%2357647E' stroke='%2357647E' stroke-width='.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 14px;
    height: 14px; }
  .jotform-form .form-spinner-button.form-spinner-down {
    border-radius: 3px 0 0 3px;
    left: 1px; }
  .jotform-form .form-spinner-button.form-spinner-down:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 1.4h-11a.5.5 0 010-1h11a.5.5 0 010 1z' fill='%2357647E' stroke='%2357647E' stroke-width='.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 14px;
    height: 2px; }
  .jotform-form .form-spinner-image {
    display: none; }
  .jotform-form .form-spinner-input {
    -moz-appearance: textfield; }
  .jotform-form .form-spinner-input::-webkit-inner-spin-button,
  .jotform-form .form-spinner-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0; }
  .jotform-form .form-spinner-input:focus,
  .jotform-form .form-spinner-input:hover {
    -moz-appearance: number-input; }
  .jotform-form .form-spinner-input {
    padding: 0 3.15em;
    border: 1px solid;
    text-align: center; }
  .jotform-form .form-spinner-input:focus,
  .jotform-form .form-spinner-input:hover {
    border: 1px solid; }
  .jotform-form li[data-type="control_spinner"] div[data-wrapper-react="true"] > div {
    max-width: 100%; }
  .jotform-form li[data-type="control_text"] {
    font-size: 0.9375em;
    line-height: 1.6;
    word-break: break-word; }
  .jotform-form li[data-type="control_text"] ul li {
    list-style: disc outside; }
  .jotform-form li[data-type="control_text"] div [data-component="text"] a {
    text-decoration: underline; }
  .jotform-form li[data-type="control_text"] div [data-component="text"] h1,
  .jotform-form li[data-type="control_text"] div [data-component="text"] h2,
  .jotform-form li[data-type="control_text"] div [data-component="text"] h3,
  .jotform-form li[data-type="control_text"] div [data-component="text"] h4,
  .jotform-form li[data-type="control_text"] div [data-component="text"] h5,
  .jotform-form li[data-type="control_text"] div [data-component="text"] h6 {
    font-weight: 700; }
  .jotform-form li[data-type="control_text"] div [data-component="text"] h1 {
    font-size: 2rem; }
  .jotform-form li[data-type="control_text"] div [data-component="text"] h2 {
    font-size: 1.5em; }
  .jotform-form li[data-type="control_text"] div [data-component="text"] h3 {
    font-size: 1.17em; }
  .jotform-form li[data-type="control_text"] div [data-component="text"] h4 {
    font-size: 1em; }
  .jotform-form li[data-type="control_text"] div [data-component="text"] h5 {
    font-size: 0.83em; }
  .jotform-form li[data-type="control_text"] div [data-component="text"] h6 {
    font-size: 0.67em; }
  .jotform-form .form-line-column .mce-listbox button {
    padding-right: 0; }
  .jotform-form .signature-pad-wrapper {
    text-align: right;
    max-width: 100%; }
  .jotform-form .signature-pad-wrapper .form-sub-label {
    text-align: left; }
  .jotform-form .signature-wrapper {
    max-width: 100%;
    background-color: #fff; }
  .jotform-form .signature-wrapper .pad {
    max-width: 100%; }
  .jotform-form .signature-wrapper .pad .form-validation-error {
    box-shadow: 0 0 0 2px #ffa5a5; }
  .jotform-form .signature-pad-passive {
    width: 100%;
    background-color: #fff;
    border: 1px solid;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M74.105 8.924h1.482c-.045-1.63-1.487-2.814-3.555-2.814-2.043 0-3.61 1.168-3.61 2.923 0 1.417 1.015 2.247 2.65 2.69l1.204.328c1.089.288 1.929.646 1.929 1.551 0 .994-.95 1.65-2.257 1.65-1.183 0-2.168-.526-2.257-1.635h-1.542c.1 1.845 1.527 2.983 3.809 2.983 2.391 0 3.768-1.258 3.768-2.983 0-1.834-1.635-2.545-2.928-2.864l-.994-.258c-.796-.204-1.855-.577-1.85-1.551 0-.865.79-1.507 2.043-1.507 1.169 0 1.999.547 2.108 1.487zM77.443 16.431h1.486V8.795h-1.486v7.636zm.75-8.815c.512 0 .94-.397.94-.885 0-.487-.428-.89-.94-.89-.517 0-.94.403-.94.89s.423.886.94.886zM84.13 19.439c1.945 0 3.446-.89 3.446-2.839V8.795h-1.457v1.238h-.11c-.263-.473-.79-1.338-2.211-1.338-1.845 0-3.202 1.457-3.202 3.888 0 2.436 1.387 3.734 3.192 3.734 1.402 0 1.943-.79 2.212-1.278h.094v1.501c0 1.179-.82 1.7-1.949 1.7-1.237 0-1.72-.62-1.983-1.043l-1.278.527c.403.92 1.422 1.715 3.247 1.715zm-.014-4.355c-1.328 0-2.019-1.02-2.019-2.52 0-1.467.676-2.606 2.019-2.606 1.297 0 1.993 1.059 1.993 2.605 0 1.576-.71 2.52-1.993 2.52zM91.056 11.897c0-1.218.746-1.914 1.78-1.914 1.01 0 1.62.661 1.62 1.77v4.678h1.487v-4.857c0-1.89-1.039-2.879-2.6-2.879-1.149 0-1.9.532-2.252 1.343h-.095V8.795H89.57v7.636h1.486v-4.534zM101.761 16.431h1.536v-4.44h5.076v4.44h1.542V6.249h-1.542v4.425h-5.076V6.249h-1.536v10.182zM115.324 16.585c1.665 0 2.843-.82 3.181-2.063l-1.407-.254c-.268.721-.914 1.09-1.759 1.09-1.273 0-2.128-.826-2.168-2.298h5.429v-.527c0-2.759-1.651-3.838-3.381-3.838-2.128 0-3.53 1.621-3.53 3.968 0 2.371 1.382 3.922 3.635 3.922zm-2.148-4.638c.06-1.084.845-2.024 2.053-2.024 1.154 0 1.909.855 1.914 2.024h-3.967zM120.249 16.431h1.487v-4.663c0-1 .77-1.72 1.824-1.72.309 0 .657.054.776.089V8.715a6.07 6.07 0 00-.632-.035c-.894 0-1.66.507-1.938 1.328h-.08V8.795h-1.437v7.636zM128.64 16.585c1.665 0 2.844-.82 3.182-2.063l-1.407-.254c-.269.721-.915 1.09-1.76 1.09-1.273 0-2.128-.826-2.168-2.298h5.429v-.527c0-2.759-1.65-3.838-3.38-3.838-2.128 0-3.53 1.621-3.53 3.968 0 2.371 1.382 3.922 3.634 3.922zm-2.148-4.638c.06-1.084.845-2.024 2.054-2.024 1.153 0 1.909.855 1.914 2.024h-3.968z' fill='%238894AB'/%3E%3Cpath d='M1 38.602c11.246 3.197 22.182-.99 31.508-7.172 4.932-3.27 9.826-7.183 12.825-12.341 1.195-2.057 2.656-5.626-1.106-5.658-4.093-.034-7.14 3.662-8.668 7.022-2.19 4.819-2.268 10.526.407 15.17 2.531 4.395 6.778 6.474 11.845 5.62 5.293-.893 9.92-4.508 13.765-7.986a40.714 40.714 0 003.966-4.093c.142-.17.642-1.006.966-1.064.12-.021.298 3.643.33 3.843.288 1.79 1.191 3.806 3.305 3.867 2.69.078 4.94-2.172 6.75-3.83.61-.559 2.55-3.241 3.583-3.241.425 0 1.249 2.143 1.437 2.428 2.484 3.764 6.132 2.401 8.96-.238.52-.485 3.305-4.367 4.436-3.667.911.563 1.313 1.893 1.78 2.778.76 1.441 1.722 2.468 3.33 3.004 3.493 1.166 7.261-2.102 10.803-2.102 1.033 0 1.561.568 2.11 1.351.749 1.068 1.521 1.813 2.873 2.103 4.188.898 7.617-3.077 11.667-2.728 1.181.101 2.063 1.292 2.949 1.927 1.788 1.28 3.938 2.167 6.127 2.478 3.509.499 7.027-.162 10.447-.9 5.905-1.277 11.752-2.799 17.667-4.031' stroke='%23DFE3ED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg clip-path='url(%23clip0)' fill='%23DFE3ED'%3E%3Cpath d='M196.514 17.657L184.491 3.13a.665.665 0 00-.938-.089l-2.905 2.405a.666.666 0 00-.089.938l12.023 14.526a.664.664 0 00.451.239.666.666 0 00.488-.15l2.905-2.405a.666.666 0 00.088-.938zM181.437 9.536l-10.582 2.869a.666.666 0 00-.472.48l-4.228 16.795 7.82-6.472a3.34 3.34 0 01.815-4.137 3.337 3.337 0 014.693.442 3.338 3.338 0 01-.442 4.694 3.322 3.322 0 01-2.438.75 3.335 3.335 0 01-1.778-.721l-7.82 6.471 17.289-1.014a.668.668 0 00.561-.374l4.796-9.859-8.214-9.924z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath transform='rotate(5.386 167.573 0)' fill='%23fff' d='M167.573 0h32v32h-32z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: 230px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 4px; }
  .jotform-form .jSignature {
    max-width: 100%;
    overflow: hidden; }
  .jotform-form .signature-placeholder {
    position: relative; }
  .jotform-form .signature-placeholder:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M74.105 8.924h1.482c-.045-1.63-1.487-2.814-3.555-2.814-2.043 0-3.61 1.168-3.61 2.923 0 1.417 1.015 2.247 2.65 2.69l1.204.328c1.089.288 1.929.646 1.929 1.551 0 .994-.95 1.65-2.257 1.65-1.183 0-2.168-.526-2.257-1.635h-1.542c.1 1.845 1.527 2.983 3.809 2.983 2.391 0 3.768-1.258 3.768-2.983 0-1.834-1.635-2.545-2.928-2.864l-.994-.258c-.796-.204-1.855-.577-1.85-1.551 0-.865.79-1.507 2.043-1.507 1.169 0 1.999.547 2.108 1.487zM77.443 16.431h1.486V8.795h-1.486v7.636zm.75-8.815c.512 0 .94-.397.94-.885 0-.487-.428-.89-.94-.89-.517 0-.94.403-.94.89s.423.886.94.886zM84.13 19.439c1.945 0 3.446-.89 3.446-2.839V8.795h-1.457v1.238h-.11c-.263-.473-.79-1.338-2.211-1.338-1.845 0-3.202 1.457-3.202 3.888 0 2.436 1.387 3.734 3.192 3.734 1.402 0 1.943-.79 2.212-1.278h.094v1.501c0 1.179-.82 1.7-1.949 1.7-1.237 0-1.72-.62-1.983-1.043l-1.278.527c.403.92 1.422 1.715 3.247 1.715zm-.014-4.355c-1.328 0-2.019-1.02-2.019-2.52 0-1.467.676-2.606 2.019-2.606 1.297 0 1.993 1.059 1.993 2.605 0 1.576-.71 2.52-1.993 2.52zM91.056 11.897c0-1.218.746-1.914 1.78-1.914 1.01 0 1.62.661 1.62 1.77v4.678h1.487v-4.857c0-1.89-1.039-2.879-2.6-2.879-1.149 0-1.9.532-2.252 1.343h-.095V8.795H89.57v7.636h1.486v-4.534zM101.761 16.431h1.536v-4.44h5.076v4.44h1.542V6.249h-1.542v4.425h-5.076V6.249h-1.536v10.182zM115.324 16.585c1.665 0 2.843-.82 3.181-2.063l-1.407-.254c-.268.721-.914 1.09-1.759 1.09-1.273 0-2.128-.826-2.168-2.298h5.429v-.527c0-2.759-1.651-3.838-3.381-3.838-2.128 0-3.53 1.621-3.53 3.968 0 2.371 1.382 3.922 3.635 3.922zm-2.148-4.638c.06-1.084.845-2.024 2.053-2.024 1.154 0 1.909.855 1.914 2.024h-3.967zM120.249 16.431h1.487v-4.663c0-1 .77-1.72 1.824-1.72.309 0 .657.054.776.089V8.715a6.07 6.07 0 00-.632-.035c-.894 0-1.66.507-1.938 1.328h-.08V8.795h-1.437v7.636zM128.64 16.585c1.665 0 2.844-.82 3.182-2.063l-1.407-.254c-.269.721-.915 1.09-1.76 1.09-1.273 0-2.128-.826-2.168-2.298h5.429v-.527c0-2.759-1.65-3.838-3.38-3.838-2.128 0-3.53 1.621-3.53 3.968 0 2.371 1.382 3.922 3.634 3.922zm-2.148-4.638c.06-1.084.845-2.024 2.054-2.024 1.153 0 1.909.855 1.914 2.024h-3.968z' fill='%238894AB'/%3E%3Cpath d='M1 38.602c11.246 3.197 22.182-.99 31.508-7.172 4.932-3.27 9.826-7.183 12.825-12.341 1.195-2.057 2.656-5.626-1.106-5.658-4.093-.034-7.14 3.662-8.668 7.022-2.19 4.819-2.268 10.526.407 15.17 2.531 4.395 6.778 6.474 11.845 5.62 5.293-.893 9.92-4.508 13.765-7.986a40.714 40.714 0 003.966-4.093c.142-.17.642-1.006.966-1.064.12-.021.298 3.643.33 3.843.288 1.79 1.191 3.806 3.305 3.867 2.69.078 4.94-2.172 6.75-3.83.61-.559 2.55-3.241 3.583-3.241.425 0 1.249 2.143 1.437 2.428 2.484 3.764 6.132 2.401 8.96-.238.52-.485 3.305-4.367 4.436-3.667.911.563 1.313 1.893 1.78 2.778.76 1.441 1.722 2.468 3.33 3.004 3.493 1.166 7.261-2.102 10.803-2.102 1.033 0 1.561.568 2.11 1.351.749 1.068 1.521 1.813 2.873 2.103 4.188.898 7.617-3.077 11.667-2.728 1.181.101 2.063 1.292 2.949 1.927 1.788 1.28 3.938 2.167 6.127 2.478 3.509.499 7.027-.162 10.447-.9 5.905-1.277 11.752-2.799 17.667-4.031' stroke='%23DFE3ED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg clip-path='url(%23clip0)' fill='%23DFE3ED'%3E%3Cpath d='M196.514 17.657L184.491 3.13a.665.665 0 00-.938-.089l-2.905 2.405a.666.666 0 00-.089.938l12.023 14.526a.664.664 0 00.451.239.666.666 0 00.488-.15l2.905-2.405a.666.666 0 00.088-.938zM181.437 9.536l-10.582 2.869a.666.666 0 00-.472.48l-4.228 16.795 7.82-6.472a3.34 3.34 0 01.815-4.137 3.337 3.337 0 014.693.442 3.338 3.338 0 01-.442 4.694 3.322 3.322 0 01-2.438.75 3.335 3.335 0 01-1.778-.721l-7.82 6.471 17.289-1.014a.668.668 0 00.561-.374l4.796-9.859-8.214-9.924z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath transform='rotate(5.386 167.573 0)' fill='%23fff' d='M167.573 0h32v32h-32z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: 230px;
    background-repeat: no-repeat;
    background-position: 50%; }
  .jotform-form .clear-pad-btn {
    display: inline-block;
    background-color: #e7effe;
    font-size: 12px;
    cursor: pointer;
    color: #57647e;
    padding: 4px 10px;
    border-radius: 4px;
    margin-top: 4px; }
  .jotform-form .form-line[data-type="control_signature"] + .form-line[data-type="control_button"] {
    margin-top: 12px; }
  .jotform-form .allowTime-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 8px;
    -ms-flex-preferred-size: calc(50% + 14px);
    flex-basis: calc(50% + 14px); }
  .jotform-form .date-separate {
    display: none; }
  .jotform-form .notLiteMode .form-sub-label-container {
    max-width: 98px; }
  .jotform-form .notLiteMode .allowTime-container {
    padding: 0; }
  .jotform-form li[data-type="control_datetime"] .form-sub-label-container {
    position: relative; }
  .jotform-form li[data-type="control_datetime"].form-line-column .form-input {
    display: inline; }
  .jotform-form .allowTime-container > .form-sub-label-container:first-child {
    color: #57647e;
    line-height: 2.5em;
    font-size: 14px;
    width: 18px;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }
  .jotform-form li[data-type="control_datetime"] .extended div + .form-sub-label-container {
    -ms-flex-preferred-size: calc(50% - 14px);
    flex-basis: calc(50% - 14px);
    width: calc(50% - 14px); }
  .jotform-form li[data-type="control_datetime"] .hasAMPM {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
  .jotform-form li[data-type="control_datetime"] [data-wrapper-react="true"].extended > div + .form-sub-label-container .form-textbox,
  .jotform-form li[data-type="control_datetime"] [data-wrapper-react="true"]:not(.extended) .form-textbox:not(.time-dropdown) {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.949 5v10.026a.986.986 0 01-.997.974H.997A.986.986 0 010 15.026V5h15.949zM4.192 11.417H2.375l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm4.691 0H7.066l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm-4.69-4.584H2.374l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.69 0H7.066l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.691 0h-1.818l-.09.008a.5.5 0 00-.377.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.377-.317l.024-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zM13.054 1.125h1.994c.55 0 .997.476.997 1.063V4H.095V2.187c0-.586.447-1.062.998-1.062h1.993v-.063C3.086.477 3.532 0 4.083 0s.997.476.997 1.063v.062h5.98v-.063c0-.586.447-1.062.998-1.062.55 0 .996.476.996 1.063v.062z' fill='%2357647E'/%3E%3C/svg%3E");
    background-size: 16px;
    padding-right: 36px;
    background-repeat: no-repeat;
    background-position: right 10px bottom 50%; }
  .jotform-form li[data-type="control_datetime"] [data-wrapper-react="true"].extended > div + .form-sub-label-container .form-textbox:-ms-input-placeholder,
  .jotform-form li[data-type="control_datetime"] [data-wrapper-react="true"]:not(.extended) .form-textbox:not(.time-dropdown):-ms-input-placeholder {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.949 5v10.026a.986.986 0 01-.997.974H.997A.986.986 0 010 15.026V5h15.949zM4.192 11.417H2.375l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm4.691 0H7.066l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm-4.69-4.584H2.374l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.69 0H7.066l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.691 0h-1.818l-.09.008a.5.5 0 00-.377.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.377-.317l.024-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zM13.054 1.125h1.994c.55 0 .997.476.997 1.063V4H.095V2.187c0-.586.447-1.062.998-1.062h1.993v-.063C3.086.477 3.532 0 4.083 0s.997.476.997 1.063v.062h5.98v-.063c0-.586.447-1.062.998-1.062.55 0 .996.476.996 1.063v.062z' fill='%23C3CAD8'/%3E%3C/svg%3E"); }
  .jotform-form li[data-type="control_datetime"] [data-wrapper-react="true"].extended > div + .form-sub-label-container .form-textbox:placeholder-shown,
  .jotform-form li[data-type="control_datetime"] [data-wrapper-react="true"]:not(.extended) .form-textbox:not(.time-dropdown):placeholder-shown {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.949 5v10.026a.986.986 0 01-.997.974H.997A.986.986 0 010 15.026V5h15.949zM4.192 11.417H2.375l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm4.691 0H7.066l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm-4.69-4.584H2.374l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.69 0H7.066l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.691 0h-1.818l-.09.008a.5.5 0 00-.377.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.377-.317l.024-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zM13.054 1.125h1.994c.55 0 .997.476.997 1.063V4H.095V2.187c0-.586.447-1.062.998-1.062h1.993v-.063C3.086.477 3.532 0 4.083 0s.997.476.997 1.063v.062h5.98v-.063c0-.586.447-1.062.998-1.062.55 0 .996.476.996 1.063v.062z' fill='%23C3CAD8'/%3E%3C/svg%3E"); }
  .jotform-form li[data-type="control_datetime"] .extended .allowTime-container + .form-sub-label-container,
  .jotform-form li[data-type="control_datetime"] .extended > .form-sub-label-container:nth-child(3) + .form-sub-label-container {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.949 5v10.026a.986.986 0 01-.997.974H.997A.986.986 0 010 15.026V5h15.949zM4.192 11.417H2.375l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm4.691 0H7.066l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm-4.69-4.584H2.374l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.69 0H7.066l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.691 0h-1.818l-.09.008a.5.5 0 00-.377.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.377-.317l.024-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zM13.054 1.125h1.994c.55 0 .997.476.997 1.063V4H.095V2.187c0-.586.447-1.062.998-1.062h1.993v-.063C3.086.477 3.532 0 4.083 0s.997.476.997 1.063v.062h5.98v-.063c0-.586.447-1.062.998-1.062.55 0 .996.476.996 1.063v.062z' fill='%2357647E'/%3E%3C/svg%3E");
    height: 2.5em;
    border-radius: 4px;
    background-size: 16px;
    max-width: 32px;
    min-width: 32px;
    background-repeat: no-repeat;
    background-position: right 7px bottom 50%;
    position: relative;
    margin: 0 8px; }
  .jotform-form .time-dropdown {
    max-width: 86px; }
  .jotform-form .newDefaultTheme-dateIcon {
    height: 2.5em;
    width: 32px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    opacity: 0; }
  .jotform-form .extended .newDefaultTheme-dateIcon {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%; }
  .jotform-form .calendar.popup {
    margin-left: -40px;
    margin-top: -102px;
    z-index: 100000;
    background: #fff;
    border-radius: 0 0 4px 4px; }
  .jotform-form .calendar.popup:before {
    border: 1px solid;
    z-index: 2;
    top: -2.375em;
    pointer-events: none;
    border-radius: 4px;
    height: calc(100% + 2.375em); }
  .jotform-form .calendar.popup:after,
  .jotform-form .calendar.popup:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%; }
  .jotform-form .calendar.popup:after {
    top: -1px;
    background-color: #c3cad8;
    height: 1px; }
  .jotform-form .todayButton {
    display: none; }
  .jotform-form .calendar.popup table {
    width: 100%;
    background-color: #fff;
    border: 0;
    border-spacing: 0;
    border-radius: 0 0 4px 4px; }
  .jotform-form .calendar-new-header {
    height: 48px;
    display: table-row;
    position: relative; }
  .jotform-form .calendar-new-header > * {
    position: absolute;
    width: 50%;
    height: 48px;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    font-size: 16px;
    font-weight: 500;
    color: #2c3345; }
  .jotform-form .calendar-new-header .button {
    color: transparent !important;
    width: 24px;
    height: 24px;
    position: absolute;
    background-size: 10px;
    padding: 0;
    background-repeat: no-repeat;
    right: 4px;
    cursor: pointer; }
  .jotform-form .calendar-new-header .nextMonth,
  .jotform-form .calendar-new-header .nextYear {
    top: 0;
    background-position: 50% calc(50% + 3px);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.598 5.337a.837.837 0 001.159-.02.834.834 0 000-1.179l-.667-.623-1.434-1.34L5.568.226a.837.837 0 00-1.135 0L.263 4.118c-.343.341-.35.87-.021 1.199a.832.832 0 001.155.02L5 1.974l3.598 3.362z' fill='%239FA1B8'/%3E%3C/svg%3E"); }
  .jotform-form .calendar-new-header .previousMonth,
  .jotform-form .calendar-new-header .previousYear {
    bottom: 0;
    background-position: 50% calc(50% - 3px);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.403.227a.837.837 0 00-1.159.02.834.834 0 000 1.178l.667.623 1.434 1.34 2.088 1.95a.837.837 0 001.135 0l4.17-3.893c.343-.34.35-.87.021-1.198a.832.832 0 00-1.155-.02L5.002 3.588 1.402.227z' fill='%239FA1B8'/%3E%3C/svg%3E"); }
  .jotform-form .calendar-new-month {
    left: 0;
    border-right: 1px solid; }
  .jotform-form .calendar-new-year {
    right: 0; }
  .jotform-form .calendar.popup th {
    background-color: #eef3ff;
    height: 48px;
    border: 0;
    color: #2e69ff;
    font-size: 12px;
    font-weight: 500; }
  .jotform-form .calendar.popup table tbody td {
    background: transparent;
    border-radius: 6px;
    font-size: 12px;
    box-shadow: inset 0 0 0 4px #fff;
    text-align: center;
    color: #2c3345;
    padding: 12px 8px;
    position: relative;
    z-index: 1; }
  .jotform-form .calendar.popup table tbody td:after {
    position: absolute;
    left: 5px;
    content: "";
    top: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    background: #fff;
    border: 1px solid transparent;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .calendar tr.days td:hover:not(.unselectable):after {
    border-color: #2e69ff; }
  .jotform-form .calendar tr.days td.otherDay {
    color: #73758c; }
  .jotform-form .calendar tr.days td:hover:not(.unselectable) {
    color: #2e69ff; }
  .jotform-form .calendar.popup tr.days td.selected {
    color: #fff; }
  .jotform-form .calendar.popup tr.days td.selected:after {
    background-color: #2e69ff; }
  .jotform-form .calendar.popup tr.days td.today:not(.selected) {
    color: #2e69ff; }
  .jotform-form .calendar.popup tr.days td.today:not(.selected):after {
    border-color: #2e69ff; }
  .jotform-form .calendar.popup.extended {
    margin-top: -90px;
    max-width: 400px; }
  .jotform-form .calendar.popup.extended:before {
    height: 100%;
    top: 0; }
  .jotform-form .form-number-input {
    min-width: 100%;
    -moz-appearance: textfield; }
  .jotform-form .form-number-input::-webkit-inner-spin-button,
  .jotform-form .form-number-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0; }
  .jotform-form .form-number-input:focus,
  .jotform-form .form-number-input:hover {
    -moz-appearance: number-input; }
  .jotform-form .inputContainer {
    height: 132px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0; }
  .jotform-form .jfUpload-heading.forMobile {
    display: none; }
  .jotform-form .jfUpload-heading.forDesktop {
    display: block; }
  .jotform-form .fileupload-input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    font-size: 0; }
  .jotform-form li[data-type="control_fileupload"] .qq-uploader {
    position: relative; }
  .jotform-form li[data-type="control_fileupload"] .form-label {
    word-break: break-word; }
  .jotform-form li[data-type="control_fileupload"] .qq-upload-button {
    border: 1px dashed;
    border-radius: 4px;
    height: 132px;
    font-size: 18px;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 600;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    word-break: break-word;
    overflow-x: scroll; }
  .jotform-form li[data-type="control_fileupload"] .qq-upload-button:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='39' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.375 12.188C31.5 5.688 26 .874 19.375.874 13.687.875 8.75 4.438 6.937 9.813 2.875 10.687 0 14.186 0 18.374c0 4.563 3.563 8.375 8.125 8.75h23.813c3.812-.375 6.812-3.625 6.812-7.5 0-3.688-2.75-6.875-6.375-7.438zm-6.313 3.5c-.125.124-.25.187-.437.187s-.313-.063-.438-.188L20 10.5v12.25c0 .375-.25.625-.625.625s-.625-.25-.625-.625V10.5l-5.188 5.188c-.25.25-.624.25-.874 0s-.25-.626 0-.876l6.25-6.25c.062-.062.125-.124.187-.124.125-.063.313-.063.5 0 .063.062.125.062.188.124l6.25 6.25c.25.25.25.626 0 .876z' fill='%23B3BCCD'/%3E%3C/svg%3E");
    content: "";
    width: 39px;
    height: 28px;
    margin-bottom: 16px;
    background-repeat: no-repeat; }
  .jotform-form li[data-type="control_fileupload"] .qq-upload-button-focus {
    border-style: solid; }
  .jotform-form li[data-type="control_fileupload"] .jfUpload-heading {
    font-size: 14px;
    color: #57647e;
    font-weight: 400;
    margin-top: 6px; }
  .jotform-form li[data-type="control_fileupload"] .inputContainer:focus {
    border-style: solid;
    border-width: 1px; }
  .jotform-form li[data-type="control_fileupload"] .qq-upload-list {
    padding: 0;
    list-style: none; }
  .jotform-form li[data-type="control_fileupload"] .qq-upload-list > li {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500; }
  .jotform-form li[data-type="control_fileupload"] .qq-upload-list > li + li {
    margin-top: 10px; }
  .jotform-form li[data-type="control_fileupload"] .qq-upload-list > li:first-child {
    margin-top: 16px; }
  .jotform-form li[data-type="control_fileupload"] .qq-upload-file {
    -ms-flex-positive: 1;
    flex-grow: 1;
    word-wrap: break-all;
    overflow: hidden; }
  .jotform-form li[data-type="control_fileupload"] .qq-upload-failed-text {
    background-color: #edf3ff;
    border: 2px solid #dae6ff;
    padding: 0 10px;
    border-radius: 0 4px 4px 0;
    position: relative;
    line-height: 36px;
    display: none; }
  .jotform-form li[data-type="control_fileupload"] .qq-upload-failed-text:before {
    content: "";
    width: 4px;
    position: absolute;
    left: -5px;
    top: -2px;
    height: calc(100% + 4px); }
  .jotform-form li[data-type="control_fileupload"] .qq-upload-size {
    padding: 0 10px;
    margin-left: auto;
    border-radius: 0 4px 4px 0; }
  .jotform-form li[data-type="control_fileupload"] .qq-upload-img-container {
    padding: 8px;
    border-radius: 4px 0 0 4px; }
  .jotform-form li[data-type="control_fileupload"] .qq-upload-img-container > img {
    display: block;
    object-position: center;
    object-fit: cover;
    width: 26px;
    border-radius: 4px;
    border: 1px solid;
    height: 26px; }
  .jotform-form li[data-type="control_fileupload"] .qq-upload-list > li:not(.qq-upload-success) .qq-upload-file {
    padding-left: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 40px;
    white-space: nowrap; }
  .jotform-form li[data-type="control_fileupload"] .qq-upload-list > li.qq-upload-success > span.qq-upload-file:first-child {
    border-radius: 4px 0 0 4px;
    padding-left: 10px; }
  .jotform-form li[data-type="control_fileupload"] .qq-upload-delete {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3 3.775v.196l-.001 10.342c0 .972-.677 1.684-1.604 1.685-2.048.003-4.097.003-6.145 0-.927 0-1.602-.713-1.603-1.686V3.775h9.352zm-7.004 2.44v7.337h1.325c.208 0 .221 0 .222-.198V6.452c0-.043.013-.092-.004-.125-.02-.044-.064-.106-.099-.107-.477-.007-.954-.004-1.444-.004zm4.654 0H6.628c-.21 0-.224 0-.225.195v7.13H7.95V6.215zM0 2.797V.938h.215c.942 0 1.883.004 2.825-.006a.428.428 0 00.277-.131c.208-.217.395-.462.6-.682A.354.354 0 014.15.006c.983-.008 1.967-.008 2.95 0 .078 0 .172.05.231.113.206.22.392.465.6.682.071.074.184.13.278.131.936.01 1.872.006 2.807.006h.228v1.859H0z' fill='%2357647E'/%3E%3C/svg%3E");
    width: 32px;
    border-radius: 4px;
    background-size: 12px;
    background-position: 50%;
    margin-left: 10px;
    background-repeat: no-repeat;
    color: transparent;
    cursor: pointer; }
  .jotform-form li[data-type="control_fileupload"] .qq-upload-delete:focus,
  .jotform-form li[data-type="control_fileupload"] .qq-upload-delete:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3 3.775v.196l-.001 10.342c0 .972-.677 1.684-1.604 1.685-2.048.003-4.097.003-6.145 0-.927 0-1.602-.713-1.603-1.686V3.775h9.352zm-7.004 2.44v7.337h1.325c.208 0 .221 0 .222-.198V6.452c0-.043.013-.092-.004-.125-.02-.044-.064-.106-.099-.107-.477-.007-.954-.004-1.444-.004zm4.654 0H6.628c-.21 0-.224 0-.225.195v7.13H7.95V6.215zM0 2.797V.938h.215c.942 0 1.883.004 2.825-.006a.428.428 0 00.277-.131c.208-.217.395-.462.6-.682A.354.354 0 014.15.006c.983-.008 1.967-.008 2.95 0 .078 0 .172.05.231.113.206.22.392.465.6.682.071.074.184.13.278.131.936.01 1.872.006 2.807.006h.228v1.859H0z' fill='%23F23A3C'/%3E%3C/svg%3E"); }
  .jotform-form li[data-type="control_fileupload"] .qq-upload-cancel {
    text-decoration: none; }
  .jotform-form li[data-type="control_fileupload"] .qq-upload-drop-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding-top: 56px;
    font-weight: 600;
    border: 1px dashed #c3cad8;
    background-color: #fbfcff;
    display: none;
    text-align: center;
    border-radius: 4px;
    height: 132px;
    font-size: 18px; }
  .jotform-form li.qq-upload-fail div.qq-upload-img-container,
  .jotform-form li.qq-upload-fail span.qq-upload-delete,
  .jotform-form li.qq-upload-fail span.qq-upload-file,
  .jotform-form li.qq-upload-fail span.qq-upload-size {
    background-color: #ffcece;
    color: #f23a3c;
    background-image: none; }
  .jotform-form li.qq-upload-fail span.qq-upload-delete {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: none;
    overflow: hidden; }
  .jotform-form li.qq-upload-fail span.qq-upload-delete:hover {
    text-indent: -1000px; }
  .jotform-form .form-sub-label-container[data-input-type="suffix"] {
    max-width: 90px;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .jotform-form li[data-type="control_fullname"] .form-label-extended {
    text-align: left; }
  .jotform-form li[data-type="control_fullname"].lineAlignment-Auto-Top .form-label.form-label-auto {
    text-align: left !important; }
  .jotform-form li[data-type="control_fullname"] .form-sub-label-container {
    min-width: 0; }
  .jotform-form .page-section li[data-type="control_pagebreak"] {
    padding: 0;
    margin: 0; }
  .jotform-form .form-pagebreak-back-container {
    margin-right: auto; }
  .jotform-form .form-pagebreak-back-container button.form-sacl-button {
    margin-left: 10px; }
  .jotform-form .form-pagebreak {
    margin: 0 -38px;
    padding: 28px 52px;
    border-top: 1px solid; }
  .jotform-form .form-pagebreak,
  .jotform-form .form-pagebreak > div {
    display: -ms-flexbox;
    display: flex; }
  .jotform-form .form-pagebreak > div.form-pagebreak-next-container {
    -ms-flex-order: 2;
    order: 2; }
  .jotform-form .form-pagebreak > div.form-pagebreak-save-container {
    -ms-flex-order: 1;
    order: 1; }
  @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .jotform-form .form-buttons-wrapper,
    .jotform-form .form-pagebreak {
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .jotform-form .form-pagebreak-back-container {
      margin-right: 0; } }
  .jotform-form li[data-type="control_scale"] .form-sub-label-container {
    overflow: visible; }
  .jotform-form .rating-item-group,
  .jotform-form li[data-type="control_scale"] .form-sub-label-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .jotform-form .form-scale-table {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: -6px; }
  .jotform-form .rating-item > label:after,
  .jotform-form .rating-item > label:before {
    display: none; }
  .jotform-form .rating-item > label {
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    border: 1px solid;
    font-size: 0.75em;
    border-radius: 50%;
    font-weight: 500;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0; }
  .jotform-form .rating-item-title {
    font-size: 0.75em;
    width: 100%;
    text-align: center;
    margin-top: 6px; }
  .jotform-form .rating-item {
    margin: 1em 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 40px; }
  .jotform-form .rating-item .rating-item-title {
    cursor: text;
    text-align: right;
    word-break: break-word;
    width: 100px;
    white-space: normal;
    -ms-flex-item-align: end;
    align-self: flex-end;
    position: relative;
    z-index: 9; }
  .jotform-form .rating-item:not(:last-child) {
    margin-right: 24px; }
  .jotform-form .rating-item:first-child .rating-item-title {
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-align: left; }
  .jotform-form .until-wrapper {
    line-height: 2.5em;
    color: #57647e;
    font-size: 14px;
    overflow: auto;
    margin-right: 8px;
    max-width: 40px; }
  .jotform-form .until-wrapper .form-sub-label {
    word-break: normal; }
  .jotform-form .until-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center; }
  .jotform-form li[data-type="control_time"] .form-sub-label-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1;
    flex: 1; }
  .jotform-form .time-wrapper {
    margin-right: 8px; }
  .jotform-form .form-line[data-type="control_square"] .payment-form-table span.form-sub-label-container iframe {
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    height: 2.5em;
    font-size: 1em;
    border-radius: 4px;
    padding: 0.625em 0.625em 0; }
  .jotform-form .form-address-table.payment-form-table input[type="number"] {
    -moz-appearance: textfield; }
  .jotform-form .form-address-table.payment-form-table input[type="number"]::-webkit-inner-spin-button,
  .jotform-form .form-address-table.payment-form-table input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .jotform-form .form-address-table.payment-form-table .paymentTypeRadios + label .paypalpro_img {
    height: 26px;
    width: 40px;
    background: url(https://cdn.jotfor.ms/images/credit-card-logo.png);
    background-size: 180px !important; }
  .jotform-form .form-address-table.payment-form-table .paymentTypeRadios + label .paypalpro_img.paypalpro_mc {
    background-position: -47px 0 !important; }
  .jotform-form .form-address-table.payment-form-table .paymentTypeRadios + label .paypalpro_img.paypalpro_amex {
    background-position: -94px 0 !important; }
  .jotform-form .form-address-table.payment-form-table .paymentTypeRadios + label .paypalpro_img.paypalpro_dc {
    background-position: -141px 0 !important; }
  .jotform-form li[data-payment="true"] .form-address-table.payment-form-table .form-sub-label-container > div {
    width: 100% !important;
    height: 40px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    padding-top: 10px; }
  .jotform-form li[data-type="control_braintree"] .form-address-table.payment-form-table .form-sub-label-container > div {
    border: 1px solid #b8bdc9;
    padding-top: 2px;
    padding-left: 10px; }
  .jotform-form .donation_cont .form-input-wide {
    position: relative; }
  .jotform-form .donation_cont .form-input-wide span.form-sub-label-container {
    position: relative;
    display: block; }
  .jotform-form .donation_cont .form-input-wide span.form-sub-label-container .donation_currency {
    position: absolute;
    width: 46px;
    text-align: right;
    right: 10px !important;
    top: 10px; }
  .jotform-form li[data-type="control_paymentmethods"] {
    margin: 12px 14px; }
  .jotform-form li[data-type="control_paymentmethods"] #paypal-credit-card-fields {
    padding-top: 16px; }
  .jotform-form li[data-type="control_paymentmethods"] .form-input,
  .jotform-form li[data-type="control_paymentmethods"] tbody,
  .jotform-form li[data-type="control_paymentmethods"] tr {
    width: 100%; }
  .jotform-form li[data-type="control_paymentmethods"] tr:not(:last-child) {
    margin: 0 0 6px; }
  .jotform-form li[data-type="control_paymentmethods"] td,
  .jotform-form li[data-type="control_paymentmethods"] tr {
    display: -ms-flexbox;
    display: flex; }
  .jotform-form li[data-type="control_paymentmethods"] .form-textbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  .jotform-form li[data-type="control_paymentmethods"] .form-textbox span {
    color: #8894ab; }
  .jotform-form li[data-type="control_paymentmethods"] .form-sub-label {
    margin-top: 6px !important; }
  .jotform-form li[data-type="control_paymentmethods"] #paypal-credit-card-fields,
  .jotform-form li[data-type="control_paymentmethods"] #paypal-spb-area {
    display: none; }
  .jotform-form div[render-paypal-type="paypal-smart-buttons"] {
    margin-top: 20px;
    text-align: center;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.04);
    border: 1px solid #eee;
    border-radius: 3px;
    font-size: 14px; }
  .jotform-form .paypal-toggle-content[render-paypal-type="paypal-card-fields"] #paypal-credit-card-fields,
  .jotform-form .paypal-toggle-content[render-paypal-type="paypal-smart-buttons"] #paypal-spb-area {
    display: block; }
  .jotform-form #paypal-card-fields,
  .jotform-form #paypal-smart-buttons {
    margin-bottom: 10px;
    min-width: 26px; }
  .jotform-form #paypal-smart-buttons .payment-method-container {
    height: 26px;
    padding-top: 3px; }
  .jotform-form #paypal-card-fields label {
    padding-left: 56px;
    background-repeat: no-repeat;
    background-position: left 32px center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='17' height='11' rx='1.5' stroke='%232C3345'/%3E%3Cpath d='M.5 4h17' stroke='%232C3345' stroke-width='2'/%3E%3Cpath d='M3 8.5a.5.5 0 000 1v-1zm2 1a.5.5 0 000-1v1zm-2 0h2v-1H3v1zM6.5 8.5a.5.5 0 000 1v-1zm1 1a.5.5 0 000-1v1zm-1 0h1v-1h-1v1z' fill='%232C3345'/%3E%3C/svg%3E"); }
  .jotform-form #paypal-commerce-platform-container {
    width: 100%; }
  .jotform-form .paypal-toggle div:nth-child(2) {
    background-image: url(https://cdn.jotfor.ms/assets/img/payments/PG-PP.svg);
    background-position: left 32px center;
    background-size: 72px;
    background-repeat: no-repeat; }
  .jotform-form .question-wrapper div.payment_alert {
    background-size: 32px;
    padding: 16px 16px 16px 72px;
    background-repeat: no-repeat;
    background-position: left 20px center;
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 8px;
    border: 0;
    max-width: 100%;
    width: 100%;
    transition: all 1s ease-in-out; }
  .jotform-form .question-wrapper div.payment_alert a {
    color: #1dbb72;
    font-weight: 600;
    cursor: pointer; }
  .jotform-form .question-wrapper div.payment_alert ul {
    margin: 0;
    padding: 0 0 4px;
    min-height: auto; }
  .jotform-form .question-wrapper div.payment_alert ul li {
    margin-left: 16px;
    line-height: 18px; }
  .jotform-form .question-wrapper div.payment_alert.wizard {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzNy43IDM0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MXtmaWxsOiNmZmZ9PC9zdHlsZT48cGF0aCBkPSJNMzEuNiAzNEg2LjFDMy44IDM0IDIgMzIuMSAyIDI5LjhWNC4yQzIgMS45IDMuOCAwIDYuMSAwaDI1LjRjMi4zIDAgNC4yIDEuOSA0LjIgNC4ydjI1LjdjMCAyLjItMS44IDQuMS00LjEgNC4xeiIgZmlsbD0iIzY3ODNhMCIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMi43IDE0LjlsLTMgMy0xLjgtMi4xLTEuMSAxIDIuOCAzLjEgNC4xLTR6TTEyLjcgNy4ybC0zIDMtMS44LTIuMS0xLjEuOSAyLjggMy4yIDQuMS00ek0xMC45IDI2LjVIOWMtLjQgMC0uNy0uMy0uNy0uN3YtMmMtLjEtLjQuMy0uOC43LS44aDJjLjQgMCAuNy4zLjcuN3YyYzAgLjQtLjQuOC0uOC44ek0yOS4yIDExLjRoLTExYy0uNSAwLS44LS40LS44LS44VjguOGMwLS41LjQtLjguOC0uOGgxMWMuNCAwIC44LjMuOC44djEuOGMwIC41LS40LjgtLjguOHpNMjkuMiAxOC45aC0xMWMtLjUgMC0uOC0uNC0uOC0uOHYtMS44YzAtLjUuNC0uOC44LS44aDExYy41IDAgLjguNC44Ljh2MS44YzAgLjUtLjQuOC0uOC44ek0yOS4yIDI2LjVoLTExYy0uNSAwLS44LS40LS44LS44di0xLjhjMC0uNS40LS44LjgtLjhoMTFjLjUgMCAuOC40LjguOHYxLjhjMCAuNC0uNC44LS44Ljh6Ii8+PC9zdmc+");
    background-color: #f3f7fc;
    color: #7d8caa;
    background-position: left 20px top 19px; }
  .jotform-form .question-wrapper div.payment_alert.low {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDM3LjcxIDMzLjk4Ij48cGF0aCBkPSJNMTQuNTUgMi40OEwuNjcgMjYuNTJBNSA1IDAgMDA1IDM0aDI3LjczQTUgNSAwIDAwMzcgMjYuNTJsLTEzLjg4LTI0YTUgNSAwIDAwLTguNTctLjA0eiIgZmlsbD0iIzY3ODNhMCIvPjxwYXRoIGQ9Ik0xNy4yNiAyNmExLjUyIDEuNTIgMCAwMS40Mi0xLjEgMS42MiAxLjYyIDAgMDExLjE3LS40MyAxLjU5IDEuNTkgMCAwMTEuMTcuNDMgMS42IDEuNiAwIDAxMCAyLjE2IDEuNjEgMS42MSAwIDAxLTEuMTkuNDIgMS41OSAxLjU5IDAgMDEtMS4xOC0uNDIgMS40NiAxLjQ2IDAgMDEtLjM5LTEuMDZ6TTIwIDIyLjM4aC0yLjRsLS4yNi0xMS45MWgzeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
    background-color: #f3f7fc;
    color: #7d8caa; }
  .jotform-form .question-wrapper div.payment_alert.mid {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNy43IDM0Ij48cGF0aCBkPSJNMTQuNiAyLjVMLjcgMjYuNUMtLjcgMjguOS4yIDMyIDIuNiAzMy4zYy43LjUgMS41LjcgMi40LjdoMjcuN2MyLjggMCA1LTIuMyA0LjktNS4xIDAtLjgtLjItMS43LS43LTIuNEwyMyAyLjVDMjEuNi4xIDE4LjUtLjcgMTYuMS44Yy0uNS40LTEuMSAxLTEuNSAxLjd6IiBmaWxsPSIjZmJiMDNiIi8+PHBhdGggZD0iTTE3LjMgMjZjMC0uNC4xLS44LjQtMS4xLjMtLjMuNy0uNCAxLjItLjQuNCAwIC45LjEgMS4yLjQuNi42LjYgMS41IDAgMi4yLS4zLjMtLjguNC0xLjIuNC0uNCAwLS45LS4xLTEuMi0uNC0uMy0uMy0uNS0uNy0uNC0xLjF6bTIuNy0zLjZoLTIuNGwtLjMtMTEuOWgzTDIwIDIyLjR6IiBmaWxsPSIjZmZmIi8+PC9zdmc+");
    background-color: #fcf0e5;
    color: #c69c6d; }
  .jotform-form .question-wrapper div.payment_alert.mid a {
    color: #cc821f;
    font-weight: 600;
    text-decoration: underline; }
  .jotform-form .question-wrapper div.payment_alert.high {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDM3LjcxIDMzLjk4Ij48cGF0aCBkPSJNMTQuNTUgMi40OEwuNjcgMjYuNTJBNSA1IDAgMDA1IDM0aDI3LjczQTUgNSAwIDAwMzcgMjYuNTJsLTEzLjg4LTI0YTUgNSAwIDAwLTguNTctLjA0eiIgZmlsbD0iI2UyOWM5YyIvPjxwYXRoIGQ9Ik0xNy4yNiAyNmExLjUyIDEuNTIgMCAwMS40Mi0xLjEgMS42MiAxLjYyIDAgMDExLjE3LS40MyAxLjU5IDEuNTkgMCAwMTEuMTcuNDMgMS42IDEuNiAwIDAxMCAyLjE2IDEuNjEgMS42MSAwIDAxLTEuMTkuNDIgMS41OSAxLjU5IDAgMDEtMS4xOC0uNDIgMS40NiAxLjQ2IDAgMDEtLjM5LTEuMDZ6TTIwIDIyLjM4aC0yLjRsLS4yNi0xMS45MWgzeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
    background-color: #fff0f0;
    color: #a06d6d; }
  .jotform-form .question-wrapper div.payment_alert.high a {
    color: #bb1d1d;
    font-weight: 600; }
  @media screen and (max-width: 768px) {
    .jotform-form .form-line[data-payment="true"] span.form-product-item .form-product-container .form-special-subtotal {
      right: 8px;
      bottom: 6px !important; } }
  @media screen and (max-width: 480px) {
    .jotform-form .form-line[data-payment="true"] span.form-product-item .form-product-container .form-special-subtotal {
      right: 8px;
      bottom: 6px !important; }
    .jotform-form .question-wrapper div.payment_alert {
      padding: 12px 12px 12px 46px;
      background-position: left 12px top 12px;
      background-size: 20px; } }
  .jotform-form .form-captcha {
    width: 160px;
    padding: 6px;
    background: #f5f5f5;
    border-radius: 4px; }
  .jotform-form .form-captcha .form-captcha-image {
    border: 1px solid #ababab;
    border-radius: 4px; }
  .jotform-form .form-captcha .form-textbox {
    min-width: 100px;
    display: inline-block; }
  .jotform-form .form-captcha div img {
    width: 16px; }
  .jotform-form .form-collapse-table {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 60px;
    color: #2c3345;
    width: 100%;
    padding: 1.25em;
    border-radius: 0.25em;
    cursor: pointer;
    font-weight: 600;
    margin: 0;
    border: 0;
    box-shadow: none; }
  .jotform-form .form-collapse-table,
  .jotform-form .form-collapse-table:hover {
    background-color: rgba(195, 202, 216, 0.3); }
  .jotform-form .form-collapse-table:after {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath d='M256 0C114.51 0 0 114.5 0 256c0 141.49 114.5 256 256 256 141.49 0 256-114.5 256-256C512 114.51 397.5 0 256 0zm124.3 218.2L269.47 360.3a17.08 17.08 0 01-26.92 0L131.7 218.2c-8.72-11.16-.76-27.56 13.45-27.56h221.7c14.21 0 22.16 16.4 13.46 27.57z' data-original='%23000000' class='active-path' data-old_color='%23000000' fill='%23C3CAD880'/%3E%3C/svg%3E");
    position: absolute;
    background-size: 28px;
    width: 28px;
    height: 28px;
    right: 20px; }
  .jotform-form .form-section {
    margin: 12px 4px; }
  .jotform-form .form-section-closed {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    transition: 0.2s ease-in;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    padding: 10px 0;
    margin: 12px 4px; }
  .jotform-form .form-section-closed .form-line-error {
    visibility: hidden; }
  .jotform-form .form-section-closed:last-child {
    margin-bottom: 2em; }
  .jotform-form .form-section-closed .form-collapse-table:after {
    transform: rotate(90deg); }
  .jotform-form ul.form-section:not(.page-section) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    margin: 12px 0;
    list-style: none; }
  .jotform-form ul.form-section:not(.page-section) .form-collapse-table:after {
    transition: transform 0.2s ease-in-out; }
  .jotform-form li[data-type="control_collapse"] {
    list-style-type: none; }
  .jotform-form .form-collapse-hidden,
  .jotform-form .form-collapse-right {
    display: none; }
  .jotform-form .form-collapse-mid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  .jotform-form .form-collapse-mid img {
    margin-right: 1em; }
  .jotform-form .form-star-rating,
  .jotform-form li[data-type="control_rating"] > .form-input-wide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .jotform-form .form-star-rating {
    width: 100%;
    gap: 24px; }
  .jotform-form .form-star-rating .form-star-rating-star {
    width: 32px;
    height: 30px; }
  .jotform-form .form-line .form-description {
    position: absolute;
    transform: translateY(-100%);
    right: 10px;
    max-width: 200px;
    color: #fff;
    background-color: #687988;
    border-radius: 4px;
    font-size: 11px;
    line-height: 13px;
    padding: 5px 6px;
    overflow-y: auto; }
  .jotform-form .form-line .form-description::-webkit-scrollbar {
    width: 6px;
    border-radius: 20px;
    background-color: #586673; }
  .jotform-form .form-line .form-description::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #8599a8; }
  @supports (-webkit-touch-callout: none) {
    .jotform-form .form-line:not(:hover) .form-description {
      display: none; } }
  .jotform-form .form-line:not(.form-line-column) .form-input-wide[data-layout="half"] + .form-description {
    right: calc(50% + 15px); }
  .jotform-form .divider {
    border-bottom: 1px solid;
    height: 1px;
    margin: 5px 0; }
  .jotform-form #stage div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .form-input,
  .jotform-form #stage li[data-type="control_inline"] .form-input,
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .form-input,
  .jotform-form li[data-type="control_inline"] .form-input {
    width: 100% !important; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"].isSelected .question-wrapper,
  .jotform-form li[data-type="control_inline"].isSelected .question-wrapper {
    z-index: 2; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-quillTB,
  .jotform-form li[data-type="control_inline"] .FITB-quillTB {
    position: relative;
    z-index: -1;
    text-align: right;
    padding: 16px 0 0;
    margin-top: -40px;
    opacity: 0;
    pointer-events: none;
    will-change: margin-top, opacity;
    transition: margin-top 0.1s,
 opacity 0.1s; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-TBCont,
  .jotform-form li[data-type="control_inline"] .FITB-TBCont {
    position: relative;
    width: 100%;
    background-color: transparent;
    will-change: transform;
    box-shadow: none;
    border-radius: 0;
    transition: background-color 0.2s,
 box-shadow 0.2s,
 border-color 0.2s,
 border-radius 0.2s; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-TBCont.stickyTB,
  .jotform-form li[data-type="control_inline"] .FITB-TBCont.stickyTB {
    padding-top: 4px;
    background-color: #fff;
    border-radius: 0 0 2px 2px;
    border-color: transparent;
    box-shadow: 0 -8px 0 8px #fff; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-button,
  .jotform-form li[data-type="control_inline"] .FITB-button {
    cursor: pointer;
    border: none;
    outline: none;
    background-color: #f2f3f4;
    border-radius: 4px;
    padding: 10px;
    font-size: 12px;
    color: #1c2643;
    transition: background-color 0.3s; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-button:hover,
  .jotform-form li[data-type="control_inline"] .FITB-button:hover {
    background-color: #dcdfe1; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-button *,
  .jotform-form li[data-type="control_inline"] .FITB-button * {
    display: inline-block;
    pointer-events: none;
    vertical-align: middle; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-button img,
  .jotform-form li[data-type="control_inline"] .FITB-button img {
    width: 14px;
    height: 14px; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-button img + span,
  .jotform-form li[data-type="control_inline"] .FITB-button img + span {
    margin-left: 6px; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-button img.arrow,
  .jotform-form li[data-type="control_inline"] .FITB-button img.arrow {
    width: 10px;
    height: 6px; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-button span + img,
  .jotform-form li[data-type="control_inline"] .FITB-button span + img {
    margin-left: 12px; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-button + button,
  .jotform-form li[data-type="control_inline"] .FITB-button + button {
    margin-left: 4px; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-button.formFields,
  .jotform-form li[data-type="control_inline"] .FITB-button.formFields {
    white-space: nowrap;
    width: auto;
    padding: 0; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-button.formFields:hover,
  .jotform-form li[data-type="control_inline"] .FITB-button.formFields:hover {
    background-color: initial; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-button.formFields span + img,
  .jotform-form li[data-type="control_inline"] .FITB-button.formFields span + img {
    margin-left: 7px; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-buttonCont,
  .jotform-form li[data-type="control_inline"] .FITB-buttonCont {
    margin-top: -36px;
    opacity: 0;
    pointer-events: none;
    will-change: margin-top, opacity;
    text-align: right;
    transition: margin-top 0.1s,
 opacity 0.1s; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-buttonCont > div,
  .jotform-form li[data-type="control_inline"] .FITB-buttonCont > div {
    z-index: 2; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-dropdown,
  .jotform-form li[data-type="control_inline"] .FITB-dropdown {
    background-color: #fff;
    max-height: 250px;
    overflow-y: auto;
    text-align: left;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    padding: 0;
    transform-origin: top left;
    animation: contextAppear 0.1s ease-in-out forwards; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-dropdown,
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-dropdown li,
  .jotform-form li[data-type="control_inline"] .FITB-dropdown,
  .jotform-form li[data-type="control_inline"] .FITB-dropdown li {
    list-style: none;
    margin: 0; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-dropdown li,
  .jotform-form li[data-type="control_inline"] .FITB-dropdown li {
    padding: 10px 20px 10px 10px;
    font-size: 13px;
    white-space: nowrap;
    color: #1c2643;
    cursor: pointer;
    transition: color 0.1s,
 background-color 0.1s; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-dropdown li:hover,
  .jotform-form li[data-type="control_inline"] .FITB-dropdown li:hover {
    background-color: #0293e2; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-dropdown li:hover,
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-dropdown li:hover .FITB-dropdown-listItem:before,
  .jotform-form li[data-type="control_inline"] .FITB-dropdown li:hover,
  .jotform-form li[data-type="control_inline"] .FITB-dropdown li:hover .FITB-dropdown-listItem:before {
    color: #fff; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-dropdown-listItem,
  .jotform-form li[data-type="control_inline"] .FITB-dropdown-listItem {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB-dropdown-listItem:before,
  .jotform-form li[data-type="control_inline"] .FITB-dropdown-listItem:before {
    color: #0293e2;
    font-family: joticon;
    font-size: 24px;
    margin-right: 6px;
    transition: color 0.1s,
 background-color 0.1s; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-clipboard,
  .jotform-form li[data-type="control_inline"] .FITB .ql-clipboard {
    position: fixed !important; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg,
  .jotform-form li[data-type="control_inline"] .FITB .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    right: -7px; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-toolbar,
  .jotform-form li[data-type="control_inline"] .FITB .ql-toolbar {
    border: none; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-toolbar button,
  .jotform-form li[data-type="control_inline"] .FITB .ql-toolbar button {
    transition: color 0.3s; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-toolbar button:not(.FITB-button),
  .jotform-form li[data-type="control_inline"] .FITB .ql-toolbar button:not(.FITB-button) {
    padding: 3px 0;
    width: 18px; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-toolbar button:not(.FITB-button) svg,
  .jotform-form li[data-type="control_inline"] .FITB .ql-toolbar button:not(.FITB-button) svg {
    float: none; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-toolbar button:not(.FITB-button) + button,
  .jotform-form li[data-type="control_inline"] .FITB .ql-toolbar button:not(.FITB-button) + button {
    margin-left: 6px; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-color-picker,
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-icon-picker,
  .jotform-form li[data-type="control_inline"] .FITB .ql-color-picker,
  .jotform-form li[data-type="control_inline"] .FITB .ql-icon-picker {
    width: 18px; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-color-picker .ql-picker-label,
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-icon-picker .ql-picker-label,
  .jotform-form li[data-type="control_inline"] .FITB .ql-color-picker .ql-picker-label,
  .jotform-form li[data-type="control_inline"] .FITB .ql-icon-picker .ql-picker-label {
    padding: 2px 0; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-picker-label,
  .jotform-form li[data-type="control_inline"] .FITB .ql-picker-label {
    border-width: 0; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-container,
  .jotform-form li[data-type="control_inline"] .FITB .ql-container {
    border-width: 0;
    font-size: inherit;
    font-family: inherit; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-editor,
  .jotform-form li[data-type="control_inline"] .FITB .ql-editor {
    font-size: inherit;
    padding: 12px 0;
    overflow: initial;
    line-height: 1.6; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-editor.ql-blank:before,
  .jotform-form li[data-type="control_inline"] .FITB .ql-editor.ql-blank:before {
    left: 0; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-picker:not(.ql-color-picker):not(.ql-icon-picker),
  .jotform-form li[data-type="control_inline"] .FITB .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) {
    width: auto; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) .ql-picker-label,
  .jotform-form li[data-type="control_inline"] .FITB .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) .ql-picker-label {
    padding: 0 12px 0 0;
    outline: none; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-picker.ql-font .ql-picker-label,
  .jotform-form li[data-type="control_inline"] .FITB .ql-picker.ql-font .ql-picker-label {
    max-width: 84px; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-picker.ql-font .ql-picker-options,
  .jotform-form li[data-type="control_inline"] .FITB .ql-picker.ql-font .ql-picker-options {
    text-align: left;
    max-height: 250px;
    overflow-y: auto; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-picker.ql-font [class*="ql-picker"]:before,
  .jotform-form li[data-type="control_inline"] .FITB .ql-picker.ql-font [class*="ql-picker"]:before {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-formats,
  .jotform-form li[data-type="control_inline"] .FITB .ql-formats {
    position: relative;
    margin-right: 0; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-formats + .ql-formats,
  .jotform-form li[data-type="control_inline"] .FITB .ql-formats + .ql-formats {
    margin-left: 7px;
    padding-left: 7px; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .FITB .ql-formats + .ql-formats:before,
  .jotform-form li[data-type="control_inline"] .FITB .ql-formats + .ql-formats:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 72%;
    top: 14%;
    right: auto;
    left: -1px;
    background-color: #ebecf0; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="email"],
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="number"],
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="tel"],
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="text"]:not(#productSearch-input),
  .jotform-form li[data-type="control_inline"] input[type="email"],
  .jotform-form li[data-type="control_inline"] input[type="number"],
  .jotform-form li[data-type="control_inline"] input[type="tel"],
  .jotform-form li[data-type="control_inline"] input[type="text"]:not(#productSearch-input) {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    padding: 0 0 1px 4px;
    border-radius: 0;
    height: auto;
    font-size: 0.9375em;
    background-color: transparent;
    border-width: 0 0 1px;
    border-color: #c3cad8;
    box-shadow: none;
    transition: border-color 0.2s; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="email"]:-ms-input-placeholder,
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="number"]:-ms-input-placeholder,
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="tel"]:-ms-input-placeholder,
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="text"]:not(#productSearch-input):-ms-input-placeholder,
  .jotform-form li[data-type="control_inline"] input[type="email"]:-ms-input-placeholder,
  .jotform-form li[data-type="control_inline"] input[type="number"]:-ms-input-placeholder,
  .jotform-form li[data-type="control_inline"] input[type="tel"]:-ms-input-placeholder,
  .jotform-form li[data-type="control_inline"] input[type="text"]:not(#productSearch-input):-ms-input-placeholder {
    color: #a2a8b4; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="email"]::placeholder,
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="number"]::placeholder,
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="tel"]::placeholder,
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="text"]:not(#productSearch-input)::placeholder,
  .jotform-form li[data-type="control_inline"] input[type="email"]::placeholder,
  .jotform-form li[data-type="control_inline"] input[type="number"]::placeholder,
  .jotform-form li[data-type="control_inline"] input[type="tel"]::placeholder,
  .jotform-form li[data-type="control_inline"] input[type="text"]:not(#productSearch-input)::placeholder {
    color: #a2a8b4; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="checkbox"],
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] input[type="radio"],
  .jotform-form li[data-type="control_inline"] input[type="checkbox"],
  .jotform-form li[data-type="control_inline"] input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    border: none;
    border-radius: 2px;
    margin: 0;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 50%;
    right: auto;
    left: 4px;
    transform: translateY(-50%); }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"].form-line-error input.form-validation-error[class*="validate"],
  .jotform-form li[data-type="control_inline"].form-line-error input.form-validation-error[class*="validate"] {
    border-width: 0 0 1px !important; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"].form-line-error input.form-validation-error[class*="validate"]:focus,
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"].form-line-error input.form-validation-error[class*="validate"]:hover,
  .jotform-form li[data-type="control_inline"].form-line-error input.form-validation-error[class*="validate"]:focus,
  .jotform-form li[data-type="control_inline"].form-line-error input.form-validation-error[class*="validate"]:hover {
    box-shadow: 0 2px 0 0 #ffa5a5 !important; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .form-required,
  .jotform-form li[data-type="control_inline"] .form-required {
    font-size: 15px;
    line-height: 0.875em;
    z-index: 1;
    margin: 0;
    transform: translate(50%, -75%);
    display: inline-block;
    color: #f23a3c;
    position: absolute;
    width: auto;
    height: 8px;
    top: 0;
    right: 0;
    left: auto; }
  .jotform-form div#jfQuestion-proxy.forFullScreen[data-type="control_inline"] .jfHipaa-toggleWrapper,
  .jotform-form li[data-type="control_inline"] .jfHipaa-toggleWrapper {
    position: static;
    text-align: right;
    margin-bottom: 8px; }
  .jotform-form .FITB.showQuillTB .FITB-quillTB {
    margin-top: 0;
    opacity: 1;
    pointer-events: auto; }
  .jotform-form .FITB.showQuillTB .FITB-button.TBSwitch {
    background-color: #dcdfe1; }
  .jotform-form .FITB.selected .FITB-buttonCont {
    margin-top: 0;
    opacity: 1;
    pointer-events: auto; }
  .jotform-form .FITB.selected .FITB-TBCont {
    z-index: 2;
    padding-bottom: 8px;
    border-bottom: 1px solid #d8d8d8; }
  .jotform-form .FITB.selected [data-blotid][data-active="true"] input[type="text"] {
    border-color: #009ef4; }
  .jotform-form .FITB.selected [data-blotid][data-active="true"] input[type="text"] + button {
    margin-left: 4px; }
  .jotform-form .FITB.selected [data-blotid][data-active="true"] button {
    display: initial; }
  .jotform-form .FITB.selected [data-blotid][data-active="true"][data-type="checkbox"] [contenteditable]:after,
  .jotform-form .FITB.selected [data-blotid][data-active="true"][data-type="radiobox"] [contenteditable]:after {
    box-shadow: 0 0 0 2px rgba(0, 158, 244, 0.8); }
  .jotform-form .FITB.selected [data-blotid][data-active="true"][data-type="datebox"]:after,
  .jotform-form .FITB.selected [data-blotid][data-active="true"][data-type="selectbox"]:after,
  .jotform-form .FITB.selected [data-blotid][data-active="true"][data-type="signaturebox"]:after,
  .jotform-form .FITB.selected [data-blotid][data-active="true"][data-type="timebox"]:after {
    right: 24px; }
  .jotform-form .FITB.selected [data-blotid][data-active="true"][data-type="selectbox"] .qb-selectbox-options {
    display: block; }
  .jotform-form [data-blotid] {
    display: inline-block;
    line-height: normal; }
  .jotform-form [data-blotid] span[contenteditable] {
    display: inline-block;
    position: relative; }
  .jotform-form [data-blotid]:before {
    content: attr(data-index);
    display: inline-block;
    line-height: normal;
    white-space: nowrap;
    max-width: 0;
    padding: 0;
    color: #009ef4;
    font-size: 16px;
    opacity: 0;
    transition: max-width 0.2s 0.1s,
 padding 0.2s 0.1s,
 opacity 0.1s; }
  .jotform-form [data-blotid] button:not([class*="saveButton"]) {
    width: 20px;
    height: 20px;
    display: none;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    outline: none;
    background-color: #f2f3f4;
    border-radius: 50%;
    padding: 0;
    font-size: 12px;
    color: #1c2643;
    transition: background-color 0.3s; }
  .jotform-form [data-blotid] button:not([class*="saveButton"]):active,
  .jotform-form [data-blotid] button:not([class*="saveButton"]):focus {
    display: initial; }
  .jotform-form [data-blotid] button:not([class*="saveButton"]):before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "\e603";
    font-family: joticon;
    vertical-align: middle; }
  .jotform-form [data-blotid] button:not([class*="saveButton"])[class*="addOption"] {
    transform: rotate(45deg); }
  .jotform-form [data-blotid] button:not([class*="saveButton"]):hover {
    background-color: #dcdfe1; }
  .jotform-form [data-blotid] button:not([class*="saveButton"]) * {
    display: inline-block;
    pointer-events: none;
    vertical-align: middle; }
  .jotform-form [data-blotid] button:not([class*="saveButton"]) img {
    width: 14px;
    height: 14px; }
  .jotform-form [data-blotid] button:not([class*="saveButton"]) img + span {
    margin-left: 6px; }
  .jotform-form [data-blotid] button:not([class*="saveButton"]) img.arrow {
    width: 10px;
    height: 6px; }
  .jotform-form [data-blotid] button:not([class*="saveButton"]) span + img {
    margin-left: 12px; }
  .jotform-form [data-blotid] button:not([class*="saveButton"]) + button {
    margin-left: 4px; }
  .jotform-form [data-blotid][data-type="datebox"] input,
  .jotform-form [data-blotid][data-type="selectbox"] input,
  .jotform-form [data-blotid][data-type="signaturebox"] input,
  .jotform-form [data-blotid][data-type="textbox"] input {
    min-width: 120px; }
  .jotform-form [data-blotid][data-type="timebox"]:after {
    background: url(//cdn.jotfor.ms/assets/img/v4/fields/control_inline/time.svg) no-repeat 50%/cover; }
  .jotform-form [data-blotid][data-type="textbox"][data-grouptype="control_fullname"] input,
  .jotform-form [data-blotid][data-type="timebox"] input {
    min-width: 90px; }
  .jotform-form [data-blotid][data-type="checkbox"],
  .jotform-form [data-blotid][data-type="radiobox"] {
    display: inline-block;
    position: relative; }
  .jotform-form [data-blotid][data-type="checkbox"] [contenteditable]:after,
  .jotform-form [data-blotid][data-type="radiobox"] [contenteditable]:after {
    cursor: default;
    z-index: 1;
    content: "";
    background-color: #fff;
    pointer-events: none;
    border: 1px solid #c3cad8;
    border-radius: 2px;
    box-sizing: border-box;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 50%;
    right: auto;
    left: 4px;
    transform: translateY(-50%);
    box-shadow: none;
    transition: box-shadow 0.2s; }
  .jotform-form [data-blotid][data-type="checkbox"] [data-labelid],
  .jotform-form [data-blotid][data-type="radiobox"] [data-labelid] {
    box-sizing: content-box;
    padding: 0 0 0 26px;
    border-bottom: none;
    max-width: 100%;
    color: #1c2643; }
  .jotform-form [data-blotid][data-type="radiobox"] [contenteditable]:after {
    border-radius: 50%; }
  .jotform-form [data-blotid][data-type="selectbox"] {
    position: relative; }
  .jotform-form [data-blotid][data-type="selectbox"]:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 6px;
    top: 50%;
    right: 2px;
    left: auto;
    transform: translateY(-50%);
    background: url(//cdn.jotfor.ms/assets/img/v4/fields/control_inline/arrow.svg) no-repeat 50%/cover; }
  .jotform-form [data-blotid][data-type="selectbox"] input[type="text"] {
    padding-right: 14px;
    box-sizing: border-box; }
  .jotform-form [data-blotid][data-type="selectbox"] textarea {
    border-color: #c3cad8;
    border-radius: 4px;
    width: 100%;
    font-family: inherit;
    color: inherit;
    outline: none;
    resize: vertical;
    transition: border-color 0.2s; }
  .jotform-form [data-blotid][data-type="selectbox"] textarea:active,
  .jotform-form [data-blotid][data-type="selectbox"] textarea:focus {
    border-color: #929eb8; }
  .jotform-form [data-blotid][data-type="selectbox"] button.qb-selectbox-saveButton {
    cursor: pointer;
    border: none;
    outline: none;
    background-color: #f2f3f4;
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 12px;
    color: #1c2643;
    transition: background-color 0.3s; }
  .jotform-form [data-blotid][data-type="selectbox"] button.qb-selectbox-saveButton:hover {
    background-color: #dcdfe1; }
  .jotform-form [data-blotid][data-type="selectbox"] button.qb-selectbox-saveButton * {
    display: inline-block;
    pointer-events: none;
    vertical-align: middle; }
  .jotform-form [data-blotid][data-type="selectbox"] button.qb-selectbox-saveButton img {
    width: 14px;
    height: 14px; }
  .jotform-form [data-blotid][data-type="selectbox"] button.qb-selectbox-saveButton img + span {
    margin-left: 6px; }
  .jotform-form [data-blotid][data-type="selectbox"] button.qb-selectbox-saveButton img.arrow {
    width: 10px;
    height: 6px; }
  .jotform-form [data-blotid][data-type="selectbox"] button.qb-selectbox-saveButton span + img {
    margin-left: 12px; }
  .jotform-form [data-blotid][data-type="selectbox"] button.qb-selectbox-saveButton + button {
    margin-left: 4px; }
  .jotform-form [data-blotid][data-type="selectbox"] .qb-selectbox-options {
    display: none;
    position: absolute;
    z-index: 2;
    padding-top: 4px; }
  .jotform-form .FITB.formRender {
    line-height: 2;
    width: 100%; }
  .jotform-form .FITB.formRender img {
    max-width: 100%; }
  .jotform-form .FITB.formRender p {
    margin: 0; }
  .jotform-form .FITB.rightPanelOpen .qb-checkbox:before,
  .jotform-form .FITB.rightPanelOpen .qb-datebox:before,
  .jotform-form .FITB.rightPanelOpen .qb-radiobox:before,
  .jotform-form .FITB.rightPanelOpen .qb-selectbox:before,
  .jotform-form .FITB.rightPanelOpen .qb-signaturebox:before,
  .jotform-form .FITB.rightPanelOpen .qb-textbox:before,
  .jotform-form .FITB.rightPanelOpen .qb-timebox:before {
    max-width: 100px;
    opacity: 1;
    padding: 0 4px;
    transition: max-width 0.2s,
 padding 0.2s,
 opacity 0.1s 0.1s; }
  .jotform-form .FITB:not(.formRender) .qb-datebox input,
  .jotform-form .FITB:not(.formRender) .qb-selectbox input,
  .jotform-form .FITB:not(.formRender) .qb-signaturebox input,
  .jotform-form .FITB:not(.formRender) .qb-textbox input,
  .jotform-form .FITB:not(.formRender) .qb-timebox input {
    box-sizing: content-box; }
  .jotform-form .FITB:not(.formRender) .qb-datebox input:not([data-labelid]),
  .jotform-form .FITB:not(.formRender) .qb-selectbox input:not([data-labelid]),
  .jotform-form .FITB:not(.formRender) .qb-signaturebox input:not([data-labelid]),
  .jotform-form .FITB:not(.formRender) .qb-textbox input:not([data-labelid]),
  .jotform-form .FITB:not(.formRender) .qb-timebox input:not([data-labelid]) {
    color: #6b7385; }
  .jotform-form .FITB:not(.formRender)[data-darkmode="true"] .FITB-TBCont:not(.stickyTB) .FITB-button.formFields,
  .jotform-form .FITB:not(.formRender)[data-darkmode="true"] .FITB-TBCont:not(.stickyTB) .ql-picker-label {
    color: #fff; }
  .jotform-form .FITB:not(.formRender)[data-darkmode="true"] .FITB-TBCont:not(.stickyTB) .ql-picker-label .ql-fill,
  .jotform-form .FITB:not(.formRender)[data-darkmode="true"] .FITB-TBCont:not(.stickyTB) button .ql-fill {
    fill: rgba(255, 255, 255, 0.7); }
  .jotform-form .FITB:not(.formRender)[data-darkmode="true"] .FITB-TBCont:not(.stickyTB) .ql-picker-label .ql-stroke,
  .jotform-form .FITB:not(.formRender)[data-darkmode="true"] .FITB-TBCont:not(.stickyTB) button .ql-stroke {
    stroke: rgba(255, 255, 255, 0.7); }
  .jotform-form span[data-type="datebox"],
  .jotform-form span[data-type="signaturebox"],
  .jotform-form span[data-type="timebox"] {
    position: relative; }
  .jotform-form span[data-type="datebox"] input[type="text"],
  .jotform-form span[data-type="signaturebox"] input[type="text"],
  .jotform-form span[data-type="timebox"] input[type="text"] {
    padding-right: 12px; }
  .jotform-form span[data-type="datebox"]:after,
  .jotform-form span[data-type="signaturebox"]:after,
  .jotform-form span[data-type="timebox"]:after {
    content: "";
    pointer-events: none;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    right: 0;
    left: auto;
    transform: translateY(-50%); }
  .jotform-form span[data-type="datebox"] input[data-format] {
    min-width: 120px !important; }
  .jotform-form span[data-type="datebox"]:after {
    background: url(//cdn.jotfor.ms/assets/img/v4/fields/control_inline/date.svg) no-repeat 50%/contain; }
  .jotform-form span[data-type="signaturebox"]:after {
    background: url(//cdn.jotfor.ms/assets/img/v4/fields/control_inline/signature.svg) no-repeat 50%/cover; }
  .jotform-form span[data-type="signaturebox"] .FITB-sign-button {
    min-width: 120px;
    min-height: 17px;
    display: inline-block;
    border-bottom: 1px solid #c3cad8;
    cursor: pointer;
    outline: none; }
  .jotform-form span[data-type="signaturebox"] label {
    font-size: 10px !important;
    transform: translateY(100%); }
  .jotform-form span[data-type="signaturebox"] .form-validation-error ~ .FITB-sign-button {
    border-color: #ff4e5d; }
  .jotform-form span.FITB-inptCont {
    position: relative;
    display: inline-block;
    line-height: normal; }
  .jotform-form span.FITB-inptCont * {
    line-height: normal;
    vertical-align: middle; }
  .jotform-form span.FITB-inptCont[data-type="checkbox"] label,
  .jotform-form span.FITB-inptCont[data-type="radiobox"] label {
    color: #1c2643;
    cursor: pointer;
    padding-left: 26px;
    display: inline-block; }
  .jotform-form span.FITB-inptCont[data-type="checkbox"] label:before,
  .jotform-form span.FITB-inptCont[data-type="radiobox"] label:before {
    content: "";
    background-color: #fff;
    pointer-events: none;
    border: 1px solid #c3cad8;
    border-radius: 2px;
    box-sizing: border-box;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 50%;
    right: auto;
    left: 4px;
    transform: translateY(-50%);
    transition: background-color 0.2s,
 border-color 0.2s,
 box-shadow 0.2s; }
  .jotform-form span.FITB-inptCont[data-type="checkbox"] label:after,
  .jotform-form span.FITB-inptCont[data-type="radiobox"] label:after {
    content: "";
    opacity: 0;
    transition: opacity 0.2s,
 transform 0.2s; }
  .jotform-form span.FITB-inptCont[data-type="checkbox"] input:checked ~ label:after,
  .jotform-form span.FITB-inptCont[data-type="radiobox"] input:checked ~ label:after {
    opacity: 1; }
  .jotform-form span.FITB-inptCont[data-type="checkbox"] input:checked ~ label:before,
  .jotform-form span.FITB-inptCont[data-type="radiobox"] input:checked ~ label:before {
    border-color: #4573e3; }
  .jotform-form span.FITB-inptCont[data-type="checkbox"] label:after {
    background: url(//cdn.jotfor.ms/assets/img/v4/fields/control_inline/check.svg) no-repeat 50%/cover;
    position: absolute;
    width: 10px;
    height: 8px;
    top: 50%;
    right: auto;
    left: 8px;
    transform: translateY(-50%); }
  .jotform-form span.FITB-inptCont[data-type="checkbox"] input:checked ~ label:before {
    background-color: #4573e3; }
  .jotform-form span.FITB-inptCont[data-type="radiobox"] label:before {
    border-radius: 50%; }
  .jotform-form span.FITB-inptCont[data-type="radiobox"] label:after {
    background-color: #4573e3;
    border-radius: 50%;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    right: auto;
    left: 7px;
    transform: translateY(-50%);
    transform: translateY(-50%) scale(0); }
  .jotform-form span.FITB-inptCont[data-type="radiobox"] input:checked ~ label:after {
    transform: translateY(-50%) scale(1); }
  .jotform-form span.FITB-inptCont[data-type="textbox"] input {
    min-width: 120px !important; }
  .jotform-form span.FITB-inptCont[data-type="textbox"][data-grouptype="control_fullname"] input {
    min-width: 90px; }
  .jotform-form span.FITB-inptCont[data-type="signaturebox"] {
    vertical-align: text-bottom; }
  .jotform-form span.FITB-inptCont[data-type="signaturebox"] img {
    max-width: calc(100% - 12px);
    max-height: 2em; }
  .jotform-form span.FITB-inptCont[data-type="datebox"] input,
  .jotform-form span.FITB-inptCont[data-type="signaturebox"] input,
  .jotform-form span.FITB-inptCont[data-type="textbox"] input,
  .jotform-form span.FITB-inptCont[data-type="timebox"] input {
    display: block; }
  .jotform-form span.FITB-inptCont[data-type="datebox"] input:focus ~ label,
  .jotform-form span.FITB-inptCont[data-type="datebox"] input:valid ~ label,
  .jotform-form span.FITB-inptCont[data-type="signaturebox"] input:focus ~ label,
  .jotform-form span.FITB-inptCont[data-type="signaturebox"] input:valid ~ label,
  .jotform-form span.FITB-inptCont[data-type="textbox"] input:focus ~ label,
  .jotform-form span.FITB-inptCont[data-type="textbox"] input:valid ~ label,
  .jotform-form span.FITB-inptCont[data-type="timebox"] input:focus ~ label,
  .jotform-form span.FITB-inptCont[data-type="timebox"] input:valid ~ label {
    font-size: 10px;
    color: #545b69;
    left: 0;
    transform: translateY(100%); }
  .jotform-form span.FITB-inptCont[data-type="datebox"] label,
  .jotform-form span.FITB-inptCont[data-type="signaturebox"] label,
  .jotform-form span.FITB-inptCont[data-type="textbox"] label,
  .jotform-form span.FITB-inptCont[data-type="timebox"] label {
    content: attr(data-label);
    position: absolute;
    width: auto;
    height: 100%;
    top: 0;
    right: auto;
    left: 4px;
    max-width: 100%;
    overflow: hidden;
    pointer-events: none;
    color: #6b7385;
    font-size: 0.875em;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: transform 0.1s,
 font-size 0.1s,
 color 0.1s,
 left 0.1s; }
  .jotform-form span.FITB-inptCont[data-type="datebox"] input.conditionallyDisabled ~ label,
  .jotform-form span.FITB-inptCont[data-type="signaturebox"] input.conditionallyDisabled ~ label,
  .jotform-form span.FITB-inptCont[data-type="textbox"] input.conditionallyDisabled ~ label,
  .jotform-form span.FITB-inptCont[data-type="timebox"] input.conditionallyDisabled ~ label {
    font-size: 10px;
    color: #545b69;
    left: 0;
    transform: translateY(100%); }
  .jotform-form span.FITB-inptCont[data-type="datebox"] label,
  .jotform-form span.FITB-inptCont[data-type="timebox"] label {
    width: calc(100% - 12px); }
  .jotform-form span.FITB-inptCont[data-type="datebox"] img.icon-liteMode,
  .jotform-form span.FITB-inptCont[data-type="timebox"] img.icon-liteMode {
    z-index: 1;
    cursor: pointer;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    right: 0;
    left: auto;
    transform: translateY(-50%); }
  .jotform-form span.FITB-inptCont[data-type="datebox"] input:-ms-input-placeholder,
  .jotform-form span.FITB-inptCont[data-type="timebox"] input:-ms-input-placeholder {
    opacity: 0;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s; }
  .jotform-form span.FITB-inptCont[data-type="datebox"] input::placeholder,
  .jotform-form span.FITB-inptCont[data-type="timebox"] input::placeholder {
    opacity: 0;
    transition: opacity 0.2s; }
  .jotform-form span.FITB-inptCont[data-type="datebox"] input:focus:-ms-input-placeholder,
  .jotform-form span.FITB-inptCont[data-type="datebox"] input:valid:-ms-input-placeholder,
  .jotform-form span.FITB-inptCont[data-type="timebox"] input:focus:-ms-input-placeholder,
  .jotform-form span.FITB-inptCont[data-type="timebox"] input:valid:-ms-input-placeholder {
    opacity: 1; }
  .jotform-form span.FITB-inptCont[data-type="datebox"] input:focus::placeholder,
  .jotform-form span.FITB-inptCont[data-type="datebox"] input:valid::placeholder,
  .jotform-form span.FITB-inptCont[data-type="timebox"] input:focus::placeholder,
  .jotform-form span.FITB-inptCont[data-type="timebox"] input:valid::placeholder {
    opacity: 1; }
  .jotform-form span.FITB-inptCont[data-type="selectbox"] select,
  .jotform-form span.FITB-inptCont[data-type="timebox"] select {
    color: #1c2643;
    font-size: 0.875em;
    background: url(//cdn.jotfor.ms/assets/img/v4/fields/control_inline/arrow.svg) no-repeat calc(100% - 2px) 50%/10px;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    min-width: 120px;
    border-color: #c3cad8;
    border-width: 0 0 1px;
    outline: none;
    padding: 1px 14px 1px 4px; }
  .jotform-form span.FITB-inptCont[data-type="selectbox"] select:invalid,
  .jotform-form span.FITB-inptCont[data-type="timebox"] select:invalid {
    color: #6b7385; }
  .jotform-form span.FITB-inptCont[data-type="selectbox"] select.form-dropdown,
  .jotform-form span.FITB-inptCont[data-type="timebox"] select.form-dropdown {
    height: auto; }
  .jotform-form span.FITB-inptCont[data-type="selectbox"] select.form-dropdown {
    min-width: 120px; }
  .jotform-form span.FITB-inptCont[data-type="timebox"] .FITB-inptCont-inner {
    position: relative;
    display: inline-block; }
  .jotform-form span.FITB-inptCont[data-type="timebox"] .FITB-inptCont-inner:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    right: 0;
    left: auto;
    transform: translateY(-50%);
    background: url(//cdn.jotfor.ms/assets/img/v4/fields/control_inline/time.svg) no-repeat 50%/cover; }
  .jotform-form span.FITB-inptCont[data-type="timebox"] input[type="text"] {
    display: inline-block;
    min-width: 64px !important; }
  .jotform-form span.FITB-inptCont[data-type="timebox"] select {
    min-width: 0;
    margin-left: 4px; }
  .jotform-form span.FITB-inptCont .newDefaultTheme-dateIcon {
    opacity: 0; }
  .jotform-form [data-qtype="control_inline"][data-version="v2"].calendar.popup {
    margin-top: -90px;
    min-width: 300px; }
  .jotform-form [data-qtype="control_inline"][data-version="v2"].calendar.popup .calendar-new-month,
  .jotform-form [data-qtype="control_inline"][data-version="v2"].calendar.popup .calendar-new-year {
    padding-right: 28px; }
  .jotform-form [data-qtype="control_inline"][data-version="v2"].calendar.popup:before {
    top: 0;
    height: 100%; }

@keyframes contextAppear {
  0% {
    opacity: 0.8;
    transform: scale(0.9); }
  to {
    opacity: 1;
    transform: scale(1); } }
  .jotform-form .appointmentCalendar {
    box-shadow: none !important; }
  .jotform-form .appointmentCalendarDays {
    display: table;
    width: 100%;
    border-collapse: collapse; }
  .jotform-form .appointmentCalendar .calendarWeek,
  .jotform-form .appointmentCalendar .daysOfWeek {
    display: table-row; }
  .jotform-form .appointmentCalendar .daysOfWeek {
    border-bottom: 6px solid transparent; }
  .jotform-form .appointmentCalendar .calendarDay,
  .jotform-form .appointmentCalendar .dayOfWeek {
    display: table-cell;
    font-size: 12px;
    text-align: center; }
  .jotform-form .appointmentCalendar .dayOfWeek {
    line-height: 46px;
    background-color: #eef3ff;
    color: #4166cd;
    text-align: center;
    width: 14.2857142857%; }
  .jotform-form .appointmentCalendar .calendarDay {
    position: relative;
    color: #000; }
  .jotform-form .appointmentCalendar .calendarDay:after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #486cee;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 6px;
    opacity: 0;
    transition: 0.3s; }
  .jotform-form .appointmentCalendar .calendarDayEach {
    display: block;
    line-height: 36px;
    border: 1px solid rgba(255, 255, 255, 0);
    cursor: pointer;
    margin: 1px;
    pointer-events: none; }
  .jotform-form .appointmentCalendar .calendarDay.isActive .calendarDayEach {
    background-color: #486cee;
    color: #fff; }
  .jotform-form .appointmentCalendar .calendarDay.isActive .calendarDayEach,
  .jotform-form .appointmentCalendar .calendarDay.isToday .calendarDayEach,
  .jotform-form .appointmentCalendar .calendarDay:not(.empty):hover .calendarDayEach {
    transition: 0.3s;
    border-radius: 4px;
    border: 1px solid #8ea4f5; }
  .jotform-form .appointmentCalendar .calendarDay.isActive .calendarDayEach,
  .jotform-form .appointmentCalendar .calendarDay:not(.empty):hover .calendarDayEach {
    border-color: #486cee; }
  .jotform-form .appointmentCalendar .calendarDay.isSelected:after {
    opacity: 1; }
  .jotform-form .appointmentCalendar .calendarDay.isSelected.isActive:after {
    background-color: #fff; }
  .jotform-form .appointmentCalendar .calendarDay.isUnavailable {
    color: #cad0dd;
    pointer-events: none; }
  .jotform-form .appointmentCalendarContainer {
    border-radius: 6px;
    border: 1px solid #c3cad8;
    background-color: #fff; }
  .jotform-form .appointmentCalendarContainer .currentDate {
    font-size: 16px;
    padding: 10px 30px 10px 12px;
    border: none;
    width: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2359647C'%3E%3Cpath d='M18 5.625v11.28c0 .604-.504 1.095-1.125 1.095H1.125C.504 18 0 17.51 0 16.904V5.625h18zM4.732 12.844H2.68l-.101.009a.563.563 0 00-.426.357l-.026.095-.01.101v1.969l.01.101a.563.563 0 00.357.426l.095.026.101.01h2.052l.1-.01a.563.563 0 00.427-.357l.026-.095.01-.101v-1.969l-.01-.1a.564.564 0 00-.357-.427l-.095-.026-.101-.01zm5.294 0H7.974l-.1.009a.563.563 0 00-.427.357l-.026.095-.01.101v1.969l.01.101a.563.563 0 00.357.426l.095.026.101.01h2.052l.1-.01a.563.563 0 00.427-.357l.026-.095.01-.101v-1.969l-.01-.1a.564.564 0 00-.357-.427l-.095-.026-.101-.01zM4.732 7.687H2.68l-.101.01a.563.563 0 00-.426.357l-.026.095-.01.101v1.969l.01.1a.563.563 0 00.357.427l.095.026.101.01h2.052l.1-.01a.563.563 0 00.427-.357l.026-.095.01-.101V8.25l-.01-.101a.563.563 0 00-.357-.426l-.095-.026-.101-.01zm5.294 0H7.974l-.1.01a.563.563 0 00-.427.357l-.026.095-.01.101v1.969l.01.1a.563.563 0 00.357.427l.095.026.101.01h2.052l.1-.01a.563.563 0 00.427-.357l.026-.095.01-.101V8.25l-.01-.101a.563.563 0 00-.357-.426l-.095-.026-.101-.01zm5.294 0h-2.052l-.1.01a.563.563 0 00-.427.357l-.026.095-.01.101v1.969l.01.1a.563.563 0 00.357.427l.095.026.101.01h2.052l.1-.01a.563.563 0 00.427-.357l.026-.095.01-.101V8.25l-.01-.101a.563.563 0 00-.357-.426l-.095-.026-.101-.01zM14.625 1.266h2.25C17.496 1.266 18 1.8 18 2.46V4.5H0V2.46c0-.66.504-1.194 1.125-1.194h2.25v-.07C3.375.535 3.879 0 4.5 0s1.125.535 1.125 1.195v.07h6.75v-.07C12.375.535 12.879 0 13.5 0s1.125.535 1.125 1.195v.07z'/%3E%3C/g%3E%3C/svg%3E");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: calc(100% - 13px);
    background-size: 16px; }
  .jotform-form .appointmentCalendarContainer .monthYearPicker {
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #c3cad8;
    border-bottom: 1px solid #c3cad8; }
  .jotform-form .appointmentCalendarContainer .monthYearPicker .pickerArrow {
    position: absolute;
    right: 0;
    width: 40px;
    z-index: 2;
    opacity: 0.3;
    cursor: pointer;
    transition: 0.3s;
    border-color: transparent;
    border-width: 0;
    background-color: transparent;
    padding: 0;
    outline: none; }
  .jotform-form .appointmentCalendarContainer .monthYearPicker .pickerArrow:hover {
    opacity: 1; }
  .jotform-form .appointmentCalendarContainer .monthYearPicker .pickerArrow.prev {
    top: 0;
    bottom: 50%; }
  .jotform-form .appointmentCalendarContainer .monthYearPicker .pickerArrow.prev:after {
    top: 3px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.599 5.337a.837.837 0 001.158-.02.834.834 0 000-1.179l-.667-.623-1.434-1.34L5.57.226a.837.837 0 00-1.136 0L.263 4.118c-.343.341-.35.87-.02 1.199a.832.832 0 001.155.02L5 1.975l3.599 3.362z'/%3E%3C/svg%3E"); }
  .jotform-form .appointmentCalendarContainer .monthYearPicker .pickerArrow.next {
    top: 50%;
    bottom: 0; }
  .jotform-form .appointmentCalendarContainer .monthYearPicker .pickerArrow.next:after {
    top: -3px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.403.227a.837.837 0 00-1.158.02.834.834 0 000 1.178l.666.623 1.435 1.34 2.087 1.95a.837.837 0 001.136 0l4.17-3.893c.343-.34.35-.87.02-1.198a.832.832 0 00-1.155-.02L5.002 3.588 1.403.227z'/%3E%3C/svg%3E"); }
  .jotform-form .appointmentCalendarContainer .monthYearPicker .pickerArrow.disabled {
    pointer-events: none;
    opacity: 0.2; }
  .jotform-form .appointmentCalendarContainer .monthYearPicker .pickerArrow:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    pointer-events: none; }
  .jotform-form .appointmentCalendarContainer .monthYearPicker .pickerItem {
    width: 50%;
    position: relative; }
  .jotform-form .appointmentCalendarContainer .monthYearPicker .pickerItem + .pickerItem {
    border-left: 1px solid #c3cad8; }
  .jotform-form .appointmentCalendarContainer .monthYearPicker .pickerItem select {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 45px;
    margin: 0;
    border-width: 0;
    background-color: transparent;
    font-size: 16px;
    padding-left: 12px; }
  .jotform-form .appointmentCalendarContainer .monthYearPicker .pickerItem select::-ms-expand {
    display: none; }
  .jotform-form #jfQuestion-proxy .appointmentField,
  .jotform-form .jfCard .appointmentField {
    width: 100%; }
  .jotform-form .stageContainer .appointmentFieldWrapper .appointmentSlot {
    pointer-events: none; }
  .jotform-form .appointmentFieldWrapper[data-breakpoint="isLarge"] .appointmentDates {
    max-width: 460px; }
  .jotform-form .appointmentFieldWrapper[data-breakpoint="shouldBreakIntoNewLine"] .appointmentFieldRow,
  .jotform-form .appointmentFieldWrapper[data-breakpoint="shouldBreakIntoNewLine"] .appointmentFieldRow.forCalendar {
    -ms-flex-direction: column;
    flex-direction: column; }
  .jotform-form .appointmentFieldWrapper[data-breakpoint="shouldBreakIntoNewLine"] .appointmentFieldRow.forSelectedDate {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center; }
  .jotform-form .appointmentFieldWrapper[data-breakpoint="shouldBreakIntoNewLine"] .appointmentCalendar {
    max-width: 324px;
    width: 100%; }
  .jotform-form .appointmentFieldWrapper[data-breakpoint="shouldBreakIntoNewLine"] .appointmentDates {
    max-width: 324px;
    margin-top: 16px;
    width: 100%;
    margin-left: 0; }
  .jotform-form .appointmentFieldWrapper[data-breakpoint="shouldBreakIntoNewLine"] .appointmentSlots {
    height: auto; }
  .jotform-form .appointmentFieldWrapper[data-breakpoint="shouldBreakIntoNewLine"]:not(.isOpenMobile) .appointmentFieldContainer .appointmentCalendarDays,
  .jotform-form .appointmentFieldWrapper[data-breakpoint="shouldBreakIntoNewLine"]:not(.isOpenMobile) .appointmentFieldContainer .monthYearPicker {
    display: none; }
  .jotform-form .appointmentFieldWrapper[data-breakpoint="shouldBreakIntoNewLine"]:not(.isOpenMobile) .appointmentFieldRow.forCalendar {
    -ms-flex-direction: column;
    flex-direction: column; }
  .jotform-form .appointmentFieldRow.forCalendar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .jotform-form .form-label-left + .form-input .appointmentFieldRow.forCalendar,
  .jotform-form .form-label-right + .form-input .appointmentFieldRow.forCalendar {
    max-width: 310px;
    -ms-flex-direction: column;
    flex-direction: column; }
  .jotform-form .form-label-left + .form-input .appointmentFieldRow.forCalendar .appointmentDates,
  .jotform-form .form-label-right + .form-input .appointmentFieldRow.forCalendar .appointmentDates {
    margin-top: 16px;
    width: 100%; }
  .jotform-form .form-label-left + .form-input .appointmentFieldRow.forCalendar .appointmentSlots,
  .jotform-form .form-label-right + .form-input .appointmentFieldRow.forCalendar .appointmentSlots {
    height: auto;
    max-height: 340px;
    overflow: auto; }
  .jotform-form .appointmentFieldRow.forTimezonePicker {
    display: inline-block; }
  .jotform-form .appointmentFieldRow.forSelectedDate {
    font-weight: 400;
    font-size: 13px;
    color: #fff;
    background-color: #486cee;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFF' fill-rule='evenodd'%3E%3Cpath d='M3.5 10.4a3.1 3.1 0 100 6.2 3.1 3.1 0 000-6.2zm1.394 2.009h0zm-1.682.55l1.116-1.116h0a.83.83 0 011.174 1.173L3.798 14.72a.83.83 0 01-1.173 0l-.782-.782a.83.83 0 011.173-1.174l.196.196z' stroke='%23FFF' stroke-width='.8'/%3E%3Cpath d='M17.852 1.89h-2.049v-.6A1.29 1.29 0 0014.514 0c-.71 0-1.289.578-1.289 1.29v.6H8.006v-.6a1.29 1.29 0 10-2.578 0v.617a.429.429 0 00-.114-.016H3.602a2.15 2.15 0 00-2.149 2.148v5.32a.43.43 0 00.86 0V6.315h16.904a.43.43 0 000-.859H2.313V4.039c0-.71.578-1.289 1.289-1.289h1.712a.43.43 0 00.114-.016v.553a1.29 1.29 0 002.578 0V2.75h5.22v.537c0 .71.578 1.29 1.288 1.29.711 0 1.29-.58 1.29-1.29V2.75h2.048c.71 0 1.289.578 1.289 1.29v14.327a.775.775 0 01-.774.774H3.083a.774.774 0 01-.774-.774v-1.112c0-.205-.192-.43-.43-.43a.43.43 0 00-.429.43v1.112c0 .9.732 1.633 1.633 1.633h15.284c.9 0 1.633-.733 1.633-1.633V4.039a2.15 2.15 0 00-2.148-2.148zM7.147 3.288a.43.43 0 01-.86 0V1.29a.43.43 0 01.86 0v1.998zm7.797 0a.43.43 0 01-.86 0V1.29a.43.43 0 01.86 0v1.998z' fill-rule='nonzero'/%3E%3Cpath d='M10.721 12.266a1.634 1.634 0 000 3.265c.9 0 1.633-.732 1.633-1.633 0-.9-.732-1.632-1.633-1.632zm0 2.406a.774.774 0 010-1.547.774.774 0 010 1.547zm5.266-2.406c-.9 0-1.633.732-1.633 1.632 0 .9.733 1.633 1.633 1.633s1.633-.732 1.633-1.633c0-.9-.733-1.632-1.633-1.632zm0 2.406a.774.774 0 010-1.547.774.774 0 010 1.547zM5.711 7c-.9 0-1.633.732-1.633 1.633 0 .9.733 1.633 1.633 1.633s1.633-.733 1.633-1.633S6.61 7 5.71 7zm0 2.406a.774.774 0 010-1.547.774.774 0 010 1.547zM16.242 7c-.9 0-1.633.732-1.633 1.633 0 .9.733 1.633 1.633 1.633s1.633-.733 1.633-1.633S17.143 7 16.242 7zm0 2.406a.774.774 0 010-1.547.774.774 0 010 1.547zM10.977 7c-.9 0-1.633.732-1.633 1.633 0 .9.732 1.633 1.633 1.633.9 0 1.633-.733 1.633-1.633S11.877 7 10.977 7zm0 2.406a.774.774 0 010-1.547.774.774 0 010 1.547z' fill-rule='nonzero'/%3E%3Cpath d='M13.299 2l.001 1.25c0 .647.492 1.18 1.122 1.244l.128.006a1.25 1.25 0 001.244-1.122l.006-.128L15.799 2H17.5a2 2 0 012 2v2H2V4a2 2 0 012-2l1.5-.001V3.25c0 .647.492 1.18 1.122 1.244l.128.006C7.44 4.5 8 3.94 8 3.25V1.999L13.299 2z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 6px;
    padding: 8px 8px 8px 34px;
    border-radius: 4px;
    margin-top: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center; }
  .jotform-form .appointmentFieldRow.forSelectedDate span {
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .jotform-form .appointmentFieldRow.forSelectedDate button {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 18px;
    height: 18px;
    background-color: transparent;
    border-width: 0;
    outline: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='9' cy='9' r='9'/%3E%3Cpath d='M9.59 9l2.946-2.946a.417.417 0 00-.59-.59L9 8.411 6.054 5.464a.417.417 0 00-.59.59L8.411 9l-2.947 2.946a.417.417 0 00.59.59L9 9.589l2.946 2.947a.417.417 0 00.59-.59L9.589 9z' stroke='%234C72FB' fill='%23000'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 18px;
    color: rgba(255, 255, 255, 0);
    cursor: pointer; }
  .jotform-form .appointmentFieldInput,
  .jotform-form .form-line-error .appointmentFieldRow.forSelectedDate {
    display: none; }
  .jotform-form .appointmentFieldContainer .appointmentCalendar {
    width: 100%;
    max-width: 312px; }
  .jotform-form .appointmentFieldContainer .appointmentDates {
    margin-left: 12px;
    width: calc(100% - 324px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column; }
  .jotform-form .appointmentFieldContainer * {
    box-sizing: border-box; }
  @media (max-width: 500px) {
    .jotform-form .appointmentFieldContainer.appointmentFieldMobile:not(.isOpenMobile) .appointmentCalendarDays,
    .jotform-form .appointmentFieldContainer.appointmentFieldMobile:not(.isOpenMobile) .monthYearPicker {
      display: none; } }
  .jotform-form .appointmentField .timezonePicker {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 3; }
  .jotform-form .appointmentField .timezonePicker:hover + .timezonePickerName {
    background-color: #eef3ff;
    color: #2c3345; }
  .jotform-form .appointmentField .timezonePickerWrapper {
    display: inline-block;
    position: relative; }
  .jotform-form .appointmentField .timezonePickerName {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    font-size: 12px;
    padding: 4px;
    pointer-events: none;
    transition: 0.3s;
    border-radius: 15px; }
  .jotform-form .appointmentField .timezonePickerName:after,
  .jotform-form .appointmentField .timezonePickerName:before {
    content: "";
    display: inline-block; }
  .jotform-form .appointmentField .timezonePickerName:before {
    margin-right: 7px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.952 0C3.558 0 0 3.566 0 7.96s3.558 7.96 7.952 7.96c4.402 0 7.968-3.566 7.968-7.96S12.354 0 7.952 0zm.008 14.328A6.366 6.366 0 011.592 7.96 6.366 6.366 0 017.96 1.592a6.366 6.366 0 016.368 6.368 6.366 6.366 0 01-6.368 6.368z'/%3E%3Cpath d='M8.358 3.98H7.164v4.776l4.18 2.508.596-.98L8.358 8.16z'/%3E%3C/svg%3E"); }
  .jotform-form .appointmentField .timezonePickerName:after {
    margin-left: 5px;
    margin-right: 2px;
    width: 9px;
    -ms-flex-item-align: end;
    align-self: flex-end;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.816 5.38L8.498.646A.4.4 0 008.182 0H.818a.4.4 0 00-.316.646L4.184 5.38a.4.4 0 00.632 0z' fill-rule='evenodd'/%3E%3C/svg%3E");
    height: 10px;
    background-repeat: no-repeat; }
  .jotform-form .jfCard .appointmentField .timezonePickerName:after {
    height: 13px; }
  .jotform-form .appointmentDate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 12px;
    font-size: 16px;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .jotform-form .appointmentDateSelect {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  .jotform-form .appointmentDayPicker {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: -ms-flexbox;
    display: flex; }
  .jotform-form .appointmentDayPickerButton {
    color: rgba(255, 255, 255, 0);
    width: 26px;
    height: 26px;
    border-width: 0;
    border-radius: 50%;
    background-color: #ecedf3;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.1 1.628L6.115 7l-5.016 5.37a.376.376 0 00.54.521L6.9 7.256a.377.377 0 00-.001-.51L1.648 1.118a.378.378 0 00-.54-.01.373.373 0 00-.007.52z' fill='%238894AC' stroke='%238894AC' stroke-width='1.5' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 10px;
    transition: 0.3s; }
  .jotform-form .appointmentDayPickerButton:hover {
    background-color: #dcdee9; }
  .jotform-form .appointmentDayPickerButton + .appointmentDayPickerButton {
    margin-left: 12px; }
  .jotform-form .appointmentDayPickerButton.prev {
    transform: rotate(180deg); }
  .jotform-form .appointmentSlots {
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    overflow: auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 0;
    margin: 16px 0 8px;
    font-size: 14px;
    min-height: 160px; }
  .jotform-form .appointmentSlots-empty {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column; }
  .jotform-form .appointmentSlots-empty-container {
    padding: 24px;
    border-radius: 6px;
    background-color: #fff; }
  .jotform-form .appointmentSlots-empty-icon {
    width: 124px;
    height: 102px; }
  .jotform-form .appointmentSlots-empty-text {
    margin-top: 8px;
    font-size: 14px;
    color: #8894ac; }
  .jotform-form .appointmentSlotsContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%; }
  .jotform-form .appointmentSlot {
    height: 44px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(50% - 6px);
    border: 1px solid #486cee;
    background-color: #fff;
    color: #486cee;
    border-radius: 6px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 8px;
    transition: 0.3s;
    cursor: pointer; }
  .jotform-form .appointmentSlot:not(.disabled):not(.active):hover {
    background-color: #eef3ff; }
  .jotform-form .appointmentSlot.active {
    animation: indicate 0.2s linear forwards; }
  .jotform-form .appointmentSlot.disabled {
    border: 1px solid #c3cad8;
    background-color: #f4f5f8;
    color: #c3cad8;
    cursor: default; }
  @media (max-width: 740px) {
    .jotform-form #jfQuestion-proxy .appointmentCalendar,
    .jotform-form .jfCard .appointmentCalendar {
      margin: auto; }
    .jotform-form #jfQuestion-proxy .appointmentCalendarContainer,
    .jotform-form #jfQuestion-proxy .appointmentCalendarTimezone,
    .jotform-form .jfCard .appointmentCalendarContainer,
    .jotform-form .jfCard .appointmentCalendarTimezone {
      width: 100%;
      max-width: 324px; }
    .jotform-form #jfQuestion-proxy .appointmentCalendarTimezone,
    .jotform-form .jfCard .appointmentCalendarTimezone {
      -ms-flex-order: -1;
      order: -1;
      margin-top: -8px; }
    .jotform-form #jfQuestion-proxy .appointmentDates,
    .jotform-form .jfCard .appointmentDates {
      width: 100%;
      max-width: 324px;
      margin-top: 16px;
      margin-left: auto !important;
      margin-right: auto !important; }
    .jotform-form #jfQuestion-proxy .appointmentSlots,
    .jotform-form .jfCard .appointmentSlots {
      min-height: auto;
      height: auto; }
    .jotform-form #jfQuestion-proxy .appointmentFieldWrapper:not(.isOpenMobile) .appointmentCalendarDays,
    .jotform-form #jfQuestion-proxy .appointmentFieldWrapper:not(.isOpenMobile) .monthYearPicker,
    .jotform-form .jfCard .appointmentFieldWrapper:not(.isOpenMobile) .appointmentCalendarDays,
    .jotform-form .jfCard .appointmentFieldWrapper:not(.isOpenMobile) .monthYearPicker {
      display: none; }
    .jotform-form #jfQuestion-proxy .appointmentFieldRow.forCalendar,
    .jotform-form .jfCard .appointmentFieldRow.forCalendar {
      -ms-flex-direction: column;
      flex-direction: column; }
    .jotform-form #jfQuestion-proxy .appointmentFieldRow.forSelectedDate,
    .jotform-form .jfCard .appointmentFieldRow.forSelectedDate {
      margin-top: 0; } }
  @media (max-width: 600px) {
    .jotform-form .jotform-form .appointmentCalendarContainer,
    .jotform-form .jotform-form .appointmentCalendarTimezone {
      width: 100%;
      max-width: 324px; }
    .jotform-form .jotform-form .appointmentCalendarTimezone {
      -ms-flex-order: -1;
      order: -1;
      margin-top: -8px; }
    .jotform-form .jotform-form .appointmentSlots {
      height: auto; }
    .jotform-form .jotform-form .appointmentFieldWrapper:not(.isOpenMobile) .appointmentCalendarDays,
    .jotform-form .jotform-form .appointmentFieldWrapper:not(.isOpenMobile) .monthYearPicker {
      display: none; }
    .jotform-form .jotform-form .appointmentFieldWrapper[data-breakpoint="isNormal"] .appointmentDates {
      margin-left: 0;
      width: 324px;
      margin-top: 16px; }
    .jotform-form .jotform-form .appointmentFieldRow.forCalendar {
      -ms-flex-direction: column;
      flex-direction: column; } }

@keyframes indicate {
  0% {
    color: #486cee;
    background-color: transparent; }
  to {
    color: #fff;
    background-color: #486cee; } }
  .jotform-form .jf-brandingWrapper {
    position: absolute;
    width: 100%; }
  .jotform-form .jf-brandingWrapper .jf-branding {
    text-align: right; }
  .jotform-form .buttonWithClear,
  .jotform-form .buttonWithoutClear {
    position: relative;
    width: 100%; }
  .jotform-form .buttonWithClear .jf-brandingWrapper {
    bottom: 58px; }
  .jotform-form .buttonWithoutClear .jf-brandingWrapper {
    bottom: 12px; }
  .jotform-form .lineAlignment-Right .buttonWithoutClear .jf-brandingWrapper {
    right: 25px; }
  .jotform-form .lineAlignment-Left .buttonWithoutClear .jf-brandingWrapper {
    left: 25px; }
  .jotform-form .submitBrandingWrapper .jf-branding {
    width: 100%;
    text-align: center; }
  .jotform-form .formFooter-heightMask {
    height: 56px; }
  .jotform-form .formFooter {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 0.875em;
    background-color: #414247;
    z-index: 2; }
  .jotform-form .formFooter,
  .jotform-form .formFooter-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  .jotform-form .formFooter-wrapper.formFooter-leftSide {
    margin-right: auto; }
  .jotform-form .formFooter-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  .jotform-form .formFooter-logo {
    display: -ms-flexbox;
    display: flex;
    max-width: 132px; }
  .jotform-form .formFooter-rightSide {
    margin-left: 0.5em; }
  .jotform-form .formFooter-rightSide .formFooter-text {
    color: #bfbfbf;
    font-size: 0.75em;
    margin-right: 0.9375em; }
  .jotform-form .formFooter-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 200px;
    padding: 0.625em 8px;
    border-radius: 3px;
    font-size: 0.875em;
    transition: background-color 0.3s; }
  .jotform-form .branding21.formFooter {
    font-family: -apple-system,
 BlinkMacSystemFont,
 Segoe UI,
 Roboto,
 Helvetica,
 Arial,
 sans-serif,
 Apple Color Emoji,
 Segoe UI Emoji,
 Segoe UI Symbol;
    background-color: #0a1551; }
  .jotform-form .branding21.formFooter .formFooter-logo {
    height: 44px; }
  .jotform-form .branding21.formFooter .formFooter-text {
    color: #f3f3fe; }
  .jotform-form .branding21.formFooter .formFooter-button {
    background-color: #78bb07;
    border-color: #78bb07; }
  .jotform-form body {
    font-family: Inter, sans-serif;
    font-size: 16px;
    background-color: #f3f3fe;
    color: #2c3345; }
  .jotform-form .form-all {
    border-radius: 3px;
    box-shadow: 0 4px 4px rgba(87, 100, 126, 0.21);
    background-color: #fff;
    max-width: 752px; }
  .jotform-form .form-line {
    margin-top: 12px;
    margin-bottom: 12px; }
  .jotform-form .ndt-test-env .form-line {
    margin-top: 6px;
    margin-bottom: 6px; }
  .jotform-form .form-line-active {
    background-color: #f1f5ff; }
  .jotform-form .form-line-error {
    background-color: #ffeded; }
  .jotform-form .form-label {
    color: #2c3345; }
  .jotform-form .form-required {
    color: #f23a3c; }
  .jotform-form .form-sub-label {
    color: #57647e; }
  .jotform-form .form-dropdown,
  .jotform-form .form-textarea,
  .jotform-form .form-textbox,
  .jotform-form .signature-pad-passive,
  .jotform-form .signature-wrapper {
    background-color: #fff;
    border-color: #b8bdc9;
    color: #2c3345; }
  .jotform-form .form-dropdown:hover,
  .jotform-form .form-textarea:hover,
  .jotform-form .form-textbox:hover,
  .jotform-form .signature-pad-passive:hover,
  .jotform-form .signature-wrapper:hover {
    border-color: rgba(46, 105, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(46, 105, 255, 0.25); }
  .jotform-form .form-dropdown:focus,
  .jotform-form .form-textarea:focus,
  .jotform-form .form-textbox:focus,
  .jotform-form .signature-pad-passive:focus,
  .jotform-form .signature-wrapper:focus {
    border-color: #2e69ff;
    box-shadow: 0 0 0 3px rgba(46, 105, 255, 0.25); }
  .jotform-form .form-checkbox + label:before,
  .jotform-form .form-checkbox + span:before,
  .jotform-form .form-radio + label:before,
  .jotform-form .form-radio + span:before {
    background-color: #fff;
    border-color: #b8bdc9; }
  .jotform-form .form-checkbox:hover + label:before,
  .jotform-form .form-checkbox:hover + span:before,
  .jotform-form .form-radio:hover + label:before,
  .jotform-form .form-radio:hover + span:before {
    border-color: rgba(46, 105, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(46, 105, 255, 0.25); }
  .jotform-form .form-checkbox:focus + label:before,
  .jotform-form .form-checkbox:focus + span:before,
  .jotform-form .form-radio:focus + label:before,
  .jotform-form .form-radio:focus + span:before {
    border-color: #2e69ff;
    box-shadow: 0 0 0 3px rgba(46, 105, 255, 0.25); }
  .jotform-form .form-radio + label:after,
  .jotform-form .form-radio + span:after {
    background-color: #2e69ff; }
  .jotform-form .form-radio + label,
  .jotform-form .form-radio + span {
    color: #2c3345; }
  .jotform-form .form-radio:checked + span label:before {
    border-color: #2e69ff; }
  .jotform-form .form-radio:checked + span div:after,
  .jotform-form .form-radio:checked + span label:after {
    background-color: #2e69ff; }
  .jotform-form .form-checkbox:checked + label:before,
  .jotform-form .form-checkbox:checked + span:before,
  .jotform-form .form-checkbox:checked + span label:before {
    border-color: #2e69ff;
    background-color: #2e69ff; }
  .jotform-form .form-line-error .form-validation-error {
    border-color: #f23a3c; }
  .jotform-form .form-line-error .form-validation-error:hover {
    border-color: #fe8e92;
    box-shadow: 0 0 0 2px #ffa5a5; }
  .jotform-form .form-line-error .form-validation-error:focus {
    border-color: #f23a3c;
    box-shadow: 0 0 0 3px #ffa5a5; }
  .jotform-form .form-line-error .form-checkbox:not(:checked) + label:before,
  .jotform-form .form-line-error .form-radio:not(:checked) + label:before {
    border-color: #f23a3c; }
  .jotform-form .form-line-error .form-checkbox:not(:checked):hover + label:before,
  .jotform-form .form-line-error .form-radio:not(:checked):hover + label:before {
    border-color: #fe8e92;
    box-shadow: 0 0 0 2px #ffa5a5; }
  .jotform-form .form-line-error .form-checkbox:not(:checked):focus + label:before,
  .jotform-form .form-line-error .form-radio:not(:checked):focus + label:before {
    border-color: #f23a3c;
    box-shadow: 0 0 0 3px #ffa5a5; }
  .jotform-form .jf-form-buttons {
    border-color: #c3cad8; }
  .jotform-form .form-buttons-wrapper,
  .jotform-form .form-pagebreak,
  .jotform-form .form-submit-clear-wrapper {
    border-color: #e5e7f2; }
  .jotform-form .form-pagebreak-back {
    background-color: #e5e7f2;
    border-color: #e5e7f2; }
  .jotform-form .form-pagebreak-back.button-hidden {
    display: none; }
  .jotform-form .form-pagebreak-back:hover {
    background-color: #ced0da; }
  .jotform-form .form-pagebreak-next {
    background-color: #2e69ff;
    border-color: #2e69ff;
    color: #fff; }
  .jotform-form .form-pagebreak-next.button-hidden {
    display: none; }
  .jotform-form .form-pagebreak-next:hover {
    background-color: #295fe6; }
  .jotform-form .form-sacl-button,
  .jotform-form .form-submit-print {
    border-color: #c3cad8;
    background-color: #fff; }
  .jotform-form .form-sacl-button:hover,
  .jotform-form .form-submit-print:hover {
    background-color: #c3cad8; }
  .jotform-form .formFooter-button,
  .jotform-form .submit-button {
    background-color: #18bd5b;
    border-color: #18bd5b;
    color: #fff; }
  .jotform-form .formFooter-button:hover,
  .jotform-form .submit-button:hover {
    background-color: #16aa52; }
  .jotform-form .form-submit-reset {
    color: #57647e;
    background: transparent;
    border: none;
    text-shadow: none;
    box-shadow: none;
    text-decoration: underline; }
  .jotform-form .form-header {
    color: #2c3345;
    word-break: break-word; }
  .jotform-form .form-subHeader {
    color: #57647e;
    word-break: break-word; }
  .jotform-form .divider,
  .jotform-form .form-header-group {
    border-color: #ededf1; }
  .jotform-form .header-large {
    border-color: #d7d8e1; }
  .jotform-form .form-matrix-column-headers,
  .jotform-form .form-matrix-row-headers {
    background-color: #e5eaf4; }
  .jotform-form .form-matrix-column-headers,
  .jotform-form .form-matrix-table td,
  .jotform-form .form-matrix-table td:last-child,
  .jotform-form .form-matrix-table th,
  .jotform-form .form-matrix-table th:last-child,
  .jotform-form .form-matrix-table tr:last-child td,
  .jotform-form .form-matrix-table tr:last-child th,
  .jotform-form .form-matrix-table tr:not([role="group"]) + tr[role="group"] th {
    border-color: #c3cad8; }
  .jotform-form .form-matrix-values {
    background-color: #fff; }
  .jotform-form li[data-type="control_fileupload"] .qq-upload-button {
    background-color: #fbfcff;
    color: #2c3345; }
  .jotform-form li[data-type="control_fileupload"] .qq-upload-cancel,
  .jotform-form li[data-type="control_fileupload"] .qq-upload-failed-text:before,
  .jotform-form li[data-type="control_fileupload"] .qq-upload-file,
  .jotform-form li[data-type="control_fileupload"] .qq-upload-img-container,
  .jotform-form li[data-type="control_fileupload"] .qq-upload-size {
    background-color: #dae6ff; }
  .jotform-form li[data-type="control_fileupload"] .qq-upload-img-container > img {
    border-color: #b5c2db; }
  .jotform-form li[data-type="control_fileupload"] .qq-upload-delete {
    background-color: #dce5f6; }
  .jotform-form li[data-type="control_fileupload"] .qq-upload-cancel {
    color: #2c3345; }
  .jotform-form .rating-item label {
    color: #8894ab;
    background-color: transparent; }
  .jotform-form .rating-item-titles {
    color: #57647e; }
  .jotform-form .form-line-error .rating-item label {
    border-color: #f23a3c;
    color: #fe8e92; }
  .jotform-form .rating-item input:focus + label,
  .jotform-form .rating-item input:hover + label {
    background-color: #e1e9ff;
    color: #2e69ff;
    border-color: #2e69ff; }
  .jotform-form .rating-item input:checked + label {
    background-color: #2e69ff;
    color: #fff;
    border-color: #2e69ff; }
  .jotform-form .form-spinner-button-container > * {
    background-color: #f4f4f7; }
  .jotform-form .form-spinner-button-container > :before {
    color: #57647e; }
  .jotform-form .form-spinner-button-container > :hover:before {
    color: #2e69ff; }
  .jotform-form li[data-type="control_datetime"] .extended .allowTime-container + .form-sub-label-container,
  .jotform-form li[data-type="control_datetime"] .extended > .form-sub-label-container:nth-child(3) + .form-sub-label-container {
    background-color: #f3f4f7; }
  .jotform-form .form-single-column > span:not(.form-checkbox-item) {
    clear: left; }
  .jotform-form .form-textarea-limit-indicator {
    margin-top: 8px; }
  .jotform-form .form-textarea-limit-indicator label + span {
    margin-left: 5px; }
  .jotform-form .form-dropdown[multiple],
  .jotform-form .form-dropdown[size] {
    background-image: none; }
  .jotform-form .form-dropdown[size] {
    padding: 5px 10px 0; }
  .jotform-form .form-dropdown[size]::-webkit-scrollbar {
    -webkit-appearance: none;
    appearance: none;
    width: 6px; }
  .jotform-form .form-dropdown[size]::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
  .jotform-form .form-submit-button-simple_red.form-pagebreak-back,
  .jotform-form .form-submit-button-simple_red.form-pagebreak-next,
  .jotform-form .form-submit-button-simple_red.submit-button {
    color: #fff;
    border-color: #a60000;
    box-shadow: 0 1px 0 0 #f29d93;
    background: linear-gradient(0deg, #fe1900 0, #ce0000); }
  .jotform-form .form-submit-button-simple_red.form-pagebreak-back:active,
  .jotform-form .form-submit-button-simple_red.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-simple_red.form-pagebreak-next:active,
  .jotform-form .form-submit-button-simple_red.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-simple_red.submit-button:active,
  .jotform-form .form-submit-button-simple_red.submit-button:hover {
    border-color: #a60000;
    background: linear-gradient(0deg, #ff461d 0, #e60d00); }
  .jotform-form .form-submit-button-simple_red.form-sacl-button,
  .jotform-form .form-submit-button-simple_red.form-submit-print {
    border-color: #a60000;
    color: #a60000; }
  .jotform-form .form-submit-button-simple_red.form-sacl-button:active,
  .jotform-form .form-submit-button-simple_red.form-sacl-button:hover,
  .jotform-form .form-submit-button-simple_red.form-submit-print:active,
  .jotform-form .form-submit-button-simple_red.form-submit-print:hover {
    color: #fff;
    background: linear-gradient(0deg, #ff461d 0, #e60d00); }
  .jotform-form .form-submit-button-simple_white.form-pagebreak-back,
  .jotform-form .form-submit-button-simple_white.form-pagebreak-next,
  .jotform-form .form-submit-button-simple_white.submit-button {
    color: #777;
    background: linear-gradient(0deg, #ededed 0, #dfdfdf);
    border-color: #ededed; }
  .jotform-form .form-submit-button-simple_white.form-pagebreak-back:active,
  .jotform-form .form-submit-button-simple_white.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-simple_white.form-pagebreak-next:active,
  .jotform-form .form-submit-button-simple_white.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-simple_white.submit-button:active,
  .jotform-form .form-submit-button-simple_white.submit-button:hover {
    background: linear-gradient(0deg, #fafafa 0, #ebebeb); }
  .jotform-form .form-submit-button-simple_white.form-sacl-button,
  .jotform-form .form-submit-button-simple_white.form-submit-print {
    border-color: #777;
    color: #777; }
  .jotform-form .form-submit-button-simple_white.form-sacl-button:active,
  .jotform-form .form-submit-button-simple_white.form-sacl-button:hover,
  .jotform-form .form-submit-button-simple_white.form-submit-print:active,
  .jotform-form .form-submit-button-simple_white.form-submit-print:hover {
    color: #ededed;
    background: #777; }
  .jotform-form .form-submit-button-simple_grey.form-pagebreak-back,
  .jotform-form .form-submit-button-simple_grey.form-pagebreak-next,
  .jotform-form .form-submit-button-simple_grey.submit-button {
    color: #fff;
    background: linear-gradient(0deg, #888 0, #575757);
    border-color: #555; }
  .jotform-form .form-submit-button-simple_grey.form-pagebreak-back:active,
  .jotform-form .form-submit-button-simple_grey.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-simple_grey.form-pagebreak-next:active,
  .jotform-form .form-submit-button-simple_grey.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-simple_grey.submit-button:active,
  .jotform-form .form-submit-button-simple_grey.submit-button:hover {
    background: linear-gradient(0deg, #989898 0, #676767); }
  .jotform-form .form-submit-button-simple_grey.form-sacl-button,
  .jotform-form .form-submit-button-simple_grey.form-submit-print {
    border-color: #575757;
    color: #575757; }
  .jotform-form .form-submit-button-simple_grey.form-sacl-button:active,
  .jotform-form .form-submit-button-simple_grey.form-sacl-button:hover,
  .jotform-form .form-submit-button-simple_grey.form-submit-print:active,
  .jotform-form .form-submit-button-simple_grey.form-submit-print:hover {
    color: #fff;
    background: #575757; }
  .jotform-form .form-submit-button-simple_black.form-pagebreak-back,
  .jotform-form .form-submit-button-simple_black.form-pagebreak-next,
  .jotform-form .form-submit-button-simple_black.submit-button {
    color: #fff;
    background: linear-gradient(0deg, #666 0, #000);
    border-color: #000; }
  .jotform-form .form-submit-button-simple_black.form-pagebreak-back:active,
  .jotform-form .form-submit-button-simple_black.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-simple_black.form-pagebreak-next:active,
  .jotform-form .form-submit-button-simple_black.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-simple_black.submit-button:active,
  .jotform-form .form-submit-button-simple_black.submit-button:hover {
    background: linear-gradient(0deg, grey 0, #1a1a1a); }
  .jotform-form .form-submit-button-simple_black.form-sacl-button,
  .jotform-form .form-submit-button-simple_black.form-submit-print {
    border-color: #000;
    color: #000; }
  .jotform-form .form-submit-button-simple_black.form-sacl-button:active,
  .jotform-form .form-submit-button-simple_black.form-sacl-button:hover,
  .jotform-form .form-submit-button-simple_black.form-submit-print:active,
  .jotform-form .form-submit-button-simple_black.form-submit-print:hover {
    color: #fff;
    background: #000; }
  .jotform-form .form-submit-button-simple_pink.form-pagebreak-back,
  .jotform-form .form-submit-button-simple_pink.form-pagebreak-next,
  .jotform-form .form-submit-button-simple_pink.submit-button {
    color: #fff;
    text-shadow: -1px -1px 0 #c70042;
    border-color: #cc0447;
    box-shadow: inset 0 1px 0 0 #faafd4;
    background: linear-gradient(0deg, #ff5c92 0, #f00252); }
  .jotform-form .form-submit-button-simple_pink.form-pagebreak-back:active,
  .jotform-form .form-submit-button-simple_pink.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-simple_pink.form-pagebreak-next:active,
  .jotform-form .form-submit-button-simple_pink.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-simple_pink.submit-button:active,
  .jotform-form .form-submit-button-simple_pink.submit-button:hover {
    background: linear-gradient(0deg, #ff5ca0 0, #ff036c); }
  .jotform-form .form-submit-button-simple_pink.form-sacl-button,
  .jotform-form .form-submit-button-simple_pink.form-submit-print {
    border-color: #cc0447;
    color: #cc0447; }
  .jotform-form .form-submit-button-simple_pink.form-sacl-button:active,
  .jotform-form .form-submit-button-simple_pink.form-sacl-button:hover,
  .jotform-form .form-submit-button-simple_pink.form-submit-print:active,
  .jotform-form .form-submit-button-simple_pink.form-submit-print:hover {
    color: #fff;
    background: #cc0447; }
  .jotform-form .form-submit-button-simple_rose.form-pagebreak-back,
  .jotform-form .form-submit-button-simple_rose.form-pagebreak-next,
  .jotform-form .form-submit-button-simple_rose.submit-button {
    color: #fff;
    text-shadow: -1px -1px 0 #b23d35;
    border-color: #d83526;
    box-shadow: inset 0 1px 0 0 #f7c4c0;
    background: linear-gradient(0deg, #fc8d83 0, #e4685d); }
  .jotform-form .form-submit-button-simple_rose.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-simple_rose.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-simple_rose.submit-button:hover {
    background: linear-gradient(0deg, #ffa69e 0, #ee776d); }
  .jotform-form .form-submit-button-simple_rose.form-pagebreak-back:active,
  .jotform-form .form-submit-button-simple_rose.form-pagebreak-next:active,
  .jotform-form .form-submit-button-simple_rose.submit-button:active {
    background: linear-gradient(0deg, #ee776d 0, #ffa69e); }
  .jotform-form .form-submit-button-simple_rose.form-sacl-button,
  .jotform-form .form-submit-button-simple_rose.form-submit-print {
    border-color: #d83526;
    color: #d83526; }
  .jotform-form .form-submit-button-simple_rose.form-sacl-button:active,
  .jotform-form .form-submit-button-simple_rose.form-sacl-button:hover,
  .jotform-form .form-submit-button-simple_rose.form-submit-print:active,
  .jotform-form .form-submit-button-simple_rose.form-submit-print:hover {
    color: #fff;
    background: #d83526; }
  .jotform-form .form-submit-button-simple_blue.form-pagebreak-back,
  .jotform-form .form-submit-button-simple_blue.form-pagebreak-next,
  .jotform-form .form-submit-button-simple_blue.submit-button {
    color: #fff;
    text-shadow: -1px -1px 0 #003ea1;
    border-color: #0d4aab;
    box-shadow: inset 0 1px 0 0 #97c4fe;
    background: linear-gradient(0deg, #3d94f6 0, #1e62d0); }
  .jotform-form .form-submit-button-simple_blue.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-simple_blue.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-simple_blue.submit-button:hover {
    background: linear-gradient(0deg, #54a2f9 0, #2e7be3); }
  .jotform-form .form-submit-button-simple_blue.form-pagebreak-back:active,
  .jotform-form .form-submit-button-simple_blue.form-pagebreak-next:active,
  .jotform-form .form-submit-button-simple_blue.submit-button:active {
    background: linear-gradient(0deg, #2e7be3 0, #54a2f9); }
  .jotform-form .form-submit-button-simple_blue.form-sacl-button,
  .jotform-form .form-submit-button-simple_blue.form-submit-print {
    border-color: #0d4aab;
    color: #0d4aab; }
  .jotform-form .form-submit-button-simple_blue.form-sacl-button:active,
  .jotform-form .form-submit-button-simple_blue.form-sacl-button:hover,
  .jotform-form .form-submit-button-simple_blue.form-submit-print:active,
  .jotform-form .form-submit-button-simple_blue.form-submit-print:hover {
    color: #fff;
    background: #0d4aab; }
  .jotform-form .form-submit-button-simple_carolina_blue.form-pagebreak-back,
  .jotform-form .form-submit-button-simple_carolina_blue.form-pagebreak-next,
  .jotform-form .form-submit-button-simple_carolina_blue.submit-button {
    color: #14396a;
    text-shadow: 1px 1px 0 #98d1f4;
    border-color: #1e63a2;
    box-shadow: inset 0 1px 0 0 #bee3f9;
    background: linear-gradient(0deg, #63b9ee 0, #468dcf); }
  .jotform-form .form-submit-button-simple_carolina_blue.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-simple_carolina_blue.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-simple_carolina_blue.submit-button:hover {
    background: linear-gradient(0deg, #74c4f6 0, #509cd9); }
  .jotform-form .form-submit-button-simple_carolina_blue.form-pagebreak-back:active,
  .jotform-form .form-submit-button-simple_carolina_blue.form-pagebreak-next:active,
  .jotform-form .form-submit-button-simple_carolina_blue.submit-button:active {
    background: linear-gradient(0deg, #509cd9 0, #74c4f6); }
  .jotform-form .form-submit-button-simple_carolina_blue.form-sacl-button,
  .jotform-form .form-submit-button-simple_carolina_blue.form-submit-print {
    border-color: #1e63a2;
    color: #1e63a2; }
  .jotform-form .form-submit-button-simple_carolina_blue.form-sacl-button:active,
  .jotform-form .form-submit-button-simple_carolina_blue.form-sacl-button:hover,
  .jotform-form .form-submit-button-simple_carolina_blue.form-submit-print:active,
  .jotform-form .form-submit-button-simple_carolina_blue.form-submit-print:hover {
    color: #fff;
    background: #1e63a2; }
  .jotform-form .form-submit-button-simple_green.form-pagebreak-back,
  .jotform-form .form-submit-button-simple_green.form-pagebreak-next,
  .jotform-form .form-submit-button-simple_green.submit-button {
    color: #154d0c;
    text-shadow: 1px 1px 0 #aade7c;
    border-color: #268a16;
    box-shadow: inset 0 1px 0 0 #c9efab;
    background: linear-gradient(0deg, #7bd82f 0, #4ea20a); }
  .jotform-form .form-submit-button-simple_green.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-simple_green.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-simple_green.submit-button:hover {
    background: linear-gradient(0deg, #80dd32 0, #5bb215); }
  .jotform-form .form-submit-button-simple_green.form-pagebreak-back:active,
  .jotform-form .form-submit-button-simple_green.form-pagebreak-next:active,
  .jotform-form .form-submit-button-simple_green.submit-button:active {
    background: linear-gradient(0deg, #5bb215 0, #80dd32); }
  .jotform-form .form-submit-button-simple_green.form-sacl-button,
  .jotform-form .form-submit-button-simple_green.form-submit-print {
    border-color: #4ea20a;
    color: #4ea20a; }
  .jotform-form .form-submit-button-simple_green.form-sacl-button:active,
  .jotform-form .form-submit-button-simple_green.form-sacl-button:hover,
  .jotform-form .form-submit-button-simple_green.form-submit-print:active,
  .jotform-form .form-submit-button-simple_green.form-submit-print:hover {
    color: #fff;
    background: #4ea20a; }
  .jotform-form .form-submit-button-simple_green_apple.form-pagebreak-back,
  .jotform-form .form-submit-button-simple_green_apple.form-pagebreak-next,
  .jotform-form .form-submit-button-simple_green_apple.submit-button {
    color: #fff;
    text-shadow: -1px -1px 0 #5a8200;
    border-color: #5a8200;
    box-shadow: inset 0 1px 0 0 #b9e84b;
    background: linear-gradient(0deg, #96d10c 0, #6d9c01); }
  .jotform-form .form-submit-button-simple_green_apple.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-simple_green_apple.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-simple_green_apple.submit-button:hover {
    background: linear-gradient(0deg, #9ed915 0, #78aa04); }
  .jotform-form .form-submit-button-simple_green_apple.form-pagebreak-back:active,
  .jotform-form .form-submit-button-simple_green_apple.form-pagebreak-next:active,
  .jotform-form .form-submit-button-simple_green_apple.submit-button:active {
    background: linear-gradient(0deg, #78aa04 0, #9ed915); }
  .jotform-form .form-submit-button-simple_green_apple.form-sacl-button,
  .jotform-form .form-submit-button-simple_green_apple.form-submit-print {
    border-color: #96d10c;
    color: #96d10c; }
  .jotform-form .form-submit-button-simple_green_apple.form-sacl-button:active,
  .jotform-form .form-submit-button-simple_green_apple.form-sacl-button:hover,
  .jotform-form .form-submit-button-simple_green_apple.form-submit-print:active,
  .jotform-form .form-submit-button-simple_green_apple.form-submit-print:hover {
    color: #fff;
    background: #96d10c; }
  .jotform-form .form-submit-button-simple_yellow.form-pagebreak-back,
  .jotform-form .form-submit-button-simple_yellow.form-pagebreak-next,
  .jotform-form .form-submit-button-simple_yellow.submit-button {
    color: #d85d00;
    text-shadow: 1px 1px 0 #ffed66;
    border-color: #fa2;
    box-shadow: inset 0 1px 0 0 #fff6af;
    background: linear-gradient(0deg, #ffed64 0, #ffab23); }
  .jotform-form .form-submit-button-simple_yellow.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-simple_yellow.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-simple_yellow.submit-button:hover {
    background: linear-gradient(0deg, #feed83 0, #ffbc34); }
  .jotform-form .form-submit-button-simple_yellow.form-pagebreak-back:active,
  .jotform-form .form-submit-button-simple_yellow.form-pagebreak-next:active,
  .jotform-form .form-submit-button-simple_yellow.submit-button:active {
    background: linear-gradient(0deg, #ffbc34 0, #feed83); }
  .jotform-form .form-submit-button-simple_yellow.form-sacl-button,
  .jotform-form .form-submit-button-simple_yellow.form-submit-print {
    border-color: #fa2;
    color: #fa2; }
  .jotform-form .form-submit-button-simple_yellow.form-sacl-button:active,
  .jotform-form .form-submit-button-simple_yellow.form-sacl-button:hover,
  .jotform-form .form-submit-button-simple_yellow.form-submit-print:active,
  .jotform-form .form-submit-button-simple_yellow.form-submit-print:hover {
    color: #fff;
    background: #fa2; }
  .jotform-form .form-submit-button-simple_orange.form-pagebreak-back,
  .jotform-form .form-submit-button-simple_orange.form-pagebreak-next,
  .jotform-form .form-submit-button-simple_orange.submit-button {
    color: #fff;
    text-shadow: -1px -1px 0 #d85d00;
    border-color: #d85d00;
    box-shadow: inset 0 1px 0 0 #ffcc7a;
    background: linear-gradient(0deg, #faa51a 0, #ff6c00); }
  .jotform-form .form-submit-button-simple_orange.form-pagebreak-back:active,
  .jotform-form .form-submit-button-simple_orange.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-simple_orange.form-pagebreak-next:active,
  .jotform-form .form-submit-button-simple_orange.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-simple_orange.submit-button:active,
  .jotform-form .form-submit-button-simple_orange.submit-button:hover {
    background: linear-gradient(0deg, #ffb53b 0, #fc8d0f); }
  .jotform-form .form-submit-button-simple_orange.form-sacl-button,
  .jotform-form .form-submit-button-simple_orange.form-submit-print {
    border-color: #ff6c00;
    color: #ff6c00; }
  .jotform-form .form-submit-button-simple_orange.form-sacl-button:active,
  .jotform-form .form-submit-button-simple_orange.form-sacl-button:hover,
  .jotform-form .form-submit-button-simple_orange.form-submit-print:active,
  .jotform-form .form-submit-button-simple_orange.form-submit-print:hover {
    color: #fff;
    background: #ff6c00; }
  .jotform-form .form-submit-button-carbon_rounded.form-pagebreak-back,
  .jotform-form .form-submit-button-carbon_rounded.form-pagebreak-next,
  .jotform-form .form-submit-button-carbon_rounded.form-sacl-button,
  .jotform-form .form-submit-button-carbon_rounded.form-submit-print,
  .jotform-form .form-submit-button-carbon_rounded.submit-button,
  .jotform-form .form-submit-button-cool_grey_rounded.form-pagebreak-back,
  .jotform-form .form-submit-button-cool_grey_rounded.form-pagebreak-next,
  .jotform-form .form-submit-button-cool_grey_rounded.form-sacl-button,
  .jotform-form .form-submit-button-cool_grey_rounded.form-submit-print,
  .jotform-form .form-submit-button-cool_grey_rounded.submit-button,
  .jotform-form .form-submit-button-light_rounded.form-pagebreak-back,
  .jotform-form .form-submit-button-light_rounded.form-pagebreak-next,
  .jotform-form .form-submit-button-light_rounded.form-sacl-button,
  .jotform-form .form-submit-button-light_rounded.form-submit-print,
  .jotform-form .form-submit-button-light_rounded.submit-button {
    border-radius: 30px; }
  .jotform-form .form-submit-button-light.form-pagebreak-back,
  .jotform-form .form-submit-button-light.form-pagebreak-next,
  .jotform-form .form-submit-button-light.submit-button,
  .jotform-form .form-submit-button-light_rounded.form-pagebreak-back,
  .jotform-form .form-submit-button-light_rounded.form-pagebreak-next,
  .jotform-form .form-submit-button-light_rounded.submit-button {
    color: #7c868d;
    text-shadow: 1px 1px 0 #fff;
    border-color: #dfdfdf;
    box-shadow: inset 0 1px 0 0 #fff, 0 1px 1px 0 rgba(0, 0, 0, 0.4);
    background: linear-gradient(0deg, #fafafa 0, #eaeaea); }
  .jotform-form .form-submit-button-light.form-pagebreak-back:active,
  .jotform-form .form-submit-button-light.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-light.form-pagebreak-next:active,
  .jotform-form .form-submit-button-light.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-light.submit-button:active,
  .jotform-form .form-submit-button-light.submit-button:hover,
  .jotform-form .form-submit-button-light_rounded.form-pagebreak-back:active,
  .jotform-form .form-submit-button-light_rounded.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-light_rounded.form-pagebreak-next:active,
  .jotform-form .form-submit-button-light_rounded.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-light_rounded.submit-button:active,
  .jotform-form .form-submit-button-light_rounded.submit-button:hover {
    background: linear-gradient(0deg, #fff 0, #f4f4f4); }
  .jotform-form .form-submit-button-light.form-sacl-button,
  .jotform-form .form-submit-button-light.form-submit-print,
  .jotform-form .form-submit-button-light_rounded.form-sacl-button,
  .jotform-form .form-submit-button-light_rounded.form-submit-print {
    border-color: #7c868d;
    color: #7c868d; }
  .jotform-form .form-submit-button-light.form-sacl-button:active,
  .jotform-form .form-submit-button-light.form-sacl-button:hover,
  .jotform-form .form-submit-button-light.form-submit-print:active,
  .jotform-form .form-submit-button-light.form-submit-print:hover,
  .jotform-form .form-submit-button-light_rounded.form-sacl-button:active,
  .jotform-form .form-submit-button-light_rounded.form-sacl-button:hover,
  .jotform-form .form-submit-button-light_rounded.form-submit-print:active,
  .jotform-form .form-submit-button-light_rounded.form-submit-print:hover {
    color: #fff;
    background: #7c868d; }
  .jotform-form .form-submit-button-cool_grey.form-pagebreak-back,
  .jotform-form .form-submit-button-cool_grey.form-pagebreak-next,
  .jotform-form .form-submit-button-cool_grey.submit-button,
  .jotform-form .form-submit-button-cool_grey_rounded.form-pagebreak-back,
  .jotform-form .form-submit-button-cool_grey_rounded.form-pagebreak-next,
  .jotform-form .form-submit-button-cool_grey_rounded.submit-button {
    color: #f9fbfd;
    text-shadow: 0 -1px 0 #414346;
    border-color: #60646c;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.4);
    background: linear-gradient(0deg, #9799a0 0, #787b83); }
  .jotform-form .form-submit-button-cool_grey.form-pagebreak-back:active,
  .jotform-form .form-submit-button-cool_grey.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-cool_grey.form-pagebreak-next:active,
  .jotform-form .form-submit-button-cool_grey.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-cool_grey.submit-button:active,
  .jotform-form .form-submit-button-cool_grey.submit-button:hover,
  .jotform-form .form-submit-button-cool_grey_rounded.form-pagebreak-back:active,
  .jotform-form .form-submit-button-cool_grey_rounded.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-cool_grey_rounded.form-pagebreak-next:active,
  .jotform-form .form-submit-button-cool_grey_rounded.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-cool_grey_rounded.submit-button:active,
  .jotform-form .form-submit-button-cool_grey_rounded.submit-button:hover {
    background: linear-gradient(0deg, #9799a0 0, #787b83); }
  .jotform-form .form-submit-button-cool_grey.form-sacl-button,
  .jotform-form .form-submit-button-cool_grey.form-submit-print,
  .jotform-form .form-submit-button-cool_grey_rounded.form-sacl-button,
  .jotform-form .form-submit-button-cool_grey_rounded.form-submit-print {
    border-color: #60646c;
    color: #60646c; }
  .jotform-form .form-submit-button-cool_grey.form-sacl-button:active,
  .jotform-form .form-submit-button-cool_grey.form-sacl-button:hover,
  .jotform-form .form-submit-button-cool_grey.form-submit-print:active,
  .jotform-form .form-submit-button-cool_grey.form-submit-print:hover,
  .jotform-form .form-submit-button-cool_grey_rounded.form-sacl-button:active,
  .jotform-form .form-submit-button-cool_grey_rounded.form-sacl-button:hover,
  .jotform-form .form-submit-button-cool_grey_rounded.form-submit-print:active,
  .jotform-form .form-submit-button-cool_grey_rounded.form-submit-print:hover {
    color: #fff;
    background: #60646c; }
  .jotform-form .form-submit-button-carbon.form-pagebreak-back,
  .jotform-form .form-submit-button-carbon.form-pagebreak-next,
  .jotform-form .form-submit-button-carbon.submit-button,
  .jotform-form .form-submit-button-carbon_rounded.form-pagebreak-back,
  .jotform-form .form-submit-button-carbon_rounded.form-pagebreak-next,
  .jotform-form .form-submit-button-carbon_rounded.submit-button {
    color: #dadee5;
    text-shadow: -1px -1px 0 #0b0b0d;
    border-color: #212325;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.44);
    background: linear-gradient(0deg, #44494c 0, #2a2e30); }
  .jotform-form .form-submit-button-carbon.form-pagebreak-back:active,
  .jotform-form .form-submit-button-carbon.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-carbon.form-pagebreak-next:active,
  .jotform-form .form-submit-button-carbon.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-carbon.submit-button:active,
  .jotform-form .form-submit-button-carbon.submit-button:hover,
  .jotform-form .form-submit-button-carbon_rounded.form-pagebreak-back:active,
  .jotform-form .form-submit-button-carbon_rounded.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-carbon_rounded.form-pagebreak-next:active,
  .jotform-form .form-submit-button-carbon_rounded.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-carbon_rounded.submit-button:active,
  .jotform-form .form-submit-button-carbon_rounded.submit-button:hover {
    background: linear-gradient(0deg, #5b6266 0, #383d40); }
  .jotform-form .form-submit-button-carbon.form-sacl-button,
  .jotform-form .form-submit-button-carbon.form-submit-print,
  .jotform-form .form-submit-button-carbon_rounded.form-sacl-button,
  .jotform-form .form-submit-button-carbon_rounded.form-submit-print {
    border-color: #2a2e30;
    color: #2a2e30; }
  .jotform-form .form-submit-button-carbon.form-sacl-button:active,
  .jotform-form .form-submit-button-carbon.form-sacl-button:hover,
  .jotform-form .form-submit-button-carbon.form-submit-print:active,
  .jotform-form .form-submit-button-carbon.form-submit-print:hover,
  .jotform-form .form-submit-button-carbon_rounded.form-sacl-button:active,
  .jotform-form .form-submit-button-carbon_rounded.form-sacl-button:hover,
  .jotform-form .form-submit-button-carbon_rounded.form-submit-print:active,
  .jotform-form .form-submit-button-carbon_rounded.form-submit-print:hover {
    color: #fff;
    background: #2a2e30; }
  .jotform-form .form-submit-button-blue.form-pagebreak-back,
  .jotform-form .form-submit-button-blue.form-pagebreak-next,
  .jotform-form .form-submit-button-blue.submit-button {
    text-shadow: 0 1px 0 #1e549d;
    border-color: #3d7fb1;
    background: linear-gradient(0deg, #57a9eb 0, #3871c0); }
  .jotform-form .form-submit-button-blue.form-pagebreak-back:active,
  .jotform-form .form-submit-button-blue.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-blue.form-pagebreak-next:active,
  .jotform-form .form-submit-button-blue.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-blue.submit-button:active,
  .jotform-form .form-submit-button-blue.submit-button:hover {
    background: linear-gradient(0deg, #78c3ff 0, #4c85d3); }
  .jotform-form .form-submit-button-blue.form-sacl-button,
  .jotform-form .form-submit-button-blue.form-submit-print {
    border-color: #78c3ff;
    color: #78c3ff; }
  .jotform-form .form-submit-button-blue.form-sacl-button:active,
  .jotform-form .form-submit-button-blue.form-sacl-button:hover,
  .jotform-form .form-submit-button-blue.form-submit-print:active,
  .jotform-form .form-submit-button-blue.form-submit-print:hover {
    color: #fff;
    background: #78c3ff; }
  .jotform-form .form-submit-button-black_blue.form-pagebreak-back,
  .jotform-form .form-submit-button-black_blue.form-pagebreak-next,
  .jotform-form .form-submit-button-black_blue.submit-button {
    color: #dadee5;
    text-shadow: -1px -1px 0 #000;
    border-color: #000;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.44);
    background: linear-gradient(0deg, #2e2e2e 0, #030303); }
  .jotform-form .form-submit-button-black_blue.form-pagebreak-back:active,
  .jotform-form .form-submit-button-black_blue.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-black_blue.form-pagebreak-next:active,
  .jotform-form .form-submit-button-black_blue.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-black_blue.submit-button:active,
  .jotform-form .form-submit-button-black_blue.submit-button:hover {
    text-shadow: -1px -1px 0 #000, 0 0 3px rgba(51, 160, 255, 0.5);
    background: linear-gradient(0deg, #404040 0, #1a1a1a); }
  .jotform-form .form-submit-button-black_blue.form-sacl-button,
  .jotform-form .form-submit-button-black_blue.form-submit-print {
    border-color: #2e2e2e;
    color: #2e2e2e; }
  .jotform-form .form-submit-button-black_blue.form-sacl-button:active,
  .jotform-form .form-submit-button-black_blue.form-sacl-button:hover,
  .jotform-form .form-submit-button-black_blue.form-submit-print:active,
  .jotform-form .form-submit-button-black_blue.form-submit-print:hover {
    color: #fff;
    background: #2e2e2e; }
  .jotform-form .form-submit-button-black_glass.form-pagebreak-back,
  .jotform-form .form-submit-button-black_glass.form-pagebreak-next,
  .jotform-form .form-submit-button-black_glass.submit-button {
    color: #dadee5;
    text-shadow: -1px -1px 0 #2b3034;
    border-color: #2b3034;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), 0 1px 2px 0 rgba(0, 0, 0, 0.44);
    background: linear-gradient(0deg, #7f8385 0, #5c6064 50%, #4a4e51 51%, #515a66); }
  .jotform-form .form-submit-button-black_glass.form-pagebreak-back:active,
  .jotform-form .form-submit-button-black_glass.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-black_glass.form-pagebreak-next:active,
  .jotform-form .form-submit-button-black_glass.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-black_glass.submit-button:active,
  .jotform-form .form-submit-button-black_glass.submit-button:hover {
    background: linear-gradient(0deg, #909598 0, #70757a 50%, #60656a 51%, #6c7889); }
  .jotform-form .form-submit-button-black_glass.form-sacl-button,
  .jotform-form .form-submit-button-black_glass.form-submit-print {
    border-color: #6c7889;
    color: #6c7889; }
  .jotform-form .form-submit-button-black_glass.form-sacl-button:active,
  .jotform-form .form-submit-button-black_glass.form-sacl-button:hover,
  .jotform-form .form-submit-button-black_glass.form-submit-print:active,
  .jotform-form .form-submit-button-black_glass.form-submit-print:hover {
    color: #fff;
    background: #6c7889; }
  .jotform-form .form-submit-button-wood.form-pagebreak-back,
  .jotform-form .form-submit-button-wood.form-pagebreak-next,
  .jotform-form .form-submit-button-wood.submit-button,
  .jotform-form .form-submit-button-wood_3d.form-pagebreak-back,
  .jotform-form .form-submit-button-wood_3d.form-pagebreak-next,
  .jotform-form .form-submit-button-wood_3d.submit-button {
    color: #5e2003;
    text-shadow: 1px 1px 0 #eb9b58;
    border-color: #91350a;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4), 0 1px 1px 0 rgba(0, 0, 0, 0.4);
    background-color: #c75e26;
    background-image: url(https://cdn.jotfor.ms/images/wood.png); }
  .jotform-form .form-submit-button-wood.form-pagebreak-back:active,
  .jotform-form .form-submit-button-wood.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-wood.form-pagebreak-next:active,
  .jotform-form .form-submit-button-wood.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-wood.submit-button:active,
  .jotform-form .form-submit-button-wood.submit-button:hover,
  .jotform-form .form-submit-button-wood_3d.form-pagebreak-back:active,
  .jotform-form .form-submit-button-wood_3d.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-wood_3d.form-pagebreak-next:active,
  .jotform-form .form-submit-button-wood_3d.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-wood_3d.submit-button:active,
  .jotform-form .form-submit-button-wood_3d.submit-button:hover {
    background-color: #da936e;
    background-image: url(https://cdn.jotfor.ms/images/wood-over.png); }
  .jotform-form .form-submit-button-wood.form-sacl-button,
  .jotform-form .form-submit-button-wood.form-submit-print,
  .jotform-form .form-submit-button-wood_3d.form-sacl-button,
  .jotform-form .form-submit-button-wood_3d.form-submit-print {
    border-color: #c75e26;
    color: #c75e26; }
  .jotform-form .form-submit-button-wood.form-sacl-button:active,
  .jotform-form .form-submit-button-wood.form-sacl-button:hover,
  .jotform-form .form-submit-button-wood.form-submit-print:active,
  .jotform-form .form-submit-button-wood.form-submit-print:hover,
  .jotform-form .form-submit-button-wood_3d.form-sacl-button:active,
  .jotform-form .form-submit-button-wood_3d.form-sacl-button:hover,
  .jotform-form .form-submit-button-wood_3d.form-submit-print:active,
  .jotform-form .form-submit-button-wood_3d.form-submit-print:hover {
    color: #fff;
    background: #c75e26; }
  .jotform-form .form-submit-button-wood_3d.form-pagebreak-back,
  .jotform-form .form-submit-button-wood_3d.form-pagebreak-next,
  .jotform-form .form-submit-button-wood_3d.submit-button {
    box-shadow: 0 4px 0 0 #91350a, 0 6px 2px 1px rgba(0, 0, 0, 0.4); }
  .jotform-form .form-submit-button-wood_3d.form-pagebreak-back:active,
  .jotform-form .form-submit-button-wood_3d.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-wood_3d.form-pagebreak-next:active,
  .jotform-form .form-submit-button-wood_3d.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-wood_3d.submit-button:active,
  .jotform-form .form-submit-button-wood_3d.submit-button:hover {
    box-shadow: 0 2px 0 0 #91350a, 0 2px 2px 1px rgba(0, 0, 0, 0.4); }
  .jotform-form .form-submit-button-3d_edgy_yellow.form-pagebreak-back,
  .jotform-form .form-submit-button-3d_edgy_yellow.form-pagebreak-next,
  .jotform-form .form-submit-button-3d_edgy_yellow.submit-button {
    color: #864f0b;
    text-shadow: 0 1px 0 #ffe245;
    border-color: #b8882a;
    box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4), inset 0 0 3px 0 rgba(255, 255, 255, 0.4), 0 5px 0 0 #b8882a, 0 9px 0 0 rgba(0, 0, 0, 0.2);
    background-color: #f8b838; }
  .jotform-form .form-submit-button-3d_edgy_yellow.form-pagebreak-back:active,
  .jotform-form .form-submit-button-3d_edgy_yellow.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-3d_edgy_yellow.form-pagebreak-next:active,
  .jotform-form .form-submit-button-3d_edgy_yellow.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-3d_edgy_yellow.submit-button:active,
  .jotform-form .form-submit-button-3d_edgy_yellow.submit-button:hover {
    background-color: #ffd842; }
  .jotform-form .form-submit-button-3d_edgy_yellow.form-sacl-button,
  .jotform-form .form-submit-button-3d_edgy_yellow.form-submit-print {
    border-color: #b8882a;
    color: #b8882a; }
  .jotform-form .form-submit-button-3d_edgy_yellow.form-sacl-button:active,
  .jotform-form .form-submit-button-3d_edgy_yellow.form-sacl-button:hover,
  .jotform-form .form-submit-button-3d_edgy_yellow.form-submit-print:active,
  .jotform-form .form-submit-button-3d_edgy_yellow.form-submit-print:hover {
    color: #fff;
    background: #b8882a; }
  .jotform-form .form-submit-button-denim_dark_blue.form-pagebreak-back,
  .jotform-form .form-submit-button-denim_dark_blue.form-pagebreak-next,
  .jotform-form .form-submit-button-denim_dark_blue.submit-button {
    color: #eae3d9;
    text-shadow: 0 -2px 0 #0b101d;
    border: 1px dashed #eae3d9;
    box-shadow: 0 0 0 3px #283045, 0 2px 0 3px #0b101d, 0 6px 3px 1px rgba(0, 0, 0, 0.4);
    background: #4d4d4d;
    background-image: url(https://cdn.jotfor.ms/images/denim.png); }
  .jotform-form .form-submit-button-denim_dark_blue.form-pagebreak-back:active,
  .jotform-form .form-submit-button-denim_dark_blue.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-denim_dark_blue.form-pagebreak-next:active,
  .jotform-form .form-submit-button-denim_dark_blue.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-denim_dark_blue.submit-button:active,
  .jotform-form .form-submit-button-denim_dark_blue.submit-button:hover {
    color: #fff;
    background: #283045; }
  .jotform-form .form-submit-button-denim_dark_blue.form-sacl-button,
  .jotform-form .form-submit-button-denim_dark_blue.form-submit-print {
    border-color: #283045;
    color: #283045; }
  .jotform-form .form-submit-button-denim_dark_blue.form-sacl-button:active,
  .jotform-form .form-submit-button-denim_dark_blue.form-sacl-button:hover,
  .jotform-form .form-submit-button-denim_dark_blue.form-submit-print:active,
  .jotform-form .form-submit-button-denim_dark_blue.form-submit-print:hover {
    color: #eae3d9;
    background: #283045; }
  .jotform-form .form-submit-button-flat_round_teal.form-pagebreak-back,
  .jotform-form .form-submit-button-flat_round_teal.form-pagebreak-next,
  .jotform-form .form-submit-button-flat_round_teal.submit-button {
    color: #e3dfd4;
    border: 2px solid #231f20;
    background: #4b6e70; }
  .jotform-form .form-submit-button-flat_round_teal.form-pagebreak-back:active,
  .jotform-form .form-submit-button-flat_round_teal.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-flat_round_teal.form-pagebreak-next:active,
  .jotform-form .form-submit-button-flat_round_teal.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-flat_round_teal.submit-button:active,
  .jotform-form .form-submit-button-flat_round_teal.submit-button:hover {
    background: #5b8486; }
  .jotform-form .form-submit-button-flat_round_teal.form-sacl-button,
  .jotform-form .form-submit-button-flat_round_teal.form-submit-print {
    border-color: #4b6e70;
    color: #4b6e70; }
  .jotform-form .form-submit-button-flat_round_teal.form-sacl-button:active,
  .jotform-form .form-submit-button-flat_round_teal.form-sacl-button:hover,
  .jotform-form .form-submit-button-flat_round_teal.form-submit-print:active,
  .jotform-form .form-submit-button-flat_round_teal.form-submit-print:hover {
    color: #e3dfd4;
    background: #4b6e70; }
  .jotform-form .form-submit-button-leather_black.form-pagebreak-back,
  .jotform-form .form-submit-button-leather_black.form-pagebreak-next,
  .jotform-form .form-submit-button-leather_black.submit-button {
    color: #fff;
    text-shadow: 0 2px 0 #000;
    border: 2px dashed #fff;
    box-shadow: 0 0 0 4px #262626, 0 4px 0 4px #000, 0 6px 3px 4px rgba(0, 0, 0, 0.4);
    background: #4d4d4d;
    background-image: url(https://cdn.jotfor.ms/images/leather.png); }
  .jotform-form .form-submit-button-leather_black.form-pagebreak-back:active,
  .jotform-form .form-submit-button-leather_black.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-leather_black.form-pagebreak-next:active,
  .jotform-form .form-submit-button-leather_black.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-leather_black.submit-button:active,
  .jotform-form .form-submit-button-leather_black.submit-button:hover {
    background: rgba(0, 0, 0, 0.4); }
  .jotform-form .form-submit-button-leather_black.form-sacl-button,
  .jotform-form .form-submit-button-leather_black.form-submit-print {
    border-color: rgba(0, 0, 0, 0.4);
    color: rgba(0, 0, 0, 0.4); }
  .jotform-form .form-submit-button-leather_black.form-sacl-button:active,
  .jotform-form .form-submit-button-leather_black.form-sacl-button:hover,
  .jotform-form .form-submit-button-leather_black.form-submit-print:active,
  .jotform-form .form-submit-button-leather_black.form-submit-print:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.4); }
  .jotform-form .form-submit-button-metal_brushed.form-pagebreak-back,
  .jotform-form .form-submit-button-metal_brushed.form-pagebreak-next,
  .jotform-form .form-submit-button-metal_brushed.submit-button {
    color: #2a2a2a;
    text-shadow: 0 1px 0 #fff;
    border: 1px outset #999;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.6), inset 0 1px 0 0 rgba(255, 255, 255, 0.7), 0 2px 4px 0 rgba(0, 0, 0, 0.4);
    background: #757575;
    background-position: 50% 50%;
    background-image: url(https://cdn.jotfor.ms/images/metal-brushed.png); }
  .jotform-form .form-submit-button-metal_brushed.form-sacl-button,
  .jotform-form .form-submit-button-metal_brushed.form-submit-print {
    border-color: #757575;
    color: #757575; }
  .jotform-form .form-submit-button-metal_brushed.form-sacl-button:active,
  .jotform-form .form-submit-button-metal_brushed.form-sacl-button:hover,
  .jotform-form .form-submit-button-metal_brushed.form-submit-print:active,
  .jotform-form .form-submit-button-metal_brushed.form-submit-print:hover {
    color: #fff;
    background: #757575; }
  .jotform-form .form-submit-button-steel.form-pagebreak-back,
  .jotform-form .form-submit-button-steel.form-pagebreak-next,
  .jotform-form .form-submit-button-steel.submit-button {
    color: grey;
    text-shadow: 0 1px 0 #fff;
    border-color: #999;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.7), 0 2px 4px 0 rgba(0, 0, 0, 0.4);
    background: #d4d4d4;
    background-position: 50% 50%;
    background-image: url(https://cdn.jotfor.ms/images/steel.png); }
  .jotform-form .form-submit-button-steel.form-pagebreak-back:active,
  .jotform-form .form-submit-button-steel.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-steel.form-pagebreak-next:active,
  .jotform-form .form-submit-button-steel.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-steel.submit-button:active,
  .jotform-form .form-submit-button-steel.submit-button:hover {
    color: #555; }
  .jotform-form .form-submit-button-steel.form-sacl-button,
  .jotform-form .form-submit-button-steel.form-submit-print {
    border-color: #d4d4d4;
    color: #d4d4d4; }
  .jotform-form .form-submit-button-steel.form-sacl-button:active,
  .jotform-form .form-submit-button-steel.form-sacl-button:hover,
  .jotform-form .form-submit-button-steel.form-submit-print:active,
  .jotform-form .form-submit-button-steel.form-submit-print:hover {
    color: #fff;
    background: #d4d4d4; }
  .jotform-form .form-submit-button-3d_round_yellow.form-pagebreak-back,
  .jotform-form .form-submit-button-3d_round_yellow.form-pagebreak-next,
  .jotform-form .form-submit-button-3d_round_yellow.submit-button {
    color: #b75902;
    text-shadow: 0 1px 0 #facf73;
    border-color: #ca6014;
    box-shadow: inset 0 1px 0 0 #ffdb91, 0 4px 0 0 #ca6014, 0 6px 2px 1px rgba(0, 0, 0, 0.3);
    background: #febd25; }
  .jotform-form .form-submit-button-3d_round_yellow.form-pagebreak-back:active,
  .jotform-form .form-submit-button-3d_round_yellow.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-3d_round_yellow.form-pagebreak-next:active,
  .jotform-form .form-submit-button-3d_round_yellow.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-3d_round_yellow.submit-button:active,
  .jotform-form .form-submit-button-3d_round_yellow.submit-button:hover {
    background: #ffcb40;
    box-shadow: inset 0 1px 0 0 #ffdb91, 0 2px 0 0 #ca6014, 0 2px 2px 1px rgba(0, 0, 0, 0.3); }
  .jotform-form .form-submit-button-3d_round_yellow.form-sacl-button,
  .jotform-form .form-submit-button-3d_round_yellow.form-submit-print {
    border-color: #febd25;
    color: #febd25; }
  .jotform-form .form-submit-button-3d_round_yellow.form-sacl-button:active,
  .jotform-form .form-submit-button-3d_round_yellow.form-sacl-button:hover,
  .jotform-form .form-submit-button-3d_round_yellow.form-submit-print:active,
  .jotform-form .form-submit-button-3d_round_yellow.form-submit-print:hover {
    color: #fff;
    background: #febd25; }
  .jotform-form .form-submit-button-big_green.form-pagebreak-back,
  .jotform-form .form-submit-button-big_green.form-pagebreak-next,
  .jotform-form .form-submit-button-big_green.submit-button {
    color: #eaf3ba;
    text-shadow: 0 1px 0 #71802e;
    border: 3px solid #8a9c38;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.35), 0 0 0 4px rgba(0, 0, 0, 0.1);
    background: linear-gradient(0deg, #c8db6a 0, #9fb644); }
  .jotform-form .form-submit-button-big_green.form-pagebreak-back:active,
  .jotform-form .form-submit-button-big_green.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-big_green.form-pagebreak-next:active,
  .jotform-form .form-submit-button-big_green.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-big_green.submit-button:active,
  .jotform-form .form-submit-button-big_green.submit-button:hover {
    background: linear-gradient(0deg, #d2e477 0, #abc04f); }
  .jotform-form .form-submit-button-big_green.form-sacl-button,
  .jotform-form .form-submit-button-big_green.form-submit-print {
    border-color: #8a9c38;
    color: #8a9c38; }
  .jotform-form .form-submit-button-big_green.form-sacl-button:active,
  .jotform-form .form-submit-button-big_green.form-sacl-button:hover,
  .jotform-form .form-submit-button-big_green.form-submit-print:active,
  .jotform-form .form-submit-button-big_green.form-submit-print:hover {
    color: #fff;
    background: #8a9c38; }
  .jotform-form .form-submit-button-book_blue1.form-pagebreak-back,
  .jotform-form .form-submit-button-book_blue1.form-pagebreak-next,
  .jotform-form .form-submit-button-book_blue1.submit-button {
    color: #fff;
    text-shadow: 0 1px 0 #2e4281;
    border-color: #3d4f8b;
    box-shadow: inset 0 1px 0 0 #c8d0e4, 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    background: linear-gradient(0deg, #8497c4 0, #586ca5); }
  .jotform-form .form-submit-button-book_blue1.form-pagebreak-back:active,
  .jotform-form .form-submit-button-book_blue1.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-book_blue1.form-pagebreak-next:active,
  .jotform-form .form-submit-button-book_blue1.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-book_blue1.submit-button:active,
  .jotform-form .form-submit-button-book_blue1.submit-button:hover {
    background: linear-gradient(0deg, #9aacd6 0, #6f82b5);
    box-shadow: inset 0 1px 0 0 #a5b3d5, 0 1px 1px 0 rgba(0, 0, 0, 0.3); }
  .jotform-form .form-submit-button-book_blue1.form-sacl-button,
  .jotform-form .form-submit-button-book_blue1.form-submit-print {
    border-color: #3d4f8b;
    color: #3d4f8b; }
  .jotform-form .form-submit-button-book_blue1.form-sacl-button:active,
  .jotform-form .form-submit-button-book_blue1.form-sacl-button:hover,
  .jotform-form .form-submit-button-book_blue1.form-submit-print:active,
  .jotform-form .form-submit-button-book_blue1.form-submit-print:hover {
    color: #fff;
    background: #3d4f8b; }
  .jotform-form .form-submit-button-book_blue2.form-pagebreak-back,
  .jotform-form .form-submit-button-book_blue2.form-pagebreak-next,
  .jotform-form .form-submit-button-book_blue2.submit-button {
    color: #fff;
    text-shadow: 0 -1px 0 #142353;
    border-color: #3d4f8b;
    box-shadow: inset 0 0 0 1px rgba(147, 187, 255, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    background: linear-gradient(0deg, #5277c8 0, #305096); }
  .jotform-form .form-submit-button-book_blue2.form-pagebreak-back:active,
  .jotform-form .form-submit-button-book_blue2.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-book_blue2.form-pagebreak-next:active,
  .jotform-form .form-submit-button-book_blue2.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-book_blue2.submit-button:active,
  .jotform-form .form-submit-button-book_blue2.submit-button:hover {
    background: linear-gradient(0deg, #6f93e1 0, #4668af);
    box-shadow: inset 0 0 0 1px rgba(147, 187, 255, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.3); }
  .jotform-form .form-submit-button-book_blue2.form-sacl-button,
  .jotform-form .form-submit-button-book_blue2.form-submit-print {
    border-color: #305096;
    color: #305096; }
  .jotform-form .form-submit-button-book_blue2.form-sacl-button:active,
  .jotform-form .form-submit-button-book_blue2.form-sacl-button:hover,
  .jotform-form .form-submit-button-book_blue2.form-submit-print:active,
  .jotform-form .form-submit-button-book_blue2.form-submit-print:hover {
    color: #fff;
    background: #305096; }
  .jotform-form .form-submit-button-big_square_blue.form-pagebreak-back,
  .jotform-form .form-submit-button-big_square_blue.form-pagebreak-next,
  .jotform-form .form-submit-button-big_square_blue.submit-button {
    color: #121828;
    text-shadow: 0 1px 0 #89abd7;
    border-color: #1d2031;
    box-shadow: inset 1px 1px 0 0 #a5bddf, 0 2px 3px 0 rgba(0, 0, 0, 0.4);
    background: linear-gradient(0deg, #6891c9 0, #4778bd); }
  .jotform-form .form-submit-button-big_square_blue.form-pagebreak-back:active,
  .jotform-form .form-submit-button-big_square_blue.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-big_square_blue.form-pagebreak-next:active,
  .jotform-form .form-submit-button-big_square_blue.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-big_square_blue.submit-button:active,
  .jotform-form .form-submit-button-big_square_blue.submit-button:hover {
    background: linear-gradient(0deg, #6e96d1 0, #4f80c5); }
  .jotform-form .form-submit-button-big_square_blue.form-sacl-button,
  .jotform-form .form-submit-button-big_square_blue.form-submit-print {
    border-color: #4778bd;
    color: #4778bd; }
  .jotform-form .form-submit-button-big_square_blue.form-sacl-button:active,
  .jotform-form .form-submit-button-big_square_blue.form-sacl-button:hover,
  .jotform-form .form-submit-button-big_square_blue.form-submit-print:active,
  .jotform-form .form-submit-button-big_square_blue.form-submit-print:hover {
    color: #fff;
    background: #4778bd; }
  .jotform-form .form-submit-button-push_red.form-pagebreak-back,
  .jotform-form .form-submit-button-push_red.form-pagebreak-next,
  .jotform-form .form-submit-button-push_red.submit-button {
    color: #fff;
    text-shadow: 0 -1px 0 #770900;
    border: 3px solid #911208;
    box-shadow: inset 0 1px 1px 0 #ff9a50,
 0 0 0 3px #c8381f;
    background: linear-gradient(0deg, #ef4c26 0, #dc4116 50%, #d02e17 51%, #b21109); }
  .jotform-form .form-submit-button-push_red.form-pagebreak-back:active,
  .jotform-form .form-submit-button-push_red.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-push_red.form-pagebreak-next:active,
  .jotform-form .form-submit-button-push_red.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-push_red.submit-button:active,
  .jotform-form .form-submit-button-push_red.submit-button:hover {
    background: linear-gradient(0deg, #ff6642 0, #eb481b 50%, #df371f 51%, #c11f10); }
  .jotform-form .form-submit-button-push_red.form-sacl-button,
  .jotform-form .form-submit-button-push_red.form-submit-print {
    border-color: #d02e17;
    color: #d02e17; }
  .jotform-form .form-submit-button-push_red.form-sacl-button:active,
  .jotform-form .form-submit-button-push_red.form-sacl-button:hover,
  .jotform-form .form-submit-button-push_red.form-submit-print:active,
  .jotform-form .form-submit-button-push_red.form-submit-print:hover {
    color: #fff;
    background: #d02e17; }
  .jotform-form .form-submit-button-big_white.form-pagebreak-back,
  .jotform-form .form-submit-button-big_white.form-pagebreak-next,
  .jotform-form .form-submit-button-big_white.submit-button {
    color: #999;
    text-shadow: 0 1px 0 #fff;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px #d9d9d9, 0 3px 7px 0 rgba(0, 0, 0, 0.4);
    background: linear-gradient(0deg, #e9e9e9 0, #fbfbfb); }
  .jotform-form .form-submit-button-big_white.form-pagebreak-back:active,
  .jotform-form .form-submit-button-big_white.form-pagebreak-back:hover,
  .jotform-form .form-submit-button-big_white.form-pagebreak-next:active,
  .jotform-form .form-submit-button-big_white.form-pagebreak-next:hover,
  .jotform-form .form-submit-button-big_white.submit-button:active,
  .jotform-form .form-submit-button-big_white.submit-button:hover {
    background: linear-gradient(0deg, #f2f2f2 0, #fff); }
  .jotform-form .form-submit-button-big_white.form-sacl-button,
  .jotform-form .form-submit-button-big_white.form-submit-print {
    border-color: #999;
    color: #999; }
  .jotform-form .form-submit-button-big_white.form-sacl-button:active,
  .jotform-form .form-submit-button-big_white.form-sacl-button:hover,
  .jotform-form .form-submit-button-big_white.form-submit-print:active,
  .jotform-form .form-submit-button-big_white.form-submit-print:hover {
    color: #fff;
    background: #999; }
  .jotform-form .form-submit-button-blue-400.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-400.submit-button {
    color: #fff;
    border-color: #09f;
    background-color: #09f; }
  .jotform-form .form-submit-button-blue-400.submit-button:active,
  .jotform-form .form-submit-button-blue-400.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-400.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-400.submit-button:hover {
    border-color: rgba(0, 153, 255, 0.8);
    background-color: rgba(0, 153, 255, 0.8); }
  .jotform-form .form-submit-button-blue-400.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-400.form-pagebreak-next {
    color: #fff;
    border-color: #0066c3;
    background-color: #0066c3; }
  .jotform-form .form-submit-button-blue-400.form-pagebreak-next:active,
  .jotform-form .form-submit-button-blue-400.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-400.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-400.form-pagebreak-next:hover {
    border-color: rgba(0, 102, 195, 0.8);
    background-color: rgba(0, 102, 195, 0.8); }
  .jotform-form .form-submit-button-blue-400.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-400.form-pagebreak-back {
    color: #fff;
    border-color: rgba(0, 153, 255, 0.8);
    background-color: rgba(0, 153, 255, 0.8); }
  .jotform-form .form-submit-button-blue-400.form-pagebreak-back:active,
  .jotform-form .form-submit-button-blue-400.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-400.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-400.form-pagebreak-back:hover {
    border-color: #09f;
    background-color: #09f; }
  .jotform-form .form-submit-button-blue-400.form-sacl-button,
  .jotform-form .form-submit-button-blue-400.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-400.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-400.form-submit-print {
    border-color: #09f;
    color: #09f;
    background-color: #fff; }
  .jotform-form .form-submit-button-blue-400.form-sacl-button:active,
  .jotform-form .form-submit-button-blue-400.form-sacl-button:hover,
  .jotform-form .form-submit-button-blue-400.form-submit-print:active,
  .jotform-form .form-submit-button-blue-400.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-400.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-400.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-400.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-400.form-submit-print:hover {
    color: #fff;
    background-color: #09f; }
  .jotform-form .form-submit-button-yellow-300.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-yellow-300.submit-button {
    color: #fff;
    border-color: #ffc42c;
    background-color: #ffc42c; }
  .jotform-form .form-submit-button-yellow-300.submit-button:active,
  .jotform-form .form-submit-button-yellow-300.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-yellow-300.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-yellow-300.submit-button:hover {
    border-color: rgba(255, 196, 44, 0.8);
    background-color: rgba(255, 196, 44, 0.8); }
  .jotform-form .form-submit-button-yellow-300.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-yellow-300.form-pagebreak-next {
    color: #fff;
    border-color: #f49200;
    background-color: #f49200; }
  .jotform-form .form-submit-button-yellow-300.form-pagebreak-next:active,
  .jotform-form .form-submit-button-yellow-300.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-yellow-300.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-yellow-300.form-pagebreak-next:hover {
    border-color: rgba(244, 146, 0, 0.8);
    background-color: rgba(244, 146, 0, 0.8); }
  .jotform-form .form-submit-button-yellow-300.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-yellow-300.form-pagebreak-back {
    color: #fff;
    border-color: rgba(255, 196, 44, 0.8);
    background-color: rgba(255, 196, 44, 0.8); }
  .jotform-form .form-submit-button-yellow-300.form-pagebreak-back:active,
  .jotform-form .form-submit-button-yellow-300.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-yellow-300.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-yellow-300.form-pagebreak-back:hover {
    border-color: #ffc42c;
    background-color: #ffc42c; }
  .jotform-form .form-submit-button-yellow-300.form-sacl-button,
  .jotform-form .form-submit-button-yellow-300.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-yellow-300.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-yellow-300.form-submit-print {
    border-color: #ffc42c;
    color: #ffc42c;
    background-color: #fff; }
  .jotform-form .form-submit-button-yellow-300.form-sacl-button:active,
  .jotform-form .form-submit-button-yellow-300.form-sacl-button:hover,
  .jotform-form .form-submit-button-yellow-300.form-submit-print:active,
  .jotform-form .form-submit-button-yellow-300.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-yellow-300.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-yellow-300.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-yellow-300.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-yellow-300.form-submit-print:hover {
    color: #fff;
    background-color: #ffc42c; }
  .jotform-form .form-submit-button-orange-500.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-orange-500.submit-button {
    color: #fff;
    border-color: #ff6100;
    background-color: #ff6100; }
  .jotform-form .form-submit-button-orange-500.submit-button:active,
  .jotform-form .form-submit-button-orange-500.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-orange-500.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-orange-500.submit-button:hover {
    border-color: rgba(255, 97, 0, 0.8);
    background-color: rgba(255, 97, 0, 0.8); }
  .jotform-form .form-submit-button-orange-500.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-orange-500.form-pagebreak-next {
    color: #fff;
    border-color: #e55300;
    background-color: #e55300; }
  .jotform-form .form-submit-button-orange-500.form-pagebreak-next:active,
  .jotform-form .form-submit-button-orange-500.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-orange-500.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-orange-500.form-pagebreak-next:hover {
    border-color: rgba(229, 83, 0, 0.8);
    background-color: rgba(229, 83, 0, 0.8); }
  .jotform-form .form-submit-button-orange-500.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-orange-500.form-pagebreak-back {
    color: #fff;
    border-color: rgba(255, 97, 0, 0.8);
    background-color: rgba(255, 97, 0, 0.8); }
  .jotform-form .form-submit-button-orange-500.form-pagebreak-back:active,
  .jotform-form .form-submit-button-orange-500.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-orange-500.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-orange-500.form-pagebreak-back:hover {
    border-color: #e55300;
    background-color: #e55300; }
  .jotform-form .form-submit-button-orange-500.form-sacl-button,
  .jotform-form .form-submit-button-orange-500.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-orange-500.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-orange-500.form-submit-print {
    border-color: #ff6100;
    color: #ff6100;
    background-color: #fff; }
  .jotform-form .form-submit-button-orange-500.form-sacl-button:active,
  .jotform-form .form-submit-button-orange-500.form-sacl-button:hover,
  .jotform-form .form-submit-button-orange-500.form-submit-print:active,
  .jotform-form .form-submit-button-orange-500.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-orange-500.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-orange-500.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-orange-500.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-orange-500.form-submit-print:hover {
    color: #fff;
    background-color: #ff6100; }
  .jotform-form .form-submit-button-red-500.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-500.submit-button {
    color: #fff;
    border-color: #c90909;
    background-color: #c90909; }
  .jotform-form .form-submit-button-red-500.submit-button:active,
  .jotform-form .form-submit-button-red-500.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-500.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-500.submit-button:hover {
    border-color: rgba(201, 9, 9, 0.8);
    background-color: rgba(201, 9, 9, 0.8); }
  .jotform-form .form-submit-button-red-500.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-500.form-pagebreak-next {
    color: #fff;
    border-color: #ab0101;
    background-color: #ab0101; }
  .jotform-form .form-submit-button-red-500.form-pagebreak-next:active,
  .jotform-form .form-submit-button-red-500.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-500.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-500.form-pagebreak-next:hover {
    border-color: rgba(171, 1, 1, 0.8);
    background-color: rgba(171, 1, 1, 0.8); }
  .jotform-form .form-submit-button-red-500.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-500.form-pagebreak-back {
    color: #fff;
    border-color: rgba(201, 9, 9, 0.8);
    background-color: rgba(201, 9, 9, 0.8); }
  .jotform-form .form-submit-button-red-500.form-pagebreak-back:active,
  .jotform-form .form-submit-button-red-500.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-500.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-500.form-pagebreak-back:hover {
    border-color: #c90909;
    background-color: #c90909; }
  .jotform-form .form-submit-button-red-500.form-sacl-button,
  .jotform-form .form-submit-button-red-500.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-500.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-500.form-submit-print {
    border-color: #c90909;
    color: #c90909;
    background-color: #fff; }
  .jotform-form .form-submit-button-red-500.form-sacl-button:active,
  .jotform-form .form-submit-button-red-500.form-sacl-button:hover,
  .jotform-form .form-submit-button-red-500.form-submit-print:active,
  .jotform-form .form-submit-button-red-500.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-500.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-500.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-500.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-500.form-submit-print:hover {
    color: #fff;
    background-color: #c90909; }
  .jotform-form .form-submit-button-reports-400.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-reports-400.submit-button {
    color: #fff;
    border-color: #5369ab;
    background-color: #5369ab; }
  .jotform-form .form-submit-button-reports-400.submit-button:active,
  .jotform-form .form-submit-button-reports-400.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-reports-400.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-reports-400.submit-button:hover {
    border-color: rgba(83, 105, 171, 0.8);
    background-color: rgba(83, 105, 171, 0.8); }
  .jotform-form .form-submit-button-reports-400.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-reports-400.form-pagebreak-next {
    color: #fff;
    border-color: #344067;
    background-color: #344067; }
  .jotform-form .form-submit-button-reports-400.form-pagebreak-next:active,
  .jotform-form .form-submit-button-reports-400.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-reports-400.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-reports-400.form-pagebreak-next:hover {
    border-color: rgba(52, 64, 103, 0.8);
    background-color: rgba(52, 64, 103, 0.8); }
  .jotform-form .form-submit-button-reports-400.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-reports-400.form-pagebreak-back {
    color: #fff;
    border-color: rgba(83, 105, 171, 0.8);
    background-color: rgba(83, 105, 171, 0.8); }
  .jotform-form .form-submit-button-reports-400.form-pagebreak-back:active,
  .jotform-form .form-submit-button-reports-400.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-reports-400.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-reports-400.form-pagebreak-back:hover {
    border-color: #5369ab;
    background-color: #5369ab; }
  .jotform-form .form-submit-button-reports-400.form-sacl-button,
  .jotform-form .form-submit-button-reports-400.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-reports-400.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-reports-400.form-submit-print {
    background-color: #fff;
    border-color: #5369ab;
    color: #5369ab; }
  .jotform-form .form-submit-button-reports-400.form-sacl-button:active,
  .jotform-form .form-submit-button-reports-400.form-sacl-button:hover,
  .jotform-form .form-submit-button-reports-400.form-submit-print:active,
  .jotform-form .form-submit-button-reports-400.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-reports-400.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-reports-400.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-reports-400.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-reports-400.form-submit-print:hover {
    color: #fff;
    background-color: #5369ab; }
  .jotform-form .form-submit-button-approvals-400.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-approvals-400.submit-button {
    color: #fff;
    border-color: #007862;
    background-color: #007862; }
  .jotform-form .form-submit-button-approvals-400.submit-button:active,
  .jotform-form .form-submit-button-approvals-400.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-approvals-400.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-approvals-400.submit-button:hover {
    border-color: rgba(0, 120, 98, 0.8);
    background-color: rgba(0, 120, 98, 0.8); }
  .jotform-form .form-submit-button-approvals-400.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-approvals-400.form-pagebreak-next {
    color: #fff;
    border-color: #006653;
    background-color: #006653; }
  .jotform-form .form-submit-button-approvals-400.form-pagebreak-next:active,
  .jotform-form .form-submit-button-approvals-400.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-approvals-400.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-approvals-400.form-pagebreak-next:hover {
    border-color: rgba(0, 102, 83, 0.8);
    background-color: rgba(0, 102, 83, 0.8); }
  .jotform-form .form-submit-button-approvals-400.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-approvals-400.form-pagebreak-back {
    color: #fff;
    border-color: rgba(0, 120, 98, 0.8);
    background-color: rgba(0, 120, 98, 0.8); }
  .jotform-form .form-submit-button-approvals-400.form-pagebreak-back:active,
  .jotform-form .form-submit-button-approvals-400.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-approvals-400.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-approvals-400.form-pagebreak-back:hover {
    border-color: #007862;
    background-color: #007862; }
  .jotform-form .form-submit-button-approvals-400.form-sacl-button,
  .jotform-form .form-submit-button-approvals-400.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-approvals-400.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-approvals-400.form-submit-print {
    background-color: #fff;
    border-color: #007862;
    color: #007862; }
  .jotform-form .form-submit-button-approvals-400.form-sacl-button:active,
  .jotform-form .form-submit-button-approvals-400.form-sacl-button:hover,
  .jotform-form .form-submit-button-approvals-400.form-submit-print:active,
  .jotform-form .form-submit-button-approvals-400.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-approvals-400.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-approvals-400.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-approvals-400.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-approvals-400.form-submit-print:hover {
    color: #fff;
    background-color: #007862; }
  .jotform-form .form-submit-button-inbox-400.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-inbox-400.submit-button {
    color: #fff;
    border-color: #249bb4;
    background-color: #249bb4; }
  .jotform-form .form-submit-button-inbox-400.submit-button:active,
  .jotform-form .form-submit-button-inbox-400.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-inbox-400.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-inbox-400.submit-button:hover {
    border-color: rgba(36, 155, 180, 0.8);
    background-color: rgba(36, 155, 180, 0.8); }
  .jotform-form .form-submit-button-inbox-400.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-inbox-400.form-pagebreak-next {
    color: #fff;
    border-color: #1989a0;
    background-color: #1989a0; }
  .jotform-form .form-submit-button-inbox-400.form-pagebreak-next:active,
  .jotform-form .form-submit-button-inbox-400.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-inbox-400.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-inbox-400.form-pagebreak-next:hover {
    border-color: rgba(25, 137, 160, 0.8);
    background-color: rgba(25, 137, 160, 0.8); }
  .jotform-form .form-submit-button-inbox-400.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-inbox-400.form-pagebreak-back {
    color: #fff;
    border-color: rgba(36, 155, 180, 0.8);
    background-color: rgba(36, 155, 180, 0.8); }
  .jotform-form .form-submit-button-inbox-400.form-pagebreak-back:active,
  .jotform-form .form-submit-button-inbox-400.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-inbox-400.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-inbox-400.form-pagebreak-back:hover {
    border-color: #249bb4;
    background-color: #249bb4; }
  .jotform-form .form-submit-button-inbox-400.form-sacl-button,
  .jotform-form .form-submit-button-inbox-400.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-inbox-400.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-inbox-400.form-submit-print {
    background-color: #fff;
    border-color: #249bb4;
    color: #249bb4; }
  .jotform-form .form-submit-button-inbox-400.form-sacl-button:active,
  .jotform-form .form-submit-button-inbox-400.form-sacl-button:hover,
  .jotform-form .form-submit-button-inbox-400.form-submit-print:active,
  .jotform-form .form-submit-button-inbox-400.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-inbox-400.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-inbox-400.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-inbox-400.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-inbox-400.form-submit-print:hover {
    color: #fff;
    background-color: #249bb4; }
  .jotform-form .form-submit-button-tables-600.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-tables-600.submit-button {
    color: #fff;
    border-color: #007b2a;
    background-color: #007b2a; }
  .jotform-form .form-submit-button-tables-600.submit-button:active,
  .jotform-form .form-submit-button-tables-600.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-tables-600.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-tables-600.submit-button:hover {
    border-color: rgba(0, 123, 42, 0.8);
    background-color: rgba(0, 123, 42, 0.8); }
  .jotform-form .form-submit-button-tables-600.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-tables-600.form-pagebreak-next {
    color: #fff;
    border-color: #049e38;
    background-color: #049e38; }
  .jotform-form .form-submit-button-tables-600.form-pagebreak-next:active,
  .jotform-form .form-submit-button-tables-600.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-tables-600.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-tables-600.form-pagebreak-next:hover {
    border-color: rgba(4, 158, 56, 0.8);
    background-color: rgba(4, 158, 56, 0.8); }
  .jotform-form .form-submit-button-tables-600.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-tables-600.form-pagebreak-back {
    color: #fff;
    border-color: rgba(0, 123, 42, 0.8);
    background-color: rgba(0, 123, 42, 0.8); }
  .jotform-form .form-submit-button-tables-600.form-pagebreak-back:active,
  .jotform-form .form-submit-button-tables-600.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-tables-600.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-tables-600.form-pagebreak-back:hover {
    border-color: #007b2a;
    background-color: #007b2a; }
  .jotform-form .form-submit-button-tables-600.form-sacl-button,
  .jotform-form .form-submit-button-tables-600.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-tables-600.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-tables-600.form-submit-print {
    background-color: #fff;
    border-color: #007b2a;
    color: #007b2a; }
  .jotform-form .form-submit-button-tables-600.form-sacl-button:active,
  .jotform-form .form-submit-button-tables-600.form-sacl-button:hover,
  .jotform-form .form-submit-button-tables-600.form-submit-print:active,
  .jotform-form .form-submit-button-tables-600.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-tables-600.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-tables-600.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-tables-600.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-tables-600.form-submit-print:hover {
    color: #fff;
    background-color: #007b2a; }
  .jotform-form .form-submit-button-purple-400.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-purple-400.submit-button {
    color: #fff;
    border-color: #9c4dd3;
    background-color: #9c4dd3; }
  .jotform-form .form-submit-button-purple-400.submit-button:active,
  .jotform-form .form-submit-button-purple-400.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-purple-400.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-purple-400.submit-button:hover {
    border-color: rgba(156, 77, 211, 0.8);
    background-color: rgba(156, 77, 211, 0.8); }
  .jotform-form .form-submit-button-purple-400.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-purple-400.form-pagebreak-next {
    color: #fff;
    border-color: #892dca;
    background-color: #892dca; }
  .jotform-form .form-submit-button-purple-400.form-pagebreak-next:active,
  .jotform-form .form-submit-button-purple-400.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-purple-400.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-purple-400.form-pagebreak-next:hover {
    border-color: rgba(137, 45, 202, 0.8);
    background-color: rgba(137, 45, 202, 0.8); }
  .jotform-form .form-submit-button-purple-400.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-purple-400.form-pagebreak-back {
    color: #fff;
    border-color: rgba(156, 77, 211, 0.8);
    background-color: rgba(156, 77, 211, 0.8); }
  .jotform-form .form-submit-button-purple-400.form-pagebreak-back:active,
  .jotform-form .form-submit-button-purple-400.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-purple-400.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-purple-400.form-pagebreak-back:hover {
    border-color: #9c4dd3;
    background-color: #9c4dd3; }
  .jotform-form .form-submit-button-purple-400.form-sacl-button,
  .jotform-form .form-submit-button-purple-400.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-purple-400.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-purple-400.form-submit-print {
    background-color: #fff;
    border-color: #9c4dd3;
    color: #9c4dd3; }
  .jotform-form .form-submit-button-purple-400.form-sacl-button:active,
  .jotform-form .form-submit-button-purple-400.form-sacl-button:hover,
  .jotform-form .form-submit-button-purple-400.form-submit-print:active,
  .jotform-form .form-submit-button-purple-400.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-purple-400.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-purple-400.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-purple-400.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-purple-400.form-submit-print:hover {
    color: #fff;
    background-color: #9c4dd3; }
  .jotform-form .form-submit-button-navy-700.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-navy-700.submit-button {
    color: #fff;
    border-color: #0a1551;
    background-color: #0a1551; }
  .jotform-form .form-submit-button-navy-700.submit-button:active,
  .jotform-form .form-submit-button-navy-700.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-navy-700.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-navy-700.submit-button:hover {
    border-color: rgba(10, 21, 81, 0.8);
    background-color: rgba(10, 21, 81, 0.8); }
  .jotform-form .form-submit-button-navy-700.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-navy-700.form-pagebreak-next {
    color: #fff;
    border-color: #2639aa;
    background-color: #2639aa; }
  .jotform-form .form-submit-button-navy-700.form-pagebreak-next:active,
  .jotform-form .form-submit-button-navy-700.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-navy-700.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-navy-700.form-pagebreak-next:hover {
    border-color: rgba(38, 57, 170, 0.8);
    background-color: rgba(38, 57, 170, 0.8); }
  .jotform-form .form-submit-button-navy-700.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-navy-700.form-pagebreak-back {
    color: #fff;
    border-color: rgba(10, 21, 81, 0.8);
    background-color: rgba(10, 21, 81, 0.8); }
  .jotform-form .form-submit-button-navy-700.form-pagebreak-back:active,
  .jotform-form .form-submit-button-navy-700.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-navy-700.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-navy-700.form-pagebreak-back:hover {
    border-color: #0a1551;
    background-color: #0a1551; }
  .jotform-form .form-submit-button-navy-700.form-sacl-button,
  .jotform-form .form-submit-button-navy-700.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-navy-700.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-navy-700.form-submit-print {
    background-color: #fff;
    border-color: #0a1551;
    color: #0a1551; }
  .jotform-form .form-submit-button-navy-700.form-sacl-button:active,
  .jotform-form .form-submit-button-navy-700.form-sacl-button:hover,
  .jotform-form .form-submit-button-navy-700.form-submit-print:active,
  .jotform-form .form-submit-button-navy-700.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-navy-700.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-navy-700.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-navy-700.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-navy-700.form-submit-print:hover {
    color: #fff;
    background-color: #0a1551; }
  .jotform-form .form-submit-button-green-400.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-green-400.submit-button {
    color: #fff;
    border-color: #7fca00;
    background-color: #7fca00; }
  .jotform-form .form-submit-button-green-400.submit-button:active,
  .jotform-form .form-submit-button-green-400.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-green-400.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-green-400.submit-button:hover {
    border-color: rgba(127, 202, 0, 0.8);
    background-color: rgba(127, 202, 0, 0.8); }
  .jotform-form .form-submit-button-green-400.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-green-400.form-pagebreak-next {
    color: #fff;
    border-color: #529300;
    background-color: #529300; }
  .jotform-form .form-submit-button-green-400.form-pagebreak-next:active,
  .jotform-form .form-submit-button-green-400.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-green-400.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-green-400.form-pagebreak-next:hover {
    border-color: rgba(82, 147, 0, 0.8);
    background-color: rgba(82, 147, 0, 0.8); }
  .jotform-form .form-submit-button-green-400.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-green-400.form-pagebreak-back {
    color: #fff;
    border-color: rgba(127, 202, 0, 0.8);
    background-color: rgba(127, 202, 0, 0.8); }
  .jotform-form .form-submit-button-green-400.form-pagebreak-back:active,
  .jotform-form .form-submit-button-green-400.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-green-400.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-green-400.form-pagebreak-back:hover {
    border-color: #7fca00;
    background-color: #7fca00; }
  .jotform-form .form-submit-button-green-400.form-sacl-button,
  .jotform-form .form-submit-button-green-400.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-green-400.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-green-400.form-submit-print {
    background-color: #fff;
    border-color: #7fca00;
    color: #7fca00; }
  .jotform-form .form-submit-button-green-400.form-sacl-button:active,
  .jotform-form .form-submit-button-green-400.form-sacl-button:hover,
  .jotform-form .form-submit-button-green-400.form-submit-print:active,
  .jotform-form .form-submit-button-green-400.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-green-400.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-green-400.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-green-400.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-green-400.form-submit-print:hover {
    color: #fff;
    background-color: #7fca00; }
  .jotform-form .form-submit-button-pdf-200.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-200.submit-button {
    color: #fff;
    border-color: #628eff;
    background-color: #628eff; }
  .jotform-form .form-submit-button-pdf-200.submit-button:active,
  .jotform-form .form-submit-button-pdf-200.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-200.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-200.submit-button:hover {
    border-color: rgba(98, 142, 255, 0.8);
    background-color: rgba(98, 142, 255, 0.8); }
  .jotform-form .form-submit-button-pdf-200.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-200.form-pagebreak-next {
    color: #fff;
    border-color: #2f4ead;
    background-color: #2f4ead; }
  .jotform-form .form-submit-button-pdf-200.form-pagebreak-next:active,
  .jotform-form .form-submit-button-pdf-200.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-200.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-200.form-pagebreak-next:hover {
    border-color: rgba(47, 78, 173, 0.8);
    background-color: rgba(47, 78, 173, 0.8); }
  .jotform-form .form-submit-button-pdf-200.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-200.form-pagebreak-back {
    color: #fff;
    border-color: rgba(98, 142, 255, 0.8);
    background-color: rgba(98, 142, 255, 0.8); }
  .jotform-form .form-submit-button-pdf-200.form-pagebreak-back:active,
  .jotform-form .form-submit-button-pdf-200.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-200.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-200.form-pagebreak-back:hover {
    border-color: #628eff;
    background-color: #628eff; }
  .jotform-form .form-submit-button-pdf-200.form-sacl-button,
  .jotform-form .form-submit-button-pdf-200.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-200.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-200.form-submit-print {
    background-color: #fff;
    border-color: #628eff;
    color: #628eff; }
  .jotform-form .form-submit-button-pdf-200.form-sacl-button:active,
  .jotform-form .form-submit-button-pdf-200.form-sacl-button:hover,
  .jotform-form .form-submit-button-pdf-200.form-submit-print:active,
  .jotform-form .form-submit-button-pdf-200.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-200.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-200.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-200.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-200.form-submit-print:hover {
    color: #fff;
    background: #628eff; }
  .jotform-form .form-submit-button-pdf-400.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-400.submit-button {
    color: #fff;
    border-color: #3e62c8;
    background-color: #3e62c8; }
  .jotform-form .form-submit-button-pdf-400.submit-button:active,
  .jotform-form .form-submit-button-pdf-400.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-400.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-400.submit-button:hover {
    border-color: rgba(62, 98, 200, 0.8);
    background-color: rgba(62, 98, 200, 0.8); }
  .jotform-form .form-submit-button-pdf-400.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-400.form-pagebreak-next {
    color: #fff;
    border-color: #2639aa;
    background-color: #2639aa; }
  .jotform-form .form-submit-button-pdf-400.form-pagebreak-next:active,
  .jotform-form .form-submit-button-pdf-400.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-400.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-400.form-pagebreak-next:hover {
    border-color: rgba(38, 57, 170, 0.8);
    background-color: rgba(38, 57, 170, 0.8); }
  .jotform-form .form-submit-button-pdf-400.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-400.form-pagebreak-back {
    color: #fff;
    border-color: rgba(62, 98, 200, 0.8);
    background-color: rgba(62, 98, 200, 0.8); }
  .jotform-form .form-submit-button-pdf-400.form-pagebreak-back:active,
  .jotform-form .form-submit-button-pdf-400.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-400.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-400.form-pagebreak-back:hover {
    border-color: #3e62c8;
    background-color: #3e62c8; }
  .jotform-form .form-submit-button-pdf-400.form-sacl-button,
  .jotform-form .form-submit-button-pdf-400.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-400.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-400.form-submit-print {
    background-color: #fff;
    border-color: #3e62c8;
    color: #3e62c8; }
  .jotform-form .form-submit-button-pdf-400.form-sacl-button:active,
  .jotform-form .form-submit-button-pdf-400.form-sacl-button:hover,
  .jotform-form .form-submit-button-pdf-400.form-submit-print:active,
  .jotform-form .form-submit-button-pdf-400.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-400.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-400.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-400.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-pdf-400.form-submit-print:hover {
    color: #fff;
    background: #3e62c8; }
  .jotform-form .form-submit-button-red-300.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-300.submit-button {
    color: #fff;
    border-color: #f87171;
    background-color: #f87171; }
  .jotform-form .form-submit-button-red-300.submit-button:active,
  .jotform-form .form-submit-button-red-300.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-300.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-300.submit-button:hover {
    border-color: rgba(248, 113, 113, 0.8);
    background-color: rgba(248, 113, 113, 0.8); }
  .jotform-form .form-submit-button-red-300.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-300.form-pagebreak-next {
    color: #fff;
    border-color: #e64444;
    background-color: #e64444; }
  .jotform-form .form-submit-button-red-300.form-pagebreak-next:active,
  .jotform-form .form-submit-button-red-300.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-300.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-300.form-pagebreak-next:hover {
    border-color: rgba(230, 68, 68, 0.8);
    background-color: rgba(230, 68, 68, 0.8); }
  .jotform-form .form-submit-button-red-300.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-300.form-pagebreak-back {
    color: #fff;
    border-color: rgba(248, 113, 113, 0.8);
    background-color: rgba(248, 113, 113, 0.8); }
  .jotform-form .form-submit-button-red-300.form-pagebreak-back:active,
  .jotform-form .form-submit-button-red-300.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-300.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-300.form-pagebreak-back:hover {
    border-color: #f87171;
    background-color: #f87171; }
  .jotform-form .form-submit-button-red-300.form-sacl-button,
  .jotform-form .form-submit-button-red-300.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-300.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-300.form-submit-print {
    background-color: #fff;
    border-color: #f87171;
    color: #f87171; }
  .jotform-form .form-submit-button-red-300.form-sacl-button:active,
  .jotform-form .form-submit-button-red-300.form-sacl-button:hover,
  .jotform-form .form-submit-button-red-300.form-submit-print:active,
  .jotform-form .form-submit-button-red-300.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-300.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-300.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-300.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-red-300.form-submit-print:hover {
    color: #fff;
    background: #f87171; }
  .jotform-form .form-submit-button-blue-300.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-300.submit-button {
    color: #fff;
    border-color: #4bb7ff;
    background-color: #4bb7ff; }
  .jotform-form .form-submit-button-blue-300.submit-button:active,
  .jotform-form .form-submit-button-blue-300.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-300.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-300.submit-button:hover {
    border-color: rgba(75, 183, 255, 0.8);
    background-color: rgba(75, 183, 255, 0.8); }
  .jotform-form .form-submit-button-blue-300.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-300.form-pagebreak-next {
    color: #fff;
    border-color: #09f;
    background-color: #09f; }
  .jotform-form .form-submit-button-blue-300.form-pagebreak-next:active,
  .jotform-form .form-submit-button-blue-300.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-300.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-300.form-pagebreak-next:hover {
    border-color: rgba(0, 153, 255, 0.8);
    background-color: rgba(0, 153, 255, 0.8); }
  .jotform-form .form-submit-button-blue-300.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-300.form-pagebreak-back {
    color: #fff;
    border-color: rgba(75, 183, 255, 0.8);
    background-color: rgba(75, 183, 255, 0.8); }
  .jotform-form .form-submit-button-blue-300.form-pagebreak-back:active,
  .jotform-form .form-submit-button-blue-300.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-300.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-300.form-pagebreak-back:hover {
    border-color: #4bb7ff;
    background-color: #4bb7ff; }
  .jotform-form .form-submit-button-blue-300.form-sacl-button,
  .jotform-form .form-submit-button-blue-300.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-300.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-300.form-submit-print {
    border-color: #4bb7ff;
    color: #4bb7ff;
    background-color: #fff; }
  .jotform-form .form-submit-button-blue-300.form-sacl-button:active,
  .jotform-form .form-submit-button-blue-300.form-sacl-button:hover,
  .jotform-form .form-submit-button-blue-300.form-submit-print:active,
  .jotform-form .form-submit-button-blue-300.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-300.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-300.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-300.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-blue-300.form-submit-print:hover {
    color: #fff;
    background-color: #4bb7ff; }
  .jotform-form .form-submit-button-gray-900.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-900.submit-button {
    color: #fff;
    border-color: #0a0b0d;
    background-color: #0a0b0d; }
  .jotform-form .form-submit-button-gray-900.submit-button:active,
  .jotform-form .form-submit-button-gray-900.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-900.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-900.submit-button:hover {
    border-color: rgba(10, 11, 13, 0.8);
    background-color: rgba(10, 11, 13, 0.8); }
  .jotform-form .form-submit-button-gray-900.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-900.form-pagebreak-next {
    color: #fff;
    border-color: #3e4652;
    background-color: #3e4652; }
  .jotform-form .form-submit-button-gray-900.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gray-900.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-900.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-900.form-pagebreak-next:hover {
    border-color: rgba(62, 70, 82, 0.8);
    background-color: rgba(62, 70, 82, 0.8); }
  .jotform-form .form-submit-button-gray-900.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-900.form-pagebreak-back {
    color: #fff;
    border-color: rgba(10, 11, 13, 0.8);
    background-color: rgba(10, 11, 13, 0.8); }
  .jotform-form .form-submit-button-gray-900.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gray-900.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-900.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-900.form-pagebreak-back:hover {
    border-color: #0a0b0d;
    background-color: #0a0b0d; }
  .jotform-form .form-submit-button-gray-900.form-sacl-button,
  .jotform-form .form-submit-button-gray-900.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-900.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-900.form-submit-print {
    background-color: #fff;
    border-color: #0a0b0d;
    color: #0a0b0d; }
  .jotform-form .form-submit-button-gray-900.form-sacl-button:active,
  .jotform-form .form-submit-button-gray-900.form-sacl-button:hover,
  .jotform-form .form-submit-button-gray-900.form-submit-print:active,
  .jotform-form .form-submit-button-gray-900.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-900.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-900.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-900.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-900.form-submit-print:hover {
    color: #fff;
    background: #0a0b0d; }
  .jotform-form .form-submit-button-gray-500.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-500.submit-button {
    color: #fff;
    border-color: #4a5361;
    background-color: #4a5361; }
  .jotform-form .form-submit-button-gray-500.submit-button:active,
  .jotform-form .form-submit-button-gray-500.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-500.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-500.submit-button:hover {
    border-color: rgba(74, 83, 97, 0.8);
    background-color: rgba(74, 83, 97, 0.8); }
  .jotform-form .form-submit-button-gray-500.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-500.form-pagebreak-next {
    color: #fff;
    border-color: #6b7584;
    background-color: #6b7584; }
  .jotform-form .form-submit-button-gray-500.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gray-500.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-500.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-500.form-pagebreak-next:hover {
    border-color: rgba(107, 117, 132, 0.8);
    background-color: rgba(107, 117, 132, 0.8); }
  .jotform-form .form-submit-button-gray-500.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-500.form-pagebreak-back {
    color: #fff;
    border-color: rgba(74, 83, 97, 0.8);
    background-color: rgba(74, 83, 97, 0.8); }
  .jotform-form .form-submit-button-gray-500.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gray-500.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-500.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-500.form-pagebreak-back:hover {
    border-color: #4a5361;
    background-color: #4a5361; }
  .jotform-form .form-submit-button-gray-500.form-sacl-button,
  .jotform-form .form-submit-button-gray-500.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-500.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-500.form-submit-print {
    background-color: #fff;
    border-color: #4a5361;
    color: #4a5361; }
  .jotform-form .form-submit-button-gray-500.form-sacl-button:active,
  .jotform-form .form-submit-button-gray-500.form-sacl-button:hover,
  .jotform-form .form-submit-button-gray-500.form-submit-print:active,
  .jotform-form .form-submit-button-gray-500.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-500.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-500.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-500.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gray-500.form-submit-print:hover {
    color: #fff;
    background: #4a5361; }
  .jotform-form .form-submit-button-white-400.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-white-400.submit-button {
    color: #000;
    border-color: #fff;
    background-color: #fff; }
  .jotform-form .form-submit-button-white-400.submit-button:active,
  .jotform-form .form-submit-button-white-400.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-white-400.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-white-400.submit-button:hover {
    border-color: rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 0.8); }
  .jotform-form .form-submit-button-white-400.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-white-400.form-pagebreak-next {
    color: #000;
    border-color: #fff;
    background-color: #fff; }
  .jotform-form .form-submit-button-white-400.form-pagebreak-next:active,
  .jotform-form .form-submit-button-white-400.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-white-400.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-white-400.form-pagebreak-next:hover {
    border-color: rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 0.8); }
  .jotform-form .form-submit-button-white-400.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-white-400.form-pagebreak-back {
    color: #000;
    border-color: rgba(255, 255, 255, 0.65);
    background-color: rgba(255, 255, 255, 0.65); }
  .jotform-form .form-submit-button-white-400.form-pagebreak-back:active,
  .jotform-form .form-submit-button-white-400.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-white-400.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-white-400.form-pagebreak-back:hover {
    border-color: #fff;
    background-color: #fff; }
  .jotform-form .form-submit-button-white-400.form-sacl-button,
  .jotform-form .form-submit-button-white-400.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-white-400.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-white-400.form-submit-print {
    background-color: transparent;
    border-color: #fff;
    color: #fff; }
  .jotform-form .form-submit-button-white-400.form-sacl-button:active,
  .jotform-form .form-submit-button-white-400.form-sacl-button:hover,
  .jotform-form .form-submit-button-white-400.form-submit-print:active,
  .jotform-form .form-submit-button-white-400.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-white-400.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-white-400.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-white-400.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-white-400.form-submit-print:hover {
    color: #000;
    background: #fff; }
  .jotform-form .form-submit-button-brown-500.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-brown-500.submit-button {
    color: #fff;
    border-color: #733000;
    background-color: #733000; }
  .jotform-form .form-submit-button-brown-500.submit-button:active,
  .jotform-form .form-submit-button-brown-500.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-brown-500.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-brown-500.submit-button:hover {
    border-color: rgba(115, 48, 0, 0.8);
    background-color: rgba(115, 48, 0, 0.8); }
  .jotform-form .form-submit-button-brown-500.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-brown-500.form-pagebreak-next {
    color: #fff;
    border-color: #410301;
    background-color: #410301; }
  .jotform-form .form-submit-button-brown-500.form-pagebreak-next:active,
  .jotform-form .form-submit-button-brown-500.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-brown-500.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-brown-500.form-pagebreak-next:hover {
    border-color: rgba(65, 3, 1, 0.8);
    background-color: rgba(65, 3, 1, 0.8); }
  .jotform-form .form-submit-button-brown-500.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-brown-500.form-pagebreak-back {
    color: #fff;
    border-color: rgba(115, 48, 0, 0.8);
    background-color: rgba(115, 48, 0, 0.8); }
  .jotform-form .form-submit-button-brown-500.form-pagebreak-back:active,
  .jotform-form .form-submit-button-brown-500.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-brown-500.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-brown-500.form-pagebreak-back:hover {
    border-color: #733000;
    background-color: #733000; }
  .jotform-form .form-submit-button-brown-500.form-sacl-button,
  .jotform-form .form-submit-button-brown-500.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-brown-500.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-brown-500.form-submit-print {
    background-color: #fff;
    border-color: #733000;
    color: #733000; }
  .jotform-form .form-submit-button-brown-500.form-sacl-button:active,
  .jotform-form .form-submit-button-brown-500.form-sacl-button:hover,
  .jotform-form .form-submit-button-brown-500.form-submit-print:active,
  .jotform-form .form-submit-button-brown-500.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-brown-500.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-brown-500.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-brown-500.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-brown-500.form-submit-print:hover {
    color: #fff;
    background: #733000; }
  .jotform-form .form-submit-button-gradient-1.form-sacl-button,
  .jotform-form .form-submit-button-gradient-1.form-submit-print,
  .jotform-form .form-submit-button-gradient-2.form-sacl-button,
  .jotform-form .form-submit-button-gradient-2.form-submit-print,
  .jotform-form .form-submit-button-gradient-3.form-sacl-button,
  .jotform-form .form-submit-button-gradient-3.form-submit-print,
  .jotform-form .form-submit-button-gradient-4.form-sacl-button,
  .jotform-form .form-submit-button-gradient-4.form-submit-print,
  .jotform-form .form-submit-button-gradient-5.form-sacl-button,
  .jotform-form .form-submit-button-gradient-5.form-submit-print,
  .jotform-form .form-submit-button-gradient-6.form-sacl-button,
  .jotform-form .form-submit-button-gradient-6.form-submit-print,
  .jotform-form .form-submit-button-gradient-7.form-sacl-button,
  .jotform-form .form-submit-button-gradient-7.form-submit-print,
  .jotform-form .form-submit-button-gradient-8.form-sacl-button,
  .jotform-form .form-submit-button-gradient-8.form-submit-print,
  .jotform-form .form-submit-button-gradient-9.form-sacl-button,
  .jotform-form .form-submit-button-gradient-9.form-submit-print,
  .jotform-form .form-submit-button-gradient-10.form-sacl-button,
  .jotform-form .form-submit-button-gradient-10.form-submit-print,
  .jotform-form .form-submit-button-gradient-11.form-sacl-button,
  .jotform-form .form-submit-button-gradient-11.form-submit-print,
  .jotform-form .form-submit-button-gradient-12.form-sacl-button,
  .jotform-form .form-submit-button-gradient-12.form-submit-print,
  .jotform-form .form-submit-button-gradient-13.form-sacl-button,
  .jotform-form .form-submit-button-gradient-13.form-submit-print,
  .jotform-form .form-submit-button-gradient-14.form-sacl-button,
  .jotform-form .form-submit-button-gradient-14.form-submit-print,
  .jotform-form .form-submit-button-gradient-15.form-sacl-button,
  .jotform-form .form-submit-button-gradient-15.form-submit-print,
  .jotform-form .form-submit-button-gradient-16.form-sacl-button,
  .jotform-form .form-submit-button-gradient-16.form-submit-print,
  .jotform-form .form-submit-button-gradient-17.form-sacl-button,
  .jotform-form .form-submit-button-gradient-17.form-submit-print,
  .jotform-form .form-submit-button-gradient-18.form-sacl-button,
  .jotform-form .form-submit-button-gradient-18.form-submit-print,
  .jotform-form .form-submit-button-gradient-19.form-sacl-button,
  .jotform-form .form-submit-button-gradient-19.form-submit-print,
  .jotform-form .form-submit-button-gradient-20.form-sacl-button,
  .jotform-form .form-submit-button-gradient-20.form-submit-print,
  .jotform-form .form-submit-button-gradient-21.form-sacl-button,
  .jotform-form .form-submit-button-gradient-21.form-submit-print,
  .jotform-form .form-submit-button-gradient-22.form-sacl-button,
  .jotform-form .form-submit-button-gradient-22.form-submit-print,
  .jotform-form .form-submit-button-gradient-23.form-sacl-button,
  .jotform-form .form-submit-button-gradient-23.form-submit-print,
  .jotform-form .form-submit-button-gradient-24.form-sacl-button,
  .jotform-form .form-submit-button-gradient-24.form-submit-print,
  .jotform-form .form-submit-button-gradient-25.form-sacl-button,
  .jotform-form .form-submit-button-gradient-25.form-submit-print,
  .jotform-form .form-submit-button-gradient-26.form-sacl-button,
  .jotform-form .form-submit-button-gradient-26.form-submit-print,
  .jotform-form .form-submit-button-gradient-27.form-sacl-button,
  .jotform-form .form-submit-button-gradient-27.form-submit-print,
  .jotform-form .form-submit-button-gradient-28.form-sacl-button,
  .jotform-form .form-submit-button-gradient-28.form-submit-print,
  .jotform-form .form-submit-button-gradient-29.form-sacl-button,
  .jotform-form .form-submit-button-gradient-29.form-submit-print,
  .jotform-form .form-submit-button-gradient-30.form-sacl-button,
  .jotform-form .form-submit-button-gradient-30.form-submit-print,
  .jotform-form .form-submit-button-gradient-31.form-sacl-button,
  .jotform-form .form-submit-button-gradient-31.form-submit-print,
  .jotform-form .form-submit-button-gradient-32.form-sacl-button,
  .jotform-form .form-submit-button-gradient-32.form-submit-print,
  .jotform-form .form-submit-button-gradient-33.form-sacl-button,
  .jotform-form .form-submit-button-gradient-33.form-submit-print {
    position: relative;
    border: 2px solid transparent;
    background-color: #fff;
    background-clip: padding-box; }
  .jotform-form .form-submit-button-gradient-1.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-1.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-1.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-1.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-1.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-1.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-2.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-2.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-2.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-2.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-2.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-2.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-3.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-3.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-3.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-3.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-3.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-3.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-4.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-4.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-4.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-4.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-4.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-4.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-5.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-5.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-5.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-5.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-5.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-5.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-6.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-6.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-6.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-6.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-6.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-6.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-7.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-7.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-7.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-7.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-7.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-7.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-8.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-8.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-8.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-8.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-8.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-8.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-9.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-9.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-9.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-9.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-9.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-9.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-10.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-10.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-10.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-10.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-10.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-10.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-11.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-11.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-11.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-11.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-11.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-11.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-12.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-12.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-12.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-12.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-12.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-12.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-13.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-13.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-13.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-13.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-13.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-13.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-14.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-14.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-14.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-14.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-14.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-14.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-15.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-15.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-15.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-15.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-15.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-15.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-16.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-16.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-16.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-16.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-16.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-16.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-17.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-17.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-17.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-17.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-17.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-17.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-18.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-18.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-18.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-18.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-18.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-18.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-19.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-19.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-19.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-19.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-19.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-19.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-20.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-20.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-20.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-20.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-20.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-20.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-21.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-21.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-21.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-21.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-21.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-21.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-22.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-22.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-22.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-22.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-22.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-22.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-23.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-23.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-23.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-23.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-23.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-23.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-24.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-24.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-24.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-24.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-24.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-24.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-25.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-25.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-25.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-25.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-25.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-25.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-26.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-26.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-26.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-26.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-26.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-26.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-27.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-27.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-27.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-27.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-27.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-27.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-28.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-28.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-28.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-28.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-28.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-28.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-29.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-29.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-29.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-29.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-29.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-29.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-30.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-30.form-submit-print:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    z-index: -1;
    border-radius: 4px; }
  .jotform-form .form-submit-button-gradient-30.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-30.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-30.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-30.form-submit-print:hover {
    border: none; }
  .jotform-form .form-submit-button-gradient-1.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-1.submit-button {
    color: #fff;
    border-color: #09f;
    background: linear-gradient(90deg, #09f, #00609f); }
  .jotform-form .form-submit-button-gradient-1.submit-button:active,
  .jotform-form .form-submit-button-gradient-1.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-1.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-1.submit-button:hover {
    background: linear-gradient(90deg, #09f, #00609f 50%); }
  .jotform-form .form-submit-button-gradient-1.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-1.form-pagebreak-next {
    color: #fff;
    border-color: #0066c3;
    background-color: #0066c3; }
  .jotform-form .form-submit-button-gradient-1.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-1.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-1.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-1.form-pagebreak-next:hover {
    border-color: rgba(0, 102, 195, 0.8);
    background-color: rgba(0, 102, 195, 0.8); }
  .jotform-form .form-submit-button-gradient-1.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-1.form-pagebreak-back {
    color: #fff;
    border-color: rgba(0, 153, 255, 0.8);
    background-color: rgba(0, 153, 255, 0.8); }
  .jotform-form .form-submit-button-gradient-1.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-1.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-1.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-1.form-pagebreak-back:hover {
    border-color: #09f;
    background-color: #09f; }
  .jotform-form .form-submit-button-gradient-1.form-sacl-button,
  .jotform-form .form-submit-button-gradient-1.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-1.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-1.form-submit-print {
    border-color: transparent;
    color: #09f; }
  .jotform-form .form-submit-button-gradient-1.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-1.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-1.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-1.form-submit-print:after {
    background: linear-gradient(90deg, #09f, #00609f); }
  .jotform-form .form-submit-button-gradient-1.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-1.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-1.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-1.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-1.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-1.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-1.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-1.form-submit-print:hover {
    color: #fff;
    background: linear-gradient(90deg, #09f, #00609f 50%); }
  .jotform-form .form-submit-button-gradient-2.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-2.submit-button {
    color: #fff;
    border-color: #ffc42c;
    background: linear-gradient(90deg, #ffb629, #da9000); }
  .jotform-form .form-submit-button-gradient-2.submit-button:active,
  .jotform-form .form-submit-button-gradient-2.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-2.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-2.submit-button:hover {
    background: linear-gradient(90deg, #ffb629, #da9000 50%); }
  .jotform-form .form-submit-button-gradient-2.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-2.form-pagebreak-next {
    color: #fff;
    border-color: #f49200;
    background-color: #f49200; }
  .jotform-form .form-submit-button-gradient-2.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-2.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-2.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-2.form-pagebreak-next:hover {
    border-color: rgba(244, 146, 0, 0.8);
    background-color: rgba(244, 146, 0, 0.8); }
  .jotform-form .form-submit-button-gradient-2.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-2.form-pagebreak-back {
    color: #fff;
    border-color: rgba(255, 196, 44, 0.8);
    background-color: rgba(255, 196, 44, 0.8); }
  .jotform-form .form-submit-button-gradient-2.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-2.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-2.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-2.form-pagebreak-back:hover {
    border-color: #ffc42c;
    background-color: #ffc42c; }
  .jotform-form .form-submit-button-gradient-2.form-sacl-button,
  .jotform-form .form-submit-button-gradient-2.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-2.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-2.form-submit-print {
    color: #ffc42c;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-2.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-2.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-2.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-2.form-submit-print:after {
    background: linear-gradient(90deg, #ffb629 0, #da9000); }
  .jotform-form .form-submit-button-gradient-2.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-2.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-2.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-2.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-2.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-2.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-2.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-2.form-submit-print:hover {
    color: #fff;
    background: linear-gradient(90deg, #ffb629, #da9000 50%); }
  .jotform-form .form-submit-button-gradient-3.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-3.submit-button {
    color: #fff;
    border-color: #ff6100;
    background: linear-gradient(90deg, #ff6100, #ca4d00); }
  .jotform-form .form-submit-button-gradient-3.submit-button:active,
  .jotform-form .form-submit-button-gradient-3.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-3.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-3.submit-button:hover {
    background: linear-gradient(90deg, #ff6100, #ca4d00 50%); }
  .jotform-form .form-submit-button-gradient-3.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-3.form-pagebreak-next {
    color: #fff;
    border-color: #e55300;
    background-color: #e55300; }
  .jotform-form .form-submit-button-gradient-3.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-3.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-3.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-3.form-pagebreak-next:hover {
    border-color: rgba(229, 83, 0, 0.8);
    background-color: rgba(229, 83, 0, 0.8); }
  .jotform-form .form-submit-button-gradient-3.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-3.form-pagebreak-back {
    color: #fff;
    border-color: rgba(255, 97, 0, 0.8);
    background-color: rgba(255, 97, 0, 0.8); }
  .jotform-form .form-submit-button-gradient-3.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-3.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-3.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-3.form-pagebreak-back:hover {
    border-color: #e55300;
    background-color: #e55300; }
  .jotform-form .form-submit-button-gradient-3.form-sacl-button,
  .jotform-form .form-submit-button-gradient-3.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-3.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-3.form-submit-print {
    color: #ff6100;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-3.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-3.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-3.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-3.form-submit-print:after {
    background: linear-gradient(90deg, #ff6100 0, #ca4d00); }
  .jotform-form .form-submit-button-gradient-3.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-3.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-3.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-3.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-3.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-3.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-3.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-3.form-submit-print:hover {
    color: #fff;
    background: linear-gradient(90deg, #ff6100, #ca4d00 50%); }
  .jotform-form .form-submit-button-gradient-4.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-4.submit-button {
    color: #fff;
    border-color: #c90909;
    background: linear-gradient(90deg, #f96868, #b00); }
  .jotform-form .form-submit-button-gradient-4.submit-button:active,
  .jotform-form .form-submit-button-gradient-4.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-4.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-4.submit-button:hover {
    background: linear-gradient(90deg, #f96868, #b00 50%); }
  .jotform-form .form-submit-button-gradient-4.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-4.form-pagebreak-next {
    color: #fff;
    border-color: #ab0101;
    background-color: #ab0101; }
  .jotform-form .form-submit-button-gradient-4.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-4.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-4.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-4.form-pagebreak-next:hover {
    border-color: rgba(171, 1, 1, 0.8);
    background-color: rgba(171, 1, 1, 0.8); }
  .jotform-form .form-submit-button-gradient-4.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-4.form-pagebreak-back {
    color: #fff;
    border-color: rgba(201, 9, 9, 0.8);
    background-color: rgba(201, 9, 9, 0.8); }
  .jotform-form .form-submit-button-gradient-4.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-4.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-4.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-4.form-pagebreak-back:hover {
    border-color: #c90909;
    background-color: #c90909; }
  .jotform-form .form-submit-button-gradient-4.form-sacl-button,
  .jotform-form .form-submit-button-gradient-4.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-4.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-4.form-submit-print {
    color: #c90909;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-4.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-4.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-4.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-4.form-submit-print:after {
    background: linear-gradient(90deg, #f96868 0, #b00); }
  .jotform-form .form-submit-button-gradient-4.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-4.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-4.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-4.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-4.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-4.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-4.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-4.form-submit-print:hover {
    color: #fff;
    background: linear-gradient(90deg, #f96868, #b00 50%); }
  .jotform-form .form-submit-button-gradient-5.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-5.submit-button {
    color: #fff;
    border-color: #5369ab;
    background: linear-gradient(90deg, #7a91d7, #2545a7); }
  .jotform-form .form-submit-button-gradient-5.submit-button:active,
  .jotform-form .form-submit-button-gradient-5.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-5.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-5.submit-button:hover {
    background: linear-gradient(90deg, #7a91d7, #2545a7 50%); }
  .jotform-form .form-submit-button-gradient-5.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-5.form-pagebreak-next {
    color: #fff;
    border-color: #344067;
    background-color: #344067; }
  .jotform-form .form-submit-button-gradient-5.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-5.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-5.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-5.form-pagebreak-next:hover {
    border-color: rgba(52, 64, 103, 0.8);
    background-color: rgba(52, 64, 103, 0.8); }
  .jotform-form .form-submit-button-gradient-5.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-5.form-pagebreak-back {
    color: #fff;
    border-color: rgba(83, 105, 171, 0.8);
    background-color: rgba(83, 105, 171, 0.8); }
  .jotform-form .form-submit-button-gradient-5.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-5.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-5.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-5.form-pagebreak-back:hover {
    border-color: #5369ab;
    background-color: #5369ab; }
  .jotform-form .form-submit-button-gradient-5.form-sacl-button,
  .jotform-form .form-submit-button-gradient-5.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-5.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-5.form-submit-print {
    color: #5369ab;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-5.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-5.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-5.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-5.form-submit-print:after {
    background: linear-gradient(90deg, #7a91d7 0, #2545a7); }
  .jotform-form .form-submit-button-gradient-5.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-5.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-5.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-5.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-5.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-5.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-5.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-5.form-submit-print:hover {
    color: #fff;
    background: linear-gradient(90deg, #7a91d7, #2545a7 50%); }
  .jotform-form .form-submit-button-gradient-6.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-6.submit-button {
    color: #fff;
    border-color: #007862;
    background: linear-gradient(90deg, #00aa8b, #005646); }
  .jotform-form .form-submit-button-gradient-6.submit-button:active,
  .jotform-form .form-submit-button-gradient-6.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-6.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-6.submit-button:hover {
    background: linear-gradient(90deg, #00aa8b, #005646 50%); }
  .jotform-form .form-submit-button-gradient-6.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-6.form-pagebreak-next {
    color: #fff;
    border-color: #006653;
    background-color: #006653; }
  .jotform-form .form-submit-button-gradient-6.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-6.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-6.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-6.form-pagebreak-next:hover {
    border-color: rgba(0, 102, 83, 0.8);
    background-color: rgba(0, 102, 83, 0.8); }
  .jotform-form .form-submit-button-gradient-6.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-6.form-pagebreak-back {
    color: #fff;
    border-color: rgba(0, 120, 98, 0.8);
    background-color: rgba(0, 120, 98, 0.8); }
  .jotform-form .form-submit-button-gradient-6.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-6.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-6.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-6.form-pagebreak-back:hover {
    border-color: #007862;
    background-color: #007862; }
  .jotform-form .form-submit-button-gradient-6.form-sacl-button,
  .jotform-form .form-submit-button-gradient-6.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-6.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-6.form-submit-print {
    color: #007862;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-6.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-6.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-6.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-6.form-submit-print:after {
    background: linear-gradient(90deg, #00aa8b 0, #005646); }
  .jotform-form .form-submit-button-gradient-6.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-6.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-6.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-6.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-6.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-6.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-6.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-6.form-submit-print:hover {
    color: #fff;
    background: linear-gradient(90deg, #00aa8b, #005646 50%); }
  .jotform-form .form-submit-button-gradient-7.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-7.submit-button {
    color: #fff;
    border-color: #249bb4;
    background: linear-gradient(90deg, #08c3ea, #00778f); }
  .jotform-form .form-submit-button-gradient-7.submit-button:active,
  .jotform-form .form-submit-button-gradient-7.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-7.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-7.submit-button:hover {
    background: linear-gradient(90deg, #08c3ea, #00778f 50%); }
  .jotform-form .form-submit-button-gradient-7.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-7.form-pagebreak-next {
    color: #fff;
    border-color: #1989a0;
    background-color: #1989a0; }
  .jotform-form .form-submit-button-gradient-7.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-7.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-7.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-7.form-pagebreak-next:hover {
    border-color: rgba(25, 137, 160, 0.8);
    background-color: rgba(25, 137, 160, 0.8); }
  .jotform-form .form-submit-button-gradient-7.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-7.form-pagebreak-back {
    color: #fff;
    border-color: rgba(36, 155, 180, 0.8);
    background-color: rgba(36, 155, 180, 0.8); }
  .jotform-form .form-submit-button-gradient-7.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-7.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-7.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-7.form-pagebreak-back:hover {
    border-color: #249bb4;
    background-color: #249bb4; }
  .jotform-form .form-submit-button-gradient-7.form-sacl-button,
  .jotform-form .form-submit-button-gradient-7.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-7.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-7.form-submit-print {
    color: #249bb4;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-7.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-7.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-7.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-7.form-submit-print:after {
    background: linear-gradient(90deg, #08c3ea 0, #00778f); }
  .jotform-form .form-submit-button-gradient-7.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-7.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-7.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-7.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-7.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-7.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-7.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-7.form-submit-print:hover {
    color: #fff;
    background: linear-gradient(90deg, #08c3ea, #00778f 50%); }
  .jotform-form .form-submit-button-gradient-8.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-8.submit-button {
    color: #fff;
    border-color: #007b2a;
    background: linear-gradient(90deg, #00a037, #006b25); }
  .jotform-form .form-submit-button-gradient-8.submit-button:active,
  .jotform-form .form-submit-button-gradient-8.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-8.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-8.submit-button:hover {
    background: linear-gradient(90deg, #00a037, #006b25 50%); }
  .jotform-form .form-submit-button-gradient-8.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-8.form-pagebreak-next {
    color: #fff;
    border-color: #049e38;
    background-color: #049e38; }
  .jotform-form .form-submit-button-gradient-8.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-8.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-8.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-8.form-pagebreak-next:hover {
    border-color: rgba(4, 158, 56, 0.8);
    background-color: rgba(4, 158, 56, 0.8); }
  .jotform-form .form-submit-button-gradient-8.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-8.form-pagebreak-back {
    color: #fff;
    border-color: rgba(0, 123, 42, 0.8);
    background-color: rgba(0, 123, 42, 0.8); }
  .jotform-form .form-submit-button-gradient-8.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-8.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-8.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-8.form-pagebreak-back:hover {
    border-color: #007b2a;
    background-color: #007b2a; }
  .jotform-form .form-submit-button-gradient-8.form-sacl-button,
  .jotform-form .form-submit-button-gradient-8.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-8.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-8.form-submit-print {
    color: #007b2a;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-8.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-8.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-8.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-8.form-submit-print:after {
    background: linear-gradient(90deg, #00a037 0, #006b25); }
  .jotform-form .form-submit-button-gradient-8.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-8.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-8.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-8.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-8.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-8.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-8.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-8.form-submit-print:hover {
    color: #fff;
    background: linear-gradient(90deg, #00a037, #006b25 50%); }
  .jotform-form .form-submit-button-gradient-9.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-9.submit-button {
    color: #fff;
    border-color: #9c4dd3;
    background: linear-gradient(90deg, #ca80ff, #6b05b4); }
  .jotform-form .form-submit-button-gradient-9.submit-button:active,
  .jotform-form .form-submit-button-gradient-9.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-9.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-9.submit-button:hover {
    background: linear-gradient(90deg, #ca80ff, #6b05b4 50%); }
  .jotform-form .form-submit-button-gradient-9.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-9.form-pagebreak-next {
    color: #fff;
    border-color: #892dca;
    background-color: #892dca; }
  .jotform-form .form-submit-button-gradient-9.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-9.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-9.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-9.form-pagebreak-next:hover {
    border-color: rgba(137, 45, 202, 0.8);
    background-color: rgba(137, 45, 202, 0.8); }
  .jotform-form .form-submit-button-gradient-9.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-9.form-pagebreak-back {
    color: #fff;
    border-color: rgba(156, 77, 211, 0.8);
    background-color: rgba(156, 77, 211, 0.8); }
  .jotform-form .form-submit-button-gradient-9.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-9.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-9.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-9.form-pagebreak-back:hover {
    border-color: #9c4dd3;
    background-color: #9c4dd3; }
  .jotform-form .form-submit-button-gradient-9.form-sacl-button,
  .jotform-form .form-submit-button-gradient-9.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-9.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-9.form-submit-print {
    color: #9c4dd3;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-9.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-9.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-9.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-9.form-submit-print:after {
    background: linear-gradient(90deg, #ca80ff 0, #6b05b4); }
  .jotform-form .form-submit-button-gradient-9.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-9.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-9.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-9.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-9.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-9.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-9.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-9.form-submit-print:hover {
    color: #fff;
    background: linear-gradient(90deg, #ca80ff, #6b05b4 50%); }
  .jotform-form .form-submit-button-gradient-10.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-10.submit-button {
    color: #fff;
    border-color: #0a1551;
    background: linear-gradient(90deg, #253692, #0a1551); }
  .jotform-form .form-submit-button-gradient-10.submit-button:active,
  .jotform-form .form-submit-button-gradient-10.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-10.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-10.submit-button:hover {
    background: linear-gradient(90deg, #253692, #0a1551 50%); }
  .jotform-form .form-submit-button-gradient-10.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-10.form-pagebreak-next {
    color: #fff;
    border-color: #2639aa;
    background-color: #2639aa; }
  .jotform-form .form-submit-button-gradient-10.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-10.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-10.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-10.form-pagebreak-next:hover {
    border-color: rgba(38, 57, 170, 0.8);
    background-color: rgba(38, 57, 170, 0.8); }
  .jotform-form .form-submit-button-gradient-10.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-10.form-pagebreak-back {
    color: #fff;
    border-color: rgba(10, 21, 81, 0.8);
    background-color: rgba(10, 21, 81, 0.8); }
  .jotform-form .form-submit-button-gradient-10.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-10.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-10.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-10.form-pagebreak-back:hover {
    border-color: #0a1551;
    background-color: #0a1551; }
  .jotform-form .form-submit-button-gradient-10.form-sacl-button,
  .jotform-form .form-submit-button-gradient-10.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-10.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-10.form-submit-print {
    color: #0a1551;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-10.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-10.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-10.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-10.form-submit-print:after {
    background: linear-gradient(90deg, #253692 0, #0a1551); }
  .jotform-form .form-submit-button-gradient-10.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-10.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-10.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-10.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-10.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-10.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-10.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-10.form-submit-print:hover {
    color: #fff;
    background: linear-gradient(90deg, #253692, #0a1551 50%); }
  .jotform-form .form-submit-button-gradient-11.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-11.submit-button {
    color: #fff;
    border-color: #7fca00;
    background: linear-gradient(90deg, #7fca00, #8cdb06 0.01%, #4d7b00); }
  .jotform-form .form-submit-button-gradient-11.submit-button:active,
  .jotform-form .form-submit-button-gradient-11.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-11.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-11.submit-button:hover {
    background: linear-gradient(90deg, #7fca00, #8cdb06 0.01%, #4d7b00 50%); }
  .jotform-form .form-submit-button-gradient-11.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-11.form-pagebreak-next {
    color: #fff;
    border-color: #529300;
    background-color: #529300; }
  .jotform-form .form-submit-button-gradient-11.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-11.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-11.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-11.form-pagebreak-next:hover {
    border-color: rgba(82, 147, 0, 0.8);
    background-color: rgba(82, 147, 0, 0.8); }
  .jotform-form .form-submit-button-gradient-11.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-11.form-pagebreak-back {
    color: #fff;
    border-color: rgba(127, 202, 0, 0.8);
    background-color: rgba(127, 202, 0, 0.8); }
  .jotform-form .form-submit-button-gradient-11.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-11.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-11.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-11.form-pagebreak-back:hover {
    border-color: #7fca00;
    background-color: #7fca00; }
  .jotform-form .form-submit-button-gradient-11.form-sacl-button,
  .jotform-form .form-submit-button-gradient-11.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-11.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-11.form-submit-print {
    color: #7fca00;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-11.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-11.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-11.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-11.form-submit-print:after {
    background: linear-gradient(90deg, #7fca00, #8cdb06 0.01%, #4d7b00); }
  .jotform-form .form-submit-button-gradient-11.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-11.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-11.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-11.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-11.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-11.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-11.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-11.form-submit-print:hover {
    color: #fff;
    background: linear-gradient(90deg, #7fca00, #8cdb06 0.01%, #4d7b00 50%); }
  .jotform-form .form-submit-button-gradient-12.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-12.submit-button {
    color: #fff;
    border-color: #628eff;
    background: linear-gradient(90deg, #628eff, #0333ae); }
  .jotform-form .form-submit-button-gradient-12.submit-button:active,
  .jotform-form .form-submit-button-gradient-12.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-12.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-12.submit-button:hover {
    background: linear-gradient(90deg, #628eff, #0333ae 50%); }
  .jotform-form .form-submit-button-gradient-12.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-12.form-pagebreak-next {
    color: #fff;
    border-color: #2639aa;
    background-color: #2f4ead; }
  .jotform-form .form-submit-button-gradient-12.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-12.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-12.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-12.form-pagebreak-next:hover {
    border-color: rgba(47, 78, 173, 0.8);
    background-color: rgba(47, 78, 173, 0.8); }
  .jotform-form .form-submit-button-gradient-12.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-12.form-pagebreak-back {
    color: #fff;
    border-color: rgba(98, 142, 255, 0.8);
    background-color: rgba(98, 142, 255, 0.8); }
  .jotform-form .form-submit-button-gradient-12.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-12.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-12.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-12.form-pagebreak-back:hover {
    border-color: #628eff;
    background-color: #628eff; }
  .jotform-form .form-submit-button-gradient-12.form-sacl-button,
  .jotform-form .form-submit-button-gradient-12.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-12.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-12.form-submit-print {
    color: #628eff;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-12.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-12.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-12.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-12.form-submit-print:after {
    background: linear-gradient(90deg, #628eff 0, #0333ae); }
  .jotform-form .form-submit-button-gradient-12.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-12.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-12.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-12.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-12.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-12.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-12.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-12.form-submit-print:hover {
    color: #fff;
    background: linear-gradient(90deg, #628eff, #0333ae 50%); }
  .jotform-form .form-submit-button-gradient-13.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-13.submit-button {
    color: #fff;
    border-color: #733000;
    background: linear-gradient(90deg, #bb682d, #733000); }
  .jotform-form .form-submit-button-gradient-13.submit-button:active,
  .jotform-form .form-submit-button-gradient-13.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-13.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-13.submit-button:hover {
    background: linear-gradient(90deg, #bb682d, #733000 50%); }
  .jotform-form .form-submit-button-gradient-13.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-13.form-pagebreak-next {
    color: #fff;
    border-color: #410301;
    background-color: #410301; }
  .jotform-form .form-submit-button-gradient-13.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-13.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-13.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-13.form-pagebreak-next:hover {
    border-color: rgba(65, 3, 1, 0.8);
    background-color: rgba(65, 3, 1, 0.8); }
  .jotform-form .form-submit-button-gradient-13.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-13.form-pagebreak-back {
    color: #fff;
    border-color: rgba(115, 48, 0, 0.8);
    background-color: rgba(115, 48, 0, 0.8); }
  .jotform-form .form-submit-button-gradient-13.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-13.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-13.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-13.form-pagebreak-back:hover {
    border-color: #733000;
    background-color: #733000; }
  .jotform-form .form-submit-button-gradient-13.form-sacl-button,
  .jotform-form .form-submit-button-gradient-13.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-13.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-13.form-submit-print {
    color: #733000;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-13.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-13.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-13.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-13.form-submit-print:after {
    background: linear-gradient(90deg, #bb682d 0, #733000); }
  .jotform-form .form-submit-button-gradient-13.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-13.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-13.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-13.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-13.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-13.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-13.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-13.form-submit-print:hover {
    color: #fff;
    background: linear-gradient(90deg, #bb682d, #733000 50%); }
  .jotform-form .form-submit-button-gradient-14.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-14.submit-button {
    color: #fff;
    border-color: #f87171;
    background: linear-gradient(90deg, #f87171, #ba2222); }
  .jotform-form .form-submit-button-gradient-14.submit-button:active,
  .jotform-form .form-submit-button-gradient-14.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-14.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-14.submit-button:hover {
    background: linear-gradient(90deg, #f87171, #ba2222 50%); }
  .jotform-form .form-submit-button-gradient-14.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-14.form-pagebreak-next {
    color: #fff;
    border-color: #e64444;
    background-color: #e64444; }
  .jotform-form .form-submit-button-gradient-14.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-14.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-14.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-14.form-pagebreak-next:hover {
    border-color: rgba(230, 68, 68, 0.8);
    background-color: rgba(230, 68, 68, 0.8); }
  .jotform-form .form-submit-button-gradient-14.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-14.form-pagebreak-back {
    color: #fff;
    border-color: rgba(248, 113, 113, 0.8);
    background-color: rgba(248, 113, 113, 0.8); }
  .jotform-form .form-submit-button-gradient-14.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-14.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-14.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-14.form-pagebreak-back:hover {
    border-color: #f87171;
    background-color: #f87171; }
  .jotform-form .form-submit-button-gradient-14.form-sacl-button,
  .jotform-form .form-submit-button-gradient-14.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-14.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-14.form-submit-print {
    color: #f87171;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-14.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-14.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-14.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-14.form-submit-print:after {
    background: linear-gradient(90deg, #f87171 0, #ba2222); }
  .jotform-form .form-submit-button-gradient-14.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-14.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-14.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-14.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-14.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-14.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-14.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-14.form-submit-print:hover {
    color: #fff;
    background: linear-gradient(90deg, #f87171, #ba2222 50%); }
  .jotform-form .form-submit-button-gradient-15.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-15.submit-button {
    color: #fff;
    border-color: #4bb7ff;
    background: linear-gradient(90deg, #4bb7ff, #0165a8); }
  .jotform-form .form-submit-button-gradient-15.submit-button:active,
  .jotform-form .form-submit-button-gradient-15.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-15.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-15.submit-button:hover {
    background: linear-gradient(90deg, #4bb7ff, #0165a8 50%); }
  .jotform-form .form-submit-button-gradient-15.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-15.form-pagebreak-next {
    color: #fff;
    border-color: #09f;
    background-color: #09f; }
  .jotform-form .form-submit-button-gradient-15.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-15.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-15.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-15.form-pagebreak-next:hover {
    border-color: rgba(0, 153, 255, 0.8);
    background-color: rgba(0, 153, 255, 0.8); }
  .jotform-form .form-submit-button-gradient-15.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-15.form-pagebreak-back {
    color: #fff;
    border-color: rgba(75, 183, 255, 0.8);
    background-color: rgba(75, 183, 255, 0.8); }
  .jotform-form .form-submit-button-gradient-15.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-15.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-15.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-15.form-pagebreak-back:hover {
    border-color: #4bb7ff;
    background-color: #4bb7ff; }
  .jotform-form .form-submit-button-gradient-15.form-sacl-button,
  .jotform-form .form-submit-button-gradient-15.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-15.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-15.form-submit-print {
    color: #4bb7ff;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-15.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-15.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-15.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-15.form-submit-print:after {
    background: linear-gradient(90deg, #4bb7ff 0, #0165a8); }
  .jotform-form .form-submit-button-gradient-15.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-15.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-15.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-15.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-15.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-15.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-15.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-15.form-submit-print:hover {
    color: #fff;
    background: linear-gradient(90deg, #4bb7ff, #0165a8 50%); }
  .jotform-form .form-submit-button-gradient-16.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-16.submit-button {
    color: #fff;
    border-color: #0a0b0d;
    background: linear-gradient(90deg, #4e5156, #0a0b0d); }
  .jotform-form .form-submit-button-gradient-16.submit-button:active,
  .jotform-form .form-submit-button-gradient-16.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-16.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-16.submit-button:hover {
    background: linear-gradient(90deg, #4e5156, #0a0b0d 50%); }
  .jotform-form .form-submit-button-gradient-16.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-16.form-pagebreak-next {
    color: #fff;
    border-color: #3e4652;
    background-color: #3e4652; }
  .jotform-form .form-submit-button-gradient-16.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-16.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-16.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-16.form-pagebreak-next:hover {
    border-color: rgba(62, 70, 82, 0.8);
    background-color: rgba(62, 70, 82, 0.8); }
  .jotform-form .form-submit-button-gradient-16.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-16.form-pagebreak-back {
    color: #fff;
    border-color: rgba(10, 11, 13, 0.8);
    background-color: rgba(10, 11, 13, 0.8); }
  .jotform-form .form-submit-button-gradient-16.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-16.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-16.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-16.form-pagebreak-back:hover {
    border-color: #0a0b0d;
    background-color: #0a0b0d; }
  .jotform-form .form-submit-button-gradient-16.form-sacl-button,
  .jotform-form .form-submit-button-gradient-16.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-16.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-16.form-submit-print {
    color: #0a0b0d;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-16.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-16.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-16.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-16.form-submit-print:after {
    background: linear-gradient(90deg, #4e5156 0, #0a0b0d); }
  .jotform-form .form-submit-button-gradient-16.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-16.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-16.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-16.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-16.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-16.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-16.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-16.form-submit-print:hover {
    color: #fff;
    background: linear-gradient(90deg, #4e5156, #0a0b0d 50%); }
  .jotform-form .form-submit-button-gradient-17.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-17.submit-button {
    color: #fff;
    border-color: #4a5361;
    background: linear-gradient(90deg, #8c939d, #4a5361); }
  .jotform-form .form-submit-button-gradient-17.submit-button:active,
  .jotform-form .form-submit-button-gradient-17.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-17.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-17.submit-button:hover {
    background: linear-gradient(90deg, #8c939d, #4a5361 50%); }
  .jotform-form .form-submit-button-gradient-17.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-17.form-pagebreak-next {
    color: #fff;
    border-color: #6b7584;
    background-color: #6b7584; }
  .jotform-form .form-submit-button-gradient-17.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-17.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-17.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-17.form-pagebreak-next:hover {
    border-color: rgba(107, 117, 132, 0.8);
    background-color: rgba(107, 117, 132, 0.8); }
  .jotform-form .form-submit-button-gradient-17.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-17.form-pagebreak-back {
    color: #fff;
    border-color: rgba(74, 83, 97, 0.8);
    background-color: rgba(74, 83, 97, 0.8); }
  .jotform-form .form-submit-button-gradient-17.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-17.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-17.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-17.form-pagebreak-back:hover {
    border-color: #4a5361;
    background-color: #4a5361; }
  .jotform-form .form-submit-button-gradient-17.form-sacl-button,
  .jotform-form .form-submit-button-gradient-17.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-17.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-17.form-submit-print {
    color: #4a5361;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-17.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-17.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-17.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-17.form-submit-print:after {
    background: linear-gradient(90deg, #8c939d 0, #4a5361); }
  .jotform-form .form-submit-button-gradient-17.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-17.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-17.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-17.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-17.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-17.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-17.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-17.form-submit-print:hover {
    color: #fff;
    background: linear-gradient(90deg, #8c939d, #4a5361 50%); }
  .jotform-form .form-submit-button-gradient-18.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-18.submit-button {
    color: #fff;
    border-color: #09f;
    background: linear-gradient(180deg, #5cbeff, #9b1df2); }
  .jotform-form .form-submit-button-gradient-18.submit-button:active,
  .jotform-form .form-submit-button-gradient-18.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-18.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-18.submit-button:hover {
    background: linear-gradient(180deg, #5cbeff 20%, #9b1df2 80%); }
  .jotform-form .form-submit-button-gradient-18.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-18.form-pagebreak-next {
    color: #fff;
    border-color: #0066c3;
    background-color: #0066c3; }
  .jotform-form .form-submit-button-gradient-18.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-18.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-18.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-18.form-pagebreak-next:hover {
    border-color: rgba(0, 102, 195, 0.8);
    background-color: rgba(0, 102, 195, 0.8); }
  .jotform-form .form-submit-button-gradient-18.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-18.form-pagebreak-back {
    color: #fff;
    border-color: rgba(0, 153, 255, 0.8);
    background-color: rgba(0, 153, 255, 0.8); }
  .jotform-form .form-submit-button-gradient-18.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-18.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-18.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-18.form-pagebreak-back:hover {
    border-color: #09f;
    background-color: #09f; }
  .jotform-form .form-submit-button-gradient-18.form-sacl-button,
  .jotform-form .form-submit-button-gradient-18.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-18.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-18.form-submit-print {
    color: #09f;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-18.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-18.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-18.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-18.form-submit-print:after {
    background: linear-gradient(180deg, #5cbeff, #9b1df2); }
  .jotform-form .form-submit-button-gradient-18.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-18.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-18.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-18.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-18.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-18.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-18.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-18.form-submit-print:hover {
    color: #fff;
    background: linear-gradient(180deg, #5cbeff 20%, #9b1df2 80%); }
  .jotform-form .form-submit-button-gradient-19.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-19.submit-button {
    color: #fff;
    border-color: #9c4dd3;
    background: linear-gradient(180deg, #9b1df2, #ff8e8e); }
  .jotform-form .form-submit-button-gradient-19.submit-button:active,
  .jotform-form .form-submit-button-gradient-19.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-19.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-19.submit-button:hover {
    background: linear-gradient(180deg, #9b1df2 20%, #ff8e8e 80%); }
  .jotform-form .form-submit-button-gradient-19.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-19.form-pagebreak-next {
    color: #fff;
    border-color: #892dca;
    background-color: #892dca; }
  .jotform-form .form-submit-button-gradient-19.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-19.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-19.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-19.form-pagebreak-next:hover {
    border-color: rgba(137, 45, 202, 0.8);
    background-color: rgba(137, 45, 202, 0.8); }
  .jotform-form .form-submit-button-gradient-19.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-19.form-pagebreak-back {
    color: #fff;
    border-color: rgba(156, 77, 211, 0.8);
    background-color: rgba(156, 77, 211, 0.8); }
  .jotform-form .form-submit-button-gradient-19.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-19.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-19.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-19.form-pagebreak-back:hover {
    border-color: #9c4dd3;
    background-color: #9c4dd3; }
  .jotform-form .form-submit-button-gradient-19.form-sacl-button,
  .jotform-form .form-submit-button-gradient-19.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-19.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-19.form-submit-print {
    color: #9c4dd3;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-19.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-19.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-19.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-19.form-submit-print:after {
    background: linear-gradient(180deg, #9b1df2, #ff8e8e); }
  .jotform-form .form-submit-button-gradient-19.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-19.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-19.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-19.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-19.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-19.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-19.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-19.form-submit-print:hover {
    color: #fff;
    background: linear-gradient(180deg, #9b1df2 20%, #ff8e8e 80%); }
  .jotform-form .form-submit-button-gradient-20.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-20.submit-button {
    color: #fff;
    border-color: #4bb7ff;
    background: linear-gradient(180deg, #ff4d8d 10.62%, #5cbeff); }
  .jotform-form .form-submit-button-gradient-20.submit-button:active,
  .jotform-form .form-submit-button-gradient-20.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-20.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-20.submit-button:hover {
    background: linear-gradient(180deg, #ff4d8d 10.62%, #5cbeff 80%); }
  .jotform-form .form-submit-button-gradient-20.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-20.form-pagebreak-next {
    color: #fff;
    border-color: #09f;
    background-color: #09f; }
  .jotform-form .form-submit-button-gradient-20.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-20.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-20.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-20.form-pagebreak-next:hover {
    border-color: rgba(0, 153, 255, 0.8);
    background-color: rgba(0, 153, 255, 0.8); }
  .jotform-form .form-submit-button-gradient-20.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-20.form-pagebreak-back {
    color: #fff;
    border-color: rgba(75, 183, 255, 0.8);
    background-color: rgba(75, 183, 255, 0.8); }
  .jotform-form .form-submit-button-gradient-20.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-20.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-20.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-20.form-pagebreak-back:hover {
    border-color: #4bb7ff;
    background-color: #4bb7ff; }
  .jotform-form .form-submit-button-gradient-20.form-sacl-button,
  .jotform-form .form-submit-button-gradient-20.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-20.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-20.form-submit-print {
    color: #4bb7ff;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-20.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-20.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-20.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-20.form-submit-print:after {
    background: linear-gradient(180deg, #ff4d8d 10.62%, #5cbeff); }
  .jotform-form .form-submit-button-gradient-20.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-20.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-20.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-20.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-20.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-20.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-20.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-20.form-submit-print:hover {
    color: #fff;
    background: linear-gradient(180deg, #ff4d8d 10.62%, #5cbeff 80%); }
  .jotform-form .form-submit-button-gradient-21.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-21.submit-button {
    color: #fff;
    border-color: #7fca00;
    background: linear-gradient(180deg, #7fca00, #ff4545); }
  .jotform-form .form-submit-button-gradient-21.submit-button:active,
  .jotform-form .form-submit-button-gradient-21.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-21.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-21.submit-button:hover {
    background: linear-gradient(180deg, #7fca00, #ff4545 80%); }
  .jotform-form .form-submit-button-gradient-21.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-21.form-pagebreak-next {
    color: #fff;
    border-color: #529300;
    background-color: #529300; }
  .jotform-form .form-submit-button-gradient-21.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-21.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-21.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-21.form-pagebreak-next:hover {
    border-color: rgba(82, 147, 0, 0.8);
    background-color: rgba(82, 147, 0, 0.8); }
  .jotform-form .form-submit-button-gradient-21.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-21.form-pagebreak-back {
    color: #fff;
    border-color: rgba(127, 202, 0, 0.8);
    background-color: rgba(127, 202, 0, 0.8); }
  .jotform-form .form-submit-button-gradient-21.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-21.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-21.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-21.form-pagebreak-back:hover {
    border-color: #7fca00;
    background-color: #7fca00; }
  .jotform-form .form-submit-button-gradient-21.form-sacl-button,
  .jotform-form .form-submit-button-gradient-21.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-21.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-21.form-submit-print {
    color: #7fca00;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-21.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-21.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-21.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-21.form-submit-print:after {
    background: linear-gradient(180deg, #7fca00, #ff4545); }
  .jotform-form .form-submit-button-gradient-21.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-21.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-21.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-21.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-21.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-21.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-21.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-21.form-submit-print:hover {
    color: #fff;
    background: linear-gradient(180deg, #7fca00, #ff4545 80%); }
  .jotform-form .form-submit-button-gradient-22.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-22.submit-button {
    color: #fff;
    border-color: #f87171;
    background: linear-gradient(180deg, #ff4545, #0a0b0d); }
  .jotform-form .form-submit-button-gradient-22.submit-button:active,
  .jotform-form .form-submit-button-gradient-22.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-22.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-22.submit-button:hover {
    background: linear-gradient(180deg, #ff4545, #0a0b0d 80%); }
  .jotform-form .form-submit-button-gradient-22.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-22.form-pagebreak-next {
    color: #fff;
    border-color: #e64444;
    background-color: #e64444; }
  .jotform-form .form-submit-button-gradient-22.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-22.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-22.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-22.form-pagebreak-next:hover {
    border-color: rgba(230, 68, 68, 0.8);
    background-color: rgba(230, 68, 68, 0.8); }
  .jotform-form .form-submit-button-gradient-22.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-22.form-pagebreak-back {
    color: #fff;
    border-color: rgba(248, 113, 113, 0.8);
    background-color: rgba(248, 113, 113, 0.8); }
  .jotform-form .form-submit-button-gradient-22.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-22.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-22.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-22.form-pagebreak-back:hover {
    border-color: #f87171;
    background-color: #f87171; }
  .jotform-form .form-submit-button-gradient-22.form-sacl-button,
  .jotform-form .form-submit-button-gradient-22.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-22.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-22.form-submit-print {
    color: #f87171;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-22.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-22.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-22.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-22.form-submit-print:after {
    background: linear-gradient(180deg, #ff4545, #0a0b0d); }
  .jotform-form .form-submit-button-gradient-22.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-22.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-22.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-22.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-22.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-22.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-22.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-22.form-submit-print:hover {
    color: #fff;
    background: linear-gradient(180deg, #ff4545, #0a0b0d 80%); }
  .jotform-form .form-submit-button-gradient-23.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-23.submit-button {
    color: #fff;
    border-color: #ffc42c;
    background: linear-gradient(180deg, #ffb629, #005646); }
  .jotform-form .form-submit-button-gradient-23.submit-button:active,
  .jotform-form .form-submit-button-gradient-23.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-23.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-23.submit-button:hover {
    background: linear-gradient(180deg, #ffb629, #005646 80%); }
  .jotform-form .form-submit-button-gradient-23.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-23.form-pagebreak-next {
    color: #fff;
    border-color: #f49200;
    background-color: #f49200; }
  .jotform-form .form-submit-button-gradient-23.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-23.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-23.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-23.form-pagebreak-next:hover {
    border-color: rgba(244, 146, 0, 0.8);
    background-color: rgba(244, 146, 0, 0.8); }
  .jotform-form .form-submit-button-gradient-23.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-23.form-pagebreak-back {
    color: #fff;
    border-color: rgba(255, 196, 44, 0.8);
    background-color: rgba(255, 196, 44, 0.8); }
  .jotform-form .form-submit-button-gradient-23.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-23.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-23.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-23.form-pagebreak-back:hover {
    border-color: #ffc42c;
    background-color: #ffc42c; }
  .jotform-form .form-submit-button-gradient-23.form-sacl-button,
  .jotform-form .form-submit-button-gradient-23.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-23.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-23.form-submit-print {
    color: #ffc42c;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-23.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-23.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-23.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-23.form-submit-print:after {
    background: linear-gradient(180deg, #ffb629, #005646); }
  .jotform-form .form-submit-button-gradient-23.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-23.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-23.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-23.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-23.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-23.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-23.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-23.form-submit-print:hover {
    color: #fff;
    background: linear-gradient(180deg, #ffb629, #005646 80%); }
  .jotform-form .form-submit-button-gradient-24.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-24.submit-button {
    color: #fff;
    border-color: #9c4dd3;
    background: radial-gradient(72.29% 269.33% at 46.39% 51.16%, #9836de 30.73%, #00609f 100%); }
  .jotform-form .form-submit-button-gradient-24.submit-button:active,
  .jotform-form .form-submit-button-gradient-24.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-24.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-24.submit-button:hover {
    background: radial-gradient(72.29% 269.33% at 46.39% 51.16%, #9836de 30.73%, #00609f 80%); }
  .jotform-form .form-submit-button-gradient-24.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-24.form-pagebreak-next {
    color: #fff;
    border-color: #892dca;
    background-color: #892dca; }
  .jotform-form .form-submit-button-gradient-24.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-24.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-24.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-24.form-pagebreak-next:hover {
    border-color: rgba(137, 45, 202, 0.8);
    background-color: rgba(137, 45, 202, 0.8); }
  .jotform-form .form-submit-button-gradient-24.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-24.form-pagebreak-back {
    color: #fff;
    border-color: rgba(156, 77, 211, 0.8);
    background-color: rgba(156, 77, 211, 0.8); }
  .jotform-form .form-submit-button-gradient-24.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-24.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-24.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-24.form-pagebreak-back:hover {
    border-color: #9c4dd3;
    background-color: #9c4dd3; }
  .jotform-form .form-submit-button-gradient-24.form-sacl-button,
  .jotform-form .form-submit-button-gradient-24.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-24.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-24.form-submit-print {
    color: #9c4dd3;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-24.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-24.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-24.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-24.form-submit-print:after {
    background: radial-gradient(72.29% 269.33% at 46.39% 51.16%, #9836de 30.73%, #00609f 100%); }
  .jotform-form .form-submit-button-gradient-24.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-24.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-24.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-24.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-24.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-24.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-24.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-24.form-submit-print:hover {
    color: #fff;
    background: radial-gradient(72.29% 269.33% at 46.39% 51.16%, #9836de 30.73%, #00609f 80%); }
  .jotform-form .form-submit-button-gradient-25.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-25.submit-button {
    color: #fff;
    border-color: #7fca00;
    background: radial-gradient(56.63% 210.98% at 50.6% 51.16%, #7fca00 0, #4e5156 100%); }
  .jotform-form .form-submit-button-gradient-25.submit-button:active,
  .jotform-form .form-submit-button-gradient-25.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-25.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-25.submit-button:hover {
    background: radial-gradient(56.63% 210.98% at 50.6% 51.16%, #7fca00 0, #4e5156 80%); }
  .jotform-form .form-submit-button-gradient-25.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-25.form-pagebreak-next {
    color: #fff;
    border-color: #529300;
    background-color: #529300; }
  .jotform-form .form-submit-button-gradient-25.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-25.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-25.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-25.form-pagebreak-next:hover {
    border-color: rgba(82, 147, 0, 0.8);
    background-color: rgba(82, 147, 0, 0.8); }
  .jotform-form .form-submit-button-gradient-25.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-25.form-pagebreak-back {
    color: #fff;
    border-color: rgba(127, 202, 0, 0.8);
    background-color: rgba(127, 202, 0, 0.8); }
  .jotform-form .form-submit-button-gradient-25.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-25.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-25.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-25.form-pagebreak-back:hover {
    border-color: #7fca00;
    background-color: #7fca00; }
  .jotform-form .form-submit-button-gradient-25.form-sacl-button,
  .jotform-form .form-submit-button-gradient-25.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-25.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-25.form-submit-print {
    color: #7fca00;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-25.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-25.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-25.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-25.form-submit-print:after {
    background: radial-gradient(56.63% 210.98% at 50.6% 51.16%, #7fca00 0, #4e5156 100%); }
  .jotform-form .form-submit-button-gradient-25.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-25.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-25.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-25.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-25.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-25.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-25.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-25.form-submit-print:hover {
    color: #fff;
    background: radial-gradient(56.63% 210.98% at 50.6% 51.16%, #7fca00 0, #4e5156 80%); }
  .jotform-form .form-submit-button-gradient-26.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-26.submit-button {
    color: #fff;
    border-color: #f87171;
    background: conic-gradient(from 90deg at 50% 51.16%, #ca4d00 0deg, #6b05b4 1turn); }
  .jotform-form .form-submit-button-gradient-26.submit-button:active,
  .jotform-form .form-submit-button-gradient-26.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-26.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-26.submit-button:hover {
    background: conic-gradient(from 90deg at 50% 51.16%, #ca4d00 0deg, #6b05b4 1turn); }
  .jotform-form .form-submit-button-gradient-26.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-26.form-pagebreak-next {
    color: #fff;
    border-color: #e64444;
    background-color: #e64444; }
  .jotform-form .form-submit-button-gradient-26.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-26.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-26.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-26.form-pagebreak-next:hover {
    border-color: rgba(230, 68, 68, 0.8);
    background-color: rgba(230, 68, 68, 0.8); }
  .jotform-form .form-submit-button-gradient-26.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-26.form-pagebreak-back {
    color: #fff;
    border-color: rgba(248, 113, 113, 0.8);
    background-color: rgba(248, 113, 113, 0.8); }
  .jotform-form .form-submit-button-gradient-26.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-26.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-26.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-26.form-pagebreak-back:hover {
    border-color: #f87171;
    background-color: #f87171; }
  .jotform-form .form-submit-button-gradient-26.form-sacl-button,
  .jotform-form .form-submit-button-gradient-26.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-26.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-26.form-submit-print {
    color: #f87171;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-26.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-26.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-26.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-26.form-submit-print:after {
    background: conic-gradient(from 90deg at 50% 51.16%, #ca4d00 0deg, #6b05b4 1turn); }
  .jotform-form .form-submit-button-gradient-26.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-26.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-26.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-26.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-26.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-26.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-26.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-26.form-submit-print:hover {
    color: #fff;
    background: conic-gradient(from 90deg at 50% 51.16%, #ca4d00 0deg, #6b05b4 1turn); }
  .jotform-form .form-submit-button-gradient-27.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-27.submit-button {
    color: #fff;
    border-color: #0a1551;
    background: conic-gradient(from 90deg at 50% 51.16%, #628eff 0deg, #0333ae 1turn); }
  .jotform-form .form-submit-button-gradient-27.submit-button:active,
  .jotform-form .form-submit-button-gradient-27.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-27.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-27.submit-button:hover {
    background: conic-gradient(from 90deg at 80% 51.16%, #628eff 0deg, #0333ae 1turn); }
  .jotform-form .form-submit-button-gradient-27.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-27.form-pagebreak-next {
    color: #fff;
    border-color: #2639aa;
    background-color: #2639aa; }
  .jotform-form .form-submit-button-gradient-27.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-27.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-27.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-27.form-pagebreak-next:hover {
    border-color: rgba(38, 57, 170, 0.8);
    background-color: rgba(38, 57, 170, 0.8); }
  .jotform-form .form-submit-button-gradient-27.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-27.form-pagebreak-back {
    color: #fff;
    border-color: rgba(10, 21, 81, 0.8);
    background-color: rgba(10, 21, 81, 0.8); }
  .jotform-form .form-submit-button-gradient-27.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-27.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-27.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-27.form-pagebreak-back:hover {
    border-color: #0a1551;
    background-color: #0a1551; }
  .jotform-form .form-submit-button-gradient-27.form-sacl-button,
  .jotform-form .form-submit-button-gradient-27.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-27.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-27.form-submit-print {
    color: #0a1551;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-27.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-27.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-27.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-27.form-submit-print:after {
    background: conic-gradient(from 90deg at 50% 51.16%, #628eff 0deg, #0333ae 1turn); }
  .jotform-form .form-submit-button-gradient-27.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-27.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-27.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-27.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-27.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-27.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-27.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-27.form-submit-print:hover {
    color: #fff;
    background: conic-gradient(from 90deg at 80% 51.16%, #628eff 0deg, #0333ae 1turn); }
  .jotform-form .form-submit-button-gradient-28.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-28.submit-button {
    color: #fff;
    border-color: #4a5361;
    background: conic-gradient(from 91.33deg at 50% 50%, #2f333a 0deg, #6e85ac 1turn); }
  .jotform-form .form-submit-button-gradient-28.submit-button:active,
  .jotform-form .form-submit-button-gradient-28.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-28.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-28.submit-button:hover {
    background: conic-gradient(from 91.33deg at 50% 50%, #2f333a 0deg, #6e85ac 1turn); }
  .jotform-form .form-submit-button-gradient-28.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-28.form-pagebreak-next {
    color: #fff;
    border-color: #6b7584;
    background-color: #6b7584; }
  .jotform-form .form-submit-button-gradient-28.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-28.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-28.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-28.form-pagebreak-next:hover {
    border-color: rgba(107, 117, 132, 0.8);
    background-color: rgba(107, 117, 132, 0.8); }
  .jotform-form .form-submit-button-gradient-28.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-28.form-pagebreak-back {
    color: #fff;
    border-color: rgba(74, 83, 97, 0.8);
    background-color: rgba(74, 83, 97, 0.8); }
  .jotform-form .form-submit-button-gradient-28.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-28.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-28.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-28.form-pagebreak-back:hover {
    border-color: #4a5361;
    background-color: #4a5361; }
  .jotform-form .form-submit-button-gradient-28.form-sacl-button,
  .jotform-form .form-submit-button-gradient-28.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-28.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-28.form-submit-print {
    color: #4a5361;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-28.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-28.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-28.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-28.form-submit-print:after {
    background: conic-gradient(from 91.33deg at 50% 50%, #2f333a 0deg, #6e85ac 1turn); }
  .jotform-form .form-submit-button-gradient-28.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-28.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-28.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-28.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-28.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-28.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-28.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-28.form-submit-print:hover {
    color: #fff;
    background: conic-gradient(from 91.33deg at 50% 50%, #2f333a 0deg, #6e85ac 1turn); }
  .jotform-form .form-submit-button-gradient-29.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-29.submit-button {
    color: #fff;
    border-color: #c90909;
    background: conic-gradient(from 90deg at 50% 51.16%, #b00 0deg, #001a64 1turn); }
  .jotform-form .form-submit-button-gradient-29.submit-button:active,
  .jotform-form .form-submit-button-gradient-29.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-29.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-29.submit-button:hover {
    background: conic-gradient(from 90deg at 50% 51.16%, #b00 0deg, #001a64 1turn); }
  .jotform-form .form-submit-button-gradient-29.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-29.form-pagebreak-next {
    color: #fff;
    border-color: #ab0101;
    background-color: #ab0101; }
  .jotform-form .form-submit-button-gradient-29.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-29.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-29.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-29.form-pagebreak-next:hover {
    border-color: rgba(171, 1, 1, 0.8);
    background-color: rgba(171, 1, 1, 0.8); }
  .jotform-form .form-submit-button-gradient-29.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-29.form-pagebreak-back {
    color: #fff;
    border-color: rgba(201, 9, 9, 0.8);
    background-color: rgba(201, 9, 9, 0.8); }
  .jotform-form .form-submit-button-gradient-29.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-29.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-29.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-29.form-pagebreak-back:hover {
    border-color: #c90909;
    background-color: #c90909; }
  .jotform-form .form-submit-button-gradient-29.form-sacl-button,
  .jotform-form .form-submit-button-gradient-29.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-29.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-29.form-submit-print {
    color: #c90909;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-29.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-29.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-29.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-29.form-submit-print:after {
    background: conic-gradient(from 90deg at 50% 51.16%, #b00 0deg, #001a64 1turn); }
  .jotform-form .form-submit-button-gradient-29.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-29.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-29.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-29.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-29.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-29.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-29.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-29.form-submit-print:hover {
    color: #fff;
    background: conic-gradient(from 90deg at 50% 51.16%, #b00 0deg, #001a64 1turn); }
  .jotform-form .form-submit-button-gradient-30.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-30.submit-button {
    color: #fff;
    border-color: #ff6100;
    background: conic-gradient(from 90deg at 50% 51.16%, #ffb629 0deg, #ba2222 1turn); }
  .jotform-form .form-submit-button-gradient-30.submit-button:active,
  .jotform-form .form-submit-button-gradient-30.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-30.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-30.submit-button:hover {
    background: conic-gradient(from 90deg at 50% 51.16%, #ffb629 0deg, #ba2222 1turn); }
  .jotform-form .form-submit-button-gradient-30.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-30.form-pagebreak-next {
    color: #fff;
    border-color: #e55300;
    background-color: #e55300; }
  .jotform-form .form-submit-button-gradient-30.form-pagebreak-next:active,
  .jotform-form .form-submit-button-gradient-30.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-30.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-30.form-pagebreak-next:hover {
    border-color: rgba(229, 83, 0, 0.8);
    background-color: rgba(229, 83, 0, 0.8); }
  .jotform-form .form-submit-button-gradient-30.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-30.form-pagebreak-back {
    color: #fff;
    border-color: rgba(255, 97, 0, 0.8);
    background-color: rgba(255, 97, 0, 0.8); }
  .jotform-form .form-submit-button-gradient-30.form-pagebreak-back:active,
  .jotform-form .form-submit-button-gradient-30.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-30.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-30.form-pagebreak-back:hover {
    border-color: #e55300;
    background-color: #e55300; }
  .jotform-form .form-submit-button-gradient-30.form-sacl-button,
  .jotform-form .form-submit-button-gradient-30.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-30.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-30.form-submit-print {
    color: #ff6100;
    border-color: transparent; }
  .jotform-form .form-submit-button-gradient-30.form-sacl-button:after,
  .jotform-form .form-submit-button-gradient-30.form-submit-print:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-30.form-sacl-button:after,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-30.form-submit-print:after {
    background: conic-gradient(from 90deg at 50% 51.16%, #ffb629 0deg, #ba2222 1turn); }
  .jotform-form .form-submit-button-gradient-30.form-sacl-button:active,
  .jotform-form .form-submit-button-gradient-30.form-sacl-button:hover,
  .jotform-form .form-submit-button-gradient-30.form-submit-print:active,
  .jotform-form .form-submit-button-gradient-30.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-30.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-30.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-30.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-gradient-30.form-submit-print:hover {
    color: #fff;
    background: conic-gradient(from 90deg at 50% 51.16%, #ffb629 0deg, #ba2222 1turn); }
  .jotform-form .form-submit-button-image-1.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-1.form-sacl-button,
  .jotform-form .form-submit-button-image-1.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-2.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-2.form-sacl-button,
  .jotform-form .form-submit-button-image-2.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-3.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-3.form-sacl-button,
  .jotform-form .form-submit-button-image-3.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-4.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-4.form-sacl-button,
  .jotform-form .form-submit-button-image-4.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-5.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-5.form-sacl-button,
  .jotform-form .form-submit-button-image-5.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-6.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-6.form-sacl-button,
  .jotform-form .form-submit-button-image-6.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-7.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-7.form-sacl-button,
  .jotform-form .form-submit-button-image-7.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-8.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-8.form-sacl-button,
  .jotform-form .form-submit-button-image-8.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-9.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-9.form-sacl-button,
  .jotform-form .form-submit-button-image-9.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-10.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-10.form-sacl-button,
  .jotform-form .form-submit-button-image-10.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-11.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-11.form-sacl-button,
  .jotform-form .form-submit-button-image-11.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-12.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-12.form-sacl-button,
  .jotform-form .form-submit-button-image-12.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-13.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-13.form-sacl-button,
  .jotform-form .form-submit-button-image-13.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-14.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-14.form-sacl-button,
  .jotform-form .form-submit-button-image-14.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-15.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-15.form-sacl-button,
  .jotform-form .form-submit-button-image-15.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-16.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-16.form-sacl-button,
  .jotform-form .form-submit-button-image-16.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-17.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-17.form-sacl-button,
  .jotform-form .form-submit-button-image-17.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-18.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-18.form-sacl-button,
  .jotform-form .form-submit-button-image-18.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-19.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-19.form-sacl-button,
  .jotform-form .form-submit-button-image-19.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-20.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-20.form-sacl-button,
  .jotform-form .form-submit-button-image-20.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-21.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-21.form-sacl-button,
  .jotform-form .form-submit-button-image-21.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-22.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-22.form-sacl-button,
  .jotform-form .form-submit-button-image-22.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-23.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-23.form-sacl-button,
  .jotform-form .form-submit-button-image-23.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-24.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-24.form-sacl-button,
  .jotform-form .form-submit-button-image-24.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-25.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-25.form-sacl-button,
  .jotform-form .form-submit-button-image-25.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-26.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-26.form-sacl-button,
  .jotform-form .form-submit-button-image-26.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-27.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-27.form-sacl-button,
  .jotform-form .form-submit-button-image-27.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-28.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-28.form-sacl-button,
  .jotform-form .form-submit-button-image-28.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-29.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-29.form-sacl-button,
  .jotform-form .form-submit-button-image-29.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-30.submit-button {
    border-color: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-weight: 600; }
  .jotform-form .form-submit-button-image-30.form-sacl-button,
  .jotform-form .form-submit-button-image-30.form-submit-print {
    background-color: #fff; }
  .jotform-form .form-submit-button-image-1.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-1.submit-button {
    color: #fff;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-1.png); }
  .jotform-form .form-submit-button-image-1.submit-button:active,
  .jotform-form .form-submit-button-image-1.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-1.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-1.submit-button:hover {
    border-color: rgba(220, 38, 38, 0.8);
    background-color: rgba(220, 38, 38, 0.8); }
  .jotform-form .form-submit-button-image-1.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-1.form-pagebreak-next {
    color: #fff;
    border-color: #ab0101;
    background-color: #ab0101; }
  .jotform-form .form-submit-button-image-1.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-1.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-1.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-1.form-pagebreak-next:hover {
    border-color: rgba(171, 1, 1, 0.8);
    background-color: rgba(171, 1, 1, 0.8); }
  .jotform-form .form-submit-button-image-1.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-1.form-pagebreak-back {
    color: #fff;
    border-color: rgba(220, 38, 38, 0.8);
    background-color: rgba(220, 38, 38, 0.8); }
  .jotform-form .form-submit-button-image-1.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-1.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-1.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-1.form-pagebreak-back:hover {
    border-color: #dc2626;
    background-color: #dc2626; }
  .jotform-form .form-submit-button-image-1.form-sacl-button,
  .jotform-form .form-submit-button-image-1.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-1.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-1.form-submit-print {
    border-color: #dc2626;
    color: #dc2626; }
  .jotform-form .form-submit-button-image-1.form-sacl-button:active,
  .jotform-form .form-submit-button-image-1.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-1.form-submit-print:active,
  .jotform-form .form-submit-button-image-1.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-1.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-1.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-1.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-1.form-submit-print:hover {
    color: #fff;
    background-color: #dc2626; }
  .jotform-form .form-submit-button-image-2.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-2.submit-button {
    color: #e55300;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-2.png?v=0.3); }
  .jotform-form .form-submit-button-image-2.submit-button:active,
  .jotform-form .form-submit-button-image-2.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-2.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-2.submit-button:hover {
    border-color: rgba(229, 83, 0, 0.8);
    background-color: rgba(229, 83, 0, 0.8); }
  .jotform-form .form-submit-button-image-2.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-2.form-pagebreak-next {
    color: #fff;
    border-color: #e55300;
    background-color: #e55300; }
  .jotform-form .form-submit-button-image-2.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-2.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-2.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-2.form-pagebreak-next:hover {
    border-color: rgba(229, 83, 0, 0.8);
    background-color: rgba(229, 83, 0, 0.8); }
  .jotform-form .form-submit-button-image-2.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-2.form-pagebreak-back {
    color: #fff;
    border-color: rgba(229, 83, 0, 0.8);
    background-color: rgba(229, 83, 0, 0.8); }
  .jotform-form .form-submit-button-image-2.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-2.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-2.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-2.form-pagebreak-back:hover {
    border-color: #e55300;
    background-color: #e55300; }
  .jotform-form .form-submit-button-image-2.form-sacl-button,
  .jotform-form .form-submit-button-image-2.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-2.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-2.form-submit-print {
    border-color: #e55300;
    color: #e55300; }
  .jotform-form .form-submit-button-image-2.form-sacl-button:active,
  .jotform-form .form-submit-button-image-2.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-2.form-submit-print:active,
  .jotform-form .form-submit-button-image-2.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-2.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-2.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-2.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-2.form-submit-print:hover {
    color: #fff;
    background-color: #e55300; }
  .jotform-form .form-submit-button-image-3.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-3.submit-button {
    color: #fff;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-3.png); }
  .jotform-form .form-submit-button-image-3.submit-button:active,
  .jotform-form .form-submit-button-image-3.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-3.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-3.submit-button:hover {
    border-color: rgba(225, 18, 65, 0.8);
    background-color: rgba(225, 18, 65, 0.8); }
  .jotform-form .form-submit-button-image-3.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-3.form-pagebreak-next {
    color: #fff;
    border-color: #e11241;
    background-color: #e11241; }
  .jotform-form .form-submit-button-image-3.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-3.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-3.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-3.form-pagebreak-next:hover {
    border-color: rgba(225, 18, 65, 0.8);
    background-color: rgba(225, 18, 65, 0.8); }
  .jotform-form .form-submit-button-image-3.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-3.form-pagebreak-back {
    color: #fff;
    border-color: rgba(225, 18, 65, 0.8);
    background-color: rgba(225, 18, 65, 0.8); }
  .jotform-form .form-submit-button-image-3.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-3.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-3.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-3.form-pagebreak-back:hover {
    border-color: #e11241;
    background-color: #e11241; }
  .jotform-form .form-submit-button-image-3.form-sacl-button,
  .jotform-form .form-submit-button-image-3.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-3.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-3.form-submit-print {
    border-color: #e11241;
    color: #e11241; }
  .jotform-form .form-submit-button-image-3.form-sacl-button:active,
  .jotform-form .form-submit-button-image-3.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-3.form-submit-print:active,
  .jotform-form .form-submit-button-image-3.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-3.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-3.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-3.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-3.form-submit-print:hover {
    color: #fff;
    background-color: #e11241; }
  .jotform-form .form-submit-button-image-4.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-4.submit-button {
    color: #249bb4;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-4.png); }
  .jotform-form .form-submit-button-image-4.submit-button:active,
  .jotform-form .form-submit-button-image-4.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-4.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-4.submit-button:hover {
    border-color: rgba(36, 155, 180, 0.8);
    background-color: rgba(36, 155, 180, 0.8); }
  .jotform-form .form-submit-button-image-4.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-4.form-pagebreak-next {
    color: #fff;
    border-color: #1989a0;
    background-color: #1989a0; }
  .jotform-form .form-submit-button-image-4.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-4.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-4.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-4.form-pagebreak-next:hover {
    border-color: rgba(25, 137, 160, 0.8);
    background-color: rgba(25, 137, 160, 0.8); }
  .jotform-form .form-submit-button-image-4.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-4.form-pagebreak-back {
    color: #fff;
    border-color: rgba(36, 155, 180, 0.8);
    background-color: rgba(36, 155, 180, 0.8); }
  .jotform-form .form-submit-button-image-4.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-4.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-4.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-4.form-pagebreak-back:hover {
    border-color: #249bb4;
    background-color: #249bb4; }
  .jotform-form .form-submit-button-image-4.form-sacl-button,
  .jotform-form .form-submit-button-image-4.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-4.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-4.form-submit-print {
    border-color: #249bb4;
    color: #249bb4; }
  .jotform-form .form-submit-button-image-4.form-sacl-button:active,
  .jotform-form .form-submit-button-image-4.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-4.form-submit-print:active,
  .jotform-form .form-submit-button-image-4.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-4.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-4.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-4.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-4.form-submit-print:hover {
    color: #fff;
    background: #249bb4; }
  .jotform-form .form-submit-button-image-5.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-5.submit-button {
    color: #0a1551;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-5.png); }
  .jotform-form .form-submit-button-image-5.submit-button:active,
  .jotform-form .form-submit-button-image-5.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-5.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-5.submit-button:hover {
    border-color: rgba(10, 21, 81, 0.8);
    background-color: rgba(10, 21, 81, 0.8); }
  .jotform-form .form-submit-button-image-5.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-5.form-pagebreak-next {
    color: #fff;
    border-color: #2639aa;
    background-color: #2639aa; }
  .jotform-form .form-submit-button-image-5.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-5.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-5.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-5.form-pagebreak-next:hover {
    border-color: rgba(38, 57, 170, 0.8);
    background-color: rgba(38, 57, 170, 0.8); }
  .jotform-form .form-submit-button-image-5.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-5.form-pagebreak-back {
    color: #fff;
    border-color: rgba(10, 21, 81, 0.8);
    background-color: rgba(10, 21, 81, 0.8); }
  .jotform-form .form-submit-button-image-5.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-5.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-5.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-5.form-pagebreak-back:hover {
    border-color: #0a1551;
    background-color: #0a1551; }
  .jotform-form .form-submit-button-image-5.form-sacl-button,
  .jotform-form .form-submit-button-image-5.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-5.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-5.form-submit-print {
    border-color: #0a1551;
    color: #0a1551; }
  .jotform-form .form-submit-button-image-5.form-sacl-button:active,
  .jotform-form .form-submit-button-image-5.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-5.form-submit-print:active,
  .jotform-form .form-submit-button-image-5.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-5.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-5.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-5.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-5.form-submit-print:hover {
    color: #fff;
    background-color: #0a1551; }
  .jotform-form .form-submit-button-image-6.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-6.submit-button {
    color: #007b2a;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-6.png); }
  .jotform-form .form-submit-button-image-6.submit-button:active,
  .jotform-form .form-submit-button-image-6.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-6.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-6.submit-button:hover {
    border-color: rgba(0, 123, 42, 0.8);
    background-color: rgba(0, 123, 42, 0.8); }
  .jotform-form .form-submit-button-image-6.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-6.form-pagebreak-next {
    color: #fff;
    border-color: #006653;
    background-color: #006653; }
  .jotform-form .form-submit-button-image-6.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-6.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-6.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-6.form-pagebreak-next:hover {
    border-color: rgba(0, 102, 83, 0.8);
    background-color: rgba(0, 102, 83, 0.8); }
  .jotform-form .form-submit-button-image-6.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-6.form-pagebreak-back {
    color: #fff;
    border-color: rgba(0, 138, 91, 0.8);
    background-color: rgba(0, 138, 91, 0.8); }
  .jotform-form .form-submit-button-image-6.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-6.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-6.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-6.form-pagebreak-back:hover {
    border-color: #008a5b;
    background-color: #008a5b; }
  .jotform-form .form-submit-button-image-6.form-sacl-button,
  .jotform-form .form-submit-button-image-6.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-6.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-6.form-submit-print {
    border-color: #007b2a;
    color: #007b2a; }
  .jotform-form .form-submit-button-image-6.form-sacl-button:active,
  .jotform-form .form-submit-button-image-6.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-6.form-submit-print:active,
  .jotform-form .form-submit-button-image-6.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-6.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-6.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-6.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-6.form-submit-print:hover {
    color: #fff;
    background-color: #007b2a; }
  .jotform-form .form-submit-button-image-7.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-7.submit-button {
    color: #733000;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-7.png); }
  .jotform-form .form-submit-button-image-7.submit-button:active,
  .jotform-form .form-submit-button-image-7.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-7.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-7.submit-button:hover {
    border-color: rgba(115, 48, 0, 0.8);
    background-color: rgba(115, 48, 0, 0.8); }
  .jotform-form .form-submit-button-image-7.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-7.form-pagebreak-next {
    color: #fff;
    border-color: #2e1100;
    background-color: #2e1100; }
  .jotform-form .form-submit-button-image-7.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-7.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-7.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-7.form-pagebreak-next:hover {
    border-color: rgba(46, 17, 0, 0.8);
    background-color: rgba(46, 17, 0, 0.8); }
  .jotform-form .form-submit-button-image-7.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-7.form-pagebreak-back {
    color: #fff;
    border-color: rgba(115, 48, 0, 0.8);
    background-color: rgba(115, 48, 0, 0.8); }
  .jotform-form .form-submit-button-image-7.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-7.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-7.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-7.form-pagebreak-back:hover {
    border-color: #733000;
    background-color: #733000; }
  .jotform-form .form-submit-button-image-7.form-sacl-button,
  .jotform-form .form-submit-button-image-7.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-7.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-7.form-submit-print {
    border-color: #733000;
    color: #733000; }
  .jotform-form .form-submit-button-image-7.form-sacl-button:active,
  .jotform-form .form-submit-button-image-7.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-7.form-submit-print:active,
  .jotform-form .form-submit-button-image-7.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-7.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-7.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-7.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-7.form-submit-print:hover {
    color: #fff;
    background-color: #733000; }
  .jotform-form .form-submit-button-image-8.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-8.submit-button {
    color: #ff6b6b;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-8.png); }
  .jotform-form .form-submit-button-image-8.submit-button:active,
  .jotform-form .form-submit-button-image-8.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-8.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-8.submit-button:hover {
    border-color: rgba(255, 107, 107, 0.8);
    background-color: rgba(255, 107, 107, 0.8); }
  .jotform-form .form-submit-button-image-8.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-8.form-pagebreak-next {
    color: #fff;
    border-color: #e11241;
    background-color: #e11241; }
  .jotform-form .form-submit-button-image-8.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-8.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-8.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-8.form-pagebreak-next:hover {
    border-color: rgba(225, 18, 65, 0.8);
    background-color: rgba(225, 18, 65, 0.8); }
  .jotform-form .form-submit-button-image-8.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-8.form-pagebreak-back {
    color: #fff;
    border-color: rgba(255, 107, 107, 0.8);
    background-color: rgba(255, 107, 107, 0.8); }
  .jotform-form .form-submit-button-image-8.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-8.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-8.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-8.form-pagebreak-back:hover {
    border-color: #ff6b6b;
    background-color: #ff6b6b; }
  .jotform-form .form-submit-button-image-8.form-sacl-button,
  .jotform-form .form-submit-button-image-8.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-8.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-8.form-submit-print {
    border-color: #ff6b6b;
    color: #ff6b6b; }
  .jotform-form .form-submit-button-image-8.form-sacl-button:active,
  .jotform-form .form-submit-button-image-8.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-8.form-submit-print:active,
  .jotform-form .form-submit-button-image-8.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-8.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-8.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-8.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-8.form-submit-print:hover {
    color: #fff;
    background-color: #ff6b6b; }
  .jotform-form .form-submit-button-image-9.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-9.submit-button {
    color: #0a1551;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-9.png); }
  .jotform-form .form-submit-button-image-9.submit-button:active,
  .jotform-form .form-submit-button-image-9.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-9.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-9.submit-button:hover {
    border-color: rgba(10, 21, 81, 0.8);
    background-color: rgba(10, 21, 81, 0.8); }
  .jotform-form .form-submit-button-image-9.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-9.form-pagebreak-next {
    color: #fff;
    border-color: #2639aa;
    background-color: #2639aa; }
  .jotform-form .form-submit-button-image-9.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-9.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-9.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-9.form-pagebreak-next:hover {
    border-color: rgba(38, 57, 170, 0.8);
    background-color: rgba(38, 57, 170, 0.8); }
  .jotform-form .form-submit-button-image-9.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-9.form-pagebreak-back {
    color: #fff;
    border-color: rgba(10, 21, 81, 0.8);
    background-color: rgba(10, 21, 81, 0.8); }
  .jotform-form .form-submit-button-image-9.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-9.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-9.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-9.form-pagebreak-back:hover {
    border-color: #0a1551;
    background-color: #0a1551; }
  .jotform-form .form-submit-button-image-9.form-sacl-button,
  .jotform-form .form-submit-button-image-9.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-9.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-9.form-submit-print {
    border-color: #0a1551;
    color: #0a1551; }
  .jotform-form .form-submit-button-image-9.form-sacl-button:active,
  .jotform-form .form-submit-button-image-9.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-9.form-submit-print:active,
  .jotform-form .form-submit-button-image-9.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-9.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-9.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-9.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-9.form-submit-print:hover {
    color: #fff;
    background-color: #0a1551; }
  .jotform-form .form-submit-button-image-10.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-10.submit-button {
    color: #e55300;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-10.png); }
  .jotform-form .form-submit-button-image-10.submit-button:active,
  .jotform-form .form-submit-button-image-10.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-10.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-10.submit-button:hover {
    border-color: rgba(229, 83, 0, 0.8);
    background-color: rgba(229, 83, 0, 0.8); }
  .jotform-form .form-submit-button-image-10.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-10.form-pagebreak-next {
    color: #fff;
    border-color: #e55300;
    background-color: #e55300; }
  .jotform-form .form-submit-button-image-10.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-10.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-10.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-10.form-pagebreak-next:hover {
    border-color: rgba(229, 83, 0, 0.8);
    background-color: rgba(229, 83, 0, 0.8); }
  .jotform-form .form-submit-button-image-10.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-10.form-pagebreak-back {
    color: #fff;
    border-color: rgba(255, 97, 0, 0.8);
    background-color: rgba(255, 97, 0, 0.8); }
  .jotform-form .form-submit-button-image-10.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-10.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-10.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-10.form-pagebreak-back:hover {
    border-color: #ff6100;
    background-color: #ff6100; }
  .jotform-form .form-submit-button-image-10.form-sacl-button,
  .jotform-form .form-submit-button-image-10.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-10.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-10.form-submit-print {
    border-color: #e55300;
    color: #e55300; }
  .jotform-form .form-submit-button-image-10.form-sacl-button:active,
  .jotform-form .form-submit-button-image-10.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-10.form-submit-print:active,
  .jotform-form .form-submit-button-image-10.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-10.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-10.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-10.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-10.form-submit-print:hover {
    color: #fff;
    background-color: #e55300; }
  .jotform-form .form-submit-button-image-11.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-11.submit-button {
    color: #0a1551;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-11.png); }
  .jotform-form .form-submit-button-image-11.submit-button:active,
  .jotform-form .form-submit-button-image-11.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-11.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-11.submit-button:hover {
    border-color: rgba(10, 21, 81, 0.8);
    background-color: rgba(10, 21, 81, 0.8); }
  .jotform-form .form-submit-button-image-11.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-11.form-pagebreak-next {
    color: #fff;
    border-color: #2639aa;
    background-color: #2639aa; }
  .jotform-form .form-submit-button-image-11.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-11.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-11.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-11.form-pagebreak-next:hover {
    border-color: rgba(38, 57, 170, 0.8);
    background-color: rgba(38, 57, 170, 0.8); }
  .jotform-form .form-submit-button-image-11.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-11.form-pagebreak-back {
    color: #fff;
    border-color: rgba(10, 21, 81, 0.8);
    background-color: rgba(10, 21, 81, 0.8); }
  .jotform-form .form-submit-button-image-11.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-11.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-11.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-11.form-pagebreak-back:hover {
    border-color: #0a1551;
    background-color: #0a1551; }
  .jotform-form .form-submit-button-image-11.form-sacl-button,
  .jotform-form .form-submit-button-image-11.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-11.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-11.form-submit-print {
    border-color: #0a1551;
    color: #0a1551; }
  .jotform-form .form-submit-button-image-11.form-sacl-button:active,
  .jotform-form .form-submit-button-image-11.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-11.form-submit-print:active,
  .jotform-form .form-submit-button-image-11.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-11.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-11.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-11.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-11.form-submit-print:hover {
    color: #fff;
    background-color: #0a1551; }
  .jotform-form .form-submit-button-image-12.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-12.submit-button {
    color: #fff;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-12.png); }
  .jotform-form .form-submit-button-image-12.submit-button:active,
  .jotform-form .form-submit-button-image-12.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-12.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-12.submit-button:hover {
    border-color: rgba(10, 21, 81, 0.8);
    background-color: rgba(10, 21, 81, 0.8); }
  .jotform-form .form-submit-button-image-12.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-12.form-pagebreak-next {
    color: #fff;
    border-color: #2639aa;
    background-color: #2639aa; }
  .jotform-form .form-submit-button-image-12.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-12.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-12.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-12.form-pagebreak-next:hover {
    border-color: rgba(38, 57, 170, 0.8);
    background-color: rgba(38, 57, 170, 0.8); }
  .jotform-form .form-submit-button-image-12.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-12.form-pagebreak-back {
    color: #fff;
    border-color: rgba(10, 21, 81, 0.8);
    background-color: rgba(10, 21, 81, 0.8); }
  .jotform-form .form-submit-button-image-12.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-12.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-12.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-12.form-pagebreak-back:hover {
    border-color: #0a1551;
    background-color: #0a1551; }
  .jotform-form .form-submit-button-image-12.form-sacl-button,
  .jotform-form .form-submit-button-image-12.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-12.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-12.form-submit-print {
    border-color: #0a1551;
    color: #0a1551; }
  .jotform-form .form-submit-button-image-12.form-sacl-button:active,
  .jotform-form .form-submit-button-image-12.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-12.form-submit-print:active,
  .jotform-form .form-submit-button-image-12.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-12.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-12.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-12.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-12.form-submit-print:hover {
    color: #fff;
    background-color: #0a1551; }
  .jotform-form .form-submit-button-image-13.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-13.submit-button {
    color: #6f76a7;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-13.png); }
  .jotform-form .form-submit-button-image-13.submit-button:active,
  .jotform-form .form-submit-button-image-13.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-13.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-13.submit-button:hover {
    border-color: rgba(111, 118, 167, 0.8);
    background-color: rgba(111, 118, 167, 0.8); }
  .jotform-form .form-submit-button-image-13.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-13.form-pagebreak-next {
    color: #fff;
    border-color: #252d5b;
    background-color: #252d5b; }
  .jotform-form .form-submit-button-image-13.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-13.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-13.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-13.form-pagebreak-next:hover {
    border-color: #6f76a7;
    background-color: #6f76a7; }
  .jotform-form .form-submit-button-image-13.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-13.form-pagebreak-back {
    color: #fff;
    border-color: rgba(111, 118, 167, 0.8);
    background-color: rgba(111, 118, 167, 0.8); }
  .jotform-form .form-submit-button-image-13.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-13.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-13.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-13.form-pagebreak-back:hover {
    border-color: #6f76a7;
    background-color: #6f76a7; }
  .jotform-form .form-submit-button-image-13.form-sacl-button,
  .jotform-form .form-submit-button-image-13.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-13.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-13.form-submit-print {
    border-color: #6f76a7;
    color: #6f76a7; }
  .jotform-form .form-submit-button-image-13.form-sacl-button:active,
  .jotform-form .form-submit-button-image-13.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-13.form-submit-print:active,
  .jotform-form .form-submit-button-image-13.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-13.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-13.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-13.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-13.form-submit-print:hover {
    color: #fff;
    background-color: #6f76a7; }
  .jotform-form .form-submit-button-image-14.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-14.submit-button {
    color: #ff4b79;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-14.png?v=0.2); }
  .jotform-form .form-submit-button-image-14.submit-button:active,
  .jotform-form .form-submit-button-image-14.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-14.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-14.submit-button:hover {
    border-color: rgba(255, 75, 121, 0.8);
    background-color: rgba(255, 75, 121, 0.8); }
  .jotform-form .form-submit-button-image-14.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-14.form-pagebreak-next {
    color: #fff;
    border-color: #e11241;
    background-color: #e11241; }
  .jotform-form .form-submit-button-image-14.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-14.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-14.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-14.form-pagebreak-next:hover {
    border-color: rgba(225, 18, 65, 0.8);
    background-color: rgba(225, 18, 65, 0.8); }
  .jotform-form .form-submit-button-image-14.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-14.form-pagebreak-back {
    color: #fff;
    border-color: rgba(255, 75, 121, 0.8);
    background-color: rgba(255, 75, 121, 0.8); }
  .jotform-form .form-submit-button-image-14.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-14.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-14.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-14.form-pagebreak-back:hover {
    border-color: #ff4b79;
    background-color: #ff4b79; }
  .jotform-form .form-submit-button-image-14.form-sacl-button,
  .jotform-form .form-submit-button-image-14.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-14.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-14.form-submit-print {
    border-color: #ff4b79;
    color: #ff4b79; }
  .jotform-form .form-submit-button-image-14.form-sacl-button:active,
  .jotform-form .form-submit-button-image-14.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-14.form-submit-print:active,
  .jotform-form .form-submit-button-image-14.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-14.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-14.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-14.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-14.form-submit-print:hover {
    color: #fff;
    background-color: #ff4b79; }
  .jotform-form .form-submit-button-image-15.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-15.submit-button {
    color: #42200f;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-15.png?v=0.2); }
  .jotform-form .form-submit-button-image-15.submit-button:active,
  .jotform-form .form-submit-button-image-15.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-15.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-15.submit-button:hover {
    border-color: rgba(66, 32, 15, 0.8);
    background-color: rgba(66, 32, 15, 0.8); }
  .jotform-form .form-submit-button-image-15.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-15.form-pagebreak-next {
    color: #fff;
    border-color: #2e1100;
    background-color: #2e1100; }
  .jotform-form .form-submit-button-image-15.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-15.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-15.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-15.form-pagebreak-next:hover {
    border-color: rgba(46, 17, 0, 0.8);
    background-color: rgba(46, 17, 0, 0.8); }
  .jotform-form .form-submit-button-image-15.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-15.form-pagebreak-back {
    color: #fff;
    border-color: rgba(66, 32, 15, 0.8);
    background-color: rgba(66, 32, 15, 0.8); }
  .jotform-form .form-submit-button-image-15.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-15.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-15.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-15.form-pagebreak-back:hover {
    border-color: #42200f;
    background-color: #42200f; }
  .jotform-form .form-submit-button-image-15.form-sacl-button,
  .jotform-form .form-submit-button-image-15.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-15.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-15.form-submit-print {
    border-color: #42200f;
    color: #42200f; }
  .jotform-form .form-submit-button-image-15.form-sacl-button:active,
  .jotform-form .form-submit-button-image-15.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-15.form-submit-print:active,
  .jotform-form .form-submit-button-image-15.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-15.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-15.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-15.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-15.form-submit-print:hover {
    color: #fff;
    background-color: #42200f; }
  .jotform-form .form-submit-button-image-16.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-16.submit-button {
    color: #f49200;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-16.png); }
  .jotform-form .form-submit-button-image-16.submit-button:active,
  .jotform-form .form-submit-button-image-16.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-16.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-16.submit-button:hover {
    border-color: rgba(244, 146, 0, 0.8);
    background-color: rgba(244, 146, 0, 0.8); }
  .jotform-form .form-submit-button-image-16.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-16.form-pagebreak-next {
    color: #fff;
    border-color: #f49200;
    background-color: #f49200; }
  .jotform-form .form-submit-button-image-16.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-16.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-16.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-16.form-pagebreak-next:hover {
    border-color: rgba(244, 146, 0, 0.8);
    background-color: rgba(244, 146, 0, 0.8); }
  .jotform-form .form-submit-button-image-16.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-16.form-pagebreak-back {
    color: #fff;
    border-color: rgba(255, 196, 44, 0.8);
    background-color: rgba(255, 196, 44, 0.8); }
  .jotform-form .form-submit-button-image-16.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-16.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-16.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-16.form-pagebreak-back:hover {
    border-color: #ffc42c;
    background-color: #ffc42c; }
  .jotform-form .form-submit-button-image-16.form-sacl-button,
  .jotform-form .form-submit-button-image-16.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-16.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-16.form-submit-print {
    border-color: #f49200;
    color: #f49200; }
  .jotform-form .form-submit-button-image-16.form-sacl-button:active,
  .jotform-form .form-submit-button-image-16.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-16.form-submit-print:active,
  .jotform-form .form-submit-button-image-16.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-16.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-16.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-16.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-16.form-submit-print:hover {
    color: #fff;
    background-color: #f49200; }
  .jotform-form .form-submit-button-image-17.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-17.submit-button {
    color: #fff;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-17.png); }
  .jotform-form .form-submit-button-image-17.submit-button:active,
  .jotform-form .form-submit-button-image-17.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-17.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-17.submit-button:hover {
    border-color: rgba(0, 120, 98, 0.8);
    background-color: rgba(0, 120, 98, 0.8); }
  .jotform-form .form-submit-button-image-17.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-17.form-pagebreak-next {
    color: #fff;
    border-color: #006653;
    background-color: #006653; }
  .jotform-form .form-submit-button-image-17.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-17.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-17.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-17.form-pagebreak-next:hover {
    border-color: rgba(0, 102, 83, 0.8);
    background-color: rgba(0, 102, 83, 0.8); }
  .jotform-form .form-submit-button-image-17.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-17.form-pagebreak-back {
    color: #fff;
    border-color: rgba(0, 138, 91, 0.8);
    background-color: rgba(0, 138, 91, 0.8); }
  .jotform-form .form-submit-button-image-17.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-17.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-17.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-17.form-pagebreak-back:hover {
    border-color: #008a5b;
    background-color: #008a5b; }
  .jotform-form .form-submit-button-image-17.form-sacl-button,
  .jotform-form .form-submit-button-image-17.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-17.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-17.form-submit-print {
    border-color: #007862;
    color: #007862; }
  .jotform-form .form-submit-button-image-17.form-sacl-button:active,
  .jotform-form .form-submit-button-image-17.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-17.form-submit-print:active,
  .jotform-form .form-submit-button-image-17.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-17.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-17.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-17.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-17.form-submit-print:hover {
    color: #fff;
    background-color: #007862; }
  .jotform-form .form-submit-button-image-18.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-18.submit-button {
    color: #6a0063;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-18.png); }
  .jotform-form .form-submit-button-image-18.submit-button:active,
  .jotform-form .form-submit-button-image-18.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-18.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-18.submit-button:hover {
    border-color: rgba(106, 0, 99, 0.8);
    background-color: rgba(106, 0, 99, 0.8); }
  .jotform-form .form-submit-button-image-18.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-18.form-pagebreak-next {
    color: #fff;
    border-color: #6a0063;
    background-color: #6a0063; }
  .jotform-form .form-submit-button-image-18.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-18.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-18.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-18.form-pagebreak-next:hover {
    border-color: rgba(106, 0, 99, 0.8);
    background-color: rgba(106, 0, 99, 0.8); }
  .jotform-form .form-submit-button-image-18.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-18.form-pagebreak-back {
    color: #fff;
    border-color: rgba(137, 45, 202, 0.8);
    background-color: rgba(137, 45, 202, 0.8); }
  .jotform-form .form-submit-button-image-18.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-18.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-18.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-18.form-pagebreak-back:hover {
    border-color: #892dca;
    background-color: #892dca; }
  .jotform-form .form-submit-button-image-18.form-sacl-button,
  .jotform-form .form-submit-button-image-18.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-18.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-18.form-submit-print {
    border-color: #6a0063;
    color: #6a0063; }
  .jotform-form .form-submit-button-image-18.form-sacl-button:active,
  .jotform-form .form-submit-button-image-18.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-18.form-submit-print:active,
  .jotform-form .form-submit-button-image-18.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-18.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-18.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-18.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-18.form-submit-print:hover {
    color: #fff;
    background-color: #6a0063; }
  .jotform-form .form-submit-button-image-19.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-19.submit-button {
    color: #fff;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-19.png); }
  .jotform-form .form-submit-button-image-19.submit-button:active,
  .jotform-form .form-submit-button-image-19.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-19.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-19.submit-button:hover {
    border-color: rgba(195, 21, 61, 0.8);
    background-color: rgba(195, 21, 61, 0.8); }
  .jotform-form .form-submit-button-image-19.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-19.form-pagebreak-next {
    color: #fff;
    border-color: #c3153d;
    background-color: #c3153d; }
  .jotform-form .form-submit-button-image-19.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-19.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-19.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-19.form-pagebreak-next:hover {
    border-color: rgba(195, 21, 61, 0.8);
    background-color: rgba(195, 21, 61, 0.8); }
  .jotform-form .form-submit-button-image-19.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-19.form-pagebreak-back {
    color: #fff;
    border-color: rgba(255, 75, 121, 0.8);
    background-color: rgba(255, 75, 121, 0.8); }
  .jotform-form .form-submit-button-image-19.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-19.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-19.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-19.form-pagebreak-back:hover {
    border-color: #ff4b79;
    background-color: #ff4b79; }
  .jotform-form .form-submit-button-image-19.form-sacl-button,
  .jotform-form .form-submit-button-image-19.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-19.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-19.form-submit-print {
    border-color: #c3153d;
    color: #c3153d; }
  .jotform-form .form-submit-button-image-19.form-sacl-button:active,
  .jotform-form .form-submit-button-image-19.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-19.form-submit-print:active,
  .jotform-form .form-submit-button-image-19.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-19.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-19.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-19.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-19.form-submit-print:hover {
    color: #fff;
    background-color: #c3153d; }
  .jotform-form .form-submit-button-image-20.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-20.submit-button {
    color: #fff;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-20.png); }
  .jotform-form .form-submit-button-image-20.submit-button:active,
  .jotform-form .form-submit-button-image-20.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-20.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-20.submit-button:hover {
    border-color: rgba(65, 3, 1, 0.8);
    background-color: rgba(65, 3, 1, 0.8); }
  .jotform-form .form-submit-button-image-20.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-20.form-pagebreak-next {
    color: #fff;
    border-color: #42200f;
    background-color: #42200f; }
  .jotform-form .form-submit-button-image-20.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-20.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-20.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-20.form-pagebreak-next:hover {
    border-color: rgba(66, 32, 15, 0.8);
    background-color: rgba(66, 32, 15, 0.8); }
  .jotform-form .form-submit-button-image-20.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-20.form-pagebreak-back {
    color: #fff;
    border-color: rgba(65, 3, 1, 0.8);
    background-color: rgba(65, 3, 1, 0.8); }
  .jotform-form .form-submit-button-image-20.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-20.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-20.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-20.form-pagebreak-back:hover {
    border-color: #410301;
    background-color: #410301; }
  .jotform-form .form-submit-button-image-20.form-sacl-button,
  .jotform-form .form-submit-button-image-20.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-20.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-20.form-submit-print {
    border-color: #42200f;
    color: #42200f; }
  .jotform-form .form-submit-button-image-20.form-sacl-button:active,
  .jotform-form .form-submit-button-image-20.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-20.form-submit-print:active,
  .jotform-form .form-submit-button-image-20.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-20.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-20.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-20.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-20.form-submit-print:hover {
    color: #fff;
    background-color: #42200f; }
  .jotform-form .form-submit-button-image-21.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-21.submit-button {
    color: #fff;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-21.png?v=0.2); }
  .jotform-form .form-submit-button-image-21.submit-button:active,
  .jotform-form .form-submit-button-image-21.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-21.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-21.submit-button:hover {
    border-color: rgba(137, 45, 202, 0.8);
    background-color: rgba(137, 45, 202, 0.8); }
  .jotform-form .form-submit-button-image-21.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-21.form-pagebreak-next {
    color: #fff;
    border-color: #892dca;
    background-color: #892dca; }
  .jotform-form .form-submit-button-image-21.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-21.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-21.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-21.form-pagebreak-next:hover {
    border-color: rgba(137, 45, 202, 0.8);
    background-color: rgba(137, 45, 202, 0.8); }
  .jotform-form .form-submit-button-image-21.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-21.form-pagebreak-back {
    color: #fff;
    border-color: rgba(156, 77, 211, 0.8);
    background-color: rgba(156, 77, 211, 0.8); }
  .jotform-form .form-submit-button-image-21.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-21.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-21.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-21.form-pagebreak-back:hover {
    border-color: #9c4dd3;
    background-color: #9c4dd3; }
  .jotform-form .form-submit-button-image-21.form-sacl-button,
  .jotform-form .form-submit-button-image-21.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-21.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-21.form-submit-print {
    border-color: #892dca;
    color: #892dca; }
  .jotform-form .form-submit-button-image-21.form-sacl-button:active,
  .jotform-form .form-submit-button-image-21.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-21.form-submit-print:active,
  .jotform-form .form-submit-button-image-21.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-21.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-21.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-21.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-21.form-submit-print:hover {
    color: #fff;
    background-color: #892dca; }
  .jotform-form .form-submit-button-image-22.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-22.submit-button {
    color: #0a1551;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-22.png); }
  .jotform-form .form-submit-button-image-22.submit-button:active,
  .jotform-form .form-submit-button-image-22.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-22.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-22.submit-button:hover {
    border-color: rgba(10, 21, 81, 0.8);
    background-color: rgba(10, 21, 81, 0.8); }
  .jotform-form .form-submit-button-image-22.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-22.form-pagebreak-next {
    color: #fff;
    border-color: #2639aa;
    background-color: #2639aa; }
  .jotform-form .form-submit-button-image-22.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-22.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-22.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-22.form-pagebreak-next:hover {
    border-color: rgba(38, 57, 170, 0.8);
    background-color: rgba(38, 57, 170, 0.8); }
  .jotform-form .form-submit-button-image-22.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-22.form-pagebreak-back {
    color: #fff;
    border-color: rgba(10, 21, 81, 0.8);
    background-color: rgba(10, 21, 81, 0.8); }
  .jotform-form .form-submit-button-image-22.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-22.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-22.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-22.form-pagebreak-back:hover {
    border-color: #0a1551;
    background-color: #0a1551; }
  .jotform-form .form-submit-button-image-22.form-sacl-button,
  .jotform-form .form-submit-button-image-22.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-22.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-22.form-submit-print {
    border-color: #0a1551;
    color: #0a1551; }
  .jotform-form .form-submit-button-image-22.form-sacl-button:active,
  .jotform-form .form-submit-button-image-22.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-22.form-submit-print:active,
  .jotform-form .form-submit-button-image-22.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-22.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-22.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-22.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-22.form-submit-print:hover {
    color: #fff;
    background-color: #0a1551; }
  .jotform-form .form-submit-button-image-23.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-23.submit-button {
    color: #733000;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-23.png); }
  .jotform-form .form-submit-button-image-23.submit-button:active,
  .jotform-form .form-submit-button-image-23.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-23.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-23.submit-button:hover {
    border-color: rgba(115, 48, 0, 0.8);
    background-color: rgba(115, 48, 0, 0.8); }
  .jotform-form .form-submit-button-image-23.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-23.form-pagebreak-next {
    color: #fff;
    border-color: #42200f;
    background-color: #42200f; }
  .jotform-form .form-submit-button-image-23.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-23.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-23.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-23.form-pagebreak-next:hover {
    border-color: rgba(66, 32, 15, 0.8);
    background-color: rgba(66, 32, 15, 0.8); }
  .jotform-form .form-submit-button-image-23.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-23.form-pagebreak-back {
    color: #fff;
    border-color: rgba(115, 48, 0, 0.8);
    background-color: rgba(115, 48, 0, 0.8); }
  .jotform-form .form-submit-button-image-23.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-23.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-23.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-23.form-pagebreak-back:hover {
    border-color: #733000;
    background-color: #733000; }
  .jotform-form .form-submit-button-image-23.form-sacl-button,
  .jotform-form .form-submit-button-image-23.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-23.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-23.form-submit-print {
    border-color: #733000;
    color: #733000; }
  .jotform-form .form-submit-button-image-23.form-sacl-button:active,
  .jotform-form .form-submit-button-image-23.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-23.form-submit-print:active,
  .jotform-form .form-submit-button-image-23.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-23.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-23.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-23.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-23.form-submit-print:hover {
    color: #fff;
    background-color: #733000; }
  .jotform-form .form-submit-button-image-24.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-24.submit-button {
    color: #fff;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-24.png); }
  .jotform-form .form-submit-button-image-24.submit-button:active,
  .jotform-form .form-submit-button-image-24.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-24.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-24.submit-button:hover {
    border-color: rgba(0, 102, 195, 0.8);
    background-color: rgba(0, 102, 195, 0.8); }
  .jotform-form .form-submit-button-image-24.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-24.form-pagebreak-next {
    color: #fff;
    border-color: #2639aa;
    background-color: #2639aa; }
  .jotform-form .form-submit-button-image-24.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-24.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-24.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-24.form-pagebreak-next:hover {
    border-color: rgba(38, 57, 170, 0.8);
    background-color: rgba(38, 57, 170, 0.8); }
  .jotform-form .form-submit-button-image-24.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-24.form-pagebreak-back {
    color: #fff;
    border-color: rgba(0, 102, 195, 0.8);
    background-color: rgba(0, 102, 195, 0.8); }
  .jotform-form .form-submit-button-image-24.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-24.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-24.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-24.form-pagebreak-back:hover {
    border-color: #0066c3;
    background-color: #0066c3; }
  .jotform-form .form-submit-button-image-24.form-sacl-button,
  .jotform-form .form-submit-button-image-24.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-24.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-24.form-submit-print {
    border-color: #0066c3;
    color: #0066c3; }
  .jotform-form .form-submit-button-image-24.form-sacl-button:active,
  .jotform-form .form-submit-button-image-24.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-24.form-submit-print:active,
  .jotform-form .form-submit-button-image-24.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-24.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-24.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-24.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-24.form-submit-print:hover {
    color: #fff;
    background-color: #0066c3; }
  .jotform-form .form-submit-button-image-25.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-25.submit-button {
    color: #fff;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-25.png); }
  .jotform-form .form-submit-button-image-25.submit-button:active,
  .jotform-form .form-submit-button-image-25.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-25.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-25.submit-button:hover {
    border-color: rgba(0, 138, 91, 0.8);
    background-color: rgba(0, 138, 91, 0.8); }
  .jotform-form .form-submit-button-image-25.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-25.form-pagebreak-next {
    color: #fff;
    border-color: #006653;
    background-color: #006653; }
  .jotform-form .form-submit-button-image-25.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-25.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-25.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-25.form-pagebreak-next:hover {
    border-color: rgba(0, 102, 83, 0.8);
    background-color: rgba(0, 102, 83, 0.8); }
  .jotform-form .form-submit-button-image-25.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-25.form-pagebreak-back {
    color: #fff;
    border-color: rgba(0, 138, 91, 0.8);
    background-color: rgba(0, 138, 91, 0.8); }
  .jotform-form .form-submit-button-image-25.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-25.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-25.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-25.form-pagebreak-back:hover {
    border-color: #008a5b;
    background-color: #008a5b; }
  .jotform-form .form-submit-button-image-25.form-sacl-button,
  .jotform-form .form-submit-button-image-25.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-25.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-25.form-submit-print {
    border-color: #008a5b;
    color: #008a5b; }
  .jotform-form .form-submit-button-image-25.form-sacl-button:active,
  .jotform-form .form-submit-button-image-25.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-25.form-submit-print:active,
  .jotform-form .form-submit-button-image-25.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-25.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-25.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-25.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-25.form-submit-print:hover {
    color: #fff;
    background-color: #008a5b; }
  .jotform-form .form-submit-button-image-26.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-26.submit-button {
    color: #249bb4;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-26.png?v=0.33); }
  .jotform-form .form-submit-button-image-26.submit-button:active,
  .jotform-form .form-submit-button-image-26.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-26.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-26.submit-button:hover {
    border-color: rgba(36, 155, 180, 0.8);
    background-color: rgba(36, 155, 180, 0.8); }
  .jotform-form .form-submit-button-image-26.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-26.form-pagebreak-next {
    color: #fff;
    border-color: #1989a0;
    background-color: #1989a0; }
  .jotform-form .form-submit-button-image-26.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-26.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-26.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-26.form-pagebreak-next:hover {
    border-color: rgba(25, 137, 160, 0.8);
    background-color: rgba(25, 137, 160, 0.8); }
  .jotform-form .form-submit-button-image-26.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-26.form-pagebreak-back {
    color: #fff;
    border-color: rgba(36, 155, 180, 0.8);
    background-color: rgba(36, 155, 180, 0.8); }
  .jotform-form .form-submit-button-image-26.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-26.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-26.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-26.form-pagebreak-back:hover {
    border-color: #249bb4;
    background-color: #249bb4; }
  .jotform-form .form-submit-button-image-26.form-sacl-button,
  .jotform-form .form-submit-button-image-26.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-26.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-26.form-submit-print {
    border-color: #249bb4;
    color: #249bb4; }
  .jotform-form .form-submit-button-image-26.form-sacl-button:active,
  .jotform-form .form-submit-button-image-26.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-26.form-submit-print:active,
  .jotform-form .form-submit-button-image-26.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-26.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-26.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-26.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-26.form-submit-print:hover {
    color: #fff;
    background-color: #249bb4; }
  .jotform-form .form-submit-button-image-27.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-27.submit-button {
    color: #fff;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-27.png); }
  .jotform-form .form-submit-button-image-27.submit-button:active,
  .jotform-form .form-submit-button-image-27.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-27.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-27.submit-button:hover {
    border-color: rgba(10, 21, 81, 0.8);
    background-color: rgba(10, 21, 81, 0.8); }
  .jotform-form .form-submit-button-image-27.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-27.form-pagebreak-next {
    color: #fff;
    border-color: #2639aa;
    background-color: #2639aa; }
  .jotform-form .form-submit-button-image-27.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-27.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-27.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-27.form-pagebreak-next:hover {
    border-color: rgba(38, 57, 170, 0.8);
    background-color: rgba(38, 57, 170, 0.8); }
  .jotform-form .form-submit-button-image-27.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-27.form-pagebreak-back {
    color: #fff;
    border-color: rgba(10, 21, 81, 0.8);
    background-color: rgba(10, 21, 81, 0.8); }
  .jotform-form .form-submit-button-image-27.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-27.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-27.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-27.form-pagebreak-back:hover {
    border-color: #0a1551;
    background-color: #0a1551; }
  .jotform-form .form-submit-button-image-27.form-sacl-button,
  .jotform-form .form-submit-button-image-27.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-27.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-27.form-submit-print {
    border-color: #0a1551;
    color: #0a1551; }
  .jotform-form .form-submit-button-image-27.form-sacl-button:active,
  .jotform-form .form-submit-button-image-27.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-27.form-submit-print:active,
  .jotform-form .form-submit-button-image-27.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-27.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-27.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-27.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-27.form-submit-print:hover {
    color: #fff;
    background-color: #0a1551; }
  .jotform-form .form-submit-button-image-28.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-28.submit-button {
    color: #fff;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-28.png); }
  .jotform-form .form-submit-button-image-28.submit-button:active,
  .jotform-form .form-submit-button-image-28.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-28.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-28.submit-button:hover {
    border-color: rgba(156, 77, 211, 0.8);
    background-color: rgba(156, 77, 211, 0.8); }
  .jotform-form .form-submit-button-image-28.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-28.form-pagebreak-next {
    color: #fff;
    border-color: #6a0063;
    background-color: #6a0063; }
  .jotform-form .form-submit-button-image-28.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-28.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-28.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-28.form-pagebreak-next:hover {
    border-color: rgba(106, 0, 99, 0.8);
    background-color: rgba(106, 0, 99, 0.8); }
  .jotform-form .form-submit-button-image-28.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-28.form-pagebreak-back {
    color: #fff;
    border-color: rgba(156, 77, 211, 0.8);
    background-color: rgba(156, 77, 211, 0.8); }
  .jotform-form .form-submit-button-image-28.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-28.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-28.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-28.form-pagebreak-back:hover {
    border-color: #9c4dd3;
    background-color: #9c4dd3; }
  .jotform-form .form-submit-button-image-28.form-sacl-button,
  .jotform-form .form-submit-button-image-28.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-28.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-28.form-submit-print {
    border-color: #9c4dd3;
    color: #9c4dd3; }
  .jotform-form .form-submit-button-image-28.form-sacl-button:active,
  .jotform-form .form-submit-button-image-28.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-28.form-submit-print:active,
  .jotform-form .form-submit-button-image-28.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-28.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-28.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-28.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-28.form-submit-print:hover {
    color: #fff;
    background-color: #9c4dd3; }
  .jotform-form .form-submit-button-image-29.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-29.submit-button {
    color: #410301;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-29.png); }
  .jotform-form .form-submit-button-image-29.submit-button:active,
  .jotform-form .form-submit-button-image-29.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-29.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-29.submit-button:hover {
    border-color: rgba(65, 3, 1, 0.8);
    background-color: rgba(65, 3, 1, 0.8); }
  .jotform-form .form-submit-button-image-29.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-29.form-pagebreak-next {
    color: #fff;
    border-color: #42200f;
    background-color: #42200f; }
  .jotform-form .form-submit-button-image-29.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-29.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-29.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-29.form-pagebreak-next:hover {
    border-color: rgba(66, 32, 15, 0.8);
    background-color: rgba(66, 32, 15, 0.8); }
  .jotform-form .form-submit-button-image-29.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-29.form-pagebreak-back {
    color: #fff;
    border-color: rgba(65, 3, 1, 0.8);
    background-color: rgba(65, 3, 1, 0.8); }
  .jotform-form .form-submit-button-image-29.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-29.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-29.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-29.form-pagebreak-back:hover {
    border-color: #410301;
    background-color: #410301; }
  .jotform-form .form-submit-button-image-29.form-sacl-button,
  .jotform-form .form-submit-button-image-29.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-29.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-29.form-submit-print {
    border-color: #42200f;
    color: #42200f; }
  .jotform-form .form-submit-button-image-29.form-sacl-button:active,
  .jotform-form .form-submit-button-image-29.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-29.form-submit-print:active,
  .jotform-form .form-submit-button-image-29.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-29.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-29.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-29.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-29.form-submit-print:hover {
    color: #fff;
    background-color: #42200f; }
  .jotform-form .form-submit-button-image-30.submit-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-30.submit-button {
    color: #fff;
    background-image: url(https://cdn.jotfor.ms/assets/img/submit-button/button-image-30.png); }
  .jotform-form .form-submit-button-image-30.submit-button:active,
  .jotform-form .form-submit-button-image-30.submit-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-30.submit-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-30.submit-button:hover {
    border-color: rgba(156, 77, 211, 0.8);
    background-color: rgba(156, 77, 211, 0.8); }
  .jotform-form .form-submit-button-image-30.form-pagebreak-next,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-30.form-pagebreak-next {
    color: #fff;
    border-color: #892dca;
    background-color: #892dca; }
  .jotform-form .form-submit-button-image-30.form-pagebreak-next:active,
  .jotform-form .form-submit-button-image-30.form-pagebreak-next:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-30.form-pagebreak-next:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-30.form-pagebreak-next:hover {
    border-color: rgba(137, 45, 202, 0.8);
    background-color: rgba(137, 45, 202, 0.8); }
  .jotform-form .form-submit-button-image-30.form-pagebreak-back,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-30.form-pagebreak-back {
    color: #fff;
    border-color: rgba(156, 77, 211, 0.8);
    background-color: rgba(156, 77, 211, 0.8); }
  .jotform-form .form-submit-button-image-30.form-pagebreak-back:active,
  .jotform-form .form-submit-button-image-30.form-pagebreak-back:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-30.form-pagebreak-back:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-30.form-pagebreak-back:hover {
    border-color: #9c4dd3;
    background-color: #9c4dd3; }
  .jotform-form .form-submit-button-image-30.form-sacl-button,
  .jotform-form .form-submit-button-image-30.form-submit-print,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-30.form-sacl-button,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-30.form-submit-print {
    border-color: #9c4dd3;
    color: #9c4dd3; }
  .jotform-form .form-submit-button-image-30.form-sacl-button:active,
  .jotform-form .form-submit-button-image-30.form-sacl-button:hover,
  .jotform-form .form-submit-button-image-30.form-submit-print:active,
  .jotform-form .form-submit-button-image-30.form-submit-print:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-30.form-sacl-button:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-30.form-sacl-button:hover,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-30.form-submit-print:active,
  .jotform-form li[data-type="control_button"] button.jf-form-buttons.form-submit-button-image-30.form-submit-print:hover {
    color: #fff;
    background-color: #9c4dd3; }
  .jotform-form div.stageContainer {
    background-color: #f3f3fe; }
  .jotform-form .page-section li[data-type="control_button"] .selectedControls + div,
  .jotform-form .page-section li[data-type="control_button"] > div:first-child {
    width: 100%; }
  .jotform-form .form-dropdown-wrapper {
    display: inline-block;
    min-width: 100%;
    max-width: 100%; }
  .jotform-form .dropdownOptionsEditable {
    min-width: 310px; }
  .jotform-form .form-checkbox-item,
  .jotform-form .form-radio-item {
    position: relative; }
  .jotform-form .form-checkbox-item .btn.btn-barebone.forDeleteOption,
  .jotform-form .form-radio-item .btn.btn-barebone.forDeleteOption {
    position: absolute; }
  .jotform-form .emptyPlaceholderLine,
  .jotform-form .selectionGroup {
    width: 100%; }
  .jotform-form .btn-barebone {
    margin-top: 10px; }
  .jotform-form .form-checkbox-other + label + .forDeleteOption,
  .jotform-form .form-radio-other + label + .forDeleteOption {
    right: -26px;
    top: -14px; }
  .jotform-form .form-captcha {
    display: block; }
  .jotform-form li[data-type="control_fileupload"] .jfField {
    width: 100%; }
  .jotform-form li[data-type="control_fileupload"] .jfUpload-container {
    display: none; }
  .jotform-form div.question-wrapper {
    display: -ms-flexbox;
    display: flex; }
  .jotform-form .lineAlignment-Auto-Top .question-wrapper,
  .jotform-form .lineAlignment-Top .question-wrapper {
    -ms-flex-direction: column;
    flex-direction: column; }
  .jotform-form .form-line[data-type="control_email"] [data-wrapper-react="true"] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.05px; }
  .jotform-form .form-textarea,
  .jotform-form .form-textbox:not(.validate[Email]),
  .jotform-form .question-wrapper .form-dropdown {
    width: 100%; }
  .jotform-form li[data-type="control_paymentmethods"] .question-wrapper {
    -ms-flex-direction: column;
    flex-direction: column; }
  .jotform-form .JotFormBuilder .formCheckboxOther,
  .jotform-form .JotFormBuilder .formRadioOther {
    width: auto; }
  .jotform-form .JotFormBuilder li[data-type="control_rating"] div[data-component="rating"],
  .jotform-form .JotFormBuilder li[data-type="control_scale"] div[data-component="scale"] label {
    pointer-events: none; }
  .jotform-form .isBuilder .form-sub-label {
    margin-top: 0; }
  .jotform-form .isBuilder .form-sub-label .editorHasText,
  .jotform-form .isBuilder .form-sub-label .editorNoText > div:first-child {
    margin-top: 11px; }
  .jotform-form li[data-type="control_autoincrement"] .question-wrapper {
    -ms-flex-align: start;
    align-items: flex-start; }
  .jotform-form li.isSelected .question-wrapper {
    z-index: -1; }
  .jotform-form li[data-type="control_head"].isSelected .question-wrapper {
    -ms-flex-direction: column;
    flex-direction: column; }
  .jotform-form .form-line-column.isSelected div#app_wizards.selectedControls {
    transform: translateX(-50%) translateY(100%);
    padding-top: 6px;
    bottom: 0;
    width: 100%;
    left: 50%;
    top: auto;
    text-align: center; }
  .jotform-form .form-line-column.isSelected div#app_wizards.selectedControls .btn {
    width: 36px;
    border-radius: 50%;
    padding: 0;
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 0; }
  .jotform-form .form-line-column.isSelected div#app_wizards.selectedControls .btn:hover span {
    position: absolute;
    bottom: -26px;
    padding: 4px 8px;
    border-radius: 4px; }
  .jotform-form .form-line-column.isSelected div#app_wizards.selectedControls .btn.sc-Remove:hover span {
    background-color: #d73027;
    left: -12px; }
  .jotform-form .form-line-column.isSelected div#app_wizards.selectedControls .btn.sc-Properties:hover span {
    background-color: #49515a;
    left: -20px; }
  .jotform-form .form-line-column.isSelected div#app_wizards.selectedControls .btn.sc-widgetSettings:hover span {
    background-color: #49515a;
    right: 50%;
    transform: translateX(50%); }
  .jotform-form .form-line.isSelected .dragHandle {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14.548' cy='1.712' r='1.212' transform='rotate(90 14.548 1.712)' fill='%23C3CAD8'/%3E%3Ccircle cx='14.548' cy='7.774' r='1.212' transform='rotate(90 14.548 7.774)' fill='%23C3CAD8'/%3E%3Ccircle cx='7.88' cy='1.712' r='1.212' transform='rotate(90 7.88 1.712)' fill='%23C3CAD8'/%3E%3Ccircle cx='7.88' cy='7.774' r='1.212' transform='rotate(90 7.88 7.774)' fill='%23C3CAD8'/%3E%3Ccircle cx='1.212' cy='1.712' r='1.212' transform='rotate(90 1.212 1.712)' fill='%23C3CAD8'/%3E%3Ccircle cx='1.212' cy='7.774' r='1.212' transform='rotate(90 1.212 7.774)' fill='%23C3CAD8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translate(50%, -50%) rotate(90deg); }
  .jotform-form .form-line.isSelected .dragHandle .dragHandle-point {
    display: none; }
  .jotform-form .form-line-column.isSelected div#app_wizards.selectedControls .btn.sc-Remove:hover {
    background-color: #d73027; }
  .jotform-form .form-line-column.isSelected div#app_wizards.selectedControls .btn:hover {
    background-color: #49515a;
    position: relative; }
  .jotform-form .form-line-column.isSelected:not([data-type="control_widget"]):not([data-type="control_signature"]) .dragHandle,
  .jotform-form .form-line-column.isSelected:not([data-type="control_widget"]):not([data-type="control_signature"]) .dragHandle .dragHandle-point {
    display: none; }
  .jotform-form .isBuilder .selectionGroup .form-sub-label {
    margin-top: 11px; }
  .jotform-form .isBuilder .selectionGroup > .form-line {
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .jotform-form .isBuilder .selectionGroup > .form-input-wide-line-fix,
  .jotform-form .isBuilder li[data-type="control_dropdown"].form-line-column .form-sub-label-container > div:first-child {
    display: block; }
  .jotform-form .isBuilder li[data-type="control_dropdown"].form-line-column .form-sub-label-container > div:first-child .form-dropdown {
    max-width: 100%; }
  .jotform-form .isBuilder li[data-type="control_spinner"].form-line-column .form-sub-label-container > div:first-child {
    display: block; }
  .jotform-form .isBuilder .form-line-column .form-number-input,
  .jotform-form .isBuilder li[data-type="control_email"].form-line-column .form-sub-label-container > .form-textbox,
  .jotform-form .isBuilder li[data-type="control_spinner"].form-line-column .form-sub-label-container > div:first-child .form-spinner,
  .jotform-form .isBuilder li[data-type="control_textbox"].form-line-column .form-sub-label-container > .form-textbox {
    max-width: 100%; }
  .jotform-form .selectionGroup .form-line-column.isSelected .form-sub-label {
    margin-right: 26px; }
  .jotform-form .selectionGroup .form-line-column.isSelected .form-input-wide[data-layout="half"] {
    width: 100%; }
  .jotform-form .JotFormBuilder #stage li.form-line:not(.form-line-column)[data-type="control_dropdown"]:not(.fixed-width) .form-input-wide[data-layout="half"] {
    width: calc(50% - 14px); }
  .jotform-form .form-line-column:not([data-type="control_time"]).isSelected .form-sub-label .editorHasText {
    margin-right: 26px; }
  .jotform-form .form-line-column:not([data-type="control_time"]).isSelected .form-sub-label:before {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14.548' cy='1.712' r='1.212' transform='rotate(90 14.548 1.712)' fill='%23C3CAD8'/%3E%3Ccircle cx='14.548' cy='7.774' r='1.212' transform='rotate(90 14.548 7.774)' fill='%23C3CAD8'/%3E%3Ccircle cx='7.88' cy='1.712' r='1.212' transform='rotate(90 7.88 1.712)' fill='%23C3CAD8'/%3E%3Ccircle cx='7.88' cy='7.774' r='1.212' transform='rotate(90 7.88 7.774)' fill='%23C3CAD8'/%3E%3Ccircle cx='1.212' cy='1.712' r='1.212' transform='rotate(90 1.212 1.712)' fill='%23C3CAD8'/%3E%3Ccircle cx='1.212' cy='7.774' r='1.212' transform='rotate(90 1.212 7.774)' fill='%23C3CAD8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    right: 3px;
    bottom: -7px; }
  .jotform-form .rating-image-wrapper {
    width: 16px;
    display: inline-block;
    line-height: 1; }
  .jotform-form .contextMenu-list .contextMenu-itemTooltip,
  .jotform-form .rightPanel .input-tooltip {
    position: absolute;
    background: #fcefd7;
    color: #50351b;
    padding: 4px 1px 5px 4px;
    border-radius: 4px;
    white-space: normal;
    font-size: 9px;
    line-height: 10px;
    width: 95px;
    top: 3px;
    right: 10px;
    text-align: left;
    font-weight: 500;
    margin-left: 10px;
    display: none; }
  .jotform-form .contextMenu-list .contextMenu-itemTooltip:before,
  .jotform-form .rightPanel .input-tooltip:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #fcefd7;
    left: -3px;
    top: 44%;
    transform: rotate(45deg);
    z-index: -1; }
  .jotform-form .contextMenu-list .contextMenu-item-disabled .contextMenu-itemLabel,
  .jotform-form .contextMenu-list .contextMenu-item-disabled svg {
    opacity: 0.5; }
  .jotform-form .contextMenu-list .contextMenu-item-disabled:hover {
    color: initial;
    height: 44px;
    background-color: transparent; }
  .jotform-form .contextMenu-list .contextMenu-item-disabled:hover svg {
    fill: #0293e2 !important; }
  .jotform-form .contextMenu-list .contextMenu-item-disabled:hover .contextMenu-itemTooltip {
    display: block; }
  .jotform-form .contextMenu-list .contextMenu-item-disabled:not(.contextMenu-itemTooltip),
  .jotform-form .rightPanel .line .column {
    position: relative; }
  .jotform-form .rightPanel .line .column:hover .input-tooltip {
    display: block; }
  .jotform-form .rightPanel .input-tooltip {
    top: 35%;
    right: 50%; }
  .jotform-form .rightPanel .input-tooltip:before {
    z-index: 1; }
  .jotform-form .rightPanel .disabled-feature .flipSwitch.u-narrow {
    pointer-events: none;
    opacity: 0.5; }
  .jotform-form .rightPanel div[data-element-id="buttonStyle"] button {
    padding: 10px;
    border-radius: 4px; }
  .jotform-form .ButtonStylePicker-Column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
  .jotform-form .ButtonStylePicker-Main {
    height: 300px;
    overflow-y: scroll; }
  .jotform-form .ButtonStylePicker-Main .jf-form-buttons {
    min-width: unset; }
  .jotform-form .ButtonStylePicker-Main::-webkit-scrollbar {
    width: 7px !important; }
  .jotform-form .ButtonStylePicker-Main::-webkit-scrollbar-track {
    background: #535f6f !important;
    border-radius: 0 !important; }
  .jotform-form .ButtonStylePicker-Main::-webkit-scrollbar-thumb,
  .jotform-form .ButtonStylePicker-Main::-webkit-scrollbar-thumb:hover {
    background: #9e9e9e !important; }
  .jotform-form .ButtonStylePicker-Container {
    margin: 0 !important; }
  .jotform-form .ButtonStylePicker-Container .ButtonStylePicker-Line .ButtonStylePicker-Column {
    width: 33.33333333% !important; }
  .jotform-form .ButtonStylePicker-Container .ButtonStylePicker-Line .ButtonStylePicker-Column button {
    padding: 10px 20px !important;
    font-size: 14px !important;
    border: none; }
  .jotform-form #buttonStyle .jf-form-buttons {
    width: auto; }
  .jotform-form .colorScheme-list li {
    position: relative; }
  .jotform-form .colorScheme-list li .new-scheme-icon {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    top: -11px;
    left: -1px;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.5)); }
  .jotform-form .colorScheme-list li svg:first-of-type:not(:only-of-type) {
    top: 29px; }
  .jotform-form .btn-style-tethered .tabMenu-link {
    background: #2f333a;
    color: #fff;
    border-bottom: 4px solid #2f333a;
    width: 100%;
    padding: 11px 0 8px !important;
    font-size: 12px !important;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    text-align: center;
    text-transform: uppercase;
    line-height: 18px;
    cursor: pointer;
    vertical-align: middle; }
  .jotform-form .btn-style-tethered .tabMenu-link.is-active {
    border-color: #ff8a36;
    color: #fff; }
  .jotform-form .btn-style-tabs {
    width: 100%; }
  .jotform-form .btn-style-tabs .tabMenu-link {
    padding: 11px 0 8px !important;
    font-size: 12px !important; }
  .jotform-form .jf-brandingWrapper {
    text-align: center; }
  .jotform-form .jf-brandingWrapper,
  .jotform-form .jf-brandingWrapper .jf-branding {
    margin-left: 0 !important; }
  .jotform-form .jf-brandingWrapper .jf-branding:hover {
    color: orange !important; }
  .jotform-form .submitBrandingWrapper .jf-branding {
    margin-left: 0 !important; }
  .jotform-form .submitBrandingWrapper .jf-branding:hover {
    color: orange !important; }
  .jotform-form .form-line-column:not(.fixed-width) .form-dropdown,
  .jotform-form .form-line-column:not(.fixed-width) .form-textarea,
  .jotform-form .form-line-column:not(.fixed-width) .form-textbox {
    width: 100% !important; }
  .jotform-form .form-line-column .form-label {
    text-align: left !important; }
  .jotform-form .form-line .form-subHeader .editorNoText,
  .jotform-form .form-line.isNotSelected .form-sub-label .editorNoText {
    display: none !important; }
  .jotform-form .form-line[data-type="control_checkbox"] .form-checkbox-item input + span,
  .jotform-form .form-line[data-type="control_checkbox"] .form-radio-item input + span,
  .jotform-form .form-line[data-type="control_radio"] .form-checkbox-item input + span,
  .jotform-form .form-line[data-type="control_radio"] .form-radio-item input + span {
    width: 100% !important; }
  .jotform-form .form-line-column[data-type="control_image"] .form-image {
    height: auto !important; }
  .jotform-form .signature-pad-wrapper {
    height: 100% !important; }
  .jotform-form li[data-type="control_textarea"] .form-input-wide > div,
  .jotform-form li[data-type="control_textarea"] .nicEdit-main {
    width: 100% !important; }
  .jotform-form li[data-type="control_inline"] input[type="text"]:not(#productSearch-input) {
    border-width: 0 0 1px !important; }
  .jotform-form .cont .language-dd {
    margin: 5px; }
  .jotform-form .cont .language-dd .dd-placeholder {
    padding: 0 32px;
    font-size: 14px; }
  .jotform-form .language-dd .lang-list li {
    font-size: 12px;
    text-indent: 12px; }
  .jotform-form .overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    z-index: 99999; }
  .jotform-form .overlay-content {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 85%;
    height: 72%; }
  .jotform-form .isEmbeded .overlay-content,
  .jotform-form .overlay-content {
    background: #fff;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 60px 20px 20px;
    max-width: 960px;
    border-radius: 6px; }
  .jotform-form .isEmbeded .overlay-content {
    position: relative;
    width: 86%;
    height: 60%;
    max-height: 580px;
    left: auto;
    margin: 0 auto;
    transform: translate(0);
    overflow: hidden;
    box-sizing: border-box; }
  .jotform-form .overlay.old_ui .overlay-content {
    padding-bottom: 60px; }
  .jotform-form .overlay-content .img-wrapper {
    position: relative;
    margin: 0 50px;
    max-width: 100%;
    -ms-flex: 1;
    flex: 1; }
  .jotform-form .overlay-content .img-wrapper span {
    max-width: 100%;
    max-height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    padding: unset !important; }
  .jotform-form .lb-next-button,
  .jotform-form .lb-prev-button {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 50%;
    transform: translateY(-50%);
    color: transparent;
    cursor: pointer;
    opacity: 1;
    background-size: 16px;
    transition: opacity 0.15s ease;
    background-repeat: no-repeat;
    background-position: 50%; }
  .jotform-form .lb-prev-button {
    left: -60px;
    background-image: url(https://cdn.jotfor.ms/assets/fonts/font-awesome/5.7.2/svgs/solid/chevron-left.svg); }
  .jotform-form .lb-next-button {
    right: -60px;
    background-image: url(https://cdn.jotfor.ms/assets/fonts/font-awesome/5.7.2/svgs/solid/chevron-right.svg); }
  .jotform-form .lb-close-button {
    position: absolute;
    width: 42px;
    height: 42px;
    top: 12px;
    right: 12px;
    cursor: pointer;
    color: #edeef5;
    background-color: #edeef5;
    border-radius: 50%;
    font-family: sans-serif;
    font-size: 1em;
    font-weight: 600;
    text-align: center;
    line-height: 36px; }
  .jotform-form .lb-close-button:before {
    background-size: contain;
    background-position: 50%;
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    position: absolute;
    left: 11px;
    top: 10px;
    opacity: 0.3;
    transition: 0.3s;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik03LjY4IDcuMTVMNS4wMyA0LjVsMi42NS0yLjY1YS4zOC4zOCAwIDAwLS41My0uNTNMNC41IDMuOTcgMS44NSAxLjMyYS4zOC4zOCAwIDAwLS41My41M0wzLjk3IDQuNSAxLjMyIDcuMTVhLjM4LjM4IDAgMDAuNTMuNTNMNC41IDUuMDNsMi42NSAyLjY1YS4zOC4zOCAwIDAwLjUzLS41MyIvPjwvc3ZnPg=="); }
  .jotform-form .lb-close-button:hover:before {
    opacity: 0.75; }
  .jotform-form .overlay.new_ui .overlay-content:not(.has_thumbnail) .lb-next-button,
  .jotform-form .overlay.new_ui .overlay-content:not(.has_thumbnail) .lb-prev-button,
  .jotform-form .overlay.new_ui .overlay-content:not(.has_thumbnail) ul,
  .jotform-form .overlay.old_ui .lb-next-button,
  .jotform-form .overlay.old_ui .lb-prev-button {
    display: none !important; }
  .jotform-form .overlay .overlay-content .slider-navigation ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
    padding-left: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .jotform-form .overlay .overlay-content .slider-navigation ul li {
    list-style-type: none;
    -ms-flex: 0 0 72px;
    flex: 0 0 72px;
    max-width: 72px;
    width: 72px;
    height: 72px;
    min-height: 72px;
    min-width: 72px;
    border: 1px solid #eee;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #f8f8f8;
    border-radius: 1px;
    box-sizing: border-box;
    margin: 8px;
    cursor: pointer; }
  .jotform-form .overlay .overlay-content .slider-navigation ul li.selected {
    border: 3px solid #0393e2; }
  .jotform-form #cashAppModal .overlay-content {
    max-width: 720px;
    height: auto;
    padding: 0; }
  .jotform-form #cashAppModal .overlay-content #cash-app-spinner-container {
    background-color: #e3e3e3;
    position: absolute;
    width: 100%;
    height: 100vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
  .jotform-form #cashAppModal .overlay-content #cash-app-spinner-container .loader {
    border-radius: 50%;
    border: 4px solid #f3f3f3;
    border-top-color: #009afe;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  to {
    transform: rotate(1turn); } }
  .jotform-form #cashAppModal #cart-modal-header {
    padding: 0.9375em 1.875em;
    border-bottom: 1px solid #d7d8e1; }
  .jotform-form #cashAppModal #cart-modal-header h1 {
    color: #2c3345;
    font-size: 1.25em;
    font-weight: 600;
    margin: 0; }
  .jotform-form #cashAppModal #cart-modal-header p {
    color: #57647e;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 24px;
    margin: 0.375em 0 0; }
  .jotform-form #cashAppModal #cart-product-container {
    padding: 1.875em 1.875em 0.875em;
    max-height: 320px;
    overflow: hidden;
    overflow-y: auto; }
  .jotform-form #cashAppModal #cart-product-container .modal-product {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 18px;
    -ms-flex-align: center;
    align-items: center; }
  .jotform-form #cashAppModal #cart-product-container .modal-product .product-image-wrapper {
    width: 54px;
    height: 54px;
    -ms-flex: 0 0 54px;
    flex: 0 0 54px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    padding: 4px;
    box-sizing: border-box;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden; }
  .jotform-form #cashAppModal #cart-product-container .modal-product .product-image-wrapper img {
    width: 100%; }
  .jotform-form #cashAppModal #cart-product-container .modal-product .dummy-img img {
    width: 150% !important;
    max-width: none; }
  .jotform-form #cashAppModal #cart-product-container .modal-product .product-info {
    width: 100%;
    padding-left: 18px; }
  .jotform-form #cashAppModal #cart-product-container .modal-product .product-price {
    text-align: right;
    font-weight: 800; }
  .jotform-form #cashAppModal #cart-product-container .modal-product .product-name {
    font-weight: 600;
    font-size: 17px;
    color: #2c3345; }
  .jotform-form #cashAppModal #cart-product-container .modal-product .product-quantity {
    color: #2c3345;
    opacity: 0.6;
    font-size: 13px;
    margin-top: 4px; }
  .jotform-form #cashAppModal .cart-total-container {
    padding: 1.875em 0;
    margin: 0 1.875em;
    border-top: 1px solid #d7d8e1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: border-box; }
  .jotform-form #cashAppModal .cart-total-container .total-amount {
    font-size: 16px;
    color: #2c3345;
    text-align: right;
    font-weight: 800; }
  .jotform-form #cashAppModal .cart-total-container .total-quantity {
    color: #57647e;
    font-size: 0.875em;
    font-weight: 400; }
  .jotform-form #cashAppModal #cart-modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: rgba(239, 239, 246, 0.45);
    font-size: inherit;
    position: relative;
    width: 100%;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #d7d8e1;
    overflow: hidden;
    padding: 0.9375em 1.875em;
    box-sizing: border-box; }
  .jotform-form #cashAppModal #cart-modal-footer #cart-button-back {
    background-color: #fff;
    color: #8d8fa8;
    float: left;
    margin-right: 8px;
    border: 1px solid #8d8fa8;
    border-image: initial;
    font-size: 16px;
    height: 50px;
    border-radius: 3px;
    padding: 0 24px;
    text-transform: uppercase;
    cursor: pointer; }
  .jotform-form #cashAppModal.donation .overlay-content {
    max-width: 600px; }
  .jotform-form #cashAppModal.donation #cart-modal-header {
    border: 0; }
  .jotform-form #cashAppModal.donation #cart-donation-container {
    text-align: center;
    padding: 32px 0 20px; }
  .jotform-form #cashAppModal.donation .cart-total-container {
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.875em;
    border-top-style: dashed;
    margin: 0 10%; }
  .jotform-form #cashAppModal.donation .cart-total-container .total-amount {
    font-size: 20px; }
  .jotform-form #cashAppModal.donation #cart-modal-footer {
    -ms-flex-pack: center;
    justify-content: center; }
  .jotform-form #cashAppModal.donation #cart-modal-footer #cart-button-back {
    height: 52px;
    margin-right: 12px;
    border-radius: 6px; }
  @media screen and (max-width: 1024px) and (max-height: 640px) {
    .jotform-form .overlay .overlay-content {
      padding: 20px; }
    .jotform-form .overlay .overlay-content .img-wrapper span {
      background-color: transparent;
      border: none; } }
  @media screen and (max-width: 576px) and (max-height: 640px) {
    .jotform-form .overlay-content {
      border-radius: 4px;
      max-height: 580px; }
    .jotform-form .overlay-content .img-wrapper {
      margin: 0; }
    .jotform-form .overlay .overlay-content .slider-navigation ul {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: stretch;
      align-items: stretch;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 20px 0 0;
      padding-left: 0;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      overflow-x: auto; }
    .jotform-form .overlay-content .lb-next-button,
    .jotform-form .overlay-content .lb-prev-button {
      position: absolute;
      background-size: 16px;
      width: 20px;
      height: 20px; }
    .jotform-form .overlay-content .lb-prev-button {
      left: 0; }
    .jotform-form .overlay-content .lb-next-button {
      right: 0; }
    .jotform-form .overlay-content .lb-close-button {
      width: 28px;
      height: 28px;
      line-height: 28px;
      font-size: 15px;
      top: 6px;
      right: 6px; }
    .jotform-form .overlay-content .lb-close-button:before {
      width: 14px;
      height: 14px;
      top: 7px;
      left: 7px; }
    .jotform-form .overlay .overlay-content .slider-navigation ul li {
      width: 58px;
      height: 58px;
      min-height: 58px;
      min-width: 58px;
      margin: 6px;
      -ms-flex: 0 0 58px;
      flex: 0 0 58px;
      max-width: 58px; } }
  @media screen and (max-height: 640px) and (orientation: landscape) {
    .jotform-form .overlay-content {
      height: 80% !important; } }
  @media screen and (min-width: 481px) and (max-width: 768px) {
    .jotform-form body,
    .jotform-form html.supernova.isEmbeded .form-all {
      margin: 0; } }
  @media screen and (max-width: 768px) {
    .jotform-form ul.form-section {
      margin: 0;
      padding: 0 14px; }
    .jotform-form .pageLogo-mobile,
    .jotform-form ul.page-section {
      max-width: inherit; }
    .jotform-form .form-header-group.hasImage {
      -ms-flex-direction: column;
      flex-direction: column; }
    .jotform-form .form-header-group .header-logo img {
      max-width: 100%; }
    .jotform-form li[data-type="control_head"] .form-header-group .header-text {
      margin-left: 0; }
    .jotform-form .form-header-group[data-imagealign="Left"] .header-logo,
    .jotform-form .form-header-group[data-imagealign="Right"] .header-logo {
      margin: auto; }
    .jotform-form .form-section div.form-header-group.header-large {
      margin: 0 -14px;
      padding: 28px; }
    .jotform-form .form-header-group[data-imagealign="Right"] .header-logo {
      margin-top: 10px; }
    .jotform-form .form-buttons-wrapper,
    .jotform-form .form-submit-clear-wrapper {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
    .jotform-form div.form-pagebreak-next-container.form-pagebreak-save-container {
      width: auto !important; }
    .jotform-form div.form-pagebreak {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
    .jotform-form .form-buttons-wrapper,
    .jotform-form .form-pagebreak {
      margin: 0 -14px;
      padding: 30px 14px; }
    .jotform-form .form-submit-clear-wrapper {
      margin: 0 -14px;
      padding: 1em 14px; }
    .jotform-form li[data-type="control_pagebreak"] .form-pagebreak {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
    .jotform-form .form-line[data-type="control_birthdate"] .form-input,
    .jotform-form .form-line[data-type="control_fullname"] .form-input {
      width: 100%; }
    .jotform-form li[data-type="control_text"] table {
      width: 100% !important; } }
  @media screen and (max-width: 670px) {
    .jotform-form .formFooter-text {
      display: none; } }
  @media screen and (max-width: 480px) {
    .jotform-form .form-all {
      margin: 0 auto; }
    .jotform-form .appointmentFieldContainer .appointmentDates {
      margin-top: 16px;
      width: 100%;
      margin-left: 0; }
    .jotform-form div.question-wrapper {
      -ms-flex-direction: column;
      flex-direction: column; }
    .jotform-form ul.form-section {
      margin: 0;
      padding: 0; }
    .jotform-form .form-section div.form-header-group.header-large {
      margin: 0;
      padding: 28px 14px; }
    .jotform-form label.form-label.form-label-auto,
    .jotform-form label.form-label:not(.form-label-top) {
      width: 100% !important;
      text-align: left !important;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .jotform-form .form-line .form-input {
      width: 100%;
      margin-top: 12px; }
    .jotform-form li:not(.lineAlignment-Top)[data-type="control_widget"] .form-label:not(.form-label-top) + div.form-input {
      width: 100%; }
    .jotform-form .form-dropdown,
    .jotform-form .form-line-column,
    .jotform-form .form-line:not(.form-line-column) .form-input-wide[data-layout="half"],
    .jotform-form .form-textarea,
    .jotform-form .form-textbox {
      width: 100% !important; }
    .jotform-form .jf-form-buttons {
      min-width: 72px;
      width: auto; }
    .jotform-form .jf-form-buttons.submit-button {
      min-width: 100px; }
    .jotform-form .jf-form-buttons.submit-button:only-child {
      width: 100%;
      margin-left: 0;
      -ms-flex-pack: center;
      justify-content: center; }
    .jotform-form .jf-form-buttons.form-sacl-button,
    .jotform-form .jf-form-buttons.form-submit-print {
      min-width: 54px; }
    .jotform-form .form-buttons-wrapper,
    .jotform-form .form-pagebreak {
      padding: 30px 14px;
      margin: 0; }
    .jotform-form .form-submit-clear-wrapper {
      margin: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center; }
    .jotform-form li[data-type="control_fullname"] [data-wrapper-react="true"] {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .jotform-form li[data-type="control_fullname"] [data-wrapper-react="true"] .form-sub-label-container {
      -ms-flex: 1 1 48%;
      flex: 1 1 48%; }
    .jotform-form li.form-line:not(.form-line-column)[data-type="control_fullname"] .form-input-wide .form-sub-label-container:nth-child(3),
    .jotform-form li.form-line:not(.form-line-column)[data-type="control_fullname"] .form-input-wide .form-sub-label-container:nth-child(5),
    .jotform-form li.form-line:not(.form-line-column)[data-type="control_fullname"] .form-input .form-sub-label-container:nth-child(3),
    .jotform-form li.form-line:not(.form-line-column)[data-type="control_fullname"] .form-input .form-sub-label-container:nth-child(5) {
      margin-left: 0;
      margin-top: 24px; }
    .jotform-form li.form-line:not(.form-line-column)[data-type="control_fullname"] .form-input-wide .form-sub-label-container:nth-child(4),
    .jotform-form li.form-line:not(.form-line-column)[data-type="control_fullname"] .form-input .form-sub-label-container:nth-child(4) {
      margin-top: 24px; }
    .jotform-form li.form-line:not(.form-line-column)[data-type="control_fullname"] .form-input-wide [data-wrapper-react]:not(.extended) .form-sub-label-container + .form-sub-label-container {
      margin-left: 8px; }
    .jotform-form li[data-type="control_datetime"] .allowTime-container {
      padding-left: 4px; }
    .jotform-form li[data-type="control_datetime"] .allowTime-container input {
      word-spacing: -3px; }
    .jotform-form li[data-type="control_datetime"] .allowTime-container .time-dropdown.form-dropdown {
      padding: 0 1.375em 0 0.625em; }
    .jotform-form li[data-type="control_datetime"] [data-wrapper-react="true"] {
      width: 100%;
      gap: 8px; }
    .jotform-form li[data-type="control_datetime"] [data-wrapper-react="true"]:not(.notLiteMode) .allowTime-container input {
      min-width: 80px; }
    .jotform-form li[data-type="control_datetime"] .notLiteMode .form-sub-label-container.day,
    .jotform-form li[data-type="control_datetime"] .notLiteMode .form-sub-label-container.month,
    .jotform-form li[data-type="control_datetime"] .notLiteMode .form-sub-label-container.year {
      max-width: unset; }
    .jotform-form li[data-type="control_datetime"] .form-sub-label-container + .form-sub-label-container {
      margin-left: 4px; }
    .jotform-form li[data-type="control_datetime"] .extended div + .form-sub-label-container {
      -ms-flex: 1 1 75%;
      flex: 1 1 75%; }
    .jotform-form li[data-type="control_datetime"] .extended .allowTime-container + .form-sub-label-container,
    .jotform-form li[data-type="control_datetime"] .extended > .form-sub-label-container:nth-child(3) + .form-sub-label-container {
      margin: 0 0 0 4px; }
    .jotform-form li[data-type="control_matrix"] {
      overflow-x: auto; }
    .jotform-form .form-matrix-table {
      width: 100% !important; }
    .jotform-form li[data-type="control_time"] .form-sub-label-container {
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
      max-width: 100%; }
    .jotform-form li[data-type="control_time"] [data-wrapper-react="true"] {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .jotform-form li[data-type="control_time"] .until-text {
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .jotform-form .until-wrapper {
      width: 100%; }
    .jotform-form .until-wrapper + .form-sub-label-container {
      margin-left: 0; }
    .jotform-form li[data-type="control_time"] .hasAMPM .form-textbox {
      width: 120px !important; }
    .jotform-form .form-line .form-description {
      right: 25px !important;
      overflow-y: visible; }
    .jotform-form .form-line .form-description:before {
      content: "";
      position: absolute;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.05 6.5c0-.53.07-.94.2-1.25.12-.3.38-.65.76-1.01.38-.37.62-.64.72-.8.16-.23.24-.5.24-.77 0-.37-.1-.64-.28-.84-.18-.2-.44-.29-.8-.29-.33 0-.6.1-.81.29a1 1 0 00-.3.77H.35c0-.7.24-1.24.7-1.64.47-.4 1.08-.6 1.84-.6.79 0 1.4.2 1.84.59.44.4.66.95.66 1.67 0 .64-.3 1.26-.89 1.88l-.72.7c-.26.3-.4.73-.4 1.3H2.05zm-.1 1.81c0-.23.07-.41.22-.55a.8.8 0 01.58-.22c.25 0 .45.08.6.22.14.15.21.33.21.55 0 .22-.07.4-.2.54-.15.15-.35.22-.6.22-.26 0-.46-.07-.6-.22a.75.75 0 01-.2-.54z' fill='%23fff'/%3E%3C/svg%3E");
      background-color: #687988;
      width: 14px;
      height: 14px;
      right: -18px;
      background-position: 50%;
      border-radius: 50%;
      background-repeat: no-repeat;
      visibility: visible; }
    .jotform-form .error-navigation-message {
      font-size: 14px;
      line-height: 1.6em; }
    .jotform-form .error-navigation-container button {
      height: 35px;
      padding: 0 15px;
      font-size: 14px; }
    .jotform-form .signature-pad-wrapper,
    .jotform-form .signature-wrapper,
    .jotform-form .signature-wrapper .pad {
      width: 100% !important; }
    .jotform-form .form-line[data-type="control_signature"] + .form-line[data-type="control_button"] {
      margin-top: 24px; }
    .jotform-form li.form-line[data-type="control_signature"]:not(.form-line-column):not(.fixed-width) .form-input-wide {
      width: 100%; }
    .jotform-form .appointmentFieldWrapper[data-breakpoint="shouldBreakIntoNewLine"] .appointmentCalendar,
    .jotform-form .appointmentFieldWrapper[data-breakpoint="shouldBreakIntoNewLine"] .appointmentCalendarContainer,
    .jotform-form .appointmentFieldWrapper[data-breakpoint="shouldBreakIntoNewLine"] .appointmentDates {
      max-width: 100%; }
    .jotform-form .formFooter-heightMask {
      height: 76px; }
    .jotform-form .formFooter-button {
      font-size: 0.75em;
      width: 160px; }
    .jotform-form li[data-type="control_spinner"] [data-wrapper-react="true"] > div {
      width: 100%; }
    .jotform-form .badge-wrapper {
      -ms-flex-pack: center;
      justify-content: center; }
    .jotform-form .DayPicker {
      position: absolute;
      left: -92px;
      background-color: #fff; }
    .jotform-form .form-multiple-column[data-columncount="2"] .form-checkbox-item,
    .jotform-form .form-multiple-column[data-columncount="2"] .form-radio-item,
    .jotform-form .form-multiple-column[data-columncount="3"] .form-checkbox-item,
    .jotform-form .form-multiple-column[data-columncount="3"] .form-radio-item,
    .jotform-form .form-multiple-column[data-columncount="4"] .form-checkbox-item,
    .jotform-form .form-multiple-column[data-columncount="4"] .form-radio-item,
    .jotform-form .form-multiple-column[data-columncount="5"] .form-checkbox-item,
    .jotform-form .form-multiple-column[data-columncount="5"] .form-radio-item {
      width: 100%; }
    .jotform-form .form-section-closed,
    .jotform-form ul.form-section:not(.page-section) {
      padding: 10px; }
    .jotform-form .jfUpload-heading.forMobile {
      display: block; }
    .jotform-form .jfUpload-heading.forDesktop {
      display: none; }
    .jotform-form .form-address-line-wrapper,
    .jotform-form .form-address-table {
      column-gap: 8px; }
    .jotform-form .rating-item:not(:last-child) {
      margin-right: 0.5em; }
    .jotform-form .form-image {
      height: 100%; }
    .jotform-form #previewButtons {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .jotform-form #previewButtons .preview-submission-button {
      margin: 10px;
      min-width: 100px;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
    .jotform-form #previewButtons .preview-submission-button#backToForm {
      margin-right: 10px; } }
  @media screen and (max-width: 375px) {
    .jotform-form li[data-type="control_datetime"] .extended div + .form-sub-label-container {
      -ms-flex: 1 1 60%;
      flex: 1 1 60%; }
    .jotform-form li[data-type="control_datetime"] .allowTime-container input {
      min-width: 80px; } }
  @media screen and (max-width: 320px) {
    .jotform-form li[data-type="control_datetime"] .form-sub-label-container {
      -ms-flex: 1;
      flex: 1; }
    .jotform-form li[data-type="control_datetime"] .allowTime-container {
      -ms-flex: 1 1 25%;
      flex: 1 1 25%;
      -ms-flex-preferred-size: auto;
      flex-basis: auto; }
    .jotform-form li[data-type="control_datetime"] .allowTime-container.timeAMPM {
      margin-top: 16px;
      padding-left: 0; }
    .jotform-form li[data-type="control_datetime"] .notLiteMode .form-sub-label-container.day,
    .jotform-form li[data-type="control_datetime"] .notLiteMode .form-sub-label-container.month,
    .jotform-form li[data-type="control_datetime"] .notLiteMode .form-sub-label-container.year {
      max-width: 100%;
      -ms-flex: 1 1 20%;
      flex: 1 1 20%; }
    .jotform-form li[data-type="control_datetime"] .notLiteMode .allowTime-container {
      padding-left: 0;
      margin-top: 16px; }
    .jotform-form li[data-type="control_datetime"] .extended div + .form-sub-label-container {
      -ms-flex: 1 1 67%;
      flex: 1 1 67%; }
    .jotform-form li[data-type="control_datetime"] [data-wrapper-react="true"] {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .jotform-form li[data-type="control_datetime"] .timeAMPM [data-wrapper-react="true"] {
      width: auto; }
    .jotform-form div[data-component="recaptcha"] iframe {
      transform: scale(0.92);
      transform-origin: left; } }
  .jotform-form body[data-importedpdf="true"] [data-type="control_button"] [class*="form-pagebreak-"] ~ .submit-button {
    min-width: 98px; }
  .jotform-form div.appContainer.isPDFImporter #app div.footer #scrollToTopButton {
    z-index: 1; }
  .jotform-form div.appContainer.isPDFImporter #app [data-type="control_button"] .form-pagebreak {
    margin: 0;
    padding: 28px 0; }
  .jotform-form div.appContainer.isPDFImporter #app [data-type="control_button"] .form-pagebreak .submit-button {
    min-width: 98px; }
  .jotform-form div.appContainer.isPDFImporter #app .PDFC {
    width: 100%; }
  .jotform-form div.appContainer.isPDFImporter #app .PDFC input[type="checkbox"],
  .jotform-form div.appContainer.isPDFImporter #app .PDFC input[type="radio"] {
    width: 20px;
    height: 20px;
    left: 0;
    top: 1px;
    margin: 0;
    opacity: 1;
    -webkit-appearance: none;
    appearance: none;
    clip: auto; }
  .jotform-form div.appContainer.isPDFImporter #app .PDFC input[type="checkbox"] {
    border-radius: 2px; }
  .jotform-form div.appContainer.isPDFImporter #app .PDFC input[type="radio"] {
    border-radius: 50%; }
  .jotform-form div.appContainer.isPDFImporter #app .PDFC .form-radio-item :after {
    pointer-events: none; }
  .jotform-form div.appContainer.isPDFImporter #app .PDFC .form-matrix-values {
    pointer-events: auto;
    position: relative; }
  .jotform-form div.appContainer.isPDFImporter #app .PDFC .form-matrix-values label {
    pointer-events: none;
    position: absolute; }
  .jotform-form div.appContainer.isPDFImporter #app .PDFC .form-matrix-values input:not([type="text"]):not([type="number"]),
  .jotform-form div.appContainer.isPDFImporter #app .PDFC .form-matrix-values label {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .jotform-form div.appContainer.isPDFImporter #app .PDFC .allowTime-container .form-sub-label-container:last-child {
    pointer-events: none; }
  .jotform-form div.appContainer.isPDFImporter #app .PDFC .FITB input[type="checkbox"],
  .jotform-form div.appContainer.isPDFImporter #app .PDFC .FITB input[type="radio"] {
    left: 3px;
    top: 50%; }
  .jotform-form div.appContainer.isPDFImporter #app .PDFC .question-wrapper {
    z-index: 0; }
  .jotform-form button.form-submit-preview {
    background: #eff1f8;
    color: #2a3963;
    display: inline-block;
    text-shadow: none;
    box-shadow: none;
    cursor: pointer;
    line-height: normal;
    border: 0;
    width: auto;
    border-radius: 5px;
    min-width: 150px;
    max-width: 100%;
    transition: all 0.1s ease;
    font-size: 15px; }
  .jotform-form button.form-submit-preview * {
    vertical-align: middle; }
  .jotform-form button.form-submit-preview img {
    width: 16px;
    height: 16px;
    margin-right: 8px; }
  .jotform-form .rightPanel.is-v2[data-type="control_widget"] .ImageWizard .fileUpload-tethered .btn {
    background-color: #18bd5b !important;
    border-radius: 4px !important;
    border-color: #18bd5b !important; }
  .jotform-form .rightPanel.is-v2[data-type="control_widget"] .ImageWizard .fileUpload-tethered .tabContent {
    padding: 0 !important;
    border: 2px dashed #fff; }
  .jotform-form .rightPanel.is-v2[data-type="control_widget"] .ImageWizard .fileUpload-tethered .tabContent > div:first-child > div,
  .jotform-form .rightPanel.is-v2[data-type="control_widget"] .ImageWizard .fileUpload-tethered .tabContent > div:last-child > div,
  .jotform-form .rightPanel.is-v2[data-type="control_widget"] .ImageWizard .fileUpload-tethered .tabContent > div:nth-child(2) > div {
    padding: 8px !important; }
  .jotform-form .rightPanel.is-v2[data-type="control_widget"] .ImageWizard .fileUpload-tethered .tabContent > div:first-child .fileUpload {
    border: 0 !important; }
  .jotform-form .rightPanel.is-v2[data-type="control_widget"] .ImageWizard .fileUpload-tethered .tabContent > div:nth-child(2) > div .prevUploads-list {
    background-color: transparent !important;
    box-shadow: unset !important; }
  .jotform-form .rightPanel.is-v2[data-type="control_widget"] .ImageWizard .fileUpload-tethered .tabContent > div:nth-child(2) > div .prevUploads-list .prevUploads-listItem {
    max-width: calc(32% - 8px) !important;
    width: calc(33.33333% - 8px) !important;
    margin-right: 8px !important;
    margin-bottom: 8px !important;
    background-size: cover !important; }
  .jotform-form .rightPanel.is-v2[data-type="control_widget"] .ImageWizard .fileUpload-tethered .tabContent > div:last-child textarea {
    min-width: unset !important;
    width: 100% !important; }
  .jotform-form body:not(.JotFormBuilder) .form-section label.is-empty,
  .jotform-form body:not(.JotFormCardBuilder) .form-section label.is-empty {
    display: none; }
  .jotform-form .hasFormUserAvatar {
    margin: 0; }
  .jotform-form .hasFormUserAvatar .form-all {
    position: relative;
    top: 70px; }
  .jotform-form html:lang(ar) .appointmentFieldWrapper,
  .jotform-form html:lang(ar) .badge-wrapper,
  .jotform-form html:lang(ar) .form-line[data-payment="true"] div[data-wrapper-react="true"],
  .jotform-form html:lang(ar) .form-matrix-table,
  .jotform-form html:lang(ar) .page-section li[data-type="control_button"] {
    direction: ltr; }
  .jotform-form html:lang(ar) .form-multiple-column,
  .jotform-form html:lang(ar) .form-single-column {
    width: auto; }
  .jotform-form html:lang(ar) .form-star-rating .form-star-rating-star:not(:last-child),
  .jotform-form html:lang(ar) .rating-item:not(:last-child) {
    margin-left: 24px;
    margin-right: 0; }
  .jotform-form html:lang(ar) li[data-type="control_phone"] .form-sub-label-container + .form-sub-label-container {
    margin-right: 8px;
    margin-left: 0; }
  .jotform-form html:lang(ar) .form-address-line + .form-address-line,
  .jotform-form html:lang(ar) li.form-line:not(.form-line-column)[data-type="control_fullname"] .form-input-wide [data-wrapper-react]:not(.extended) .form-sub-label-container + .form-sub-label-container {
    margin-right: 24px;
    margin-left: 0; }
  .jotform-form html:lang(ar) .form-line[data-type="control_stripe"] div#stripe-templates {
    direction: rtl;
    width: 100%; }
  .jotform-form html:lang(ar) .form-line[data-type="control_stripe"] .payment-form-table td {
    padding-left: 8px;
    padding-right: 0; }
  .jotform-form html:lang(ar) .form-line[data-type="control_stripe"] .payment-form-table th {
    text-align: right !important; }
  .jotform-form html:lang(ar) .form-line[data-type="control_stripe"] .payment-form-table th:nth-child(2) {
    padding-left: 0 !important; }
  .jotform-form html:lang(ar) li[data-type="control_stripe"].form-line[data-payment="true"] div[data-wrapper-react="true"] {
    direction: rtl; }
  @media screen and (max-width: 480px) {
    .jotform-form html:lang(ar) .form-address-line + .form-address-line,
    .jotform-form html:lang(ar) li.form-line:not(.form-line-column)[data-type="control_fullname"] .form-input-wide [data-wrapper-react]:not(.extended) .form-sub-label-container + .form-sub-label-container {
      margin-right: 8px !important;
      margin-left: 0; }
    .jotform-form html:lang(ar) label.form-label.form-label-auto,
    .jotform-form html:lang(ar) label.form-label:not(.form-label-top) {
      text-align: right !important; } }
  @media print {
    .jotform-form li[data-type="control_pagebreak"] {
      page-break-after: always; }
    .jotform-form .form-section {
      display: -ms-flexbox !important;
      display: flex !important; } }
  .jotform-form li[data-type="control_widget"] .form-input {
    width: 100%; }
  .jotform-form li:not(.lineAlignment-Top)[data-type="control_widget"] .form-label:not(.form-label-top) + .form-input {
    width: calc(100% - 240px); }
  @media (min-width: 481px) and (max-width: 767px) {
    .jotform-form li[data-type="control_widget"] label.form-label.form-label-auto,
    .jotform-form li[data-type="control_widget"] label.form-label:not(.form-label-top) {
      width: 100%;
      text-align: left; }
    .jotform-form li[data-type="control_widget"]:not(.lineAlignment-Top) .form-label:not(.form-label-top) + .form-input {
      width: 100% !important; } }
  .jotform-form .widgetsettings .close-widget-btn.btn.btn-white {
    border: 1px solid #ecedf3;
    border-radius: 4px;
    color: #2c3345;
    font-weight: 500; }
  .jotform-form .widgetsettings .close-widget-btn.btn.btn-white:hover {
    background-color: #f2f2f2; }
  .jotform-form .widgetsettings .update-widget-btn.btn-green {
    border: 1px solid #18bd5b;
    border-radius: 4px;
    background-color: #18bd5b;
    color: #fff;
    font-weight: 500; }
  .jotform-form .widgetsettings .update-widget-btn.btn-green:hover {
    background-color: #16aa52; }
  .jotform-form .loom-video-recorder-widget,
  .jotform-form .progress-bar-widget,
  .jotform-form .review-before-submit-widget {
    position: relative; }
  .jotform-form .loom-video-recorder-widget p:first-of-type strong,
  .jotform-form .progress-bar-widget p:first-of-type strong,
  .jotform-form .review-before-submit-widget p:first-of-type strong {
    width: 100%;
    height: 16px;
    font-size: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #2c3345;
    font-weight: 500; }
  .jotform-form .loom-video-recorder-widget p:nth-of-type(2),
  .jotform-form .progress-bar-widget p:nth-of-type(2),
  .jotform-form .review-before-submit-widget p:nth-of-type(2) {
    font-size: 11px;
    color: #936821;
    background-color: #f4d596;
    padding: 8px 37px;
    border: 1px solid #d3ba40;
    border-radius: 4px;
    margin: 0; }
  .jotform-form .loom-video-recorder-widget p:nth-of-type(2):before,
  .jotform-form .progress-bar-widget p:nth-of-type(2):before,
  .jotform-form .review-before-submit-widget p:nth-of-type(2):before {
    content: "";
    position: absolute;
    left: 14px;
    width: 17px;
    height: 17px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 17'%3E%3Cpath fill='%23936821' fill-rule='evenodd' d='M8.5 17a8.5 8.5 0 110-17 8.5 8.5 0 010 17zm-1-7.1h2V3.6h-2v6.3zm1 3.1c.5 0 1-.4 1-1a1 1 0 00-2 0c0 .6.4 1 1 1z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat; }
  .jotform-form iframe[data-client-id="533946093c1ad0c45d000070"] {
    width: 100% !important;
    min-height: 160px !important; }
  .jotform-form body[data-type="configurable-list"] {
    width: 100%;
    font-size: 14px; }
  .jotform-form .date-fields {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .jotform-form #listContainer .configurable-list-wrapper:not(.no-wrap) .btn-remove-hidden,
  .jotform-form #listContainer .no-wrap .configurable-list-field-row-wrapper .hidden-label {
    display: none !important; }
  .jotform-form #listContainer .no-wrap .configurable-list-field-row-wrapper .configurable-list-field-row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .jotform-form #listContainer .no-wrap .configurable-list-field-row-wrapper .configurable-list-field-row .btn-remove-hidden,
  .jotform-form #listContainer .no-wrap .configurable-list-field-row-wrapper .configurable-list-field-row .configurable-list-field-wrapper {
    margin: 0 8px 8px 0; }
  .jotform-form #listContainer .no-wrap .hide-label {
    display: none !important; }
  .jotform-form #listContainer .no-wrap .configurable-list-field-row-wrapper + .configurable-list-field-row-wrapper {
    border: none;
    padding-top: 0; }
  .jotform-form #listContainer .no-wrap .buttonsColumn {
    display: none !important; }
  .jotform-form #listContainer .form-dropdown,
  .jotform-form #listContainer .form-textarea,
  .jotform-form #listContainer .form-textbox:not(#productSearch-input) {
    font-size: 14px; }
  .jotform-form #listContainer .form-textbox {
    padding: 0 0.625em; }
  .jotform-form #listContainer .checkbox,
  .jotform-form #listContainer .radio {
    margin: 10px 0; }
  .jotform-form #listContainer .form-multiple-column,
  .jotform-form #listContainer .form-single-column {
    padding-left: 3px; }
  .jotform-form #listContainer .dateContainer .date-input {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.949 5v10.026a.986.986 0 01-.997.974H.997A.986.986 0 010 15.026V5h15.949zM4.192 11.417H2.375l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm4.691 0H7.066l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm-4.69-4.584H2.374l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.69 0H7.066l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.691 0h-1.818l-.09.008a.5.5 0 00-.377.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.377-.317l.024-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm-.52-5.708h1.994c.55 0 .997.476.997 1.063V4H.095V2.187c0-.586.447-1.062.998-1.062h1.993v-.063C3.086.477 3.532 0 4.083 0s.997.476.997 1.063v.062h5.98v-.063c0-.586.447-1.062.998-1.062.55 0 .996.476.996 1.063v.062z' fill='%23C3CAD8'/%3E%3C/svg%3E");
    background-size: 16px;
    padding-right: 36px;
    background-repeat: no-repeat;
    background-position: right 10px bottom 50%; }
  .jotform-form #listContainer div.configurable-list-field-row-wrapper:not(:first-child) span.configurable-list-field-label {
    display: -ms-flexbox;
    display: flex; }
  .jotform-form #listContainer .dateContainer {
    z-index: 10; }
  .jotform-form #listContainer .dateContainer,
  .jotform-form #listContainer .timeContainer {
    position: relative; }
  .jotform-form #listContainer .dateContainer .date-input-mask .emphasis,
  .jotform-form #listContainer .timeContainer .date-input-mask .emphasis {
    opacity: 0;
    visibility: hidden;
    color: transparent; }
  .jotform-form #listContainer .dateContainer .date-input-mask,
  .jotform-form #listContainer .timeContainer .date-input-mask {
    position: absolute;
    font-size: 14px;
    z-index: 1;
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0.625em;
    color: #8894ab;
    pointer-events: none; }
  .jotform-form #listContainer .calendarIcon {
    height: 18px;
    cursor: pointer; }
  .jotform-form #listContainer .dateInput-field-selector .calendarIcon {
    height: 2.5em;
    width: 32px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    opacity: 0; }
  .jotform-form #listContainer .form-dropdown:not([size]),
  .jotform-form #listContainer .form-textbox {
    height: 40px; }
  .jotform-form #listContainer .configurable-list-field-row-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  .jotform-form #listContainer .configurable-list-field-row-wrapper .hidden-label {
    opacity: 0;
    display: none; }
  .jotform-form #listContainer .configurable-list-field-row-wrapper .configurable-list-field-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    -ms-flex-align: start;
    align-items: flex-start; }
  .jotform-form #listContainer .add-button-wrapper,
  .jotform-form #listContainer .configurable-list-field-row-wrapper + .configurable-list-field-row-wrapper {
    border-top: 1px solid rgba(204, 208, 230, 0.5);
    padding-top: 30px; }
  .jotform-form #listContainer .configurable-list-field-row-wrapper + .configurable-list-field-row-wrapper {
    margin-top: 0; }
  .jotform-form #listContainer .timeContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  .jotform-form #listContainer .timeContainer .date-fields,
  .jotform-form #listContainer .timeContainer .time-input {
    min-width: 0; }
  .jotform-form #listContainer .timeContainer .date-fields {
    margin-left: 4px; }
  .jotform-form #listContainer .timeContainer .colons {
    margin-left: 4px;
    padding: 0 2px; }
  .jotform-form #listContainer .dateDropdowns {
    height: 40px;
    color: #8894ab;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  .jotform-form #listContainer .dateDropdowns .form-dropdown.y {
    min-width: 0; }
  .jotform-form #listContainer .dateDropdowns .date-fields:nth-of-type(2) {
    margin: 0 4px; }
  .jotform-form #listContainer .form-textbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  .jotform-form #listContainer .date-picker-ndt {
    max-width: 140px;
    width: 100%;
    background-size: 16px;
    padding: 0 36px 0 10px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.949 5v10.026a.986.986 0 01-.997.974H.997A.986.986 0 010 15.026V5h15.949zM4.192 11.417H2.375l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm4.691 0H7.066l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm-4.69-4.584H2.374l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.69 0H7.066l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.691 0h-1.818l-.09.008a.5.5 0 00-.377.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.377-.317l.024-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm-.52-5.708h1.994c.55 0 .997.476.997 1.063V4H.095V2.187c0-.586.447-1.062.998-1.062h1.993v-.063C3.086.477 3.532 0 4.083 0s.997.476.997 1.063v.062h5.98v-.063c0-.586.447-1.062.998-1.062.55 0 .996.476.996 1.063v.062z' fill='%23C3CAD8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px bottom 50%; }
  .jotform-form #listContainer .configurable-list-field-label {
    color: #57647e;
    font-weight: 500; }
  .jotform-form #listContainer .form-dropdown,
  .jotform-form #listContainer .form-textarea,
  .jotform-form #listContainer .form-textbox,
  .jotform-form #listContainer input[type="button"],
  .jotform-form #listContainer input[type="text"] {
    box-shadow: none; }
  .jotform-form #listContainer .form-textarea {
    height: 80px; }
  .jotform-form #listContainer .add {
    min-width: 86px;
    height: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #afbace;
    color: #fff;
    box-shadow: none;
    border-radius: 4px;
    padding: 0 5px;
    border: none; }
  .jotform-form #listContainer .add:hover {
    background: #66738a; }
  .jotform-form #listContainer .add-icon,
  .jotform-form #listContainer .remove-icon {
    display: none; }
  .jotform-form #listContainer .add-text {
    display: -ms-flexbox;
    display: flex;
    padding-left: 5px;
    font-size: 12px;
    text-shadow: none; }
  .jotform-form #listContainer .btn-remove-hidden,
  .jotform-form #listContainer .buttonsColumn {
    margin-left: 8px;
    margin-bottom: 30px;
    margin-top: auto; }
  .jotform-form #listContainer .remove {
    width: 32px;
    height: 40px;
    padding: 0;
    margin-left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgNGE0IDQgMCAwMTQtNGgyNGE0IDQgMCAwMTQgNHYzMmE0IDQgMCAwMS00IDRINGE0IDQgMCAwMS00LTRWNHoiIGZpbGw9IiNBRkJBQ0UiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIxLjI5OCAxNS43NzV2MTAuNTM4YzAgLjk3Mi0uNjc3IDEuNjg0LTEuNjA0IDEuNjg1LTIuMDQ5LjAwMy00LjA5Ny4wMDMtNi4xNDYgMC0uOTI2IDAtMS42MDItLjcxMy0xLjYwMi0xLjY4N1YxNS43NzVoOS4zNTJ6bS03LjAwMyAyLjQ0djcuMzM3aDEuMzI1Yy4yMDggMCAuMjIxIDAgLjIyMi0uMTk4di02LjkwMmMwLS4wNDMuMDEyLS4wOTItLjAwNC0uMTI1LS4wMjEtLjA0NC0uMDY0LS4xMDYtLjA5OS0uMTA3LS40NzctLjAwNi0uOTU1LS4wMDQtMS40NDQtLjAwNHptNC42NTMgMGgtMS4zMjJjLS4yMSAwLS4yMjQgMC0uMjI1LjE5NXY3LjEzaDEuNTQ3di03LjMyNXpNMTEgMTQuNzk3di0xLjg1OWguMjE1Yy45NDEgMCAxLjg4My4wMDQgMi44MjUtLjAwNmEuNDI4LjQyOCAwIDAwLjI3Ny0uMTMxYy4yMDgtLjIxNy4zOTUtLjQ2Mi42LS42ODJhLjM1NC4zNTQgMCAwMS4yMzItLjExMyAxOTIuMTUgMTkyLjE1IDAgMDEyLjk1IDBjLjA3OCAwIC4xNzIuMDUuMjMxLjExMy4yMDYuMjIuMzkyLjQ2NS42LjY4MmEuNDMuNDMgMCAwMC4yNzguMTMxYy45MzYuMDEgMS44NzIuMDA2IDIuODA3LjAwNmguMjI4djEuODU5SDExeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
    background-position: 50%;
    background-repeat: no-repeat;
    text-shadow: none; }
  .jotform-form #listContainer .remove:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgNGE0IDQgMCAwMTQtNGgyNGE0IDQgMCAwMTQgNHYzMmE0IDQgMCAwMS00IDRINGE0IDQgMCAwMS00LTRWNHoiIGZpbGw9IiNGRkNFQ0UiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIxLjI5OCAxNS43NzV2MTAuNTM4YzAgLjk3Mi0uNjc3IDEuNjg0LTEuNjA0IDEuNjg1LTIuMDQ5LjAwMy00LjA5Ny4wMDMtNi4xNDYgMC0uOTI2IDAtMS42MDItLjcxMy0xLjYwMi0xLjY4N1YxNS43NzVoOS4zNTJ6bS03LjAwMyAyLjQ0djcuMzM3aDEuMzI1Yy4yMDggMCAuMjIxIDAgLjIyMi0uMTk4di02LjkwMmMwLS4wNDMuMDEyLS4wOTItLjAwNC0uMTI1LS4wMjEtLjA0NC0uMDY0LS4xMDYtLjA5OS0uMTA3LS40NzctLjAwNi0uOTU1LS4wMDQtMS40NDQtLjAwNHptNC42NTMgMGgtMS4zMjJjLS4yMSAwLS4yMjQgMC0uMjI1LjE5NXY3LjEzaDEuNTQ3di03LjMyNXpNMTEgMTQuNzk3di0xLjg1OWguMjE1Yy45NDEgMCAxLjg4My4wMDQgMi44MjUtLjAwNmEuNDI4LjQyOCAwIDAwLjI3Ny0uMTMxYy4yMDgtLjIxNy4zOTUtLjQ2Mi42LS42ODJhLjM1NC4zNTQgMCAwMS4yMzItLjExMyAxOTIuMTUgMTkyLjE1IDAgMDEyLjk1IDBjLjA3OCAwIC4xNzIuMDUuMjMxLjExMy4yMDYuMjIuMzkyLjQ2NS42LjY4MmEuNDMuNDMgMCAwMC4yNzguMTMxYy45MzYuMDEgMS44NzIuMDA2IDIuODA3LjAwNmguMjI4djEuODU5SDExeiIgZmlsbD0iI0YyM0EzQyIvPjwvc3ZnPg==); }
  .jotform-form #listContainer .stepper-wrap {
    display: -ms-flexbox;
    display: flex;
    font: inherit;
    margin: 0 !important; }
  .jotform-form #listContainer :-ms-input-placeholder {
    left: 10px;
    position: relative; }
  .jotform-form #listContainer ::placeholder {
    left: 10px;
    position: relative; }
  .jotform-form #listContainer .stepper-btn-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    right: 0;
    border: none;
    margin: 1px 8px 1px 1px; }
  .jotform-form #listContainer .stepper-btn-wrap > a {
    display: -ms-flexbox;
    display: flex;
    height: 6px;
    width: 10px;
    padding: 5px;
    background-position: 50%;
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 5L5 1 1 5' stroke='%2357647E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat; }
  .jotform-form #listContainer .stepper-btn-wrap .stepper-btn-up {
    border-bottom: none; }
  .jotform-form #listContainer .stepper-btn-wrap .stepper-btn-dwn {
    transform: rotate(180deg); }
  .jotform-form #listContainer .staticText {
    min-height: 40px;
    padding-top: 0;
    display: -ms-flexbox;
    display: flex; }
  .jotform-form .ui-datepicker {
    padding: 0;
    border: none;
    width: 250px;
    box-shadow: 0 0 5px 1px rgba(44, 51, 69, 0.0509804); }
  .jotform-form .ui-datepicker .ui-widget-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    background: #ecedf3; }
  .jotform-form .ui-datepicker .ui-datepicker-header {
    background-color: #ecedf3;
    border: none;
    height: 38px;
    padding: 0; }
  .jotform-form .ui-datepicker .ui-datepicker-next,
  .jotform-form .ui-datepicker .ui-datepicker-prev {
    width: 22px;
    height: 22px;
    cursor: pointer; }
  .jotform-form .ui-datepicker .ui-datepicker-next span,
  .jotform-form .ui-datepicker .ui-datepicker-prev span {
    position: relative;
    height: 22px;
    width: 22px;
    margin: 0;
    background-size: contain;
    left: auto;
    top: auto; }
  .jotform-form .ui-datepicker .ui-datepicker-next span:hover,
  .jotform-form .ui-datepicker .ui-datepicker-prev span:hover {
    opacity: 0.8; }
  .jotform-form .ui-datepicker .ui-datepicker-prev span {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAxQzUuOTI1IDEgMSA1LjkyNSAxIDEyczQuOTI1IDExIDExIDExIDExLTQuOTI1IDExLTExUzE4LjA3NSAxIDEyIDF6bTEuNzA3IDcuNzA3YTEgMSAwIDAwLTEuNDE0LTEuNDE0bC00IDRhMSAxIDAgMDAwIDEuNDE0bDQgNGExIDEgMCAwMDEuNDE0LTEuNDE0TDEwLjQxNCAxMmwzLjI5My0zLjI5M3oiIGZpbGw9IiMyQzMzNDUiLz48L3N2Zz4="); }
  .jotform-form .ui-datepicker .ui-datepicker-next span {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAyM2M2LjA3NSAwIDExLTQuOTI1IDExLTExUzE4LjA3NSAxIDEyIDEgMSA1LjkyNSAxIDEyczQuOTI1IDExIDExIDExem0tMS43MDctNy43MDdhMSAxIDAgMTAxLjQxNCAxLjQxNGw0LTRhMSAxIDAgMDAwLTEuNDE0bC00LTRhMSAxIDAgMTAtMS40MTQgMS40MTRMMTMuNTg2IDEybC0zLjI5MyAzLjI5M3oiIGZpbGw9IiMyQzMzNDUiLz48L3N2Zz4="); }
  .jotform-form .ui-datepicker .ui-datepicker-prev {
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important; }
  .jotform-form .ui-datepicker .ui-datepicker-next {
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important; }
  .jotform-form .ui-datepicker .ui-icon-circle-triangle-e,
  .jotform-form .ui-datepicker .ui-icon-circle-triangle-w {
    background-position: 0; }
  .jotform-form .ui-datepicker .ui-datepicker-next,
  .jotform-form .ui-datepicker .ui-datepicker-prev {
    background: none !important; }
  .jotform-form .ui-datepicker .ui-datepicker-title {
    color: #2c3345; }
  .jotform-form .ui-datepicker .ui-state-hover {
    border: none !important; }
  .jotform-form .ui-datepicker .ui-state-active {
    background: #2c3345 !important;
    color: #fff !important; }
  .jotform-form .ui-datepicker table {
    background-color: #fff; }
  .jotform-form .ui-datepicker table th span {
    color: #2c3345; }
  .jotform-form .ui-datepicker table td {
    padding: 3px; }
  .jotform-form .ui-datepicker .ui-state-default {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    padding: 6px 4px;
    border-radius: 3px;
    color: #2c3345;
    background: #ecedf3;
    transition: all 0.2s ease; }
  .jotform-form .ui-datepicker .ui-state-default:hover {
    background: #cdcfdf; }
  .jotform-form .list-container {
    -ms-flex-direction: column;
    flex-direction: column; }
  .jotform-form .configurable-list-wrapper,
  .jotform-form .list-container {
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
  .jotform-form .configurable-list-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .jotform-form .configurable-list-field-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0;
    flex: 1 0;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 8px 30px 0;
    min-width: calc(25% - 8px);
    max-width: calc(50% - 8px); }
  .jotform-form .configurable-list-field-wrapper.date-field-selector {
    min-width: -moz-fit-content;
    min-width: fit-content; }
  .jotform-form .configurable-list-field-wrapper.time-field-selector {
    min-width: inherit; }
  .jotform-form .configurable-list-field-wrapper.time-field-selector .form-dropdown {
    -ms-flex: 1;
    flex: 1; }
  .jotform-form .configurable-list-field-wrapper:last-of-type {
    margin: 0 0 30px; }
  @media screen and (max-width: 480px) {
    .jotform-form iframe[src*="configurableList"] {
      min-height: 100% !important; }
    .jotform-form #listContainer .configurable-list-field-row-wrapper {
      display: block; }
    .jotform-form #listContainer .buttonsColumn {
      margin-left: 0; }
    .jotform-form #listContainer .buttonsColumn button {
      margin-left: auto; }
    .jotform-form .configurable-list-field-row {
      -ms-flex-direction: column;
      flex-direction: column; }
    .jotform-form .configurable-list-field-wrapper {
      margin: 0 0 24px;
      min-width: 100%;
      max-width: 100%; }
    .jotform-form .date-fields {
      -ms-flex-negative: 1;
      flex-shrink: 1; } }
  .jotform-form .v4-widgets-line:has(input[id*="533946093c1ad0c45d000070.labelRemove"]) {
    display: none; }
  .jotform-form .icheckbox_minimal {
    width: 20px !important;
    height: 20px !important;
    margin-left: 2px;
    background-color: #fff;
    background-image: none;
    background-position: 0 0 !important;
    border: 1px solid #c3cad8 !important;
    border-radius: 2px;
    transition: background-color 0.15s,
 border-color 0.15s; }
  .jotform-form .icheckbox_minimal.hover {
    border: 1px solid #c3cad8;
    width: 20px !important;
    height: 20px !important;
    box-shadow: 0 0 0 2px #c9d8fe; }
  .jotform-form .icheckbox_minimal.checked {
    position: relative !important;
    background-image: none !important; }
  .jotform-form .icheckbox_minimal.checked.hover {
    box-shadow: none !important; }
  .jotform-form .icheckbox_minimal.checked:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4l2.667 3L9 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px !important;
    height: 20px !important;
    background-color: #2e69ff;
    border-color: #2e69ff;
    background-size: 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    pointer-events: none; }
  .jotform-form iframe[data-client-id="52948fb29322cd302b00000c"] {
    margin-top: 10px; }
  .jotform-form body[data-type="terms-conditions"] {
    height: 100%; }
  .jotform-form body[data-type="terms-conditions"] #main {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  .jotform-form .theme-light #_label {
    color: #dadada !important; }
  .jotform-form #_label {
    color: #2c3345; }
  .jotform-form #_label #_terms {
    text-decoration: underline;
    color: #00e; }
  .jotform-form div#terms_conditions_modal {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(44, 51, 69, 0.904);
    z-index: 111;
    left: 0; }
  .jotform-form div#terms_conditions_modal iframe {
    border: 0;
    border-radius: 0;
    max-width: 752px;
    height: 50vh;
    width: 100%;
    border-bottom: 1px solid rgba(215, 216, 225, 0.452); }
  .jotform-form div#terms_conditions_modal[style*="block"] {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column; }
  .jotform-form .terms-conditions-content {
    background-color: #fff;
    width: 100%;
    max-width: 752px;
    border-radius: 5px;
    font-family: var(--font); }
  .jotform-form .terms-header {
    padding: 30px 5%;
    border-bottom: 1px solid rgba(215, 216, 225, 0.452);
    position: relative; }
  .jotform-form .terms-header h1,
  .jotform-form .terms-header h3 {
    margin: 0; }
  .jotform-form .terms-header h1 {
    font-weight: 600;
    margin-bottom: 6px;
    font-size: 20px; }
  .jotform-form .terms-header h3 {
    color: #57647e;
    font-size: 14px;
    font-weight: 500; }
  .jotform-form button#terms_conditions_modal_cancel {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.903 22.586L17.317 16l6.586-6.586a.932.932 0 00-1.317-1.317L16 14.683 9.414 8.097a.932.932 0 00-1.317 1.317L14.683 16l-6.586 6.586a.932.932 0 001.317 1.317L16 17.317l6.586 6.586a.932.932 0 001.317-1.317z' fill='%23A8AAB5'/%3E%3C/svg%3E");
    background-size: 26px;
    background-color: #edeef5;
    border: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: transparent;
    position: absolute;
    outline: 0;
    right: 26px;
    background-repeat: no-repeat;
    background-position: 50%;
    top: 50%;
    transform: translateY(-50%); }
  .jotform-form #terms_conditions_modal_accept {
    background-color: #2e69ff;
    height: 48px;
    padding: 0 12px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    float: right;
    border: 0;
    color: #fff;
    margin: 20px 5% 20px 0;
    font-family: Inter, sans-serif;
    transition: 0.2s; }
  .jotform-form #terms_conditions_modal_accept:hover {
    background-color: #2a5fe7; }
  .jotform-form .checklist {
    border-radius: 4px; }
  .jotform-form .checklist label:before {
    width: 20px;
    height: 20px;
    border: 1px solid #c3cad8;
    background-color: #fff; }
  .jotform-form .checklist label:after {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4l2.667 3L9 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    content: "";
    position: absolute;
    top: 0.8em;
    left: 0.75em;
    border-radius: 2px;
    background-color: #2e69ff;
    border: 1px solid #2e69ff;
    background-size: 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: transform 0.2s,
 opacity 0.2s; }
  .jotform-form .checklist li.other label input[type="text"] {
    border-radius: 2px;
    background-color: #fff; }
  .jotform-form .checklist li:hover {
    background: none; }
  .jotform-form .checklist.non-mobile li:hover label:after {
    opacity: 0; }
  .jotform-form #inputsContainer label {
    font-size: 16px;
    color: #2c3345;
    font-weight: 400;
    margin-right: 5px; }
  .jotform-form #inputsContainer table,
  .jotform-form #inputsContainer tbody {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column; }
  .jotform-form #inputsContainer .widget-inputs-wrapper {
    width: 100%; }
  .jotform-form #inputsContainer tr {
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px; }
  .jotform-form #inputsContainer td,
  .jotform-form #inputsContainer th,
  .jotform-form #inputsContainer tr {
    display: -ms-flexbox;
    display: flex; }
  .jotform-form #inputsContainer td {
    width: 100%; }
  .jotform-form #inputsContainer input[type="text"] {
    box-shadow: none;
    font-size: 1em;
    border-radius: 4px;
    border: 1px solid #c3cad8;
    display: block;
    min-width: 100%;
    height: 2.5em; }
  @media screen and (max-device-width: 415px) and (orientation: landscape), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-width: 480px) {
    .jotform-form .custom-field-frame {
      width: 100% !important; } }
  .jotform-form iframe[data-client-id="529467003477f3512000001f"] {
    max-width: 100%; }
  .jotform-form div[data-widget-name="Smooth Signature"] {
    overflow-x: unset !important; }
  .jotform-form .sigNav .clearButton {
    text-decoration: none !important;
    background-color: #e7effe !important;
    font-size: 12px !important;
    cursor: pointer;
    color: #57647e !important;
    padding: 4px 10px !important;
    border-radius: 4px;
    margin-top: 4px !important;
    font-weight: 400 !important;
    bottom: unset; }
  .jotform-form .sigWrapper {
    border-radius: 4px;
    height: calc(100% - 28px) !important; }
  .jotform-form div.sigWrapper {
    width: 100% !important; }
  .jotform-form .review-button-wrapper {
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .jotform-form #previewButtons {
    display: -ms-flexbox;
    display: flex;
    margin: 42px 0; }
  .jotform-form .form-all button.preview-submission-button {
    font-family: Inter, sans-serif;
    font-size: 15px;
    background-color: #ecedf3;
    color: #2c3345;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 3em;
    width: 128px;
    border-radius: 4px;
    border: 1px solid;
    cursor: pointer;
    font-weight: 500;
    box-shadow: none;
    margin-top: 0;
    margin-bottom: 0;
    text-shadow: none; }
  .jotform-form .form-all button.preview-submission-button#backToForm {
    margin-right: auto;
    background-color: #e5e7f2;
    border-color: #e5e7f2; }
  .jotform-form .form-all button.preview-submission-button#printForm {
    background: transparent;
    border-color: #c3cad8;
    color: #2c3345; }
  .jotform-form .form-all button.preview-submission-button.checkedSubmit {
    background-color: #18bd5b;
    border-color: #18bd5b;
    color: #fff; }
  .jotform-form .form-all button.preview-submission-button:hover {
    box-shadow: none; }
  .jotform-form div.form-all .form-buttons-wrapper button.preview-submission-button {
    width: 180px;
    background-color: #e5e7f2;
    color: #2c3345;
    border: none; }
  .jotform-form #previewContainer ul li:not(.control_head) div.label_i {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 6px; }
  .jotform-form #previewContainer ul li:not(.control_head) div.value.border {
    font-size: 15px;
    color: #57647e;
    font-weight: 500;
    padding-left: 0; }
  .jotform-form body[data-type="terms-scroll-widget"] #action {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px; }
  .jotform-form body[data-type="terms-scroll-widget"] #action > input + label {
    position: relative;
    display: -ms-flexbox;
    display: flex; }
  .jotform-form body[data-type="terms-scroll-widget"] #action > input + label:before {
    width: 20px;
    height: 20px;
    display: -ms-flexbox;
    display: flex;
    background: none !important;
    background-color: #fff;
    background-position: 0 0 !important;
    background-image: none;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .jotform-form body[data-type="terms-scroll-widget"] #scrollContent {
    font-size: 15px;
    line-height: 24px;
    display: -ms-flexbox;
    display: flex;
    color: #394258; }
  .jotform-form body[data-type="terms-scroll-widget"] input[type="checkbox"]:focus + label:before {
    box-shadow: none !important;
    border-color: none !important; }
  .jotform-form body[data-type="terms-scroll-widget"] #action > input + label:hover:after {
    width: 20px;
    height: 20px;
    display: -ms-flexbox;
    display: flex;
    box-shadow: 0 0 0 2px #c9d8fe; }
  .jotform-form body[data-type="terms-scroll-widget"] #action > input:checked + label:after {
    box-shadow: none !important; }
  .jotform-form body[data-type="terms-scroll-widget"] #action > input + label:after {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4l2.667 3L9 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 2px;
    background-color: #2e69ff;
    border-color: #2e69ff;
    background-size: 10px;
    background-position: 50%;
    transition: background-color 0.15s,
 border-color 0.15s;
    transform: none;
    box-shadow: none !important;
    background-repeat: no-repeat;
    border: none !important; }
  .jotform-form body[data-type="terms-scroll-widget"] .slimScrollDiv {
    height: 100% !important;
    background: #fff;
    border: 1px solid #c3cad8;
    border-radius: 4px; }
  .jotform-form body[data-type="terms-scroll-widget"] label[for="userInput"] {
    color: #2c3345;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    display: -ms-flexbox;
    display: flex; }
  .jotform-form body[data-type="terms-scroll-widget"] #scrollContent {
    height: 100% !important;
    border: none !important;
    height: 76vh !important; }
  .jotform-form body[data-type="terms-scroll-widget"] .required {
    color: #f23a3c;
    margin-bottom: 10px;
    font-weight: 500; }
  .jotform-form body[data-type="terms-scroll-widget"] .requiredText {
    display: none; }
  .jotform-form iframe[data-client-id="52f8550f0019ace53000000b"] #main {
    width: 100%; }
  .jotform-form iframe[data-client-id="52934dbf3be147110a000030"] {
    max-width: 100% !important; }
  .jotform-form #datepicker .input-group {
    width: 100%; }
  .jotform-form #datepicker .input-group .input-group-addon {
    display: none; }
  .jotform-form #datepicker .input-group input.form-control {
    height: 2.5em;
    border: 1px solid #c3cad8;
    color: #8894ab;
    font-weight: 500;
    border-radius: 4px;
    background-size: 16px;
    padding: 0 36px 0 10px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.949 5v10.026a.986.986 0 01-.997.974H.997A.986.986 0 010 15.026V5h15.949zM4.192 11.417H2.375l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm4.691 0H7.066l-.09.008a.5.5 0 00-.378.317l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.024.09.008h1.817l.09-.008a.5.5 0 00.378-.318l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.023-.09-.008zm-4.69-4.584H2.374l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.69 0H7.066l-.09.008a.5.5 0 00-.378.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.378-.317l.023-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm4.691 0h-1.818l-.09.008a.5.5 0 00-.377.318l-.023.085-.008.09v1.75l.008.09a.5.5 0 00.317.378l.084.023.09.008h1.817l.09-.008a.5.5 0 00.377-.317l.024-.085.008-.09v-1.75l-.008-.09a.5.5 0 00-.317-.378l-.084-.024-.09-.008zm-.52-5.708h1.994c.55 0 .997.476.997 1.063V4H.095V2.187c0-.586.447-1.062.998-1.062h1.993v-.063C3.086.477 3.532 0 4.083 0s.997.476.997 1.063v.062h5.98v-.063c0-.586.447-1.062.998-1.062.55 0 .996.476.996 1.063v.062z' fill='%23C3CAD8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px bottom 50%; }
  .jotform-form .datePickerOptions {
    text-transform: uppercase;
    font-family: Inter, sans-serif;
    text-align: center;
    padding: initial !important;
    margin: 1px 0; }
  .jotform-form .datePickerOptions > span {
    border-radius: 4px 0 0 4px;
    min-width: 182px;
    display: inline-block;
    padding: 12px 15px !important;
    border: 1px solid #292d32; }
  .jotform-form .datePickerOptions > span:checked {
    border: 1px solid #3eb7fb; }
  .jotform-form .datePickerOptions:nth-of-type(2) > span,
  .jotform-form .datePickerOptions:nth-of-type(4) > span {
    border-radius: 0 4px 4px 0; }
  .jotform-form .progressBar-newDefaultTheme {
    border-radius: 3px 3px 0 0; }
  .jotform-form .progressBar-newDefaultTheme .progressBarContainer {
    height: 60px;
    padding: 0; }
  .jotform-form .progressBar-newDefaultTheme .progressBarSubtitle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
    color: #c3cad8;
    font-size: 12px; }
  .jotform-form .progressBar-newDefaultTheme .progressjs-inner {
    border-radius: 3px 3px 3px 0; }
  .jotform-form .progressBar-newDefaultTheme .progressjs-inner-completed {
    border-radius: 3px 3px 0 0; }
  .jotform-form .progressBar-newDefaultTheme .progressjs-progress {
    z-index: 9999999;
    background: #c3cad8; }
  .jotform-form .progressBar-newDefaultTheme .progressjs-theme-newDefault {
    border-radius: 3px 3px 0 0;
    height: 10px !important; }
  .jotform-form .progressBar-newDefaultTheme.fixed {
    position: fixed;
    max-width: 752px;
    width: 100%;
    top: 0;
    background-color: #fff;
    z-index: 10; }
  .jotform-form .progressBar-newDefaultTheme.fixed .progressBarContainer {
    box-shadow: 0 8px 18px -8px #c3cad8; }
  .jotform-form li[data-type="control_autoincrement"] input {
    border: 1px solid #c3cad8 !important;
    color: #8894ab;
    line-height: 24px; }
  .jotform-form .line-Alignment-Top-NDT .form-label + .form-input {
    width: 100%;
    max-width: 310px; }
  .jotform-form .line-Alignment-Top-NDT .question-wrapper {
    -ms-flex-direction: column;
    flex-direction: column; }
  .jotform-form body[data-theme="upcoming"] #takePhoto,
  .jotform-form body[data-theme="upcoming"] .file_upload label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 157px;
    height: 40px;
    background: #57647e;
    border: initial;
    border-radius: 4px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 10px 11px 10px 18px;
    color: #fff;
    text-shadow: none;
    box-shadow: none; }
  .jotform-form body[data-theme="upcoming"] #takePhoto:hover,
  .jotform-form body[data-theme="upcoming"] .file_upload label:hover {
    background-color: #384051; }
  .jotform-form body[data-theme="upcoming"] #takePhoto:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.94 14.224a3.283 3.283 0 100-6.566 3.283 3.283 0 000 6.566z' fill='%23fff'/%3E%3Cpath d='M7.66 0L5.658 2.189h-3.47C.98 2.189 0 3.169 0 4.377V17.51c0 1.21.98 2.189 2.189 2.189h17.509c1.21 0 2.189-.98 2.189-2.189V4.377c0-1.209-.98-2.188-2.189-2.188h-3.469L14.226 0H7.66zm3.283 16.415a5.474 5.474 0 01-5.471-5.472 5.474 5.474 0 015.471-5.471 5.474 5.474 0 015.472 5.471 5.474 5.474 0 01-5.472 5.472z' fill='%23fff'/%3E%3C/svg%3E");
    width: 22px;
    height: 20px;
    margin-right: 10px; }
  .jotform-form body[data-theme="upcoming"] .file_upload label:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7 0H.9C.403 0 0 .406 0 .91v18.18c0 .504.403.91.9.91h19.8c.497 0 .9-.406.9-.91V.91a.904.904 0 00-.9-.91zm-.9 1.818v10.91l-4.5-4.546-5.4 6.364-4.5-3.637-3.6 3.636V1.819h18z' fill='%23fff'/%3E%3Ccircle cx='9.199' cy='6.801' r='2' fill='%23fff'/%3E%3C/svg%3E");
    width: 22px;
    height: 20px;
    margin-right: 10px; }
  .jotform-form body[data-theme="upcoming"] .record-status {
    padding: 0 1px;
    border-radius: 4px;
    color: #f23a3c;
    font-family: Inter, sans-serif;
    font-size: 10px; }
  .jotform-form body[data-theme="upcoming"] .record-status .status-icon {
    width: 6px;
    height: 11px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3.872' cy='3.854' r='2.481' fill='%23F23A3C' stroke='%23fff'/%3E%3C/svg%3E");
    margin: 0;
    background-size: initial; }
  .jotform-form body[data-theme="upcoming"] .record-status .status-text {
    margin-left: -2px;
    padding: 1px; }
  .jotform-form body[data-theme="upcoming"] #startbutton {
    background: initial;
    border: initial;
    margin: 0;
    box-shadow: none; }
  .jotform-form body[data-theme="upcoming"] #startbutton #take_photo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 157px;
    height: 40px;
    background-color: #57647e;
    border: initial;
    border-radius: 4px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: #fff;
    text-shadow: none;
    box-shadow: none;
    margin-left: -35px; }
  .jotform-form body[data-theme="upcoming"] #startbutton #take_photo:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.94 14.224a3.283 3.283 0 100-6.566 3.283 3.283 0 000 6.566z' fill='%23fff'/%3E%3Cpath d='M7.66 0L5.658 2.189h-3.47C.98 2.189 0 3.169 0 4.377V17.51c0 1.21.98 2.189 2.189 2.189h17.509c1.21 0 2.189-.98 2.189-2.189V4.377c0-1.209-.98-2.188-2.189-2.188h-3.469L14.226 0H7.66zm3.283 16.415a5.474 5.474 0 01-5.471-5.472 5.474 5.474 0 015.471-5.471 5.474 5.474 0 015.472 5.471 5.474 5.474 0 01-5.472 5.472z' fill='%23fff'/%3E%3C/svg%3E");
    width: 22px;
    height: 20px;
    margin-right: 10px; }
  .jotform-form body[data-theme="upcoming"] #startbutton #take_photo:hover {
    background-color: #384051; }
  .jotform-form body[data-theme="upcoming"] #removebutton {
    background: initial;
    border: initial;
    margin: 0;
    box-shadow: none; }
  .jotform-form body[data-theme="upcoming"] #removebutton #retake_photo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 157px;
    height: 40px;
    background-color: #57647e;
    border: initial;
    border-radius: 4px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 10px 11px 10px 12px;
    color: #fff;
    text-shadow: none;
    box-shadow: none;
    margin-left: -35px;
    -ms-flex-pack: initial;
    justify-content: normal; }
  .jotform-form body[data-theme="upcoming"] #removebutton #retake_photo:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.068 2.62c1.808 0 3.446.734 4.632 1.92l-3.322 3.322h7.862V0l-2.686 2.686A9.145 9.145 0 009.068 0C4.448 0 .636 3.42 0 7.862h2.647a6.558 6.558 0 016.42-5.241zm.102 13.76a6.531 6.531 0 01-4.631-1.92l3.321-3.322H-.002V19l2.686-2.686A9.145 9.145 0 009.171 19c4.619 0 8.432-3.42 9.067-7.862h-2.647a6.558 6.558 0 01-6.42 5.241z' fill='%23fff'/%3E%3C/svg%3E");
    width: 19px;
    height: 19px; }
  .jotform-form body[data-theme="upcoming"] #removebutton #retake_photo:hover {
    background-color: #384051; }
  .jotform-form body[data-theme="upcoming"] #content,
  .jotform-form body[data-theme="upcoming"] #webcam {
    height: 234px !important; }
  .jotform-form body[data-theme="upcoming"] #webcam video {
    width: 312px !important;
    height: 100% !important; }
  .jotform-form body[data-theme="upcoming"] #photo {
    width: 312px !important;
    height: 234px !important; }
  @media (orientation: landscape) {
    .jotform-form body[data-theme="upcoming"] #photo {
      width: 168px !important;
      height: 234px !important; } }
  .jotform-form body[data-theme="upcoming"] #notification {
    background-color: #18bd5b;
    font-family: Inter, sans-serif;
    font-weight: 500; }
  .jotform-form .cameraFacingOptions {
    text-transform: uppercase;
    font-family: Inter, sans-serif;
    font-weight: 400;
    text-align: center;
    padding: initial !important;
    margin: 12px 0; }
  .jotform-form .cameraFacingOptions > span {
    border-radius: 4px 0 0 4px;
    padding: 12px 15px !important;
    border: 1px solid #292d32;
    min-width: 85px; }
  .jotform-form .cameraFacingOptions > span:checked {
    border: 1px solid #3eb7fb; }
  .jotform-form .cameraFacingOptions:nth-of-type(2) > span {
    border-radius: 0 4px 4px 0; }
  .jotform-form .img_container_NDT {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    margin-top: 16px; }
  .jotform-form .upload_imgContainer_NDT {
    padding: 8px;
    border-radius: 4px 0 0 4px;
    background-color: #dae6ff; }
  .jotform-form .upload_imgContainer_NDT > img {
    display: block;
    object-position: center;
    object-fit: cover;
    width: 26px;
    border-radius: 4px;
    height: 26px;
    border: 1px solid #b5c2db; }
  .jotform-form #chosen_file_name {
    background-color: #dae6ff;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    border-radius: 0 4px 4px 0;
    margin-top: 0; }
  .jotform-form .upload_delete_icon_NDT {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3 3.775v.196l-.001 10.342c0 .972-.677 1.684-1.604 1.685-2.048.003-4.097.003-6.145 0-.927 0-1.602-.713-1.603-1.686V3.775h9.352zm-7.004 2.44v7.337h1.325c.208 0 .221 0 .222-.198V6.452c0-.043.013-.092-.004-.125-.02-.044-.064-.106-.099-.107-.477-.007-.954-.004-1.444-.004zm4.654 0H6.628c-.21 0-.224 0-.225.195v7.13H7.95V6.215zM0 2.797V.938h.215c.942 0 1.883.004 2.825-.006a.428.428 0 00.277-.131c.208-.217.395-.462.6-.682A.354.354 0 014.15.006c.983-.008 1.967-.008 2.95 0 .078 0 .172.05.231.113.206.22.392.465.6.682a.43.43 0 00.278.131c.936.01 1.872.006 2.807.006h.228v1.859H0z' fill='%2357647E'/%3E%3C/svg%3E");
    width: 32px;
    border-radius: 4px;
    background-color: #dae6ff;
    background-size: 12px;
    background-position: 50%;
    margin-left: 10px;
    margin-right: 3px;
    background-repeat: no-repeat;
    color: transparent;
    cursor: pointer; }
  .jotform-form .upload_delete_icon_NDT:focus,
  .jotform-form .upload_delete_icon_NDT:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3 3.775v.196l-.001 10.342c0 .972-.677 1.684-1.604 1.685-2.048.003-4.097.003-6.145 0-.927 0-1.602-.713-1.603-1.686V3.775h9.352zm-7.004 2.44v7.337h1.325c.208 0 .221 0 .222-.198V6.452c0-.043.013-.092-.004-.125-.02-.044-.064-.106-.099-.107-.477-.007-.954-.004-1.444-.004zm4.654 0H6.628c-.21 0-.224 0-.225.195v7.13H7.95V6.215zM0 2.797V.938h.215c.942 0 1.883.004 2.825-.006a.428.428 0 00.277-.131c.208-.217.395-.462.6-.682A.354.354 0 014.15.006c.983-.008 1.967-.008 2.95 0 .078 0 .172.05.231.113.206.22.392.465.6.682a.43.43 0 00.278.131c.936.01 1.872.006 2.807.006h.228v1.859H0z' fill='%23F23A3C'/%3E%3C/svg%3E");
    box-shadow: 0 0 0 3px #c9d8fe; }
  .jotform-form .error_state_NDT {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: #fad58d;
    padding: 6px 9px;
    font-size: 12px;
    line-height: 18px;
    position: relative;
    border-radius: 4px;
    width: 100%;
    border: 1px solid #d8ba10;
    color: #9a6700;
    margin-top: 13px;
    white-space: pre-wrap;
    clear: both;
    max-width: 100%; }
  .jotform-form .error_state_NDT:before {
    content: "";
    width: 18px;
    height: 18px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5 17a8.5 8.5 0 110-17 8.5 8.5 0 010 17zm-.988-7.116h1.976V3.558H7.512v6.326zm.988 3.162a.995.995 0 00.988-1 .99.99 0 00-.988-.976.983.983 0 00-.988.976c0 .555.434 1 .988 1z' fill='%23936821'/%3E%3C/svg%3E"); }
  .jotform-form .webcamjs-ios-text {
    display: none; }
  .jotform-form body[data-type="take-photo"] .pure-button {
    height: auto; }
  .jotform-form .dynamicField {
    border-radius: 4px;
    height: 40px; }
  .jotform-form .dynamicField:focus {
    background-color: #fff;
    border-color: #2e69ff !important;
    box-shadow: 0 0 0 1px #c9d8fe; }
  .jotform-form .dynamicField:hover {
    border-color: #a9bff9;
    box-shadow: 0 0 0 1px #c9d8fe; }
  .jotform-form #main p input[type="text"].dynamicField {
    width: 100% !important; }
  .jotform-form .form-grading-item {
    margin-right: 8px; }
  .jotform-form .form-grading-label {
    margin-top: 8px;
    display: inline-block; }
  .jotform-form li[data-type="control_birthdate"] .form-sub-label {
    margin-top: 8px; }
  .jotform-form iframe[data-client-id="5295b800485bd19f5d000005"] {
    max-width: unset !important; }
  .jotform-form .isBuilder iframe[data-client-id="5295b800485bd19f5d000005"] {
    pointer-events: none; }

[data-theme] {
  background-color: var(--color-bg, hsl(0, 0%, 100%));
  color: var(--color-contrast-high, hsl(210, 7%, 21%)); }

.form-control {
  font-size: var(--form-control-font-size, 1em);
  padding-top: var(--form-control-padding-y, 0.5em);
  padding-bottom: var(--form-control-padding-y, 0.5em);
  padding-left: var(--form-control-padding-x, 0.75em);
  padding-right: var(--form-control-padding-x, 0.75em);
  border-radius: var(--form-control-radius, 0.25em); }

.form-legend {
  color: var(--color-contrast-higher, hsl(204, 28%, 7%));
  line-height: var(--heading-line-height, 1.2);
  font-size: var(--text-md, 1.125rem);
  margin-bottom: var(--space-sm); }

.container {
  width: calc(100% - 2*var(--component-padding));
  margin-left: auto;
  margin-right: auto; }

.grid, .flex, .inline-flex,
[class^=flex\@], [class*=" flex@"],
[class^=inline-flex\@], [class*=" inline-flex@"] {
  --gap: 0px;
  --gap-x: var(--gap);
  --gap-y: var(--gap);
  gap: var(--gap-y) var(--gap-x); }
  .grid > *, .flex > *, .inline-flex > *,
  [class^=flex\@] > *, [class*=" flex@"] > *,
  [class^=inline-flex\@] > *, [class*=" inline-flex@"] > * {
    --sub-gap: 0px;
    --sub-gap-x: var(--sub-gap);
    --sub-gap-y: var(--sub-gap); }

.grid {
  --grid-columns: 12;
  display: flex;
  flex-wrap: wrap; }
  .grid > * {
    flex-basis: 100%;
    max-width: 100%;
    min-width: 0; }

/* #region (Safari < 14.1 fallback) */
@media not all and (min-resolution: 0.001dpcm) {
  @supports not (translate: none) {
    .grid, .flex[class*="gap-"], .inline-flex[class*="gap-"] {
      gap: 0px;
      margin-bottom: calc(-1 * var(--gap-y));
      margin-left: calc(-1 * var(--gap-x)); }
      .grid > *, .flex[class*="gap-"] > *, .inline-flex[class*="gap-"] > * {
        margin-bottom: var(--sub-gap-y); }
    .grid {
      --offset: var(--gap-x);
      --gap-modifier: 0;
      --offset-modifier: 1; }
      .grid > * {
        margin-left: var(--offset); }
    .flex[class*="gap-"] > *, .inline-flex[class*="gap-"] > * {
      margin-left: var(--sub-gap-x); } } }

/* #endregion */
.gap-xxxxs {
  --gap-x: var(--space-xxxxs);
  --gap-y: var(--space-xxxxs); }
  .gap-xxxxs > * {
    --sub-gap-x: var(--space-xxxxs);
    --sub-gap-y: var(--space-xxxxs); }

.gap-xxxs {
  --gap-x: var(--space-xxxs);
  --gap-y: var(--space-xxxs); }
  .gap-xxxs > * {
    --sub-gap-x: var(--space-xxxs);
    --sub-gap-y: var(--space-xxxs); }

.gap-xxs {
  --gap-x: var(--space-xxs);
  --gap-y: var(--space-xxs); }
  .gap-xxs > * {
    --sub-gap-x: var(--space-xxs);
    --sub-gap-y: var(--space-xxs); }

.gap-xs {
  --gap-x: var(--space-xs);
  --gap-y: var(--space-xs); }
  .gap-xs > * {
    --sub-gap-x: var(--space-xs);
    --sub-gap-y: var(--space-xs); }

.gap-sm {
  --gap-x: var(--space-sm);
  --gap-y: var(--space-sm); }
  .gap-sm > * {
    --sub-gap-x: var(--space-sm);
    --sub-gap-y: var(--space-sm); }

.gap-md {
  --gap-x: var(--space-md);
  --gap-y: var(--space-md); }
  .gap-md > * {
    --sub-gap-x: var(--space-md);
    --sub-gap-y: var(--space-md); }

.gap-lg {
  --gap-x: var(--space-lg);
  --gap-y: var(--space-lg); }
  .gap-lg > * {
    --sub-gap-x: var(--space-lg);
    --sub-gap-y: var(--space-lg); }

.gap-xl {
  --gap-x: var(--space-xl);
  --gap-y: var(--space-xl); }
  .gap-xl > * {
    --sub-gap-x: var(--space-xl);
    --sub-gap-y: var(--space-xl); }

.gap-xxl {
  --gap-x: var(--space-xxl);
  --gap-y: var(--space-xxl); }
  .gap-xxl > * {
    --sub-gap-x: var(--space-xxl);
    --sub-gap-y: var(--space-xxl); }

.gap-xxxl {
  --gap-x: var(--space-xxxl);
  --gap-y: var(--space-xxxl); }
  .gap-xxxl > * {
    --sub-gap-x: var(--space-xxxl);
    --sub-gap-y: var(--space-xxxl); }

.gap-xxxxl {
  --gap-x: var(--space-xxxxl);
  --gap-y: var(--space-xxxxl); }
  .gap-xxxxl > * {
    --sub-gap-x: var(--space-xxxxl);
    --sub-gap-y: var(--space-xxxxl); }

.gap-0 {
  --gap-x: 0;
  --gap-y: 0; }
  .gap-0 > * {
    --sub-gap-x: 0;
    --sub-gap-y: 0; }

.gap-x-xxxxs {
  --gap-x: var(--space-xxxxs); }
  .gap-x-xxxxs > * {
    --sub-gap-x: var(--space-xxxxs); }

.gap-x-xxxs {
  --gap-x: var(--space-xxxs); }
  .gap-x-xxxs > * {
    --sub-gap-x: var(--space-xxxs); }

.gap-x-xxs {
  --gap-x: var(--space-xxs); }
  .gap-x-xxs > * {
    --sub-gap-x: var(--space-xxs); }

.gap-x-xs {
  --gap-x: var(--space-xs); }
  .gap-x-xs > * {
    --sub-gap-x: var(--space-xs); }

.gap-x-sm {
  --gap-x: var(--space-sm); }
  .gap-x-sm > * {
    --sub-gap-x: var(--space-sm); }

.gap-x-md {
  --gap-x: var(--space-md); }
  .gap-x-md > * {
    --sub-gap-x: var(--space-md); }

.gap-x-lg {
  --gap-x: var(--space-lg); }
  .gap-x-lg > * {
    --sub-gap-x: var(--space-lg); }

.gap-x-xl {
  --gap-x: var(--space-xl); }
  .gap-x-xl > * {
    --sub-gap-x: var(--space-xl); }

.gap-x-xxl {
  --gap-x: var(--space-xxl); }
  .gap-x-xxl > * {
    --sub-gap-x: var(--space-xxl); }

.gap-x-xxxl {
  --gap-x: var(--space-xxxl); }
  .gap-x-xxxl > * {
    --sub-gap-x: var(--space-xxxl); }

.gap-x-xxxxl {
  --gap-x: var(--space-xxxxl); }
  .gap-x-xxxxl > * {
    --sub-gap-x: var(--space-xxxxl); }

.gap-x-0 {
  --gap-x: 0; }
  .gap-x-0 > * {
    --sub-gap-x: 0; }

.gap-y-xxxxs {
  --gap-y: var(--space-xxxxs); }
  .gap-y-xxxxs > * {
    --sub-gap-y: var(--space-xxxxs); }

.gap-y-xxxs {
  --gap-y: var(--space-xxxs); }
  .gap-y-xxxs > * {
    --sub-gap-y: var(--space-xxxs); }

.gap-y-xxs {
  --gap-y: var(--space-xxs); }
  .gap-y-xxs > * {
    --sub-gap-y: var(--space-xxs); }

.gap-y-xs {
  --gap-y: var(--space-xs); }
  .gap-y-xs > * {
    --sub-gap-y: var(--space-xs); }

.gap-y-sm {
  --gap-y: var(--space-sm); }
  .gap-y-sm > * {
    --sub-gap-y: var(--space-sm); }

.gap-y-md {
  --gap-y: var(--space-md); }
  .gap-y-md > * {
    --sub-gap-y: var(--space-md); }

.gap-y-lg {
  --gap-y: var(--space-lg); }
  .gap-y-lg > * {
    --sub-gap-y: var(--space-lg); }

.gap-y-xl {
  --gap-y: var(--space-xl); }
  .gap-y-xl > * {
    --sub-gap-y: var(--space-xl); }

.gap-y-xxl {
  --gap-y: var(--space-xxl); }
  .gap-y-xxl > * {
    --sub-gap-y: var(--space-xxl); }

.gap-y-xxxl {
  --gap-y: var(--space-xxxl); }
  .gap-y-xxxl > * {
    --sub-gap-y: var(--space-xxxl); }

.gap-y-xxxxl {
  --gap-y: var(--space-xxxxl); }
  .gap-y-xxxxl > * {
    --sub-gap-y: var(--space-xxxxl); }

.gap-y-0 {
  --gap-y: 0; }
  .gap-y-0 > * {
    --sub-gap-y: 0; }

.grid-col-1 {
  --grid-columns: 1; }

.col-1 {
  --span: 1; }

.grid-col-2 {
  --grid-columns: 2; }

.col-2 {
  --span: 2; }

.grid-col-3 {
  --grid-columns: 3; }

.col-3 {
  --span: 3; }

.grid-col-4 {
  --grid-columns: 4; }

.col-4 {
  --span: 4; }

.grid-col-5 {
  --grid-columns: 5; }

.col-5 {
  --span: 5; }

.grid-col-6 {
  --grid-columns: 6; }

.col-6 {
  --span: 6; }

.grid-col-7 {
  --grid-columns: 7; }

.col-7 {
  --span: 7; }

.grid-col-8 {
  --grid-columns: 8; }

.col-8 {
  --span: 8; }

.grid-col-9 {
  --grid-columns: 9; }

.col-9 {
  --span: 9; }

.grid-col-10 {
  --grid-columns: 10; }

.col-10 {
  --span: 10; }

.grid-col-11 {
  --grid-columns: 11; }

.col-11 {
  --span: 11; }

.grid-col-12 {
  --grid-columns: 12; }

.col-12 {
  --span: 12; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  flex-basis: calc(((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x));
  max-width: calc(((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x)); }

.col {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%; }

.col-content {
  flex-grow: 0;
  flex-basis: initial;
  max-width: initial; }

.offset-1 {
  --offset: 1; }

.offset-2 {
  --offset: 2; }

.offset-3 {
  --offset: 3; }

.offset-4 {
  --offset: 4; }

.offset-5 {
  --offset: 5; }

.offset-6 {
  --offset: 6; }

.offset-7 {
  --offset: 7; }

.offset-8 {
  --offset: 8; }

.offset-9 {
  --offset: 9; }

.offset-10 {
  --offset: 10; }

.offset-11 {
  --offset: 11; }

.offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11 {
  margin-left: calc(((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset) / var(--grid-columns)) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-gap-x)); }

@media (min-width: 32rem) {
  .gap-xxxxs\@xs {
    --gap-x: var(--space-xxxxs);
    --gap-y: var(--space-xxxxs); }
    .gap-xxxxs\@xs > * {
      --sub-gap-x: var(--space-xxxxs);
      --sub-gap-y: var(--space-xxxxs); }
  .gap-xxxs\@xs {
    --gap-x: var(--space-xxxs);
    --gap-y: var(--space-xxxs); }
    .gap-xxxs\@xs > * {
      --sub-gap-x: var(--space-xxxs);
      --sub-gap-y: var(--space-xxxs); }
  .gap-xxs\@xs {
    --gap-x: var(--space-xxs);
    --gap-y: var(--space-xxs); }
    .gap-xxs\@xs > * {
      --sub-gap-x: var(--space-xxs);
      --sub-gap-y: var(--space-xxs); }
  .gap-xs\@xs {
    --gap-x: var(--space-xs);
    --gap-y: var(--space-xs); }
    .gap-xs\@xs > * {
      --sub-gap-x: var(--space-xs);
      --sub-gap-y: var(--space-xs); }
  .gap-sm\@xs {
    --gap-x: var(--space-sm);
    --gap-y: var(--space-sm); }
    .gap-sm\@xs > * {
      --sub-gap-x: var(--space-sm);
      --sub-gap-y: var(--space-sm); }
  .gap-md\@xs {
    --gap-x: var(--space-md);
    --gap-y: var(--space-md); }
    .gap-md\@xs > * {
      --sub-gap-x: var(--space-md);
      --sub-gap-y: var(--space-md); }
  .gap-lg\@xs {
    --gap-x: var(--space-lg);
    --gap-y: var(--space-lg); }
    .gap-lg\@xs > * {
      --sub-gap-x: var(--space-lg);
      --sub-gap-y: var(--space-lg); }
  .gap-xl\@xs {
    --gap-x: var(--space-xl);
    --gap-y: var(--space-xl); }
    .gap-xl\@xs > * {
      --sub-gap-x: var(--space-xl);
      --sub-gap-y: var(--space-xl); }
  .gap-xxl\@xs {
    --gap-x: var(--space-xxl);
    --gap-y: var(--space-xxl); }
    .gap-xxl\@xs > * {
      --sub-gap-x: var(--space-xxl);
      --sub-gap-y: var(--space-xxl); }
  .gap-xxxl\@xs {
    --gap-x: var(--space-xxxl);
    --gap-y: var(--space-xxxl); }
    .gap-xxxl\@xs > * {
      --sub-gap-x: var(--space-xxxl);
      --sub-gap-y: var(--space-xxxl); }
  .gap-xxxxl\@xs {
    --gap-x: var(--space-xxxxl);
    --gap-y: var(--space-xxxxl); }
    .gap-xxxxl\@xs > * {
      --sub-gap-x: var(--space-xxxxl);
      --sub-gap-y: var(--space-xxxxl); }
  .gap-0\@xs {
    --gap-x: 0;
    --gap-y: 0; }
    .gap-0\@xs > * {
      --sub-gap-x: 0;
      --sub-gap-y: 0; }
  .gap-x-xxxxs\@xs {
    --gap-x: var(--space-xxxxs); }
    .gap-x-xxxxs\@xs > * {
      --sub-gap-x: var(--space-xxxxs); }
  .gap-x-xxxs\@xs {
    --gap-x: var(--space-xxxs); }
    .gap-x-xxxs\@xs > * {
      --sub-gap-x: var(--space-xxxs); }
  .gap-x-xxs\@xs {
    --gap-x: var(--space-xxs); }
    .gap-x-xxs\@xs > * {
      --sub-gap-x: var(--space-xxs); }
  .gap-x-xs\@xs {
    --gap-x: var(--space-xs); }
    .gap-x-xs\@xs > * {
      --sub-gap-x: var(--space-xs); }
  .gap-x-sm\@xs {
    --gap-x: var(--space-sm); }
    .gap-x-sm\@xs > * {
      --sub-gap-x: var(--space-sm); }
  .gap-x-md\@xs {
    --gap-x: var(--space-md); }
    .gap-x-md\@xs > * {
      --sub-gap-x: var(--space-md); }
  .gap-x-lg\@xs {
    --gap-x: var(--space-lg); }
    .gap-x-lg\@xs > * {
      --sub-gap-x: var(--space-lg); }
  .gap-x-xl\@xs {
    --gap-x: var(--space-xl); }
    .gap-x-xl\@xs > * {
      --sub-gap-x: var(--space-xl); }
  .gap-x-xxl\@xs {
    --gap-x: var(--space-xxl); }
    .gap-x-xxl\@xs > * {
      --sub-gap-x: var(--space-xxl); }
  .gap-x-xxxl\@xs {
    --gap-x: var(--space-xxxl); }
    .gap-x-xxxl\@xs > * {
      --sub-gap-x: var(--space-xxxl); }
  .gap-x-xxxxl\@xs {
    --gap-x: var(--space-xxxxl); }
    .gap-x-xxxxl\@xs > * {
      --sub-gap-x: var(--space-xxxxl); }
  .gap-x-0\@xs {
    --gap-x: 0; }
    .gap-x-0\@xs > * {
      --sub-gap-x: 0; }
  .gap-y-xxxxs\@xs {
    --gap-y: var(--space-xxxxs); }
    .gap-y-xxxxs\@xs > * {
      --sub-gap-y: var(--space-xxxxs); }
  .gap-y-xxxs\@xs {
    --gap-y: var(--space-xxxs); }
    .gap-y-xxxs\@xs > * {
      --sub-gap-y: var(--space-xxxs); }
  .gap-y-xxs\@xs {
    --gap-y: var(--space-xxs); }
    .gap-y-xxs\@xs > * {
      --sub-gap-y: var(--space-xxs); }
  .gap-y-xs\@xs {
    --gap-y: var(--space-xs); }
    .gap-y-xs\@xs > * {
      --sub-gap-y: var(--space-xs); }
  .gap-y-sm\@xs {
    --gap-y: var(--space-sm); }
    .gap-y-sm\@xs > * {
      --sub-gap-y: var(--space-sm); }
  .gap-y-md\@xs {
    --gap-y: var(--space-md); }
    .gap-y-md\@xs > * {
      --sub-gap-y: var(--space-md); }
  .gap-y-lg\@xs {
    --gap-y: var(--space-lg); }
    .gap-y-lg\@xs > * {
      --sub-gap-y: var(--space-lg); }
  .gap-y-xl\@xs {
    --gap-y: var(--space-xl); }
    .gap-y-xl\@xs > * {
      --sub-gap-y: var(--space-xl); }
  .gap-y-xxl\@xs {
    --gap-y: var(--space-xxl); }
    .gap-y-xxl\@xs > * {
      --sub-gap-y: var(--space-xxl); }
  .gap-y-xxxl\@xs {
    --gap-y: var(--space-xxxl); }
    .gap-y-xxxl\@xs > * {
      --sub-gap-y: var(--space-xxxl); }
  .gap-y-xxxxl\@xs {
    --gap-y: var(--space-xxxxl); }
    .gap-y-xxxxl\@xs > * {
      --sub-gap-y: var(--space-xxxxl); }
  .gap-y-0\@xs {
    --gap-y: 0; }
    .gap-y-0\@xs > * {
      --sub-gap-y: 0; }
  .grid-col-1\@xs {
    --grid-columns: 1; }
  .col-1\@xs {
    --span: 1; }
  .grid-col-2\@xs {
    --grid-columns: 2; }
  .col-2\@xs {
    --span: 2; }
  .grid-col-3\@xs {
    --grid-columns: 3; }
  .col-3\@xs {
    --span: 3; }
  .grid-col-4\@xs {
    --grid-columns: 4; }
  .col-4\@xs {
    --span: 4; }
  .grid-col-5\@xs {
    --grid-columns: 5; }
  .col-5\@xs {
    --span: 5; }
  .grid-col-6\@xs {
    --grid-columns: 6; }
  .col-6\@xs {
    --span: 6; }
  .grid-col-7\@xs {
    --grid-columns: 7; }
  .col-7\@xs {
    --span: 7; }
  .grid-col-8\@xs {
    --grid-columns: 8; }
  .col-8\@xs {
    --span: 8; }
  .grid-col-9\@xs {
    --grid-columns: 9; }
  .col-9\@xs {
    --span: 9; }
  .grid-col-10\@xs {
    --grid-columns: 10; }
  .col-10\@xs {
    --span: 10; }
  .grid-col-11\@xs {
    --grid-columns: 11; }
  .col-11\@xs {
    --span: 11; }
  .grid-col-12\@xs {
    --grid-columns: 12; }
  .col-12\@xs {
    --span: 12; }
  .col-1\@xs, .col-2\@xs, .col-3\@xs, .col-4\@xs, .col-5\@xs, .col-6\@xs, .col-7\@xs, .col-8\@xs, .col-9\@xs, .col-10\@xs, .col-11\@xs, .col-12\@xs {
    flex-basis: calc(((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x));
    max-width: calc(((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x)); }
  .col\@xs {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .col-content\@xs {
    flex-grow: 0;
    flex-basis: initial;
    max-width: initial; }
  .offset-1\@xs {
    --offset: 1; }
  .offset-2\@xs {
    --offset: 2; }
  .offset-3\@xs {
    --offset: 3; }
  .offset-4\@xs {
    --offset: 4; }
  .offset-5\@xs {
    --offset: 5; }
  .offset-6\@xs {
    --offset: 6; }
  .offset-7\@xs {
    --offset: 7; }
  .offset-8\@xs {
    --offset: 8; }
  .offset-9\@xs {
    --offset: 9; }
  .offset-10\@xs {
    --offset: 10; }
  .offset-11\@xs {
    --offset: 11; }
  .offset-1\@xs, .offset-2\@xs, .offset-3\@xs, .offset-4\@xs, .offset-5\@xs, .offset-6\@xs, .offset-7\@xs, .offset-8\@xs, .offset-9\@xs, .offset-10\@xs, .offset-11\@xs {
    margin-left: calc(((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset) / var(--grid-columns)) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-gap-x)); }
  .offset-0\@xs {
    margin-left: 0; } }

@media (min-width: 48rem) {
  .gap-xxxxs\@sm {
    --gap-x: var(--space-xxxxs);
    --gap-y: var(--space-xxxxs); }
    .gap-xxxxs\@sm > * {
      --sub-gap-x: var(--space-xxxxs);
      --sub-gap-y: var(--space-xxxxs); }
  .gap-xxxs\@sm {
    --gap-x: var(--space-xxxs);
    --gap-y: var(--space-xxxs); }
    .gap-xxxs\@sm > * {
      --sub-gap-x: var(--space-xxxs);
      --sub-gap-y: var(--space-xxxs); }
  .gap-xxs\@sm {
    --gap-x: var(--space-xxs);
    --gap-y: var(--space-xxs); }
    .gap-xxs\@sm > * {
      --sub-gap-x: var(--space-xxs);
      --sub-gap-y: var(--space-xxs); }
  .gap-xs\@sm {
    --gap-x: var(--space-xs);
    --gap-y: var(--space-xs); }
    .gap-xs\@sm > * {
      --sub-gap-x: var(--space-xs);
      --sub-gap-y: var(--space-xs); }
  .gap-sm\@sm {
    --gap-x: var(--space-sm);
    --gap-y: var(--space-sm); }
    .gap-sm\@sm > * {
      --sub-gap-x: var(--space-sm);
      --sub-gap-y: var(--space-sm); }
  .gap-md\@sm {
    --gap-x: var(--space-md);
    --gap-y: var(--space-md); }
    .gap-md\@sm > * {
      --sub-gap-x: var(--space-md);
      --sub-gap-y: var(--space-md); }
  .gap-lg\@sm {
    --gap-x: var(--space-lg);
    --gap-y: var(--space-lg); }
    .gap-lg\@sm > * {
      --sub-gap-x: var(--space-lg);
      --sub-gap-y: var(--space-lg); }
  .gap-xl\@sm {
    --gap-x: var(--space-xl);
    --gap-y: var(--space-xl); }
    .gap-xl\@sm > * {
      --sub-gap-x: var(--space-xl);
      --sub-gap-y: var(--space-xl); }
  .gap-xxl\@sm {
    --gap-x: var(--space-xxl);
    --gap-y: var(--space-xxl); }
    .gap-xxl\@sm > * {
      --sub-gap-x: var(--space-xxl);
      --sub-gap-y: var(--space-xxl); }
  .gap-xxxl\@sm {
    --gap-x: var(--space-xxxl);
    --gap-y: var(--space-xxxl); }
    .gap-xxxl\@sm > * {
      --sub-gap-x: var(--space-xxxl);
      --sub-gap-y: var(--space-xxxl); }
  .gap-xxxxl\@sm {
    --gap-x: var(--space-xxxxl);
    --gap-y: var(--space-xxxxl); }
    .gap-xxxxl\@sm > * {
      --sub-gap-x: var(--space-xxxxl);
      --sub-gap-y: var(--space-xxxxl); }
  .gap-0\@sm {
    --gap-x: 0;
    --gap-y: 0; }
    .gap-0\@sm > * {
      --sub-gap-x: 0;
      --sub-gap-y: 0; }
  .gap-x-xxxxs\@sm {
    --gap-x: var(--space-xxxxs); }
    .gap-x-xxxxs\@sm > * {
      --sub-gap-x: var(--space-xxxxs); }
  .gap-x-xxxs\@sm {
    --gap-x: var(--space-xxxs); }
    .gap-x-xxxs\@sm > * {
      --sub-gap-x: var(--space-xxxs); }
  .gap-x-xxs\@sm {
    --gap-x: var(--space-xxs); }
    .gap-x-xxs\@sm > * {
      --sub-gap-x: var(--space-xxs); }
  .gap-x-xs\@sm {
    --gap-x: var(--space-xs); }
    .gap-x-xs\@sm > * {
      --sub-gap-x: var(--space-xs); }
  .gap-x-sm\@sm {
    --gap-x: var(--space-sm); }
    .gap-x-sm\@sm > * {
      --sub-gap-x: var(--space-sm); }
  .gap-x-md\@sm {
    --gap-x: var(--space-md); }
    .gap-x-md\@sm > * {
      --sub-gap-x: var(--space-md); }
  .gap-x-lg\@sm {
    --gap-x: var(--space-lg); }
    .gap-x-lg\@sm > * {
      --sub-gap-x: var(--space-lg); }
  .gap-x-xl\@sm {
    --gap-x: var(--space-xl); }
    .gap-x-xl\@sm > * {
      --sub-gap-x: var(--space-xl); }
  .gap-x-xxl\@sm {
    --gap-x: var(--space-xxl); }
    .gap-x-xxl\@sm > * {
      --sub-gap-x: var(--space-xxl); }
  .gap-x-xxxl\@sm {
    --gap-x: var(--space-xxxl); }
    .gap-x-xxxl\@sm > * {
      --sub-gap-x: var(--space-xxxl); }
  .gap-x-xxxxl\@sm {
    --gap-x: var(--space-xxxxl); }
    .gap-x-xxxxl\@sm > * {
      --sub-gap-x: var(--space-xxxxl); }
  .gap-x-0\@sm {
    --gap-x: 0; }
    .gap-x-0\@sm > * {
      --sub-gap-x: 0; }
  .gap-y-xxxxs\@sm {
    --gap-y: var(--space-xxxxs); }
    .gap-y-xxxxs\@sm > * {
      --sub-gap-y: var(--space-xxxxs); }
  .gap-y-xxxs\@sm {
    --gap-y: var(--space-xxxs); }
    .gap-y-xxxs\@sm > * {
      --sub-gap-y: var(--space-xxxs); }
  .gap-y-xxs\@sm {
    --gap-y: var(--space-xxs); }
    .gap-y-xxs\@sm > * {
      --sub-gap-y: var(--space-xxs); }
  .gap-y-xs\@sm {
    --gap-y: var(--space-xs); }
    .gap-y-xs\@sm > * {
      --sub-gap-y: var(--space-xs); }
  .gap-y-sm\@sm {
    --gap-y: var(--space-sm); }
    .gap-y-sm\@sm > * {
      --sub-gap-y: var(--space-sm); }
  .gap-y-md\@sm {
    --gap-y: var(--space-md); }
    .gap-y-md\@sm > * {
      --sub-gap-y: var(--space-md); }
  .gap-y-lg\@sm {
    --gap-y: var(--space-lg); }
    .gap-y-lg\@sm > * {
      --sub-gap-y: var(--space-lg); }
  .gap-y-xl\@sm {
    --gap-y: var(--space-xl); }
    .gap-y-xl\@sm > * {
      --sub-gap-y: var(--space-xl); }
  .gap-y-xxl\@sm {
    --gap-y: var(--space-xxl); }
    .gap-y-xxl\@sm > * {
      --sub-gap-y: var(--space-xxl); }
  .gap-y-xxxl\@sm {
    --gap-y: var(--space-xxxl); }
    .gap-y-xxxl\@sm > * {
      --sub-gap-y: var(--space-xxxl); }
  .gap-y-xxxxl\@sm {
    --gap-y: var(--space-xxxxl); }
    .gap-y-xxxxl\@sm > * {
      --sub-gap-y: var(--space-xxxxl); }
  .gap-y-0\@sm {
    --gap-y: 0; }
    .gap-y-0\@sm > * {
      --sub-gap-y: 0; }
  .grid-col-1\@sm {
    --grid-columns: 1; }
  .col-1\@sm {
    --span: 1; }
  .grid-col-2\@sm {
    --grid-columns: 2; }
  .col-2\@sm {
    --span: 2; }
  .grid-col-3\@sm {
    --grid-columns: 3; }
  .col-3\@sm {
    --span: 3; }
  .grid-col-4\@sm {
    --grid-columns: 4; }
  .col-4\@sm {
    --span: 4; }
  .grid-col-5\@sm {
    --grid-columns: 5; }
  .col-5\@sm {
    --span: 5; }
  .grid-col-6\@sm {
    --grid-columns: 6; }
  .col-6\@sm {
    --span: 6; }
  .grid-col-7\@sm {
    --grid-columns: 7; }
  .col-7\@sm {
    --span: 7; }
  .grid-col-8\@sm {
    --grid-columns: 8; }
  .col-8\@sm {
    --span: 8; }
  .grid-col-9\@sm {
    --grid-columns: 9; }
  .col-9\@sm {
    --span: 9; }
  .grid-col-10\@sm {
    --grid-columns: 10; }
  .col-10\@sm {
    --span: 10; }
  .grid-col-11\@sm {
    --grid-columns: 11; }
  .col-11\@sm {
    --span: 11; }
  .grid-col-12\@sm {
    --grid-columns: 12; }
  .col-12\@sm {
    --span: 12; }
  .col-1\@sm, .col-2\@sm, .col-3\@sm, .col-4\@sm, .col-5\@sm, .col-6\@sm, .col-7\@sm, .col-8\@sm, .col-9\@sm, .col-10\@sm, .col-11\@sm, .col-12\@sm {
    flex-basis: calc(((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x));
    max-width: calc(((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x)); }
  .col\@sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .col-content\@sm {
    flex-grow: 0;
    flex-basis: initial;
    max-width: initial; }
  .offset-1\@sm {
    --offset: 1; }
  .offset-2\@sm {
    --offset: 2; }
  .offset-3\@sm {
    --offset: 3; }
  .offset-4\@sm {
    --offset: 4; }
  .offset-5\@sm {
    --offset: 5; }
  .offset-6\@sm {
    --offset: 6; }
  .offset-7\@sm {
    --offset: 7; }
  .offset-8\@sm {
    --offset: 8; }
  .offset-9\@sm {
    --offset: 9; }
  .offset-10\@sm {
    --offset: 10; }
  .offset-11\@sm {
    --offset: 11; }
  .offset-1\@sm, .offset-2\@sm, .offset-3\@sm, .offset-4\@sm, .offset-5\@sm, .offset-6\@sm, .offset-7\@sm, .offset-8\@sm, .offset-9\@sm, .offset-10\@sm, .offset-11\@sm {
    margin-left: calc(((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset) / var(--grid-columns)) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-gap-x)); }
  .offset-0\@sm {
    margin-left: 0; } }

@media (min-width: 64rem) {
  .gap-xxxxs\@md {
    --gap-x: var(--space-xxxxs);
    --gap-y: var(--space-xxxxs); }
    .gap-xxxxs\@md > * {
      --sub-gap-x: var(--space-xxxxs);
      --sub-gap-y: var(--space-xxxxs); }
  .gap-xxxs\@md {
    --gap-x: var(--space-xxxs);
    --gap-y: var(--space-xxxs); }
    .gap-xxxs\@md > * {
      --sub-gap-x: var(--space-xxxs);
      --sub-gap-y: var(--space-xxxs); }
  .gap-xxs\@md {
    --gap-x: var(--space-xxs);
    --gap-y: var(--space-xxs); }
    .gap-xxs\@md > * {
      --sub-gap-x: var(--space-xxs);
      --sub-gap-y: var(--space-xxs); }
  .gap-xs\@md {
    --gap-x: var(--space-xs);
    --gap-y: var(--space-xs); }
    .gap-xs\@md > * {
      --sub-gap-x: var(--space-xs);
      --sub-gap-y: var(--space-xs); }
  .gap-sm\@md {
    --gap-x: var(--space-sm);
    --gap-y: var(--space-sm); }
    .gap-sm\@md > * {
      --sub-gap-x: var(--space-sm);
      --sub-gap-y: var(--space-sm); }
  .gap-md\@md {
    --gap-x: var(--space-md);
    --gap-y: var(--space-md); }
    .gap-md\@md > * {
      --sub-gap-x: var(--space-md);
      --sub-gap-y: var(--space-md); }
  .gap-lg\@md {
    --gap-x: var(--space-lg);
    --gap-y: var(--space-lg); }
    .gap-lg\@md > * {
      --sub-gap-x: var(--space-lg);
      --sub-gap-y: var(--space-lg); }
  .gap-xl\@md {
    --gap-x: var(--space-xl);
    --gap-y: var(--space-xl); }
    .gap-xl\@md > * {
      --sub-gap-x: var(--space-xl);
      --sub-gap-y: var(--space-xl); }
  .gap-xxl\@md {
    --gap-x: var(--space-xxl);
    --gap-y: var(--space-xxl); }
    .gap-xxl\@md > * {
      --sub-gap-x: var(--space-xxl);
      --sub-gap-y: var(--space-xxl); }
  .gap-xxxl\@md {
    --gap-x: var(--space-xxxl);
    --gap-y: var(--space-xxxl); }
    .gap-xxxl\@md > * {
      --sub-gap-x: var(--space-xxxl);
      --sub-gap-y: var(--space-xxxl); }
  .gap-xxxxl\@md {
    --gap-x: var(--space-xxxxl);
    --gap-y: var(--space-xxxxl); }
    .gap-xxxxl\@md > * {
      --sub-gap-x: var(--space-xxxxl);
      --sub-gap-y: var(--space-xxxxl); }
  .gap-0\@md {
    --gap-x: 0;
    --gap-y: 0; }
    .gap-0\@md > * {
      --sub-gap-x: 0;
      --sub-gap-y: 0; }
  .gap-x-xxxxs\@md {
    --gap-x: var(--space-xxxxs); }
    .gap-x-xxxxs\@md > * {
      --sub-gap-x: var(--space-xxxxs); }
  .gap-x-xxxs\@md {
    --gap-x: var(--space-xxxs); }
    .gap-x-xxxs\@md > * {
      --sub-gap-x: var(--space-xxxs); }
  .gap-x-xxs\@md {
    --gap-x: var(--space-xxs); }
    .gap-x-xxs\@md > * {
      --sub-gap-x: var(--space-xxs); }
  .gap-x-xs\@md {
    --gap-x: var(--space-xs); }
    .gap-x-xs\@md > * {
      --sub-gap-x: var(--space-xs); }
  .gap-x-sm\@md {
    --gap-x: var(--space-sm); }
    .gap-x-sm\@md > * {
      --sub-gap-x: var(--space-sm); }
  .gap-x-md\@md {
    --gap-x: var(--space-md); }
    .gap-x-md\@md > * {
      --sub-gap-x: var(--space-md); }
  .gap-x-lg\@md {
    --gap-x: var(--space-lg); }
    .gap-x-lg\@md > * {
      --sub-gap-x: var(--space-lg); }
  .gap-x-xl\@md {
    --gap-x: var(--space-xl); }
    .gap-x-xl\@md > * {
      --sub-gap-x: var(--space-xl); }
  .gap-x-xxl\@md {
    --gap-x: var(--space-xxl); }
    .gap-x-xxl\@md > * {
      --sub-gap-x: var(--space-xxl); }
  .gap-x-xxxl\@md {
    --gap-x: var(--space-xxxl); }
    .gap-x-xxxl\@md > * {
      --sub-gap-x: var(--space-xxxl); }
  .gap-x-xxxxl\@md {
    --gap-x: var(--space-xxxxl); }
    .gap-x-xxxxl\@md > * {
      --sub-gap-x: var(--space-xxxxl); }
  .gap-x-0\@md {
    --gap-x: 0; }
    .gap-x-0\@md > * {
      --sub-gap-x: 0; }
  .gap-y-xxxxs\@md {
    --gap-y: var(--space-xxxxs); }
    .gap-y-xxxxs\@md > * {
      --sub-gap-y: var(--space-xxxxs); }
  .gap-y-xxxs\@md {
    --gap-y: var(--space-xxxs); }
    .gap-y-xxxs\@md > * {
      --sub-gap-y: var(--space-xxxs); }
  .gap-y-xxs\@md {
    --gap-y: var(--space-xxs); }
    .gap-y-xxs\@md > * {
      --sub-gap-y: var(--space-xxs); }
  .gap-y-xs\@md {
    --gap-y: var(--space-xs); }
    .gap-y-xs\@md > * {
      --sub-gap-y: var(--space-xs); }
  .gap-y-sm\@md {
    --gap-y: var(--space-sm); }
    .gap-y-sm\@md > * {
      --sub-gap-y: var(--space-sm); }
  .gap-y-md\@md {
    --gap-y: var(--space-md); }
    .gap-y-md\@md > * {
      --sub-gap-y: var(--space-md); }
  .gap-y-lg\@md {
    --gap-y: var(--space-lg); }
    .gap-y-lg\@md > * {
      --sub-gap-y: var(--space-lg); }
  .gap-y-xl\@md {
    --gap-y: var(--space-xl); }
    .gap-y-xl\@md > * {
      --sub-gap-y: var(--space-xl); }
  .gap-y-xxl\@md {
    --gap-y: var(--space-xxl); }
    .gap-y-xxl\@md > * {
      --sub-gap-y: var(--space-xxl); }
  .gap-y-xxxl\@md {
    --gap-y: var(--space-xxxl); }
    .gap-y-xxxl\@md > * {
      --sub-gap-y: var(--space-xxxl); }
  .gap-y-xxxxl\@md {
    --gap-y: var(--space-xxxxl); }
    .gap-y-xxxxl\@md > * {
      --sub-gap-y: var(--space-xxxxl); }
  .gap-y-0\@md {
    --gap-y: 0; }
    .gap-y-0\@md > * {
      --sub-gap-y: 0; }
  .grid-col-1\@md {
    --grid-columns: 1; }
  .col-1\@md {
    --span: 1; }
  .grid-col-2\@md {
    --grid-columns: 2; }
  .col-2\@md {
    --span: 2; }
  .grid-col-3\@md {
    --grid-columns: 3; }
  .col-3\@md {
    --span: 3; }
  .grid-col-4\@md {
    --grid-columns: 4; }
  .col-4\@md {
    --span: 4; }
  .grid-col-5\@md {
    --grid-columns: 5; }
  .col-5\@md {
    --span: 5; }
  .grid-col-6\@md {
    --grid-columns: 6; }
  .col-6\@md {
    --span: 6; }
  .grid-col-7\@md {
    --grid-columns: 7; }
  .col-7\@md {
    --span: 7; }
  .grid-col-8\@md {
    --grid-columns: 8; }
  .col-8\@md {
    --span: 8; }
  .grid-col-9\@md {
    --grid-columns: 9; }
  .col-9\@md {
    --span: 9; }
  .grid-col-10\@md {
    --grid-columns: 10; }
  .col-10\@md {
    --span: 10; }
  .grid-col-11\@md {
    --grid-columns: 11; }
  .col-11\@md {
    --span: 11; }
  .grid-col-12\@md {
    --grid-columns: 12; }
  .col-12\@md {
    --span: 12; }
  .col-1\@md, .col-2\@md, .col-3\@md, .col-4\@md, .col-5\@md, .col-6\@md, .col-7\@md, .col-8\@md, .col-9\@md, .col-10\@md, .col-11\@md, .col-12\@md {
    flex-basis: calc(((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x));
    max-width: calc(((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x)); }
  .col\@md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .col-content\@md {
    flex-grow: 0;
    flex-basis: initial;
    max-width: initial; }
  .offset-1\@md {
    --offset: 1; }
  .offset-2\@md {
    --offset: 2; }
  .offset-3\@md {
    --offset: 3; }
  .offset-4\@md {
    --offset: 4; }
  .offset-5\@md {
    --offset: 5; }
  .offset-6\@md {
    --offset: 6; }
  .offset-7\@md {
    --offset: 7; }
  .offset-8\@md {
    --offset: 8; }
  .offset-9\@md {
    --offset: 9; }
  .offset-10\@md {
    --offset: 10; }
  .offset-11\@md {
    --offset: 11; }
  .offset-1\@md, .offset-2\@md, .offset-3\@md, .offset-4\@md, .offset-5\@md, .offset-6\@md, .offset-7\@md, .offset-8\@md, .offset-9\@md, .offset-10\@md, .offset-11\@md {
    margin-left: calc(((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset) / var(--grid-columns)) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-gap-x)); }
  .offset-0\@md {
    margin-left: 0; } }

@media (min-width: 80rem) {
  .gap-xxxxs\@lg {
    --gap-x: var(--space-xxxxs);
    --gap-y: var(--space-xxxxs); }
    .gap-xxxxs\@lg > * {
      --sub-gap-x: var(--space-xxxxs);
      --sub-gap-y: var(--space-xxxxs); }
  .gap-xxxs\@lg {
    --gap-x: var(--space-xxxs);
    --gap-y: var(--space-xxxs); }
    .gap-xxxs\@lg > * {
      --sub-gap-x: var(--space-xxxs);
      --sub-gap-y: var(--space-xxxs); }
  .gap-xxs\@lg {
    --gap-x: var(--space-xxs);
    --gap-y: var(--space-xxs); }
    .gap-xxs\@lg > * {
      --sub-gap-x: var(--space-xxs);
      --sub-gap-y: var(--space-xxs); }
  .gap-xs\@lg {
    --gap-x: var(--space-xs);
    --gap-y: var(--space-xs); }
    .gap-xs\@lg > * {
      --sub-gap-x: var(--space-xs);
      --sub-gap-y: var(--space-xs); }
  .gap-sm\@lg {
    --gap-x: var(--space-sm);
    --gap-y: var(--space-sm); }
    .gap-sm\@lg > * {
      --sub-gap-x: var(--space-sm);
      --sub-gap-y: var(--space-sm); }
  .gap-md\@lg {
    --gap-x: var(--space-md);
    --gap-y: var(--space-md); }
    .gap-md\@lg > * {
      --sub-gap-x: var(--space-md);
      --sub-gap-y: var(--space-md); }
  .gap-lg\@lg {
    --gap-x: var(--space-lg);
    --gap-y: var(--space-lg); }
    .gap-lg\@lg > * {
      --sub-gap-x: var(--space-lg);
      --sub-gap-y: var(--space-lg); }
  .gap-xl\@lg {
    --gap-x: var(--space-xl);
    --gap-y: var(--space-xl); }
    .gap-xl\@lg > * {
      --sub-gap-x: var(--space-xl);
      --sub-gap-y: var(--space-xl); }
  .gap-xxl\@lg {
    --gap-x: var(--space-xxl);
    --gap-y: var(--space-xxl); }
    .gap-xxl\@lg > * {
      --sub-gap-x: var(--space-xxl);
      --sub-gap-y: var(--space-xxl); }
  .gap-xxxl\@lg {
    --gap-x: var(--space-xxxl);
    --gap-y: var(--space-xxxl); }
    .gap-xxxl\@lg > * {
      --sub-gap-x: var(--space-xxxl);
      --sub-gap-y: var(--space-xxxl); }
  .gap-xxxxl\@lg {
    --gap-x: var(--space-xxxxl);
    --gap-y: var(--space-xxxxl); }
    .gap-xxxxl\@lg > * {
      --sub-gap-x: var(--space-xxxxl);
      --sub-gap-y: var(--space-xxxxl); }
  .gap-0\@lg {
    --gap-x: 0;
    --gap-y: 0; }
    .gap-0\@lg > * {
      --sub-gap-x: 0;
      --sub-gap-y: 0; }
  .gap-x-xxxxs\@lg {
    --gap-x: var(--space-xxxxs); }
    .gap-x-xxxxs\@lg > * {
      --sub-gap-x: var(--space-xxxxs); }
  .gap-x-xxxs\@lg {
    --gap-x: var(--space-xxxs); }
    .gap-x-xxxs\@lg > * {
      --sub-gap-x: var(--space-xxxs); }
  .gap-x-xxs\@lg {
    --gap-x: var(--space-xxs); }
    .gap-x-xxs\@lg > * {
      --sub-gap-x: var(--space-xxs); }
  .gap-x-xs\@lg {
    --gap-x: var(--space-xs); }
    .gap-x-xs\@lg > * {
      --sub-gap-x: var(--space-xs); }
  .gap-x-sm\@lg {
    --gap-x: var(--space-sm); }
    .gap-x-sm\@lg > * {
      --sub-gap-x: var(--space-sm); }
  .gap-x-md\@lg {
    --gap-x: var(--space-md); }
    .gap-x-md\@lg > * {
      --sub-gap-x: var(--space-md); }
  .gap-x-lg\@lg {
    --gap-x: var(--space-lg); }
    .gap-x-lg\@lg > * {
      --sub-gap-x: var(--space-lg); }
  .gap-x-xl\@lg {
    --gap-x: var(--space-xl); }
    .gap-x-xl\@lg > * {
      --sub-gap-x: var(--space-xl); }
  .gap-x-xxl\@lg {
    --gap-x: var(--space-xxl); }
    .gap-x-xxl\@lg > * {
      --sub-gap-x: var(--space-xxl); }
  .gap-x-xxxl\@lg {
    --gap-x: var(--space-xxxl); }
    .gap-x-xxxl\@lg > * {
      --sub-gap-x: var(--space-xxxl); }
  .gap-x-xxxxl\@lg {
    --gap-x: var(--space-xxxxl); }
    .gap-x-xxxxl\@lg > * {
      --sub-gap-x: var(--space-xxxxl); }
  .gap-x-0\@lg {
    --gap-x: 0; }
    .gap-x-0\@lg > * {
      --sub-gap-x: 0; }
  .gap-y-xxxxs\@lg {
    --gap-y: var(--space-xxxxs); }
    .gap-y-xxxxs\@lg > * {
      --sub-gap-y: var(--space-xxxxs); }
  .gap-y-xxxs\@lg {
    --gap-y: var(--space-xxxs); }
    .gap-y-xxxs\@lg > * {
      --sub-gap-y: var(--space-xxxs); }
  .gap-y-xxs\@lg {
    --gap-y: var(--space-xxs); }
    .gap-y-xxs\@lg > * {
      --sub-gap-y: var(--space-xxs); }
  .gap-y-xs\@lg {
    --gap-y: var(--space-xs); }
    .gap-y-xs\@lg > * {
      --sub-gap-y: var(--space-xs); }
  .gap-y-sm\@lg {
    --gap-y: var(--space-sm); }
    .gap-y-sm\@lg > * {
      --sub-gap-y: var(--space-sm); }
  .gap-y-md\@lg {
    --gap-y: var(--space-md); }
    .gap-y-md\@lg > * {
      --sub-gap-y: var(--space-md); }
  .gap-y-lg\@lg {
    --gap-y: var(--space-lg); }
    .gap-y-lg\@lg > * {
      --sub-gap-y: var(--space-lg); }
  .gap-y-xl\@lg {
    --gap-y: var(--space-xl); }
    .gap-y-xl\@lg > * {
      --sub-gap-y: var(--space-xl); }
  .gap-y-xxl\@lg {
    --gap-y: var(--space-xxl); }
    .gap-y-xxl\@lg > * {
      --sub-gap-y: var(--space-xxl); }
  .gap-y-xxxl\@lg {
    --gap-y: var(--space-xxxl); }
    .gap-y-xxxl\@lg > * {
      --sub-gap-y: var(--space-xxxl); }
  .gap-y-xxxxl\@lg {
    --gap-y: var(--space-xxxxl); }
    .gap-y-xxxxl\@lg > * {
      --sub-gap-y: var(--space-xxxxl); }
  .gap-y-0\@lg {
    --gap-y: 0; }
    .gap-y-0\@lg > * {
      --sub-gap-y: 0; }
  .grid-col-1\@lg {
    --grid-columns: 1; }
  .col-1\@lg {
    --span: 1; }
  .grid-col-2\@lg {
    --grid-columns: 2; }
  .col-2\@lg {
    --span: 2; }
  .grid-col-3\@lg {
    --grid-columns: 3; }
  .col-3\@lg {
    --span: 3; }
  .grid-col-4\@lg {
    --grid-columns: 4; }
  .col-4\@lg {
    --span: 4; }
  .grid-col-5\@lg {
    --grid-columns: 5; }
  .col-5\@lg {
    --span: 5; }
  .grid-col-6\@lg {
    --grid-columns: 6; }
  .col-6\@lg {
    --span: 6; }
  .grid-col-7\@lg {
    --grid-columns: 7; }
  .col-7\@lg {
    --span: 7; }
  .grid-col-8\@lg {
    --grid-columns: 8; }
  .col-8\@lg {
    --span: 8; }
  .grid-col-9\@lg {
    --grid-columns: 9; }
  .col-9\@lg {
    --span: 9; }
  .grid-col-10\@lg {
    --grid-columns: 10; }
  .col-10\@lg {
    --span: 10; }
  .grid-col-11\@lg {
    --grid-columns: 11; }
  .col-11\@lg {
    --span: 11; }
  .grid-col-12\@lg {
    --grid-columns: 12; }
  .col-12\@lg {
    --span: 12; }
  .col-1\@lg, .col-2\@lg, .col-3\@lg, .col-4\@lg, .col-5\@lg, .col-6\@lg, .col-7\@lg, .col-8\@lg, .col-9\@lg, .col-10\@lg, .col-11\@lg, .col-12\@lg {
    flex-basis: calc(((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x));
    max-width: calc(((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x)); }
  .col\@lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .col-content\@lg {
    flex-grow: 0;
    flex-basis: initial;
    max-width: initial; }
  .offset-1\@lg {
    --offset: 1; }
  .offset-2\@lg {
    --offset: 2; }
  .offset-3\@lg {
    --offset: 3; }
  .offset-4\@lg {
    --offset: 4; }
  .offset-5\@lg {
    --offset: 5; }
  .offset-6\@lg {
    --offset: 6; }
  .offset-7\@lg {
    --offset: 7; }
  .offset-8\@lg {
    --offset: 8; }
  .offset-9\@lg {
    --offset: 9; }
  .offset-10\@lg {
    --offset: 10; }
  .offset-11\@lg {
    --offset: 11; }
  .offset-1\@lg, .offset-2\@lg, .offset-3\@lg, .offset-4\@lg, .offset-5\@lg, .offset-6\@lg, .offset-7\@lg, .offset-8\@lg, .offset-9\@lg, .offset-10\@lg, .offset-11\@lg {
    margin-left: calc(((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset) / var(--grid-columns)) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-gap-x)); }
  .offset-0\@lg {
    margin-left: 0; } }

@media (min-width: 90rem) {
  .gap-xxxxs\@xl {
    --gap-x: var(--space-xxxxs);
    --gap-y: var(--space-xxxxs); }
    .gap-xxxxs\@xl > * {
      --sub-gap-x: var(--space-xxxxs);
      --sub-gap-y: var(--space-xxxxs); }
  .gap-xxxs\@xl {
    --gap-x: var(--space-xxxs);
    --gap-y: var(--space-xxxs); }
    .gap-xxxs\@xl > * {
      --sub-gap-x: var(--space-xxxs);
      --sub-gap-y: var(--space-xxxs); }
  .gap-xxs\@xl {
    --gap-x: var(--space-xxs);
    --gap-y: var(--space-xxs); }
    .gap-xxs\@xl > * {
      --sub-gap-x: var(--space-xxs);
      --sub-gap-y: var(--space-xxs); }
  .gap-xs\@xl {
    --gap-x: var(--space-xs);
    --gap-y: var(--space-xs); }
    .gap-xs\@xl > * {
      --sub-gap-x: var(--space-xs);
      --sub-gap-y: var(--space-xs); }
  .gap-sm\@xl {
    --gap-x: var(--space-sm);
    --gap-y: var(--space-sm); }
    .gap-sm\@xl > * {
      --sub-gap-x: var(--space-sm);
      --sub-gap-y: var(--space-sm); }
  .gap-md\@xl {
    --gap-x: var(--space-md);
    --gap-y: var(--space-md); }
    .gap-md\@xl > * {
      --sub-gap-x: var(--space-md);
      --sub-gap-y: var(--space-md); }
  .gap-lg\@xl {
    --gap-x: var(--space-lg);
    --gap-y: var(--space-lg); }
    .gap-lg\@xl > * {
      --sub-gap-x: var(--space-lg);
      --sub-gap-y: var(--space-lg); }
  .gap-xl\@xl {
    --gap-x: var(--space-xl);
    --gap-y: var(--space-xl); }
    .gap-xl\@xl > * {
      --sub-gap-x: var(--space-xl);
      --sub-gap-y: var(--space-xl); }
  .gap-xxl\@xl {
    --gap-x: var(--space-xxl);
    --gap-y: var(--space-xxl); }
    .gap-xxl\@xl > * {
      --sub-gap-x: var(--space-xxl);
      --sub-gap-y: var(--space-xxl); }
  .gap-xxxl\@xl {
    --gap-x: var(--space-xxxl);
    --gap-y: var(--space-xxxl); }
    .gap-xxxl\@xl > * {
      --sub-gap-x: var(--space-xxxl);
      --sub-gap-y: var(--space-xxxl); }
  .gap-xxxxl\@xl {
    --gap-x: var(--space-xxxxl);
    --gap-y: var(--space-xxxxl); }
    .gap-xxxxl\@xl > * {
      --sub-gap-x: var(--space-xxxxl);
      --sub-gap-y: var(--space-xxxxl); }
  .gap-0\@xl {
    --gap-x: 0;
    --gap-y: 0; }
    .gap-0\@xl > * {
      --sub-gap-x: 0;
      --sub-gap-y: 0; }
  .gap-x-xxxxs\@xl {
    --gap-x: var(--space-xxxxs); }
    .gap-x-xxxxs\@xl > * {
      --sub-gap-x: var(--space-xxxxs); }
  .gap-x-xxxs\@xl {
    --gap-x: var(--space-xxxs); }
    .gap-x-xxxs\@xl > * {
      --sub-gap-x: var(--space-xxxs); }
  .gap-x-xxs\@xl {
    --gap-x: var(--space-xxs); }
    .gap-x-xxs\@xl > * {
      --sub-gap-x: var(--space-xxs); }
  .gap-x-xs\@xl {
    --gap-x: var(--space-xs); }
    .gap-x-xs\@xl > * {
      --sub-gap-x: var(--space-xs); }
  .gap-x-sm\@xl {
    --gap-x: var(--space-sm); }
    .gap-x-sm\@xl > * {
      --sub-gap-x: var(--space-sm); }
  .gap-x-md\@xl {
    --gap-x: var(--space-md); }
    .gap-x-md\@xl > * {
      --sub-gap-x: var(--space-md); }
  .gap-x-lg\@xl {
    --gap-x: var(--space-lg); }
    .gap-x-lg\@xl > * {
      --sub-gap-x: var(--space-lg); }
  .gap-x-xl\@xl {
    --gap-x: var(--space-xl); }
    .gap-x-xl\@xl > * {
      --sub-gap-x: var(--space-xl); }
  .gap-x-xxl\@xl {
    --gap-x: var(--space-xxl); }
    .gap-x-xxl\@xl > * {
      --sub-gap-x: var(--space-xxl); }
  .gap-x-xxxl\@xl {
    --gap-x: var(--space-xxxl); }
    .gap-x-xxxl\@xl > * {
      --sub-gap-x: var(--space-xxxl); }
  .gap-x-xxxxl\@xl {
    --gap-x: var(--space-xxxxl); }
    .gap-x-xxxxl\@xl > * {
      --sub-gap-x: var(--space-xxxxl); }
  .gap-x-0\@xl {
    --gap-x: 0; }
    .gap-x-0\@xl > * {
      --sub-gap-x: 0; }
  .gap-y-xxxxs\@xl {
    --gap-y: var(--space-xxxxs); }
    .gap-y-xxxxs\@xl > * {
      --sub-gap-y: var(--space-xxxxs); }
  .gap-y-xxxs\@xl {
    --gap-y: var(--space-xxxs); }
    .gap-y-xxxs\@xl > * {
      --sub-gap-y: var(--space-xxxs); }
  .gap-y-xxs\@xl {
    --gap-y: var(--space-xxs); }
    .gap-y-xxs\@xl > * {
      --sub-gap-y: var(--space-xxs); }
  .gap-y-xs\@xl {
    --gap-y: var(--space-xs); }
    .gap-y-xs\@xl > * {
      --sub-gap-y: var(--space-xs); }
  .gap-y-sm\@xl {
    --gap-y: var(--space-sm); }
    .gap-y-sm\@xl > * {
      --sub-gap-y: var(--space-sm); }
  .gap-y-md\@xl {
    --gap-y: var(--space-md); }
    .gap-y-md\@xl > * {
      --sub-gap-y: var(--space-md); }
  .gap-y-lg\@xl {
    --gap-y: var(--space-lg); }
    .gap-y-lg\@xl > * {
      --sub-gap-y: var(--space-lg); }
  .gap-y-xl\@xl {
    --gap-y: var(--space-xl); }
    .gap-y-xl\@xl > * {
      --sub-gap-y: var(--space-xl); }
  .gap-y-xxl\@xl {
    --gap-y: var(--space-xxl); }
    .gap-y-xxl\@xl > * {
      --sub-gap-y: var(--space-xxl); }
  .gap-y-xxxl\@xl {
    --gap-y: var(--space-xxxl); }
    .gap-y-xxxl\@xl > * {
      --sub-gap-y: var(--space-xxxl); }
  .gap-y-xxxxl\@xl {
    --gap-y: var(--space-xxxxl); }
    .gap-y-xxxxl\@xl > * {
      --sub-gap-y: var(--space-xxxxl); }
  .gap-y-0\@xl {
    --gap-y: 0; }
    .gap-y-0\@xl > * {
      --sub-gap-y: 0; }
  .grid-col-1\@xl {
    --grid-columns: 1; }
  .col-1\@xl {
    --span: 1; }
  .grid-col-2\@xl {
    --grid-columns: 2; }
  .col-2\@xl {
    --span: 2; }
  .grid-col-3\@xl {
    --grid-columns: 3; }
  .col-3\@xl {
    --span: 3; }
  .grid-col-4\@xl {
    --grid-columns: 4; }
  .col-4\@xl {
    --span: 4; }
  .grid-col-5\@xl {
    --grid-columns: 5; }
  .col-5\@xl {
    --span: 5; }
  .grid-col-6\@xl {
    --grid-columns: 6; }
  .col-6\@xl {
    --span: 6; }
  .grid-col-7\@xl {
    --grid-columns: 7; }
  .col-7\@xl {
    --span: 7; }
  .grid-col-8\@xl {
    --grid-columns: 8; }
  .col-8\@xl {
    --span: 8; }
  .grid-col-9\@xl {
    --grid-columns: 9; }
  .col-9\@xl {
    --span: 9; }
  .grid-col-10\@xl {
    --grid-columns: 10; }
  .col-10\@xl {
    --span: 10; }
  .grid-col-11\@xl {
    --grid-columns: 11; }
  .col-11\@xl {
    --span: 11; }
  .grid-col-12\@xl {
    --grid-columns: 12; }
  .col-12\@xl {
    --span: 12; }
  .col-1\@xl, .col-2\@xl, .col-3\@xl, .col-4\@xl, .col-5\@xl, .col-6\@xl, .col-7\@xl, .col-8\@xl, .col-9\@xl, .col-10\@xl, .col-11\@xl, .col-12\@xl {
    flex-basis: calc(((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x));
    max-width: calc(((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x)); }
  .col\@xl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .col-content\@xl {
    flex-grow: 0;
    flex-basis: initial;
    max-width: initial; }
  .offset-1\@xl {
    --offset: 1; }
  .offset-2\@xl {
    --offset: 2; }
  .offset-3\@xl {
    --offset: 3; }
  .offset-4\@xl {
    --offset: 4; }
  .offset-5\@xl {
    --offset: 5; }
  .offset-6\@xl {
    --offset: 6; }
  .offset-7\@xl {
    --offset: 7; }
  .offset-8\@xl {
    --offset: 8; }
  .offset-9\@xl {
    --offset: 9; }
  .offset-10\@xl {
    --offset: 10; }
  .offset-11\@xl {
    --offset: 11; }
  .offset-1\@xl, .offset-2\@xl, .offset-3\@xl, .offset-4\@xl, .offset-5\@xl, .offset-6\@xl, .offset-7\@xl, .offset-8\@xl, .offset-9\@xl, .offset-10\@xl, .offset-11\@xl {
    margin-left: calc(((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset) / var(--grid-columns)) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-gap-x)); }
  .offset-0\@xl {
    margin-left: 0; } }

:root {
  --icon-xxxs: 8px;
  --icon-xxs:  12px;
  --icon-xs:   16px;
  --icon-sm:   24px;
  --icon-md:   32px;
  --icon-lg:   48px;
  --icon-xl:   64px;
  --icon-xxl:  96px;
  --icon-xxxl: 128px; }

.icon {
  --size: 1em;
  height: var(--size);
  width: var(--size);
  display: inline-block;
  color: inherit;
  fill: currentColor;
  line-height: 1;
  flex-shrink: 0;
  max-width: initial; }

.icon--xxxs {
  --size: var(--icon-xxxs); }

.icon--xxs {
  --size: var(--icon-xxs); }

.icon--xs {
  --size: var(--icon-xs); }

.icon--sm {
  --size: var(--icon-sm); }

.icon--md {
  --size: var(--icon-md); }

.icon--lg {
  --size: var(--icon-lg); }

.icon--xl {
  --size: var(--icon-xl); }

.icon--xxl {
  --size: var(--icon-xxl); }

.icon--xxxl {
  --size: var(--icon-xxxl); }

.icon--is-spinning {
  animation: icon-spin 1s infinite linear; }

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

.icon use {
  color: inherit;
  fill: currentColor; }

*, *::after, *::before {
  box-sizing: inherit; }

* {
  font: inherit; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0; }

html {
  box-sizing: border-box; }

body {
  background-color: var(--color-bg, white); }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main, form legend {
  display: block; }

blockquote, q {
  quotes: none; }

button, input, textarea, select {
  margin: 0; }

.btn, .form-control, .link, .reset {
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  appearance: none; }

select.form-control::-ms-expand {
  display: none; }

textarea {
  resize: vertical;
  overflow: auto;
  vertical-align: top; }

input::-ms-clear {
  display: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

img, video, svg {
  max-width: 100%; }

:root {
  --radius-sm: calc(var(--radius, 0.375em)/2);
  --radius-md: var(--radius, 0.375em);
  --radius-lg: calc(var(--radius, 0.375em)*2);
  --shadow-xs:  0 0.1px 0.3px rgba(0, 0, 0, 0.06),
                  0 1px 2px rgba(0, 0, 0, 0.12);
  --shadow-sm:  0 0.3px 0.4px rgba(0, 0, 0, 0.025),
                  0 0.9px 1.5px rgba(0, 0, 0, 0.05), 
                  0 3.5px 6px rgba(0, 0, 0, 0.1);
  --shadow-md:  0 0.9px 1.5px rgba(0, 0, 0, 0.03), 
                  0 3.1px 5.5px rgba(0, 0, 0, 0.08), 
                  0 14px 25px rgba(0, 0, 0, 0.12);
  --shadow-lg:  0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014), 
                  0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038), 
                  0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085), 
                  0 30px 42px -1px rgba(0, 0, 0, 0.15);
  --shadow-xl:  0 1.5px 2.1px -6px rgba(0, 0, 0, 0.012), 
                  0 3.6px 5.2px -6px rgba(0, 0, 0, 0.035), 
                  0 7.3px 10.6px -6px rgba(0, 0, 0, 0.07), 
                  0 16.2px 21.9px -6px rgba(0, 0, 0, 0.117), 
                  0 46px 60px -6px rgba(0, 0, 0, 0.2);
  --inner-glow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075);
  --inner-glow-top: inset 0 1px 0.5px hsla(0, 0%, 100%, 0.075);
  --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1); }

:root {
  --space-unit:  1rem; }

:root, * {
  --space-xxxxs: calc(0.125 * var(--space-unit));
  --space-xxxs:  calc(0.25 * var(--space-unit));
  --space-xxs:   calc(0.375 * var(--space-unit));
  --space-xs:    calc(0.5 * var(--space-unit));
  --space-sm:    calc(0.75 * var(--space-unit));
  --space-md:    calc(1.25 * var(--space-unit));
  --space-lg:    calc(2 * var(--space-unit));
  --space-xl:    calc(3.25 * var(--space-unit));
  --space-xxl:   calc(5.25 * var(--space-unit));
  --space-xxxl:  calc(8.5 * var(--space-unit));
  --space-xxxxl: calc(13.75 * var(--space-unit));
  --component-padding: var(--space-md); }

a, .link {
  color: var(--color-primary, hsl(250, 84%, 54%));
  text-decoration: underline; }

strong {
  font-weight: bold; }

s {
  text-decoration: line-through; }

u {
  text-decoration: underline; }

.text-component h1, .text-component h2, .text-component h3, .text-component h4 {
  line-height: calc(var(--heading-line-height) * var(--line-height-multiplier, 1));
  margin-bottom: calc(var(--space-unit) * 0.3125 * var(--text-space-y-multiplier, 1)); }

.text-component h2, .text-component h3, .text-component h4 {
  margin-top: calc(var(--space-unit) * 0.9375 * var(--text-space-y-multiplier, 1)); }

.text-component p, .text-component blockquote, .text-component ul li, .text-component ol li {
  line-height: calc(var(--body-line-height) * var(--line-height-multiplier, 1)); }

.text-component ul, .text-component ol, .text-component p, .text-component blockquote, .text-component .text-component__block {
  margin-bottom: calc(var(--space-unit) * 0.9375 * var(--text-space-y-multiplier, 1)); }

.text-component ul, .text-component ol {
  list-style-position: inside; }
  .text-component ul ul, .text-component ul ol, .text-component ol ul, .text-component ol ol {
    padding-left: 1em;
    margin-bottom: 0; }

.text-component ul {
  list-style-type: disc; }

.text-component ol {
  list-style-type: decimal; }

.text-component img {
  display: block;
  margin: 0 auto; }

.text-component figcaption {
  text-align: center;
  margin-top: calc(var(--space-unit) * 0.5); }

.text-component em {
  font-style: italic; }

.text-component hr {
  margin-top: calc(var(--space-unit) * 1.875 * var(--text-space-y-multiplier, 1));
  margin-bottom: calc(var(--space-unit) * 1.875 * var(--text-space-y-multiplier, 1));
  margin-left: auto;
  margin-right: auto; }

.text-component > *:first-child {
  margin-top: 0; }

.text-component > *:last-child {
  margin-bottom: 0; }

.text-component__block--full-width {
  width: 100vw;
  margin-left: calc(50% - 50vw); }

@media (min-width: 48rem) {
  .text-component__block--left,
  .text-component__block--right {
    width: 45%; }
    .text-component__block--left img,
    .text-component__block--right img {
      width: 100%; }
  .text-component__block--left {
    float: left;
    margin-right: calc(var(--space-unit) * 0.9375 * var(--text-space-y-multiplier, 1)); }
  .text-component__block--right {
    float: right;
    margin-left: calc(var(--space-unit) * 0.9375 * var(--text-space-y-multiplier, 1)); } }

@media (min-width: 90rem) {
  .text-component__block--outset {
    width: calc(100% + 10.5 * var(--space-unit)); }
    .text-component__block--outset img {
      width: 100%; }
  .text-component__block--outset:not(.text-component__block--right) {
    margin-left: calc(-5.25 * var(--space-unit)); }
  .text-component__block--left,
  .text-component__block--right {
    width: 50%; }
  .text-component__block--right.text-component__block--outset {
    margin-right: calc(-5.25 * var(--space-unit)); } }

.flex {
  display: flex; }

.inline-flex {
  display: inline-flex; }

.flex-wrap {
  flex-wrap: wrap; }

.flex-nowrap {
  flex-wrap: nowrap; }

.flex-column {
  flex-direction: column; }

.flex-column-reverse {
  flex-direction: column-reverse; }

.flex-row {
  flex-direction: row; }

.flex-row-reverse {
  flex-direction: row-reverse; }

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

.flex-grow {
  flex-grow: 1; }

.flex-grow-0 {
  flex-grow: 0; }

.flex-shrink {
  flex-shrink: 1; }

.flex-shrink-0 {
  flex-shrink: 0; }

.flex-basis-0 {
  flex-basis: 0; }

.justify-start {
  justify-content: flex-start; }

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

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

.justify-between {
  justify-content: space-between; }

.items-center {
  align-items: center; }

.items-start {
  align-items: flex-start; }

.items-end {
  align-items: flex-end; }

.items-baseline {
  align-items: baseline; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

[class^="aspect-ratio"], [class*=" aspect-ratio"] {
  --aspect-ratio: calc(16/9);
  position: relative;
  height: 0;
  padding-bottom: calc(100%/(var(--aspect-ratio))); }
  [class^="aspect-ratio"] > *, [class*=" aspect-ratio"] > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    [class^="aspect-ratio"] > *:not(iframe), [class*=" aspect-ratio"] > *:not(iframe) {
      object-fit: cover; }

.aspect-ratio-16\:9 {
  --aspect-ratio: calc(16/9); }

.aspect-ratio-3\:2 {
  --aspect-ratio: calc(3/2); }

.aspect-ratio-4\:3 {
  --aspect-ratio: calc(4/3); }

.aspect-ratio-5\:4 {
  --aspect-ratio: calc(5/4); }

.aspect-ratio-1\:1 {
  --aspect-ratio: calc(1/1); }

.aspect-ratio-4\:5 {
  --aspect-ratio: calc(4/5); }

.aspect-ratio-3\:4 {
  --aspect-ratio: calc(3/4); }

.aspect-ratio-2\:3 {
  --aspect-ratio: calc(2/3); }

.aspect-ratio-9\:16 {
  --aspect-ratio: calc(9/16); }

.block {
  display: block; }

.inline-block {
  display: inline-block !important; }

.inline {
  display: inline; }

.contents {
  display: contents; }

.hide {
  display: none !important; }

.space-unit-rem {
  --space-unit: 1rem; }

.space-unit-em {
  --space-unit: 1em; }

.space-unit-px {
  --space-unit: 16px; }

.margin-xxxxs {
  margin: var(--space-xxxxs); }

.margin-xxxs {
  margin: var(--space-xxxs); }

.margin-xxs {
  margin: var(--space-xxs); }

.margin-xs {
  margin: var(--space-xs); }

.margin-sm {
  margin: var(--space-sm); }

.margin-md {
  margin: var(--space-md); }

.margin-lg {
  margin: var(--space-lg); }

.margin-xl {
  margin: var(--space-xl); }

.margin-xxl {
  margin: var(--space-xxl); }

.margin-xxxl {
  margin: var(--space-xxxl); }

.margin-xxxxl {
  margin: var(--space-xxxxl); }

.margin-auto {
  margin: auto !important; }

.margin-0 {
  margin: 0 !important; }

.margin-top-xxxxs {
  margin-top: var(--space-xxxxs); }

.margin-top-xxxs {
  margin-top: var(--space-xxxs); }

.margin-top-xxs {
  margin-top: var(--space-xxs); }

.margin-top-xs {
  margin-top: var(--space-xs); }

.margin-top-sm {
  margin-top: var(--space-sm); }

.margin-top-md {
  margin-top: var(--space-md); }

.margin-top-lg {
  margin-top: var(--space-lg); }

.margin-top-xl {
  margin-top: var(--space-xl); }

.margin-top-xxl {
  margin-top: var(--space-xxl); }

.margin-top-xxxl {
  margin-top: var(--space-xxxl); }

.margin-top-xxxxl {
  margin-top: var(--space-xxxxl); }

.margin-top-auto {
  margin-top: auto; }

.margin-top-0 {
  margin-top: 0; }

.margin-bottom-xxxxs {
  margin-bottom: var(--space-xxxxs); }

.margin-bottom-xxxs {
  margin-bottom: var(--space-xxxs); }

.margin-bottom-xxs {
  margin-bottom: var(--space-xxs); }

.margin-bottom-xs {
  margin-bottom: var(--space-xs); }

.margin-bottom-sm {
  margin-bottom: var(--space-sm); }

.margin-bottom-md {
  margin-bottom: var(--space-md); }

.margin-bottom-lg {
  margin-bottom: var(--space-lg); }

.margin-bottom-xl {
  margin-bottom: var(--space-xl); }

.margin-bottom-xxl {
  margin-bottom: var(--space-xxl); }

.margin-bottom-xxxl {
  margin-bottom: var(--space-xxxl); }

.margin-bottom-xxxxl {
  margin-bottom: var(--space-xxxxl); }

.margin-bottom-auto {
  margin-bottom: auto; }

.margin-bottom-0 {
  margin-bottom: 0; }

.margin-right-xxxxs {
  margin-right: var(--space-xxxxs); }

.margin-right-xxxs {
  margin-right: var(--space-xxxs); }

.margin-right-xxs {
  margin-right: var(--space-xxs); }

.margin-right-xs {
  margin-right: var(--space-xs); }

.margin-right-sm {
  margin-right: var(--space-sm); }

.margin-right-md {
  margin-right: var(--space-md); }

.margin-right-lg {
  margin-right: var(--space-lg); }

.margin-right-xl {
  margin-right: var(--space-xl); }

.margin-right-xxl {
  margin-right: var(--space-xxl); }

.margin-right-xxxl {
  margin-right: var(--space-xxxl); }

.margin-right-xxxxl {
  margin-right: var(--space-xxxxl); }

.margin-right-auto {
  margin-right: auto; }

.margin-right-0 {
  margin-right: 0; }

.margin-left-xxxxs {
  margin-left: var(--space-xxxxs); }

.margin-left-xxxs {
  margin-left: var(--space-xxxs); }

.margin-left-xxs {
  margin-left: var(--space-xxs); }

.margin-left-xs {
  margin-left: var(--space-xs); }

.margin-left-sm {
  margin-left: var(--space-sm); }

.margin-left-md {
  margin-left: var(--space-md); }

.margin-left-lg {
  margin-left: var(--space-lg); }

.margin-left-xl {
  margin-left: var(--space-xl); }

.margin-left-xxl {
  margin-left: var(--space-xxl); }

.margin-left-xxxl {
  margin-left: var(--space-xxxl); }

.margin-left-xxxxl {
  margin-left: var(--space-xxxxl); }

.margin-left-auto {
  margin-left: auto; }

.margin-left-0 {
  margin-left: 0 !important; }

.margin-x-xxxxs {
  margin-left: var(--space-xxxxs);
  margin-right: var(--space-xxxxs); }

.margin-x-xxxs {
  margin-left: var(--space-xxxs);
  margin-right: var(--space-xxxs); }

.margin-x-xxs {
  margin-left: var(--space-xxs);
  margin-right: var(--space-xxs); }

.margin-x-xs {
  margin-left: var(--space-xs);
  margin-right: var(--space-xs); }

.margin-x-sm {
  margin-left: var(--space-sm);
  margin-right: var(--space-sm); }

.margin-x-md {
  margin-left: var(--space-md);
  margin-right: var(--space-md); }

.margin-x-lg {
  margin-left: var(--space-lg);
  margin-right: var(--space-lg); }

.margin-x-xl {
  margin-left: var(--space-xl);
  margin-right: var(--space-xl); }

.margin-x-xxl {
  margin-left: var(--space-xxl);
  margin-right: var(--space-xxl); }

.margin-x-xxxl {
  margin-left: var(--space-xxxl);
  margin-right: var(--space-xxxl); }

.margin-x-xxxxl {
  margin-left: var(--space-xxxxl);
  margin-right: var(--space-xxxxl); }

.margin-x-auto {
  margin-left: auto;
  margin-right: auto; }

.margin-x-0 {
  margin-left: 0;
  margin-right: 0; }

.margin-y-xxxxs {
  margin-top: var(--space-xxxxs);
  margin-bottom: var(--space-xxxxs); }

.margin-y-xxxs {
  margin-top: var(--space-xxxs);
  margin-bottom: var(--space-xxxs); }

.margin-y-xxs {
  margin-top: var(--space-xxs);
  margin-bottom: var(--space-xxs); }

.margin-y-xs {
  margin-top: var(--space-xs);
  margin-bottom: var(--space-xs); }

.margin-y-sm {
  margin-top: var(--space-sm);
  margin-bottom: var(--space-sm); }

.margin-y-md {
  margin-top: var(--space-md);
  margin-bottom: var(--space-md); }

.margin-y-lg {
  margin-top: var(--space-lg);
  margin-bottom: var(--space-lg); }

.margin-y-xl {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-xl); }

.margin-y-xxl {
  margin-top: var(--space-xxl);
  margin-bottom: var(--space-xxl); }

.margin-y-xxxl {
  margin-top: var(--space-xxxl);
  margin-bottom: var(--space-xxxl); }

.margin-y-xxxxl {
  margin-top: var(--space-xxxxl);
  margin-bottom: var(--space-xxxxl); }

.margin-y-auto {
  margin-top: auto;
  margin-bottom: auto; }

.margin-y-0 {
  margin-top: 0;
  margin-bottom: 0; }

.padding-xxxxs {
  padding: var(--space-xxxxs); }

.padding-xxxs {
  padding: var(--space-xxxs); }

.padding-xxs {
  padding: var(--space-xxs); }

.padding-xs {
  padding: var(--space-xs); }

.padding-sm {
  padding: var(--space-sm); }

.padding-md {
  padding: var(--space-md); }

.padding-lg {
  padding: var(--space-lg); }

.padding-xl {
  padding: var(--space-xl); }

.padding-xxl {
  padding: var(--space-xxl); }

.padding-xxxl {
  padding: var(--space-xxxl); }

.padding-xxxxl {
  padding: var(--space-xxxxl); }

.padding-0 {
  padding: 0; }

.padding-component {
  padding: var(--component-padding); }

.padding-top-xxxxs {
  padding-top: var(--space-xxxxs); }

.padding-top-xxxs {
  padding-top: var(--space-xxxs); }

.padding-top-xxs {
  padding-top: var(--space-xxs); }

.padding-top-xs {
  padding-top: var(--space-xs); }

.padding-top-sm {
  padding-top: var(--space-sm); }

.padding-top-md {
  padding-top: var(--space-md); }

.padding-top-lg {
  padding-top: var(--space-lg); }

.padding-top-xl {
  padding-top: var(--space-xl); }

.padding-top-xxl {
  padding-top: var(--space-xxl); }

.padding-top-xxxl {
  padding-top: var(--space-xxxl); }

.padding-top-xxxxl {
  padding-top: var(--space-xxxxl); }

.padding-top-0 {
  padding-top: 0; }

.padding-top-component {
  padding-top: var(--component-padding); }

.padding-bottom-xxxxs {
  padding-bottom: var(--space-xxxxs); }

.padding-bottom-xxxs {
  padding-bottom: var(--space-xxxs); }

.padding-bottom-xxs {
  padding-bottom: var(--space-xxs); }

.padding-bottom-xs {
  padding-bottom: var(--space-xs); }

.padding-bottom-sm {
  padding-bottom: var(--space-sm); }

.padding-bottom-md {
  padding-bottom: var(--space-md); }

.padding-bottom-lg {
  padding-bottom: var(--space-lg); }

.padding-bottom-xl {
  padding-bottom: var(--space-xl); }

.padding-bottom-xxl {
  padding-bottom: var(--space-xxl); }

.padding-bottom-xxxl {
  padding-bottom: var(--space-xxxl); }

.padding-bottom-xxxxl {
  padding-bottom: var(--space-xxxxl); }

.padding-bottom-0 {
  padding-bottom: 0; }

.padding-bottom-component {
  padding-bottom: var(--component-padding); }

.padding-right-xxxxs {
  padding-right: var(--space-xxxxs); }

.padding-right-xxxs {
  padding-right: var(--space-xxxs); }

.padding-right-xxs {
  padding-right: var(--space-xxs); }

.padding-right-xs {
  padding-right: var(--space-xs); }

.padding-right-sm {
  padding-right: var(--space-sm); }

.padding-right-md {
  padding-right: var(--space-md); }

.padding-right-lg {
  padding-right: var(--space-lg); }

.padding-right-xl {
  padding-right: var(--space-xl); }

.padding-right-xxl {
  padding-right: var(--space-xxl); }

.padding-right-xxxl {
  padding-right: var(--space-xxxl); }

.padding-right-xxxxl {
  padding-right: var(--space-xxxxl); }

.padding-right-0 {
  padding-right: 0; }

.padding-right-component {
  padding-right: var(--component-padding); }

.padding-left-xxxxs {
  padding-left: var(--space-xxxxs); }

.padding-left-xxxs {
  padding-left: var(--space-xxxs); }

.padding-left-xxs {
  padding-left: var(--space-xxs); }

.padding-left-xs {
  padding-left: var(--space-xs); }

.padding-left-sm {
  padding-left: var(--space-sm); }

.padding-left-md {
  padding-left: var(--space-md); }

.padding-left-lg {
  padding-left: var(--space-lg); }

.padding-left-xl {
  padding-left: var(--space-xl); }

.padding-left-xxl {
  padding-left: var(--space-xxl); }

.padding-left-xxxl {
  padding-left: var(--space-xxxl); }

.padding-left-xxxxl {
  padding-left: var(--space-xxxxl); }

.padding-left-0 {
  padding-left: 0 !important; }

.padding-left-component {
  padding-left: var(--component-padding); }

.padding-x-xxxxs {
  padding-left: var(--space-xxxxs);
  padding-right: var(--space-xxxxs); }

.padding-x-xxxs {
  padding-left: var(--space-xxxs);
  padding-right: var(--space-xxxs); }

.padding-x-xxs {
  padding-left: var(--space-xxs);
  padding-right: var(--space-xxs); }

.padding-x-xs {
  padding-left: var(--space-xs);
  padding-right: var(--space-xs); }

.padding-x-sm {
  padding-left: var(--space-sm);
  padding-right: var(--space-sm); }

.padding-x-md {
  padding-left: var(--space-md);
  padding-right: var(--space-md); }

.padding-x-lg {
  padding-left: var(--space-lg);
  padding-right: var(--space-lg); }

.padding-x-xl {
  padding-left: var(--space-xl);
  padding-right: var(--space-xl); }

.padding-x-xxl {
  padding-left: var(--space-xxl);
  padding-right: var(--space-xxl); }

.padding-x-xxxl {
  padding-left: var(--space-xxxl);
  padding-right: var(--space-xxxl); }

.padding-x-xxxxl {
  padding-left: var(--space-xxxxl);
  padding-right: var(--space-xxxxl); }

.padding-x-0 {
  padding-left: 0;
  padding-right: 0; }

.padding-x-component {
  padding-left: var(--component-padding);
  padding-right: var(--component-padding); }

.padding-y-xxxxs {
  padding-top: var(--space-xxxxs);
  padding-bottom: var(--space-xxxxs); }

.padding-y-xxxs {
  padding-top: var(--space-xxxs);
  padding-bottom: var(--space-xxxs); }

.padding-y-xxs {
  padding-top: var(--space-xxs);
  padding-bottom: var(--space-xxs); }

.padding-y-xs {
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs); }

.padding-y-sm {
  padding-top: var(--space-sm);
  padding-bottom: var(--space-sm); }

.padding-y-md {
  padding-top: var(--space-md);
  padding-bottom: var(--space-md); }

.padding-y-lg {
  padding-top: var(--space-lg);
  padding-bottom: var(--space-lg); }

.padding-y-xl {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl); }

.padding-y-xxl {
  padding-top: var(--space-xxl);
  padding-bottom: var(--space-xxl); }

.padding-y-xxxl {
  padding-top: var(--space-xxxl);
  padding-bottom: var(--space-xxxl); }

.padding-y-xxxxl {
  padding-top: var(--space-xxxxl);
  padding-bottom: var(--space-xxxxl); }

.padding-y-0 {
  padding-top: 0;
  padding-bottom: 0; }

.padding-y-component {
  padding-top: var(--component-padding);
  padding-bottom: var(--component-padding); }

.align-baseline {
  vertical-align: baseline; }

.align-sub {
  vertical-align: sub; }

.align-super {
  vertical-align: super; }

.align-text-top {
  vertical-align: text-top; }

.align-text-bottom {
  vertical-align: text-bottom; }

.align-top {
  vertical-align: top; }

.align-middle {
  vertical-align: middle !important; }

.align-bottom {
  vertical-align: bottom; }

.truncate, .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-replace {
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap; }

.break-word {
  overflow-wrap: break-word;
  min-width: 0; }

.text-unit-rem, .text-unit-em, .text-unit-px {
  font-size: var(--text-unit); }

.text-unit-rem {
  --text-unit: 1rem; }

.text-unit-em {
  --text-unit: 1em; }

.text-unit-px {
  --text-unit: 16px; }

.text-xs {
  font-size: var(--text-xs, 0.6875rem); }

.text-sm {
  font-size: var(--text-sm, 0.75rem); }

.text-base {
  font-size: var(--text-unit, 1rem); }

.text-md {
  font-size: var(--text-md, 1.125rem); }

.text-lg {
  font-size: var(--text-lg, 1.375rem); }

.text-xl {
  font-size: var(--text-xl, 1.75rem); }

.text-xxl {
  font-size: var(--text-xxl, 2rem); }

.text-xxxl {
  font-size: var(--text-xxxl, 2.5rem); }

.text-xxxxl {
  font-size: var(--text-xxxxl, 3rem); }

.text-uppercase {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.letter-spacing-xs {
  letter-spacing: -0.1em; }

.letter-spacing-sm {
  letter-spacing: -0.05em; }

.letter-spacing-md {
  letter-spacing: 0.05em; }

.letter-spacing-lg {
  letter-spacing: 0.1em; }

.letter-spacing-xl {
  letter-spacing: 0.2em; }

.font-light {
  font-weight: 300; }

.font-normal {
  font-weight: 400; }

.font-medium {
  font-weight: 500; }

.font-semibold {
  font-weight: 600; }

.font-bold, .text-bold {
  font-weight: 700; }

.font-extrabold {
  font-weight: 800; }

.font-black {
  font-weight: 900; }

.font-italic {
  font-style: italic; }

.font-smooth {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.font-primary {
  font-family: var(--font-primary); }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-justify {
  text-align: justify; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-decoration-none {
  text-decoration: none !important; }

.text-shadow-xs {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }

.text-shadow-sm {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }

.text-shadow-md {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); }

.text-shadow-lg {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.15), 0 4px 16px rgba(0, 0, 0, 0.2); }

.text-shadow-xl {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.15), 0 4px 16px rgba(0, 0, 0, 0.2), 0 6px 24px rgba(0, 0, 0, 0.25); }

.text-shadow-none {
  text-shadow: none; }

.text-space-y-xxs {
  --text-space-y-multiplier: 0.25 !important; }

.text-space-y-xs {
  --text-space-y-multiplier: 0.5 !important; }

.text-space-y-sm {
  --text-space-y-multiplier: 0.75 !important; }

.text-space-y-md {
  --text-space-y-multiplier: 1.25 !important; }

.text-space-y-lg {
  --text-space-y-multiplier: 1.5 !important; }

.text-space-y-xl {
  --text-space-y-multiplier: 1.75 !important; }

.text-space-y-xxl {
  --text-space-y-multiplier: 2 !important; }

.line-height-xs {
  --heading-line-height: 1;
  --body-line-height: 1.1; }
  .line-height-xs:not(.text-component) {
    line-height: 1.1; }

.line-height-sm {
  --heading-line-height: 1.1;
  --body-line-height: 1.2; }
  .line-height-sm:not(.text-component) {
    line-height: 1.2; }

.line-height-md {
  --heading-line-height: 1.15;
  --body-line-height: 1.4; }
  .line-height-md:not(.text-component) {
    line-height: 1.4; }

.line-height-lg {
  --heading-line-height: 1.22;
  --body-line-height: 1.58; }
  .line-height-lg:not(.text-component) {
    line-height: 1.58; }

.line-height-xl {
  --heading-line-height: 1.3;
  --body-line-height: 1.72; }
  .line-height-xl:not(.text-component) {
    line-height: 1.72; }

.line-height-body {
  line-height: var(--body-line-height); }

.line-height-heading {
  line-height: var(--heading-line-height); }

.line-height-normal {
  line-height: normal !important; }

.line-height-1 {
  line-height: 1 !important; }

.column-count-1 {
  column-count: 1; }

.column-count-2 {
  column-count: 2; }

.column-count-3 {
  column-count: 3; }

.column-count-4 {
  column-count: 4; }

.ws-nowrap, .text-nowrap {
  white-space: nowrap; }

.cursor-pointer {
  cursor: pointer; }

.cursor-default {
  cursor: default; }

.pointer-events-auto {
  pointer-events: auto; }

.pointer-events-none {
  pointer-events: none; }

.user-select-none {
  user-select: none; }

.user-select-all {
  user-select: all; }

[class^="color-"], [class*=" color-"] {
  --color-o: 1; }

.color-inherit {
  color: inherit; }

.color-bg-darker {
  color: hsla(var(--color-bg-darker-h), var(--color-bg-darker-s), var(--color-bg-darker-l), var(--color-o, 1)); }

.color-bg-dark {
  color: hsla(var(--color-bg-dark-h), var(--color-bg-dark-s), var(--color-bg-dark-l), var(--color-o, 1)); }

.color-bg {
  color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--color-o, 1)); }

.color-bg-light {
  color: hsla(var(--color-bg-light-h), var(--color-bg-light-s), var(--color-bg-light-l), var(--color-o, 1)); }

.color-bg-lighter {
  color: hsla(var(--color-bg-lighter-h), var(--color-bg-lighter-s), var(--color-bg-lighter-l), var(--color-o, 1)); }

.color-contrast-lower {
  color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--color-o, 1)); }

.color-contrast-low {
  color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--color-o, 1)); }

.color-contrast-medium {
  color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--color-o, 1)); }

.color-contrast-high {
  color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--color-o, 1)); }

.color-contrast-higher {
  color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--color-o, 1)); }

.color-primary-darker {
  color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--color-o, 1)); }

.color-primary-dark {
  color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--color-o, 1)); }

.color-primary {
  color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--color-o, 1)); }

.color-primary-light {
  color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--color-o, 1)); }

.color-primary-lighter {
  color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--color-o, 1)); }

.color-accent-darker {
  color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--color-o, 1)); }

.color-accent-dark {
  color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--color-o, 1)); }

.color-accent {
  color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--color-o, 1)); }

.color-accent-light {
  color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--color-o, 1)); }

.color-accent-lighter {
  color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--color-o, 1)); }

.color-success-darker {
  color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--color-o, 1)); }

.color-success-dark {
  color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--color-o, 1)); }

.color-success {
  color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--color-o, 1)); }

.color-success-light {
  color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--color-o, 1)); }

.color-success-lighter {
  color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--color-o, 1)); }

.color-warning-darker {
  color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--color-o, 1)); }

.color-warning-dark {
  color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--color-o, 1)); }

.color-warning {
  color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--color-o, 1)); }

.color-warning-light {
  color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--color-o, 1)); }

.color-warning-lighter {
  color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--color-o, 1)); }

.color-error-darker {
  color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--color-o, 1)); }

.color-error-dark {
  color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--color-o, 1)); }

.color-error {
  color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--color-o, 1)); }

.color-error-light {
  color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--color-o, 1)); }

.color-error-lighter {
  color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--color-o, 1)); }

.color-white {
  color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--color-o, 1)); }

.color-black {
  color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--color-o, 1)); }

.color-opacity-0 {
  --color-o: 0; }

.color-opacity-5\% {
  --color-o: 0.05; }

.color-opacity-10\% {
  --color-o: 0.1; }

.color-opacity-15\% {
  --color-o: 0.15; }

.color-opacity-20\% {
  --color-o: 0.2; }

.color-opacity-25\% {
  --color-o: 0.25; }

.color-opacity-30\% {
  --color-o: 0.3; }

.color-opacity-40\% {
  --color-o: 0.4; }

.color-opacity-50\% {
  --color-o: 0.5; }

.color-opacity-60\% {
  --color-o: 0.6; }

.color-opacity-70\% {
  --color-o: 0.7; }

.color-opacity-75\% {
  --color-o: 0.75; }

.color-opacity-80\% {
  --color-o: 0.8; }

.color-opacity-85\% {
  --color-o: 0.85; }

.color-opacity-90\% {
  --color-o: 0.9; }

.color-opacity-95\% {
  --color-o: 0.95; }

[class^="color-gradient"], [class*=" color-gradient"] {
  color: transparent !important;
  background-clip: text; }

.width-xxxxs {
  width: var(--size-xxxxs, 0.25rem); }

.width-xxxs {
  width: var(--size-xxxs, 0.5rem); }

.width-xxs {
  width: var(--size-xxs, 0.75rem); }

.width-xs {
  width: var(--size-xs, 1rem); }

.width-sm {
  width: var(--size-sm, 1.5rem); }

.width-md {
  width: var(--size-md, 2rem); }

.width-lg {
  width: var(--size-lg, 3rem); }

.width-xl {
  width: var(--size-xl, 4rem); }

.width-xxl {
  width: var(--size-xxl, 6rem); }

.width-xxxl {
  width: var(--size-xxxl, 8rem); }

.width-xxxxl {
  width: var(--size-xxxxl, 16rem); }

.width-0 {
  width: 0; }

.width-10\% {
  width: 10%; }

.width-20\% {
  width: 20%; }

.width-25\% {
  width: 25%; }

.width-30\% {
  width: 30%; }

.width-33\% {
  width: calc(100% / 3); }

.width-40\% {
  width: 40%; }

.width-50\% {
  width: 50%; }

.width-60\% {
  width: 60%; }

.width-66\% {
  width: calc(100% / 1.5); }

.width-70\% {
  width: 70%; }

.width-75\% {
  width: 75%; }

.width-80\% {
  width: 80%; }

.width-90\% {
  width: 90%; }

.width-100\% {
  width: 100%; }

.width-100vw {
  width: 100vw; }

.width-auto {
  width: auto; }

.width-inherit {
  width: inherit; }

.height-xxxxs {
  height: var(--size-xxxxs, 0.25rem); }

.height-xxxs {
  height: var(--size-xxxs, 0.5rem); }

.height-xxs {
  height: var(--size-xxs, 0.75rem); }

.height-xs {
  height: var(--size-xs, 1rem); }

.height-sm {
  height: var(--size-sm, 1.5rem); }

.height-md {
  height: var(--size-md, 2rem); }

.height-lg {
  height: var(--size-lg, 3rem); }

.height-xl {
  height: var(--size-xl, 4rem); }

.height-xxl {
  height: var(--size-xxl, 6rem); }

.height-xxxl {
  height: var(--size-xxxl, 8rem); }

.height-xxxxl {
  height: var(--size-xxxxl, 16rem); }

.height-0 {
  height: 0; }

.height-10\% {
  height: 10%; }

.height-20\% {
  height: 20%; }

.height-25\% {
  height: 25%; }

.height-30\% {
  height: 30%; }

.height-33\% {
  height: calc(100% / 3); }

.height-40\% {
  height: 40%; }

.height-50\% {
  height: 50%; }

.height-60\% {
  height: 60%; }

.height-66\% {
  height: calc(100% / 1.5); }

.height-70\% {
  height: 70%; }

.height-75\% {
  height: 75%; }

.height-80\% {
  height: 80%; }

.height-90\% {
  height: 90%; }

.height-100\% {
  height: 100%; }

.height-100vh {
  height: 100vh; }

.height-auto {
  height: auto; }

.height-inherit {
  height: inherit; }

.min-width-0 {
  min-width: 0; }

.min-width-25\% {
  min-width: 25%; }

.min-width-33\% {
  min-width: calc(100% / 3); }

.min-width-50\% {
  min-width: 50%; }

.min-width-66\% {
  min-width: calc(100% / 1.5); }

.min-width-75\% {
  min-width: 75%; }

.min-width-100\% {
  min-width: 100%; }

.min-width-100vw {
  min-width: 100vw; }

.min-height-100\% {
  min-height: 100%; }

.min-height-100vh {
  min-height: 100vh; }

:root {
  --max-width-xxxxxs: 17.5rem;
  --max-width-xxxxs:  20rem;
  --max-width-xxxs:   26rem;
  --max-width-xxs:    32rem;
  --max-width-xs:     38rem;
  --max-width-sm:     48rem;
  --max-width-md:     64rem;
  --max-width-lg:     80rem;
  --max-width-xl:     90rem;
  --max-width-xxl:    100rem;
  --max-width-xxxl:   120rem;
  --max-width-xxxxl:  150rem; }

.max-width-xxxxxs {
  max-width: var(--max-width-xxxxxs); }

.max-width-xxxxs {
  max-width: var(--max-width-xxxxs); }

.max-width-xxxs {
  max-width: var(--max-width-xxxs); }

.max-width-xxs {
  max-width: var(--max-width-xxs); }

.max-width-xs {
  max-width: var(--max-width-xs); }

.max-width-sm {
  max-width: var(--max-width-sm); }

.max-width-md {
  max-width: var(--max-width-md); }

.max-width-lg {
  max-width: var(--max-width-lg); }

.max-width-xl {
  max-width: var(--max-width-xl); }

.max-width-xxl {
  max-width: var(--max-width-xxl); }

.max-width-xxxl {
  max-width: var(--max-width-xxxl); }

.max-width-xxxxl {
  max-width: var(--max-width-xxxxl); }

.max-width-100\% {
  max-width: 100%; }

.max-width-none {
  max-width: none; }

.max-height-100\% {
  max-height: 100%; }

.max-height-100vh {
  max-height: 100vh; }

.shadow-xs {
  box-shadow: var(--shadow-xs); }

.shadow-sm {
  box-shadow: var(--shadow-sm); }

.shadow-md {
  box-shadow: var(--shadow-md); }

.shadow-lg {
  box-shadow: var(--shadow-lg); }

.shadow-xl {
  box-shadow: var(--shadow-xl); }

.shadow-none {
  box-shadow: none; }

.shadow-xs.shadow-sm {
  box-shadow: var(--shadow-xs), var(--shadow-sm); }

.shadow-sm.shadow-md {
  box-shadow: var(--shadow-sm), var(--shadow-md); }

.shadow-md.shadow-lg {
  box-shadow: var(--shadow-md), var(--shadow-lg); }

.shadow-lg.shadow-xl {
  box-shadow: var(--shadow-lg), var(--shadow-xl); }

:where(.inner-glow, .inner-glow-top) {
  position: relative; }
  :where(.inner-glow, .inner-glow-top)::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    pointer-events: none; }

.inner-glow::after {
  box-shadow: var(--inner-glow); }

.inner-glow-top::after {
  box-shadow: var(--inner-glow-top); }

.position-relative {
  position: relative; }

.position-absolute {
  position: absolute; }

.position-fixed {
  position: fixed; }

.position-sticky {
  position: sticky; }

.inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.top-0 {
  top: 0; }

.top-50\% {
  top: 50%; }

.top-xxxxs {
  top: var(--space-xxxxs); }

.top-xxxs {
  top: var(--space-xxxs); }

.top-xxs {
  top: var(--space-xxs); }

.top-xs {
  top: var(--space-xs); }

.top-sm {
  top: var(--space-sm); }

.top-md {
  top: var(--space-md); }

.top-lg {
  top: var(--space-lg); }

.top-xl {
  top: var(--space-xl); }

.top-xxl {
  top: var(--space-xxl); }

.top-xxxl {
  top: var(--space-xxxl); }

.top-xxxxl {
  top: var(--space-xxxxl); }

.bottom-0 {
  bottom: 0; }

.bottom-50\% {
  bottom: 50%; }

.bottom-xxxxs {
  bottom: var(--space-xxxxs); }

.bottom-xxxs {
  bottom: var(--space-xxxs); }

.bottom-xxs {
  bottom: var(--space-xxs); }

.bottom-xs {
  bottom: var(--space-xs); }

.bottom-sm {
  bottom: var(--space-sm); }

.bottom-md {
  bottom: var(--space-md); }

.bottom-lg {
  bottom: var(--space-lg); }

.bottom-xl {
  bottom: var(--space-xl); }

.bottom-xxl {
  bottom: var(--space-xxl); }

.bottom-xxxl {
  bottom: var(--space-xxxl); }

.bottom-xxxxl {
  bottom: var(--space-xxxxl); }

.right-0 {
  right: 0; }

.right-50\% {
  right: 50%; }

.right-xxxxs {
  right: var(--space-xxxxs); }

.right-xxxs {
  right: var(--space-xxxs); }

.right-xxs {
  right: var(--space-xxs); }

.right-xs {
  right: var(--space-xs); }

.right-sm {
  right: var(--space-sm); }

.right-md {
  right: var(--space-md); }

.right-lg {
  right: var(--space-lg); }

.right-xl {
  right: var(--space-xl); }

.right-xxl {
  right: var(--space-xxl); }

.right-xxxl {
  right: var(--space-xxxl); }

.right-xxxxl {
  right: var(--space-xxxxl); }

.left-0 {
  left: 0; }

.left-50\% {
  left: 50%; }

.left-xxxxs {
  left: var(--space-xxxxs); }

.left-xxxs {
  left: var(--space-xxxs); }

.left-xxs {
  left: var(--space-xxs); }

.left-xs {
  left: var(--space-xs); }

.left-sm {
  left: var(--space-sm); }

.left-md {
  left: var(--space-md); }

.left-lg {
  left: var(--space-lg); }

.left-xl {
  left: var(--space-xl); }

.left-xxl {
  left: var(--space-xxl); }

.left-xxxl {
  left: var(--space-xxxl); }

.left-xxxxl {
  left: var(--space-xxxxl); }

.z-index-header {
  z-index: var(--z-index-header); }

.z-index-popover {
  z-index: var(--z-index-popover); }

.z-index-fixed-element {
  z-index: var(--z-index-fixed-element); }

.z-index-overlay {
  z-index: var(--z-index-overlay); }

.z-index-1 {
  z-index: 1; }

.z-index-2 {
  z-index: 2; }

.z-index-3 {
  z-index: 3; }

.overflow-hidden {
  overflow: hidden; }

.overflow-auto {
  overflow: auto; }

.momentum-scrolling {
  -webkit-overflow-scrolling: touch; }

.overscroll-contain {
  overscroll-behavior: contain; }

.scroll-smooth {
  scroll-behavior: smooth; }

.scroll-padding-xxxxs {
  scroll-padding: var(--space-xxxxs); }

.scroll-padding-xxxs {
  scroll-padding: var(--space-xxxs); }

.scroll-padding-xxs {
  scroll-padding: var(--space-xxs); }

.scroll-padding-xs {
  scroll-padding: var(--space-xs); }

.scroll-padding-sm {
  scroll-padding: var(--space-sm); }

.scroll-padding-md {
  scroll-padding: var(--space-md); }

.scroll-padding-lg {
  scroll-padding: var(--space-lg); }

.scroll-padding-xl {
  scroll-padding: var(--space-xl); }

.scroll-padding-xxl {
  scroll-padding: var(--space-xxl); }

.scroll-padding-xxxl {
  scroll-padding: var(--space-xxxl); }

.scroll-padding-xxxxl {
  scroll-padding: var(--space-xxxxl); }

.opacity-0 {
  opacity: 0; }

.opacity-5\% {
  opacity: 0.05; }

.opacity-10\% {
  opacity: 0.1; }

.opacity-15\% {
  opacity: 0.15; }

.opacity-20\% {
  opacity: 0.2; }

.opacity-25\% {
  opacity: 0.25; }

.opacity-30\% {
  opacity: 0.3; }

.opacity-40\% {
  opacity: 0.4; }

.opacity-50\% {
  opacity: 0.5; }

.opacity-60\% {
  opacity: 0.6; }

.opacity-70\% {
  opacity: 0.7; }

.opacity-75\% {
  opacity: 0.75; }

.opacity-80\% {
  opacity: 0.8; }

.opacity-85\% {
  opacity: 0.85; }

.opacity-90\% {
  opacity: 0.9; }

.opacity-95\% {
  opacity: 0.95; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.clearfix::after {
  content: "";
  display: table;
  clear: both; }

[class^="border-"], [class*=" border-"] {
  --border-o: 1; }

.border {
  border: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1)); }

.border-top {
  border-top: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1)); }

.border-bottom {
  border-bottom: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1)); }

.border-left {
  border-left: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1)); }

.border-right {
  border-right: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1)); }

.border-2 {
  --border-width: 2px; }

.border-3 {
  --border-width: 3px; }

.border-4 {
  --border-width: 4px; }

.border-dotted {
  --border-style: dotted; }

.border-dashed {
  --border-style: dashed; }

.border-bg-darker {
  border-color: hsla(var(--color-bg-darker-h), var(--color-bg-darker-s), var(--color-bg-darker-l), var(--border-o, 1)); }

.border-bg-dark {
  border-color: hsla(var(--color-bg-dark-h), var(--color-bg-dark-s), var(--color-bg-dark-l), var(--border-o, 1)); }

.border-bg {
  border-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--border-o, 1)); }

.border-bg-light {
  border-color: hsla(var(--color-bg-light-h), var(--color-bg-light-s), var(--color-bg-light-l), var(--border-o, 1)); }

.border-bg-lighter {
  border-color: hsla(var(--color-bg-lighter-h), var(--color-bg-lighter-s), var(--color-bg-lighter-l), var(--border-o, 1)); }

.border-contrast-lower {
  border-color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1)); }

.border-contrast-low {
  border-color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1)); }

.border-contrast-medium {
  border-color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--border-o, 1)); }

.border-contrast-high {
  border-color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--border-o, 1)); }

.border-contrast-higher {
  border-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--border-o, 1)); }

.border-primary-darker {
  border-color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--border-o, 1)); }

.border-primary-dark {
  border-color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--border-o, 1)); }

.border-primary {
  border-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--border-o, 1)); }

.border-primary-light {
  border-color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--border-o, 1)); }

.border-primary-lighter {
  border-color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--border-o, 1)); }

.border-accent-darker {
  border-color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--border-o, 1)); }

.border-accent-dark {
  border-color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--border-o, 1)); }

.border-accent {
  border-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--border-o, 1)); }

.border-accent-light {
  border-color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--border-o, 1)); }

.border-accent-lighter {
  border-color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--border-o, 1)); }

.border-success-darker {
  border-color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--border-o, 1)); }

.border-success-dark {
  border-color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--border-o, 1)); }

.border-success {
  border-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--border-o, 1)); }

.border-success-light {
  border-color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--border-o, 1)); }

.border-success-lighter {
  border-color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--border-o, 1)); }

.border-warning-darker {
  border-color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--border-o, 1)); }

.border-warning-dark {
  border-color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--border-o, 1)); }

.border-warning {
  border-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--border-o, 1)); }

.border-warning-light {
  border-color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--border-o, 1)); }

.border-warning-lighter {
  border-color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--border-o, 1)); }

.border-error-darker {
  border-color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--border-o, 1)); }

.border-error-dark {
  border-color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--border-o, 1)); }

.border-error {
  border-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--border-o, 1)); }

.border-error-light {
  border-color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--border-o, 1)); }

.border-error-lighter {
  border-color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--border-o, 1)); }

.border-white {
  border-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--border-o, 1)); }

.border-black {
  border-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--border-o, 1)); }

.border-opacity-0 {
  --border-o: 0; }

.border-opacity-5\% {
  --border-o: 0.05; }

.border-opacity-10\% {
  --border-o: 0.1; }

.border-opacity-15\% {
  --border-o: 0.15; }

.border-opacity-20\% {
  --border-o: 0.2; }

.border-opacity-25\% {
  --border-o: 0.25; }

.border-opacity-30\% {
  --border-o: 0.3; }

.border-opacity-40\% {
  --border-o: 0.4; }

.border-opacity-50\% {
  --border-o: 0.5; }

.border-opacity-60\% {
  --border-o: 0.6; }

.border-opacity-70\% {
  --border-o: 0.7; }

.border-opacity-75\% {
  --border-o: 0.75; }

.border-opacity-80\% {
  --border-o: 0.8; }

.border-opacity-85\% {
  --border-o: 0.85; }

.border-opacity-90\% {
  --border-o: 0.9; }

.border-opacity-95\% {
  --border-o: 0.95; }

.radius-sm {
  border-radius: var(--radius-sm); }

.radius-md {
  border-radius: var(--radius-md); }

.radius-lg {
  border-radius: var(--radius-lg); }

.radius-50\% {
  border-radius: 50%; }

.radius-full {
  border-radius: 50em; }

.radius-0 {
  border-radius: 0; }

.radius-inherit {
  border-radius: inherit; }

.radius-top-left-0 {
  border-top-left-radius: 0; }

.radius-top-right-0 {
  border-top-right-radius: 0; }

.radius-bottom-right-0 {
  border-bottom-right-radius: 0; }

.radius-bottom-left-0 {
  border-bottom-left-radius: 0; }

.bg, [class^="bg-"], [class*=" bg-"] {
  --bg-o: 1; }

.bg-transparent {
  background-color: transparent; }

.bg-inherit {
  background-color: inherit; }

.bg-darker {
  background-color: hsla(var(--color-bg-darker-h), var(--color-bg-darker-s), var(--color-bg-darker-l), var(--bg-o)); }

.bg-dark {
  background-color: hsla(var(--color-bg-dark-h), var(--color-bg-dark-s), var(--color-bg-dark-l), var(--bg-o)) !important; }

.bg {
  background-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--bg-o)); }

.bg-light {
  background-color: hsla(var(--color-bg-light-h), var(--color-bg-light-s), var(--color-bg-light-l), var(--bg-o)); }

.bg-lighter {
  background-color: hsla(var(--color-bg-lighter-h), var(--color-bg-lighter-s), var(--color-bg-lighter-l), var(--bg-o)); }

.bg-contrast-lower {
  background-color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--bg-o, 1)); }

.bg-contrast-low {
  background-color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--bg-o, 1)); }

.bg-contrast-medium {
  background-color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--bg-o, 1)); }

.bg-contrast-high {
  background-color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--bg-o, 1)); }

.bg-contrast-higher {
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--bg-o, 1)); }

.bg-primary-darker {
  background-color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--bg-o, 1)); }

.bg-primary-dark {
  background-color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--bg-o, 1)); }

.bg-primary {
  background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--bg-o, 1)); }

.bg-primary-light {
  background-color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--bg-o, 1)); }

.bg-primary-lighter {
  background-color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--bg-o, 1)); }

.bg-accent-darker {
  background-color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--bg-o, 1)); }

.bg-accent-dark {
  background-color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--bg-o, 1)); }

.bg-accent {
  background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--bg-o, 1)); }

.bg-accent-light {
  background-color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--bg-o, 1)); }

.bg-accent-lighter {
  background-color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--bg-o, 1)); }

.bg-success-darker {
  background-color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--bg-o, 1)); }

.bg-success-dark {
  background-color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--bg-o, 1)); }

.bg-success {
  background-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--bg-o, 1)); }

.bg-success-light {
  background-color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--bg-o, 1)); }

.bg-success-lighter {
  background-color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--bg-o, 1)); }

.bg-warning-darker {
  background-color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--bg-o, 1)); }

.bg-warning-dark {
  background-color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--bg-o, 1)); }

.bg-warning {
  background-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--bg-o, 1)); }

.bg-warning-light {
  background-color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--bg-o, 1)); }

.bg-warning-lighter {
  background-color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--bg-o, 1)); }

.bg-error-darker {
  background-color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--bg-o, 1)); }

.bg-error-dark {
  background-color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--bg-o, 1)); }

.bg-error {
  background-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--bg-o, 1)); }

.bg-error-light {
  background-color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--bg-o, 1)); }

.bg-error-lighter {
  background-color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--bg-o, 1)); }

.bg-white {
  background-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--bg-o, 1)); }

.bg-black {
  background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--bg-o, 1)); }

.bg-opacity-0 {
  --bg-o: 0; }

.bg-opacity-5\% {
  --bg-o: 0.05; }

.bg-opacity-10\% {
  --bg-o: 0.1; }

.bg-opacity-15\% {
  --bg-o: 0.15; }

.bg-opacity-20\% {
  --bg-o: 0.2; }

.bg-opacity-25\% {
  --bg-o: 0.25; }

.bg-opacity-30\% {
  --bg-o: 0.3; }

.bg-opacity-40\% {
  --bg-o: 0.4; }

.bg-opacity-50\% {
  --bg-o: 0.5; }

.bg-opacity-60\% {
  --bg-o: 0.6; }

.bg-opacity-70\% {
  --bg-o: 0.7; }

.bg-opacity-75\% {
  --bg-o: 0.75; }

.bg-opacity-80\% {
  --bg-o: 0.8; }

.bg-opacity-85\% {
  --bg-o: 0.85; }

.bg-opacity-90\% {
  --bg-o: 0.9; }

.bg-opacity-95\% {
  --bg-o: 0.95; }

.bg-center {
  background-position: center; }

.bg-top {
  background-position: center top; }

.bg-right {
  background-position: right center; }

.bg-bottom {
  background-position: center bottom; }

.bg-left {
  background-position: left center; }

.bg-top-left {
  background-position: left top; }

.bg-top-right {
  background-position: right top; }

.bg-bottom-left {
  background-position: left bottom; }

.bg-bottom-right {
  background-position: right bottom; }

.bg-cover {
  background-size: cover; }

.bg-no-repeat {
  background-repeat: no-repeat; }

.backdrop-blur-10 {
  backdrop-filter: blur(10px); }

.backdrop-blur-20 {
  backdrop-filter: blur(20px); }

.isolate {
  isolation: isolate; }

.blend-multiply {
  mix-blend-mode: multiply; }

.blend-overlay {
  mix-blend-mode: overlay; }

.blend-difference {
  mix-blend-mode: difference; }

.object-contain {
  object-fit: contain; }

.object-cover {
  object-fit: cover; }

.perspective-xs {
  perspective: 250px; }

.perspective-sm {
  perspective: 500px; }

.perspective-md {
  perspective: 1000px; }

.perspective-lg {
  perspective: 1500px; }

.perspective-xl {
  perspective: 3000px; }

[class^="flip"], [class*=" flip"],
[class^="-rotate"], [class*=" -rotate"],
[class^="rotate"], [class*=" rotate"],
[class^="-translate"], [class*=" -translate"],
[class^="translate"], [class*=" translate"],
[class^="-scale"], [class*=" -scale"],
[class^="scale"], [class*=" scale"],
[class^="-skew"], [class*=" -skew"] [class^="skew"], [class*=" skew"] {
  --translate: 0;
  --rotate: 0;
  --skew: 0;
  --scale: 1;
  transform: translate3d(var(--translate-x, var(--translate)), var(--translate-y, var(--translate)), var(--translate-z, 0)) rotateX(var(--rotate-x, 0)) rotateY(var(--rotate-y, 0)) rotateZ(var(--rotate-z, var(--rotate))) skewX(var(--skew-x, var(--skew))) skewY(var(--skew-y, 0)) scaleX(var(--scale-x, var(--scale))) scaleY(var(--scale-y, var(--scale))); }

.flip {
  --scale: -1; }

.flip-x {
  --scale-x: -1; }

.flip-y {
  --scale-y: -1; }

.rotate-90 {
  --rotate: 90deg; }

.rotate-180 {
  --rotate: 180deg; }

.rotate-270 {
  --rotate: 270deg; }

.-translate-50\% {
  --translate: -50%; }

.-translate-x-50\% {
  --translate-x: -50%; }

.-translate-y-50\% {
  --translate-y: -50%; }

.translate-50\% {
  --translate: 50%; }

.translate-x-50\% {
  --translate-x: 50%; }

.translate-y-50\% {
  --translate-y: 50%; }

.origin-center {
  transform-origin: center; }

.origin-top {
  transform-origin: center top; }

.origin-right {
  transform-origin: right center; }

.origin-bottom {
  transform-origin: center bottom; }

.origin-left {
  transform-origin: left center; }

.origin-top-left {
  transform-origin: left top; }

.origin-top-right {
  transform-origin: right top; }

.origin-bottom-left {
  transform-origin: left bottom; }

.origin-bottom-right {
  transform-origin: right bottom; }

.transition {
  transition-property: var(--transition-property, all);
  transition-duration: var(--transition-duration, 0.2s);
  transition-delay: var(--transition-delay, 0s); }

.fill-current {
  fill: currentColor; }

.stroke-current {
  stroke: currentColor; }

.stroke-1 {
  stroke-width: 1px; }

.stroke-2 {
  stroke-width: 2px; }

.stroke-3 {
  stroke-width: 3px; }

.stroke-4 {
  stroke-width: 4px; }

.visible {
  visibility: visible; }

.invisible {
  visibility: hidden; }

@media (min-width: 32rem) {
  .flex\@xs {
    display: flex; }
  .inline-flex\@xs {
    display: inline-flex; }
  .flex-wrap\@xs {
    flex-wrap: wrap; }
  .flex-nowrap\@xs {
    flex-wrap: nowrap; }
  .flex-column\@xs {
    flex-direction: column; }
  .flex-column-reverse\@xs {
    flex-direction: column-reverse; }
  .flex-row\@xs {
    flex-direction: row; }
  .flex-row-reverse\@xs {
    flex-direction: row-reverse; }
  .flex-center\@xs {
    justify-content: center;
    align-items: center; }
  .flex-grow\@xs {
    flex-grow: 1; }
  .flex-grow-0\@xs {
    flex-grow: 0; }
  .flex-shrink\@xs {
    flex-shrink: 1; }
  .flex-shrink-0\@xs {
    flex-shrink: 0; }
  .flex-basis-0\@xs {
    flex-basis: 0; }
  .justify-start\@xs {
    justify-content: flex-start; }
  .justify-end\@xs {
    justify-content: flex-end; }
  .justify-center\@xs {
    justify-content: center; }
  .justify-between\@xs {
    justify-content: space-between; }
  .items-center\@xs {
    align-items: center; }
  .items-start\@xs {
    align-items: flex-start; }
  .items-end\@xs {
    align-items: flex-end; }
  .items-baseline\@xs {
    align-items: baseline; }
  .order-1\@xs {
    order: 1; }
  .order-2\@xs {
    order: 2; }
  .order-3\@xs {
    order: 3; }
  .block\@xs {
    display: block; }
  .inline-block\@xs {
    display: inline-block; }
  .inline\@xs {
    display: inline; }
  .contents\@xs {
    display: contents; }
  .hide\@xs {
    display: none !important; }
  .margin-xxxxs\@xs {
    margin: var(--space-xxxxs); }
  .margin-xxxs\@xs {
    margin: var(--space-xxxs); }
  .margin-xxs\@xs {
    margin: var(--space-xxs); }
  .margin-xs\@xs {
    margin: var(--space-xs); }
  .margin-sm\@xs {
    margin: var(--space-sm); }
  .margin-md\@xs {
    margin: var(--space-md); }
  .margin-lg\@xs {
    margin: var(--space-lg); }
  .margin-xl\@xs {
    margin: var(--space-xl); }
  .margin-xxl\@xs {
    margin: var(--space-xxl); }
  .margin-xxxl\@xs {
    margin: var(--space-xxxl); }
  .margin-xxxxl\@xs {
    margin: var(--space-xxxxl); }
  .margin-auto\@xs {
    margin: auto; }
  .margin-0\@xs {
    margin: 0; }
  .margin-top-xxxxs\@xs {
    margin-top: var(--space-xxxxs); }
  .margin-top-xxxs\@xs {
    margin-top: var(--space-xxxs); }
  .margin-top-xxs\@xs {
    margin-top: var(--space-xxs); }
  .margin-top-xs\@xs {
    margin-top: var(--space-xs); }
  .margin-top-sm\@xs {
    margin-top: var(--space-sm); }
  .margin-top-md\@xs {
    margin-top: var(--space-md); }
  .margin-top-lg\@xs {
    margin-top: var(--space-lg); }
  .margin-top-xl\@xs {
    margin-top: var(--space-xl); }
  .margin-top-xxl\@xs {
    margin-top: var(--space-xxl); }
  .margin-top-xxxl\@xs {
    margin-top: var(--space-xxxl); }
  .margin-top-xxxxl\@xs {
    margin-top: var(--space-xxxxl); }
  .margin-top-auto\@xs {
    margin-top: auto; }
  .margin-top-0\@xs {
    margin-top: 0; }
  .margin-bottom-xxxxs\@xs {
    margin-bottom: var(--space-xxxxs); }
  .margin-bottom-xxxs\@xs {
    margin-bottom: var(--space-xxxs); }
  .margin-bottom-xxs\@xs {
    margin-bottom: var(--space-xxs); }
  .margin-bottom-xs\@xs {
    margin-bottom: var(--space-xs); }
  .margin-bottom-sm\@xs {
    margin-bottom: var(--space-sm); }
  .margin-bottom-md\@xs {
    margin-bottom: var(--space-md); }
  .margin-bottom-lg\@xs {
    margin-bottom: var(--space-lg); }
  .margin-bottom-xl\@xs {
    margin-bottom: var(--space-xl); }
  .margin-bottom-xxl\@xs {
    margin-bottom: var(--space-xxl); }
  .margin-bottom-xxxl\@xs {
    margin-bottom: var(--space-xxxl); }
  .margin-bottom-xxxxl\@xs {
    margin-bottom: var(--space-xxxxl); }
  .margin-bottom-auto\@xs {
    margin-bottom: auto; }
  .margin-bottom-0\@xs {
    margin-bottom: 0; }
  .margin-right-xxxxs\@xs {
    margin-right: var(--space-xxxxs); }
  .margin-right-xxxs\@xs {
    margin-right: var(--space-xxxs); }
  .margin-right-xxs\@xs {
    margin-right: var(--space-xxs); }
  .margin-right-xs\@xs {
    margin-right: var(--space-xs); }
  .margin-right-sm\@xs {
    margin-right: var(--space-sm); }
  .margin-right-md\@xs {
    margin-right: var(--space-md); }
  .margin-right-lg\@xs {
    margin-right: var(--space-lg); }
  .margin-right-xl\@xs {
    margin-right: var(--space-xl); }
  .margin-right-xxl\@xs {
    margin-right: var(--space-xxl); }
  .margin-right-xxxl\@xs {
    margin-right: var(--space-xxxl); }
  .margin-right-xxxxl\@xs {
    margin-right: var(--space-xxxxl); }
  .margin-right-auto\@xs {
    margin-right: auto; }
  .margin-right-0\@xs {
    margin-right: 0; }
  .margin-left-xxxxs\@xs {
    margin-left: var(--space-xxxxs); }
  .margin-left-xxxs\@xs {
    margin-left: var(--space-xxxs); }
  .margin-left-xxs\@xs {
    margin-left: var(--space-xxs); }
  .margin-left-xs\@xs {
    margin-left: var(--space-xs); }
  .margin-left-sm\@xs {
    margin-left: var(--space-sm); }
  .margin-left-md\@xs {
    margin-left: var(--space-md); }
  .margin-left-lg\@xs {
    margin-left: var(--space-lg); }
  .margin-left-xl\@xs {
    margin-left: var(--space-xl); }
  .margin-left-xxl\@xs {
    margin-left: var(--space-xxl); }
  .margin-left-xxxl\@xs {
    margin-left: var(--space-xxxl); }
  .margin-left-xxxxl\@xs {
    margin-left: var(--space-xxxxl); }
  .margin-left-auto\@xs {
    margin-left: auto; }
  .margin-left-0\@xs {
    margin-left: 0; }
  .margin-x-xxxxs\@xs {
    margin-left: var(--space-xxxxs);
    margin-right: var(--space-xxxxs); }
  .margin-x-xxxs\@xs {
    margin-left: var(--space-xxxs);
    margin-right: var(--space-xxxs); }
  .margin-x-xxs\@xs {
    margin-left: var(--space-xxs);
    margin-right: var(--space-xxs); }
  .margin-x-xs\@xs {
    margin-left: var(--space-xs);
    margin-right: var(--space-xs); }
  .margin-x-sm\@xs {
    margin-left: var(--space-sm);
    margin-right: var(--space-sm); }
  .margin-x-md\@xs {
    margin-left: var(--space-md);
    margin-right: var(--space-md); }
  .margin-x-lg\@xs {
    margin-left: var(--space-lg);
    margin-right: var(--space-lg); }
  .margin-x-xl\@xs {
    margin-left: var(--space-xl);
    margin-right: var(--space-xl); }
  .margin-x-xxl\@xs {
    margin-left: var(--space-xxl);
    margin-right: var(--space-xxl); }
  .margin-x-xxxl\@xs {
    margin-left: var(--space-xxxl);
    margin-right: var(--space-xxxl); }
  .margin-x-xxxxl\@xs {
    margin-left: var(--space-xxxxl);
    margin-right: var(--space-xxxxl); }
  .margin-x-auto\@xs {
    margin-left: auto;
    margin-right: auto; }
  .margin-x-0\@xs {
    margin-left: 0;
    margin-right: 0; }
  .margin-y-xxxxs\@xs {
    margin-top: var(--space-xxxxs);
    margin-bottom: var(--space-xxxxs); }
  .margin-y-xxxs\@xs {
    margin-top: var(--space-xxxs);
    margin-bottom: var(--space-xxxs); }
  .margin-y-xxs\@xs {
    margin-top: var(--space-xxs);
    margin-bottom: var(--space-xxs); }
  .margin-y-xs\@xs {
    margin-top: var(--space-xs);
    margin-bottom: var(--space-xs); }
  .margin-y-sm\@xs {
    margin-top: var(--space-sm);
    margin-bottom: var(--space-sm); }
  .margin-y-md\@xs {
    margin-top: var(--space-md);
    margin-bottom: var(--space-md); }
  .margin-y-lg\@xs {
    margin-top: var(--space-lg);
    margin-bottom: var(--space-lg); }
  .margin-y-xl\@xs {
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl); }
  .margin-y-xxl\@xs {
    margin-top: var(--space-xxl);
    margin-bottom: var(--space-xxl); }
  .margin-y-xxxl\@xs {
    margin-top: var(--space-xxxl);
    margin-bottom: var(--space-xxxl); }
  .margin-y-xxxxl\@xs {
    margin-top: var(--space-xxxxl);
    margin-bottom: var(--space-xxxxl); }
  .margin-y-auto\@xs {
    margin-top: auto;
    margin-bottom: auto; }
  .margin-y-0\@xs {
    margin-top: 0;
    margin-bottom: 0; }
  .padding-xxxxs\@xs {
    padding: var(--space-xxxxs); }
  .padding-xxxs\@xs {
    padding: var(--space-xxxs); }
  .padding-xxs\@xs {
    padding: var(--space-xxs); }
  .padding-xs\@xs {
    padding: var(--space-xs); }
  .padding-sm\@xs {
    padding: var(--space-sm); }
  .padding-md\@xs {
    padding: var(--space-md); }
  .padding-lg\@xs {
    padding: var(--space-lg); }
  .padding-xl\@xs {
    padding: var(--space-xl); }
  .padding-xxl\@xs {
    padding: var(--space-xxl); }
  .padding-xxxl\@xs {
    padding: var(--space-xxxl); }
  .padding-xxxxl\@xs {
    padding: var(--space-xxxxl); }
  .padding-0\@xs {
    padding: 0; }
  .padding-component\@xs {
    padding: var(--component-padding); }
  .padding-top-xxxxs\@xs {
    padding-top: var(--space-xxxxs); }
  .padding-top-xxxs\@xs {
    padding-top: var(--space-xxxs); }
  .padding-top-xxs\@xs {
    padding-top: var(--space-xxs); }
  .padding-top-xs\@xs {
    padding-top: var(--space-xs); }
  .padding-top-sm\@xs {
    padding-top: var(--space-sm); }
  .padding-top-md\@xs {
    padding-top: var(--space-md); }
  .padding-top-lg\@xs {
    padding-top: var(--space-lg); }
  .padding-top-xl\@xs {
    padding-top: var(--space-xl); }
  .padding-top-xxl\@xs {
    padding-top: var(--space-xxl); }
  .padding-top-xxxl\@xs {
    padding-top: var(--space-xxxl); }
  .padding-top-xxxxl\@xs {
    padding-top: var(--space-xxxxl); }
  .padding-top-0\@xs {
    padding-top: 0; }
  .padding-top-component\@xs {
    padding-top: var(--component-padding); }
  .padding-bottom-xxxxs\@xs {
    padding-bottom: var(--space-xxxxs); }
  .padding-bottom-xxxs\@xs {
    padding-bottom: var(--space-xxxs); }
  .padding-bottom-xxs\@xs {
    padding-bottom: var(--space-xxs); }
  .padding-bottom-xs\@xs {
    padding-bottom: var(--space-xs); }
  .padding-bottom-sm\@xs {
    padding-bottom: var(--space-sm); }
  .padding-bottom-md\@xs {
    padding-bottom: var(--space-md); }
  .padding-bottom-lg\@xs {
    padding-bottom: var(--space-lg); }
  .padding-bottom-xl\@xs {
    padding-bottom: var(--space-xl); }
  .padding-bottom-xxl\@xs {
    padding-bottom: var(--space-xxl); }
  .padding-bottom-xxxl\@xs {
    padding-bottom: var(--space-xxxl); }
  .padding-bottom-xxxxl\@xs {
    padding-bottom: var(--space-xxxxl); }
  .padding-bottom-0\@xs {
    padding-bottom: 0; }
  .padding-bottom-component\@xs {
    padding-bottom: var(--component-padding); }
  .padding-right-xxxxs\@xs {
    padding-right: var(--space-xxxxs); }
  .padding-right-xxxs\@xs {
    padding-right: var(--space-xxxs); }
  .padding-right-xxs\@xs {
    padding-right: var(--space-xxs); }
  .padding-right-xs\@xs {
    padding-right: var(--space-xs); }
  .padding-right-sm\@xs {
    padding-right: var(--space-sm); }
  .padding-right-md\@xs {
    padding-right: var(--space-md); }
  .padding-right-lg\@xs {
    padding-right: var(--space-lg); }
  .padding-right-xl\@xs {
    padding-right: var(--space-xl); }
  .padding-right-xxl\@xs {
    padding-right: var(--space-xxl); }
  .padding-right-xxxl\@xs {
    padding-right: var(--space-xxxl); }
  .padding-right-xxxxl\@xs {
    padding-right: var(--space-xxxxl); }
  .padding-right-0\@xs {
    padding-right: 0; }
  .padding-right-component\@xs {
    padding-right: var(--component-padding); }
  .padding-left-xxxxs\@xs {
    padding-left: var(--space-xxxxs); }
  .padding-left-xxxs\@xs {
    padding-left: var(--space-xxxs); }
  .padding-left-xxs\@xs {
    padding-left: var(--space-xxs); }
  .padding-left-xs\@xs {
    padding-left: var(--space-xs); }
  .padding-left-sm\@xs {
    padding-left: var(--space-sm); }
  .padding-left-md\@xs {
    padding-left: var(--space-md); }
  .padding-left-lg\@xs {
    padding-left: var(--space-lg); }
  .padding-left-xl\@xs {
    padding-left: var(--space-xl); }
  .padding-left-xxl\@xs {
    padding-left: var(--space-xxl); }
  .padding-left-xxxl\@xs {
    padding-left: var(--space-xxxl); }
  .padding-left-xxxxl\@xs {
    padding-left: var(--space-xxxxl); }
  .padding-left-0\@xs {
    padding-left: 0; }
  .padding-left-component\@xs {
    padding-left: var(--component-padding); }
  .padding-x-xxxxs\@xs {
    padding-left: var(--space-xxxxs);
    padding-right: var(--space-xxxxs); }
  .padding-x-xxxs\@xs {
    padding-left: var(--space-xxxs);
    padding-right: var(--space-xxxs); }
  .padding-x-xxs\@xs {
    padding-left: var(--space-xxs);
    padding-right: var(--space-xxs); }
  .padding-x-xs\@xs {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs); }
  .padding-x-sm\@xs {
    padding-left: var(--space-sm);
    padding-right: var(--space-sm); }
  .padding-x-md\@xs {
    padding-left: var(--space-md);
    padding-right: var(--space-md); }
  .padding-x-lg\@xs {
    padding-left: var(--space-lg);
    padding-right: var(--space-lg); }
  .padding-x-xl\@xs {
    padding-left: var(--space-xl);
    padding-right: var(--space-xl); }
  .padding-x-xxl\@xs {
    padding-left: var(--space-xxl);
    padding-right: var(--space-xxl); }
  .padding-x-xxxl\@xs {
    padding-left: var(--space-xxxl);
    padding-right: var(--space-xxxl); }
  .padding-x-xxxxl\@xs {
    padding-left: var(--space-xxxxl);
    padding-right: var(--space-xxxxl); }
  .padding-x-0\@xs {
    padding-left: 0;
    padding-right: 0; }
  .padding-x-component\@xs {
    padding-left: var(--component-padding);
    padding-right: var(--component-padding); }
  .padding-y-xxxxs\@xs {
    padding-top: var(--space-xxxxs);
    padding-bottom: var(--space-xxxxs); }
  .padding-y-xxxs\@xs {
    padding-top: var(--space-xxxs);
    padding-bottom: var(--space-xxxs); }
  .padding-y-xxs\@xs {
    padding-top: var(--space-xxs);
    padding-bottom: var(--space-xxs); }
  .padding-y-xs\@xs {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs); }
  .padding-y-sm\@xs {
    padding-top: var(--space-sm);
    padding-bottom: var(--space-sm); }
  .padding-y-md\@xs {
    padding-top: var(--space-md);
    padding-bottom: var(--space-md); }
  .padding-y-lg\@xs {
    padding-top: var(--space-lg);
    padding-bottom: var(--space-lg); }
  .padding-y-xl\@xs {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl); }
  .padding-y-xxl\@xs {
    padding-top: var(--space-xxl);
    padding-bottom: var(--space-xxl); }
  .padding-y-xxxl\@xs {
    padding-top: var(--space-xxxl);
    padding-bottom: var(--space-xxxl); }
  .padding-y-xxxxl\@xs {
    padding-top: var(--space-xxxxl);
    padding-bottom: var(--space-xxxxl); }
  .padding-y-0\@xs {
    padding-top: 0;
    padding-bottom: 0; }
  .padding-y-component\@xs {
    padding-top: var(--component-padding);
    padding-bottom: var(--component-padding); }
  .text-center\@xs {
    text-align: center; }
  .text-left\@xs {
    text-align: left; }
  .text-right\@xs {
    text-align: right; }
  .text-justify\@xs {
    text-align: justify; }
  .text-xs\@xs {
    font-size: var(--text-xs, 0.6875rem); }
  .text-sm\@xs {
    font-size: var(--text-sm, 0.75rem); }
  .text-base\@xs {
    font-size: var(--text-unit, 1rem); }
  .text-md\@xs {
    font-size: var(--text-md, 1.125rem); }
  .text-lg\@xs {
    font-size: var(--text-lg, 1.375rem); }
  .text-xl\@xs {
    font-size: var(--text-xl, 1.75rem); }
  .text-xxl\@xs {
    font-size: var(--text-xxl, 2rem); }
  .text-xxxl\@xs {
    font-size: var(--text-xxxl, 2.5rem); }
  .text-xxxxl\@xs {
    font-size: var(--text-xxxxl, 3rem); }
  .column-count-1\@xs {
    column-count: 1; }
  .column-count-2\@xs {
    column-count: 2; }
  .column-count-3\@xs {
    column-count: 3; }
  .column-count-4\@xs {
    column-count: 4; }
  .width-xxxxs\@xs {
    width: var(--size-xxxxs, 0.25rem); }
  .width-xxxs\@xs {
    width: var(--size-xxxs, 0.5rem); }
  .width-xxs\@xs {
    width: var(--size-xxs, 0.75rem); }
  .width-xs\@xs {
    width: var(--size-xs, 1rem); }
  .width-sm\@xs {
    width: var(--size-sm, 1.5rem); }
  .width-md\@xs {
    width: var(--size-md, 2rem); }
  .width-lg\@xs {
    width: var(--size-lg, 3rem); }
  .width-xl\@xs {
    width: var(--size-xl, 4rem); }
  .width-xxl\@xs {
    width: var(--size-xxl, 6rem); }
  .width-xxxl\@xs {
    width: var(--size-xxxl, 8rem); }
  .width-xxxxl\@xs {
    width: var(--size-xxxxl, 16rem); }
  .width-0\@xs {
    width: 0; }
  .width-10\%\@xs {
    width: 10%; }
  .width-20\%\@xs {
    width: 20%; }
  .width-25\%\@xs {
    width: 25%; }
  .width-30\%\@xs {
    width: 30%; }
  .width-33\%\@xs {
    width: calc(100% / 3); }
  .width-40\%\@xs {
    width: 40%; }
  .width-50\%\@xs {
    width: 50%; }
  .width-60\%\@xs {
    width: 60%; }
  .width-66\%\@xs {
    width: calc(100% / 1.5); }
  .width-70\%\@xs {
    width: 70%; }
  .width-75\%\@xs {
    width: 75%; }
  .width-80\%\@xs {
    width: 80%; }
  .width-90\%\@xs {
    width: 90%; }
  .width-100\%\@xs {
    width: 100%; }
  .width-100vw\@xs {
    width: 100vw; }
  .width-auto\@xs {
    width: auto; }
  .width-inherit\@xs {
    width: inherit; }
  .height-xxxxs\@xs {
    height: var(--size-xxxxs, 0.25rem); }
  .height-xxxs\@xs {
    height: var(--size-xxxs, 0.5rem); }
  .height-xxs\@xs {
    height: var(--size-xxs, 0.75rem); }
  .height-xs\@xs {
    height: var(--size-xs, 1rem); }
  .height-sm\@xs {
    height: var(--size-sm, 1.5rem); }
  .height-md\@xs {
    height: var(--size-md, 2rem); }
  .height-lg\@xs {
    height: var(--size-lg, 3rem); }
  .height-xl\@xs {
    height: var(--size-xl, 4rem); }
  .height-xxl\@xs {
    height: var(--size-xxl, 6rem); }
  .height-xxxl\@xs {
    height: var(--size-xxxl, 8rem); }
  .height-xxxxl\@xs {
    height: var(--size-xxxxl, 16rem); }
  .height-0\@xs {
    height: 0; }
  .height-10\%\@xs {
    height: 10%; }
  .height-20\%\@xs {
    height: 20%; }
  .height-25\%\@xs {
    height: 25%; }
  .height-30\%\@xs {
    height: 30%; }
  .height-33\%\@xs {
    height: calc(100% / 3); }
  .height-40\%\@xs {
    height: 40%; }
  .height-50\%\@xs {
    height: 50%; }
  .height-60\%\@xs {
    height: 60%; }
  .height-66\%\@xs {
    height: calc(100% / 1.5); }
  .height-70\%\@xs {
    height: 70%; }
  .height-75\%\@xs {
    height: 75%; }
  .height-80\%\@xs {
    height: 80%; }
  .height-90\%\@xs {
    height: 90%; }
  .height-100\%\@xs {
    height: 100%; }
  .height-100vh\@xs {
    height: 100vh; }
  .height-auto\@xs {
    height: auto; }
  .height-inherit\@xs {
    height: inherit; }
  .max-width-xxxxxs\@xs {
    max-width: var(--max-width-xxxxxs); }
  .max-width-xxxxs\@xs {
    max-width: var(--max-width-xxxxs); }
  .max-width-xxxs\@xs {
    max-width: var(--max-width-xxxs); }
  .max-width-xxs\@xs {
    max-width: var(--max-width-xxs); }
  .max-width-xs\@xs {
    max-width: var(--max-width-xs); }
  .max-width-sm\@xs {
    max-width: var(--max-width-sm); }
  .max-width-md\@xs {
    max-width: var(--max-width-md); }
  .max-width-lg\@xs {
    max-width: var(--max-width-lg); }
  .max-width-xl\@xs {
    max-width: var(--max-width-xl); }
  .max-width-xxl\@xs {
    max-width: var(--max-width-xxl); }
  .max-width-xxxl\@xs {
    max-width: var(--max-width-xxxl); }
  .max-width-xxxxl\@xs {
    max-width: var(--max-width-xxxxl); }
  .max-width-100\%\@xs {
    max-width: 100%; }
  .max-width-none\@xs {
    max-width: none; }
  .position-relative\@xs {
    position: relative; }
  .position-absolute\@xs {
    position: absolute; }
  .position-fixed\@xs {
    position: fixed; }
  .position-sticky\@xs {
    position: sticky; }
  .position-static\@xs {
    position: static; }
  .inset-0\@xs {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .top-0\@xs {
    top: 0; }
  .top-50\%\@xs {
    top: 50%; }
  .top-xxxxs\@xs {
    top: var(--space-xxxxs); }
  .top-xxxs\@xs {
    top: var(--space-xxxs); }
  .top-xxs\@xs {
    top: var(--space-xxs); }
  .top-xs\@xs {
    top: var(--space-xs); }
  .top-sm\@xs {
    top: var(--space-sm); }
  .top-md\@xs {
    top: var(--space-md); }
  .top-lg\@xs {
    top: var(--space-lg); }
  .top-xl\@xs {
    top: var(--space-xl); }
  .top-xxl\@xs {
    top: var(--space-xxl); }
  .top-xxxl\@xs {
    top: var(--space-xxxl); }
  .top-xxxxl\@xs {
    top: var(--space-xxxxl); }
  .bottom-0\@xs {
    bottom: 0; }
  .bottom-50\%\@xs {
    bottom: 50%; }
  .bottom-xxxxs\@xs {
    bottom: var(--space-xxxxs); }
  .bottom-xxxs\@xs {
    bottom: var(--space-xxxs); }
  .bottom-xxs\@xs {
    bottom: var(--space-xxs); }
  .bottom-xs\@xs {
    bottom: var(--space-xs); }
  .bottom-sm\@xs {
    bottom: var(--space-sm); }
  .bottom-md\@xs {
    bottom: var(--space-md); }
  .bottom-lg\@xs {
    bottom: var(--space-lg); }
  .bottom-xl\@xs {
    bottom: var(--space-xl); }
  .bottom-xxl\@xs {
    bottom: var(--space-xxl); }
  .bottom-xxxl\@xs {
    bottom: var(--space-xxxl); }
  .bottom-xxxxl\@xs {
    bottom: var(--space-xxxxl); }
  .right-0\@xs {
    right: 0; }
  .right-50\%\@xs {
    right: 50%; }
  .right-xxxxs\@xs {
    right: var(--space-xxxxs); }
  .right-xxxs\@xs {
    right: var(--space-xxxs); }
  .right-xxs\@xs {
    right: var(--space-xxs); }
  .right-xs\@xs {
    right: var(--space-xs); }
  .right-sm\@xs {
    right: var(--space-sm); }
  .right-md\@xs {
    right: var(--space-md); }
  .right-lg\@xs {
    right: var(--space-lg); }
  .right-xl\@xs {
    right: var(--space-xl); }
  .right-xxl\@xs {
    right: var(--space-xxl); }
  .right-xxxl\@xs {
    right: var(--space-xxxl); }
  .right-xxxxl\@xs {
    right: var(--space-xxxxl); }
  .left-0\@xs {
    left: 0; }
  .left-50\%\@xs {
    left: 50%; }
  .left-xxxxs\@xs {
    left: var(--space-xxxxs); }
  .left-xxxs\@xs {
    left: var(--space-xxxs); }
  .left-xxs\@xs {
    left: var(--space-xxs); }
  .left-xs\@xs {
    left: var(--space-xs); }
  .left-sm\@xs {
    left: var(--space-sm); }
  .left-md\@xs {
    left: var(--space-md); }
  .left-lg\@xs {
    left: var(--space-lg); }
  .left-xl\@xs {
    left: var(--space-xl); }
  .left-xxl\@xs {
    left: var(--space-xxl); }
  .left-xxxl\@xs {
    left: var(--space-xxxl); }
  .left-xxxxl\@xs {
    left: var(--space-xxxxl); }
  .overflow-hidden\@xs {
    overflow: hidden; }
  .overflow-auto\@xs {
    overflow: auto; }
  .momentum-scrolling\@xs {
    -webkit-overflow-scrolling: touch; }
  .overscroll-contain\@xs {
    overscroll-behavior: contain; }
  .visible\@xs {
    visibility: visible; }
  .invisible\@xs {
    visibility: hidden; } }

@media not all and (min-width: 32rem) {
  .display\@xs {
    display: none !important; } }

@media (min-width: 48rem) {
  .flex\@sm {
    display: flex; }
  .inline-flex\@sm {
    display: inline-flex; }
  .flex-wrap\@sm {
    flex-wrap: wrap; }
  .flex-nowrap\@sm {
    flex-wrap: nowrap; }
  .flex-column\@sm {
    flex-direction: column; }
  .flex-column-reverse\@sm {
    flex-direction: column-reverse; }
  .flex-row\@sm {
    flex-direction: row; }
  .flex-row-reverse\@sm {
    flex-direction: row-reverse; }
  .flex-center\@sm {
    justify-content: center;
    align-items: center; }
  .flex-grow\@sm {
    flex-grow: 1; }
  .flex-grow-0\@sm {
    flex-grow: 0; }
  .flex-shrink\@sm {
    flex-shrink: 1; }
  .flex-shrink-0\@sm {
    flex-shrink: 0; }
  .flex-basis-0\@sm {
    flex-basis: 0; }
  .justify-start\@sm {
    justify-content: flex-start; }
  .justify-end\@sm {
    justify-content: flex-end; }
  .justify-center\@sm {
    justify-content: center; }
  .justify-between\@sm {
    justify-content: space-between; }
  .items-center\@sm {
    align-items: center; }
  .items-start\@sm {
    align-items: flex-start; }
  .items-end\@sm {
    align-items: flex-end; }
  .items-baseline\@sm {
    align-items: baseline; }
  .order-1\@sm {
    order: 1; }
  .order-2\@sm {
    order: 2; }
  .order-3\@sm {
    order: 3; }
  .block\@sm {
    display: block; }
  .inline-block\@sm {
    display: inline-block; }
  .inline\@sm {
    display: inline; }
  .contents\@sm {
    display: contents; }
  .hide\@sm {
    display: none !important; }
  .margin-xxxxs\@sm {
    margin: var(--space-xxxxs); }
  .margin-xxxs\@sm {
    margin: var(--space-xxxs); }
  .margin-xxs\@sm {
    margin: var(--space-xxs); }
  .margin-xs\@sm {
    margin: var(--space-xs); }
  .margin-sm\@sm {
    margin: var(--space-sm); }
  .margin-md\@sm {
    margin: var(--space-md); }
  .margin-lg\@sm {
    margin: var(--space-lg); }
  .margin-xl\@sm {
    margin: var(--space-xl); }
  .margin-xxl\@sm {
    margin: var(--space-xxl); }
  .margin-xxxl\@sm {
    margin: var(--space-xxxl); }
  .margin-xxxxl\@sm {
    margin: var(--space-xxxxl); }
  .margin-auto\@sm {
    margin: auto; }
  .margin-0\@sm {
    margin: 0; }
  .margin-top-xxxxs\@sm {
    margin-top: var(--space-xxxxs); }
  .margin-top-xxxs\@sm {
    margin-top: var(--space-xxxs); }
  .margin-top-xxs\@sm {
    margin-top: var(--space-xxs); }
  .margin-top-xs\@sm {
    margin-top: var(--space-xs); }
  .margin-top-sm\@sm {
    margin-top: var(--space-sm); }
  .margin-top-md\@sm {
    margin-top: var(--space-md); }
  .margin-top-lg\@sm {
    margin-top: var(--space-lg); }
  .margin-top-xl\@sm {
    margin-top: var(--space-xl); }
  .margin-top-xxl\@sm {
    margin-top: var(--space-xxl); }
  .margin-top-xxxl\@sm {
    margin-top: var(--space-xxxl); }
  .margin-top-xxxxl\@sm {
    margin-top: var(--space-xxxxl); }
  .margin-top-auto\@sm {
    margin-top: auto; }
  .margin-top-0\@sm {
    margin-top: 0; }
  .margin-bottom-xxxxs\@sm {
    margin-bottom: var(--space-xxxxs); }
  .margin-bottom-xxxs\@sm {
    margin-bottom: var(--space-xxxs); }
  .margin-bottom-xxs\@sm {
    margin-bottom: var(--space-xxs); }
  .margin-bottom-xs\@sm {
    margin-bottom: var(--space-xs); }
  .margin-bottom-sm\@sm {
    margin-bottom: var(--space-sm); }
  .margin-bottom-md\@sm {
    margin-bottom: var(--space-md); }
  .margin-bottom-lg\@sm {
    margin-bottom: var(--space-lg); }
  .margin-bottom-xl\@sm {
    margin-bottom: var(--space-xl); }
  .margin-bottom-xxl\@sm {
    margin-bottom: var(--space-xxl); }
  .margin-bottom-xxxl\@sm {
    margin-bottom: var(--space-xxxl); }
  .margin-bottom-xxxxl\@sm {
    margin-bottom: var(--space-xxxxl); }
  .margin-bottom-auto\@sm {
    margin-bottom: auto; }
  .margin-bottom-0\@sm {
    margin-bottom: 0; }
  .margin-right-xxxxs\@sm {
    margin-right: var(--space-xxxxs); }
  .margin-right-xxxs\@sm {
    margin-right: var(--space-xxxs); }
  .margin-right-xxs\@sm {
    margin-right: var(--space-xxs); }
  .margin-right-xs\@sm {
    margin-right: var(--space-xs); }
  .margin-right-sm\@sm {
    margin-right: var(--space-sm); }
  .margin-right-md\@sm {
    margin-right: var(--space-md); }
  .margin-right-lg\@sm {
    margin-right: var(--space-lg); }
  .margin-right-xl\@sm {
    margin-right: var(--space-xl); }
  .margin-right-xxl\@sm {
    margin-right: var(--space-xxl); }
  .margin-right-xxxl\@sm {
    margin-right: var(--space-xxxl); }
  .margin-right-xxxxl\@sm {
    margin-right: var(--space-xxxxl); }
  .margin-right-auto\@sm {
    margin-right: auto; }
  .margin-right-0\@sm {
    margin-right: 0; }
  .margin-left-xxxxs\@sm {
    margin-left: var(--space-xxxxs); }
  .margin-left-xxxs\@sm {
    margin-left: var(--space-xxxs); }
  .margin-left-xxs\@sm {
    margin-left: var(--space-xxs); }
  .margin-left-xs\@sm {
    margin-left: var(--space-xs); }
  .margin-left-sm\@sm {
    margin-left: var(--space-sm); }
  .margin-left-md\@sm {
    margin-left: var(--space-md); }
  .margin-left-lg\@sm {
    margin-left: var(--space-lg); }
  .margin-left-xl\@sm {
    margin-left: var(--space-xl); }
  .margin-left-xxl\@sm {
    margin-left: var(--space-xxl); }
  .margin-left-xxxl\@sm {
    margin-left: var(--space-xxxl); }
  .margin-left-xxxxl\@sm {
    margin-left: var(--space-xxxxl); }
  .margin-left-auto\@sm {
    margin-left: auto; }
  .margin-left-0\@sm {
    margin-left: 0; }
  .margin-x-xxxxs\@sm {
    margin-left: var(--space-xxxxs);
    margin-right: var(--space-xxxxs); }
  .margin-x-xxxs\@sm {
    margin-left: var(--space-xxxs);
    margin-right: var(--space-xxxs); }
  .margin-x-xxs\@sm {
    margin-left: var(--space-xxs);
    margin-right: var(--space-xxs); }
  .margin-x-xs\@sm {
    margin-left: var(--space-xs);
    margin-right: var(--space-xs); }
  .margin-x-sm\@sm {
    margin-left: var(--space-sm);
    margin-right: var(--space-sm); }
  .margin-x-md\@sm {
    margin-left: var(--space-md);
    margin-right: var(--space-md); }
  .margin-x-lg\@sm {
    margin-left: var(--space-lg);
    margin-right: var(--space-lg); }
  .margin-x-xl\@sm {
    margin-left: var(--space-xl);
    margin-right: var(--space-xl); }
  .margin-x-xxl\@sm {
    margin-left: var(--space-xxl);
    margin-right: var(--space-xxl); }
  .margin-x-xxxl\@sm {
    margin-left: var(--space-xxxl);
    margin-right: var(--space-xxxl); }
  .margin-x-xxxxl\@sm {
    margin-left: var(--space-xxxxl);
    margin-right: var(--space-xxxxl); }
  .margin-x-auto\@sm {
    margin-left: auto;
    margin-right: auto; }
  .margin-x-0\@sm {
    margin-left: 0;
    margin-right: 0; }
  .margin-y-xxxxs\@sm {
    margin-top: var(--space-xxxxs);
    margin-bottom: var(--space-xxxxs); }
  .margin-y-xxxs\@sm {
    margin-top: var(--space-xxxs);
    margin-bottom: var(--space-xxxs); }
  .margin-y-xxs\@sm {
    margin-top: var(--space-xxs);
    margin-bottom: var(--space-xxs); }
  .margin-y-xs\@sm {
    margin-top: var(--space-xs);
    margin-bottom: var(--space-xs); }
  .margin-y-sm\@sm {
    margin-top: var(--space-sm);
    margin-bottom: var(--space-sm); }
  .margin-y-md\@sm {
    margin-top: var(--space-md);
    margin-bottom: var(--space-md); }
  .margin-y-lg\@sm {
    margin-top: var(--space-lg);
    margin-bottom: var(--space-lg); }
  .margin-y-xl\@sm {
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl); }
  .margin-y-xxl\@sm {
    margin-top: var(--space-xxl);
    margin-bottom: var(--space-xxl); }
  .margin-y-xxxl\@sm {
    margin-top: var(--space-xxxl);
    margin-bottom: var(--space-xxxl); }
  .margin-y-xxxxl\@sm {
    margin-top: var(--space-xxxxl);
    margin-bottom: var(--space-xxxxl); }
  .margin-y-auto\@sm {
    margin-top: auto;
    margin-bottom: auto; }
  .margin-y-0\@sm {
    margin-top: 0;
    margin-bottom: 0; }
  .padding-xxxxs\@sm {
    padding: var(--space-xxxxs); }
  .padding-xxxs\@sm {
    padding: var(--space-xxxs); }
  .padding-xxs\@sm {
    padding: var(--space-xxs); }
  .padding-xs\@sm {
    padding: var(--space-xs); }
  .padding-sm\@sm {
    padding: var(--space-sm); }
  .padding-md\@sm {
    padding: var(--space-md); }
  .padding-lg\@sm {
    padding: var(--space-lg); }
  .padding-xl\@sm {
    padding: var(--space-xl); }
  .padding-xxl\@sm {
    padding: var(--space-xxl); }
  .padding-xxxl\@sm {
    padding: var(--space-xxxl); }
  .padding-xxxxl\@sm {
    padding: var(--space-xxxxl); }
  .padding-0\@sm {
    padding: 0; }
  .padding-component\@sm {
    padding: var(--component-padding); }
  .padding-top-xxxxs\@sm {
    padding-top: var(--space-xxxxs); }
  .padding-top-xxxs\@sm {
    padding-top: var(--space-xxxs); }
  .padding-top-xxs\@sm {
    padding-top: var(--space-xxs); }
  .padding-top-xs\@sm {
    padding-top: var(--space-xs); }
  .padding-top-sm\@sm {
    padding-top: var(--space-sm); }
  .padding-top-md\@sm {
    padding-top: var(--space-md); }
  .padding-top-lg\@sm {
    padding-top: var(--space-lg); }
  .padding-top-xl\@sm {
    padding-top: var(--space-xl); }
  .padding-top-xxl\@sm {
    padding-top: var(--space-xxl); }
  .padding-top-xxxl\@sm {
    padding-top: var(--space-xxxl); }
  .padding-top-xxxxl\@sm {
    padding-top: var(--space-xxxxl); }
  .padding-top-0\@sm {
    padding-top: 0; }
  .padding-top-component\@sm {
    padding-top: var(--component-padding); }
  .padding-bottom-xxxxs\@sm {
    padding-bottom: var(--space-xxxxs); }
  .padding-bottom-xxxs\@sm {
    padding-bottom: var(--space-xxxs); }
  .padding-bottom-xxs\@sm {
    padding-bottom: var(--space-xxs); }
  .padding-bottom-xs\@sm {
    padding-bottom: var(--space-xs); }
  .padding-bottom-sm\@sm {
    padding-bottom: var(--space-sm); }
  .padding-bottom-md\@sm {
    padding-bottom: var(--space-md); }
  .padding-bottom-lg\@sm {
    padding-bottom: var(--space-lg); }
  .padding-bottom-xl\@sm {
    padding-bottom: var(--space-xl); }
  .padding-bottom-xxl\@sm {
    padding-bottom: var(--space-xxl); }
  .padding-bottom-xxxl\@sm {
    padding-bottom: var(--space-xxxl); }
  .padding-bottom-xxxxl\@sm {
    padding-bottom: var(--space-xxxxl); }
  .padding-bottom-0\@sm {
    padding-bottom: 0; }
  .padding-bottom-component\@sm {
    padding-bottom: var(--component-padding); }
  .padding-right-xxxxs\@sm {
    padding-right: var(--space-xxxxs); }
  .padding-right-xxxs\@sm {
    padding-right: var(--space-xxxs); }
  .padding-right-xxs\@sm {
    padding-right: var(--space-xxs); }
  .padding-right-xs\@sm {
    padding-right: var(--space-xs); }
  .padding-right-sm\@sm {
    padding-right: var(--space-sm); }
  .padding-right-md\@sm {
    padding-right: var(--space-md); }
  .padding-right-lg\@sm {
    padding-right: var(--space-lg); }
  .padding-right-xl\@sm {
    padding-right: var(--space-xl); }
  .padding-right-xxl\@sm {
    padding-right: var(--space-xxl); }
  .padding-right-xxxl\@sm {
    padding-right: var(--space-xxxl); }
  .padding-right-xxxxl\@sm {
    padding-right: var(--space-xxxxl); }
  .padding-right-0\@sm {
    padding-right: 0; }
  .padding-right-component\@sm {
    padding-right: var(--component-padding); }
  .padding-left-xxxxs\@sm {
    padding-left: var(--space-xxxxs); }
  .padding-left-xxxs\@sm {
    padding-left: var(--space-xxxs); }
  .padding-left-xxs\@sm {
    padding-left: var(--space-xxs); }
  .padding-left-xs\@sm {
    padding-left: var(--space-xs); }
  .padding-left-sm\@sm {
    padding-left: var(--space-sm); }
  .padding-left-md\@sm {
    padding-left: var(--space-md); }
  .padding-left-lg\@sm {
    padding-left: var(--space-lg); }
  .padding-left-xl\@sm {
    padding-left: var(--space-xl); }
  .padding-left-xxl\@sm {
    padding-left: var(--space-xxl); }
  .padding-left-xxxl\@sm {
    padding-left: var(--space-xxxl); }
  .padding-left-xxxxl\@sm {
    padding-left: var(--space-xxxxl); }
  .padding-left-0\@sm {
    padding-left: 0; }
  .padding-left-component\@sm {
    padding-left: var(--component-padding); }
  .padding-x-xxxxs\@sm {
    padding-left: var(--space-xxxxs);
    padding-right: var(--space-xxxxs); }
  .padding-x-xxxs\@sm {
    padding-left: var(--space-xxxs);
    padding-right: var(--space-xxxs); }
  .padding-x-xxs\@sm {
    padding-left: var(--space-xxs);
    padding-right: var(--space-xxs); }
  .padding-x-xs\@sm {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs); }
  .padding-x-sm\@sm {
    padding-left: var(--space-sm);
    padding-right: var(--space-sm); }
  .padding-x-md\@sm {
    padding-left: var(--space-md);
    padding-right: var(--space-md); }
  .padding-x-lg\@sm {
    padding-left: var(--space-lg);
    padding-right: var(--space-lg); }
  .padding-x-xl\@sm {
    padding-left: var(--space-xl);
    padding-right: var(--space-xl); }
  .padding-x-xxl\@sm {
    padding-left: var(--space-xxl);
    padding-right: var(--space-xxl); }
  .padding-x-xxxl\@sm {
    padding-left: var(--space-xxxl);
    padding-right: var(--space-xxxl); }
  .padding-x-xxxxl\@sm {
    padding-left: var(--space-xxxxl);
    padding-right: var(--space-xxxxl); }
  .padding-x-0\@sm {
    padding-left: 0;
    padding-right: 0; }
  .padding-x-component\@sm {
    padding-left: var(--component-padding);
    padding-right: var(--component-padding); }
  .padding-y-xxxxs\@sm {
    padding-top: var(--space-xxxxs);
    padding-bottom: var(--space-xxxxs); }
  .padding-y-xxxs\@sm {
    padding-top: var(--space-xxxs);
    padding-bottom: var(--space-xxxs); }
  .padding-y-xxs\@sm {
    padding-top: var(--space-xxs);
    padding-bottom: var(--space-xxs); }
  .padding-y-xs\@sm {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs); }
  .padding-y-sm\@sm {
    padding-top: var(--space-sm);
    padding-bottom: var(--space-sm); }
  .padding-y-md\@sm {
    padding-top: var(--space-md);
    padding-bottom: var(--space-md); }
  .padding-y-lg\@sm {
    padding-top: var(--space-lg);
    padding-bottom: var(--space-lg); }
  .padding-y-xl\@sm {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl); }
  .padding-y-xxl\@sm {
    padding-top: var(--space-xxl);
    padding-bottom: var(--space-xxl); }
  .padding-y-xxxl\@sm {
    padding-top: var(--space-xxxl);
    padding-bottom: var(--space-xxxl); }
  .padding-y-xxxxl\@sm {
    padding-top: var(--space-xxxxl);
    padding-bottom: var(--space-xxxxl); }
  .padding-y-0\@sm {
    padding-top: 0;
    padding-bottom: 0; }
  .padding-y-component\@sm {
    padding-top: var(--component-padding);
    padding-bottom: var(--component-padding); }
  .text-center\@sm {
    text-align: center; }
  .text-left\@sm {
    text-align: left; }
  .text-right\@sm {
    text-align: right; }
  .text-justify\@sm {
    text-align: justify; }
  .text-xs\@sm {
    font-size: var(--text-xs, 0.6875rem); }
  .text-sm\@sm {
    font-size: var(--text-sm, 0.75rem); }
  .text-base\@sm {
    font-size: var(--text-unit, 1rem); }
  .text-md\@sm {
    font-size: var(--text-md, 1.125rem); }
  .text-lg\@sm {
    font-size: var(--text-lg, 1.375rem); }
  .text-xl\@sm {
    font-size: var(--text-xl, 1.75rem); }
  .text-xxl\@sm {
    font-size: var(--text-xxl, 2rem); }
  .text-xxxl\@sm {
    font-size: var(--text-xxxl, 2.5rem); }
  .text-xxxxl\@sm {
    font-size: var(--text-xxxxl, 3rem); }
  .column-count-1\@sm {
    column-count: 1; }
  .column-count-2\@sm {
    column-count: 2; }
  .column-count-3\@sm {
    column-count: 3; }
  .column-count-4\@sm {
    column-count: 4; }
  .width-xxxxs\@sm {
    width: var(--size-xxxxs, 0.25rem); }
  .width-xxxs\@sm {
    width: var(--size-xxxs, 0.5rem); }
  .width-xxs\@sm {
    width: var(--size-xxs, 0.75rem); }
  .width-xs\@sm {
    width: var(--size-xs, 1rem); }
  .width-sm\@sm {
    width: var(--size-sm, 1.5rem); }
  .width-md\@sm {
    width: var(--size-md, 2rem); }
  .width-lg\@sm {
    width: var(--size-lg, 3rem); }
  .width-xl\@sm {
    width: var(--size-xl, 4rem); }
  .width-xxl\@sm {
    width: var(--size-xxl, 6rem); }
  .width-xxxl\@sm {
    width: var(--size-xxxl, 8rem); }
  .width-xxxxl\@sm {
    width: var(--size-xxxxl, 16rem); }
  .width-0\@sm {
    width: 0; }
  .width-10\%\@sm {
    width: 10%; }
  .width-20\%\@sm {
    width: 20%; }
  .width-25\%\@sm {
    width: 25%; }
  .width-30\%\@sm {
    width: 30%; }
  .width-33\%\@sm {
    width: calc(100% / 3); }
  .width-40\%\@sm {
    width: 40%; }
  .width-50\%\@sm {
    width: 50%; }
  .width-60\%\@sm {
    width: 60%; }
  .width-66\%\@sm {
    width: calc(100% / 1.5); }
  .width-70\%\@sm {
    width: 70%; }
  .width-75\%\@sm {
    width: 75%; }
  .width-80\%\@sm {
    width: 80%; }
  .width-90\%\@sm {
    width: 90%; }
  .width-100\%\@sm {
    width: 100%; }
  .width-100vw\@sm {
    width: 100vw; }
  .width-auto\@sm {
    width: auto; }
  .width-inherit\@sm {
    width: inherit; }
  .height-xxxxs\@sm {
    height: var(--size-xxxxs, 0.25rem); }
  .height-xxxs\@sm {
    height: var(--size-xxxs, 0.5rem); }
  .height-xxs\@sm {
    height: var(--size-xxs, 0.75rem); }
  .height-xs\@sm {
    height: var(--size-xs, 1rem); }
  .height-sm\@sm {
    height: var(--size-sm, 1.5rem); }
  .height-md\@sm {
    height: var(--size-md, 2rem); }
  .height-lg\@sm {
    height: var(--size-lg, 3rem); }
  .height-xl\@sm {
    height: var(--size-xl, 4rem); }
  .height-xxl\@sm {
    height: var(--size-xxl, 6rem); }
  .height-xxxl\@sm {
    height: var(--size-xxxl, 8rem); }
  .height-xxxxl\@sm {
    height: var(--size-xxxxl, 16rem); }
  .height-0\@sm {
    height: 0; }
  .height-10\%\@sm {
    height: 10%; }
  .height-20\%\@sm {
    height: 20%; }
  .height-25\%\@sm {
    height: 25%; }
  .height-30\%\@sm {
    height: 30%; }
  .height-33\%\@sm {
    height: calc(100% / 3); }
  .height-40\%\@sm {
    height: 40%; }
  .height-50\%\@sm {
    height: 50%; }
  .height-60\%\@sm {
    height: 60%; }
  .height-66\%\@sm {
    height: calc(100% / 1.5); }
  .height-70\%\@sm {
    height: 70%; }
  .height-75\%\@sm {
    height: 75%; }
  .height-80\%\@sm {
    height: 80%; }
  .height-90\%\@sm {
    height: 90%; }
  .height-100\%\@sm {
    height: 100%; }
  .height-100vh\@sm {
    height: 100vh; }
  .height-auto\@sm {
    height: auto; }
  .height-inherit\@sm {
    height: inherit; }
  .max-width-xxxxxs\@sm {
    max-width: var(--max-width-xxxxxs); }
  .max-width-xxxxs\@sm {
    max-width: var(--max-width-xxxxs); }
  .max-width-xxxs\@sm {
    max-width: var(--max-width-xxxs); }
  .max-width-xxs\@sm {
    max-width: var(--max-width-xxs); }
  .max-width-xs\@sm {
    max-width: var(--max-width-xs); }
  .max-width-sm\@sm {
    max-width: var(--max-width-sm); }
  .max-width-md\@sm {
    max-width: var(--max-width-md); }
  .max-width-lg\@sm {
    max-width: var(--max-width-lg); }
  .max-width-xl\@sm {
    max-width: var(--max-width-xl); }
  .max-width-xxl\@sm {
    max-width: var(--max-width-xxl); }
  .max-width-xxxl\@sm {
    max-width: var(--max-width-xxxl); }
  .max-width-xxxxl\@sm {
    max-width: var(--max-width-xxxxl); }
  .max-width-100\%\@sm {
    max-width: 100%; }
  .max-width-none\@sm {
    max-width: none; }
  .position-relative\@sm {
    position: relative; }
  .position-absolute\@sm {
    position: absolute; }
  .position-fixed\@sm {
    position: fixed; }
  .position-sticky\@sm {
    position: sticky; }
  .position-static\@sm {
    position: static; }
  .inset-0\@sm {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .top-0\@sm {
    top: 0; }
  .top-50\%\@sm {
    top: 50%; }
  .top-xxxxs\@sm {
    top: var(--space-xxxxs); }
  .top-xxxs\@sm {
    top: var(--space-xxxs); }
  .top-xxs\@sm {
    top: var(--space-xxs); }
  .top-xs\@sm {
    top: var(--space-xs); }
  .top-sm\@sm {
    top: var(--space-sm); }
  .top-md\@sm {
    top: var(--space-md); }
  .top-lg\@sm {
    top: var(--space-lg); }
  .top-xl\@sm {
    top: var(--space-xl); }
  .top-xxl\@sm {
    top: var(--space-xxl); }
  .top-xxxl\@sm {
    top: var(--space-xxxl); }
  .top-xxxxl\@sm {
    top: var(--space-xxxxl); }
  .bottom-0\@sm {
    bottom: 0; }
  .bottom-50\%\@sm {
    bottom: 50%; }
  .bottom-xxxxs\@sm {
    bottom: var(--space-xxxxs); }
  .bottom-xxxs\@sm {
    bottom: var(--space-xxxs); }
  .bottom-xxs\@sm {
    bottom: var(--space-xxs); }
  .bottom-xs\@sm {
    bottom: var(--space-xs); }
  .bottom-sm\@sm {
    bottom: var(--space-sm); }
  .bottom-md\@sm {
    bottom: var(--space-md); }
  .bottom-lg\@sm {
    bottom: var(--space-lg); }
  .bottom-xl\@sm {
    bottom: var(--space-xl); }
  .bottom-xxl\@sm {
    bottom: var(--space-xxl); }
  .bottom-xxxl\@sm {
    bottom: var(--space-xxxl); }
  .bottom-xxxxl\@sm {
    bottom: var(--space-xxxxl); }
  .right-0\@sm {
    right: 0; }
  .right-50\%\@sm {
    right: 50%; }
  .right-xxxxs\@sm {
    right: var(--space-xxxxs); }
  .right-xxxs\@sm {
    right: var(--space-xxxs); }
  .right-xxs\@sm {
    right: var(--space-xxs); }
  .right-xs\@sm {
    right: var(--space-xs); }
  .right-sm\@sm {
    right: var(--space-sm); }
  .right-md\@sm {
    right: var(--space-md); }
  .right-lg\@sm {
    right: var(--space-lg); }
  .right-xl\@sm {
    right: var(--space-xl); }
  .right-xxl\@sm {
    right: var(--space-xxl); }
  .right-xxxl\@sm {
    right: var(--space-xxxl); }
  .right-xxxxl\@sm {
    right: var(--space-xxxxl); }
  .left-0\@sm {
    left: 0; }
  .left-50\%\@sm {
    left: 50%; }
  .left-xxxxs\@sm {
    left: var(--space-xxxxs); }
  .left-xxxs\@sm {
    left: var(--space-xxxs); }
  .left-xxs\@sm {
    left: var(--space-xxs); }
  .left-xs\@sm {
    left: var(--space-xs); }
  .left-sm\@sm {
    left: var(--space-sm); }
  .left-md\@sm {
    left: var(--space-md); }
  .left-lg\@sm {
    left: var(--space-lg); }
  .left-xl\@sm {
    left: var(--space-xl); }
  .left-xxl\@sm {
    left: var(--space-xxl); }
  .left-xxxl\@sm {
    left: var(--space-xxxl); }
  .left-xxxxl\@sm {
    left: var(--space-xxxxl); }
  .overflow-hidden\@sm {
    overflow: hidden; }
  .overflow-auto\@sm {
    overflow: auto; }
  .momentum-scrolling\@sm {
    -webkit-overflow-scrolling: touch; }
  .overscroll-contain\@sm {
    overscroll-behavior: contain; }
  .visible\@sm {
    visibility: visible; }
  .invisible\@sm {
    visibility: hidden; } }

@media not all and (min-width: 48rem) {
  .display\@sm {
    display: none !important; } }

@media (min-width: 64rem) {
  .flex\@md {
    display: flex; }
  .inline-flex\@md {
    display: inline-flex; }
  .flex-wrap\@md {
    flex-wrap: wrap; }
  .flex-nowrap\@md {
    flex-wrap: nowrap; }
  .flex-column\@md {
    flex-direction: column; }
  .flex-column-reverse\@md {
    flex-direction: column-reverse; }
  .flex-row\@md {
    flex-direction: row; }
  .flex-row-reverse\@md {
    flex-direction: row-reverse; }
  .flex-center\@md {
    justify-content: center;
    align-items: center; }
  .flex-grow\@md {
    flex-grow: 1; }
  .flex-grow-0\@md {
    flex-grow: 0; }
  .flex-shrink\@md {
    flex-shrink: 1; }
  .flex-shrink-0\@md {
    flex-shrink: 0; }
  .flex-basis-0\@md {
    flex-basis: 0; }
  .justify-start\@md {
    justify-content: flex-start; }
  .justify-end\@md {
    justify-content: flex-end; }
  .justify-center\@md {
    justify-content: center; }
  .justify-between\@md {
    justify-content: space-between; }
  .items-center\@md {
    align-items: center; }
  .items-start\@md {
    align-items: flex-start; }
  .items-end\@md {
    align-items: flex-end; }
  .items-baseline\@md {
    align-items: baseline; }
  .order-1\@md {
    order: 1; }
  .order-2\@md {
    order: 2; }
  .order-3\@md {
    order: 3; }
  .block\@md {
    display: block; }
  .inline-block\@md {
    display: inline-block; }
  .inline\@md {
    display: inline; }
  .contents\@md {
    display: contents; }
  .hide\@md {
    display: none !important; }
  .margin-xxxxs\@md {
    margin: var(--space-xxxxs); }
  .margin-xxxs\@md {
    margin: var(--space-xxxs); }
  .margin-xxs\@md {
    margin: var(--space-xxs); }
  .margin-xs\@md {
    margin: var(--space-xs); }
  .margin-sm\@md {
    margin: var(--space-sm); }
  .margin-md\@md {
    margin: var(--space-md); }
  .margin-lg\@md {
    margin: var(--space-lg); }
  .margin-xl\@md {
    margin: var(--space-xl); }
  .margin-xxl\@md {
    margin: var(--space-xxl); }
  .margin-xxxl\@md {
    margin: var(--space-xxxl); }
  .margin-xxxxl\@md {
    margin: var(--space-xxxxl); }
  .margin-auto\@md {
    margin: auto; }
  .margin-0\@md {
    margin: 0; }
  .margin-top-xxxxs\@md {
    margin-top: var(--space-xxxxs); }
  .margin-top-xxxs\@md {
    margin-top: var(--space-xxxs); }
  .margin-top-xxs\@md {
    margin-top: var(--space-xxs); }
  .margin-top-xs\@md {
    margin-top: var(--space-xs); }
  .margin-top-sm\@md {
    margin-top: var(--space-sm); }
  .margin-top-md\@md {
    margin-top: var(--space-md); }
  .margin-top-lg\@md {
    margin-top: var(--space-lg); }
  .margin-top-xl\@md {
    margin-top: var(--space-xl); }
  .margin-top-xxl\@md {
    margin-top: var(--space-xxl); }
  .margin-top-xxxl\@md {
    margin-top: var(--space-xxxl); }
  .margin-top-xxxxl\@md {
    margin-top: var(--space-xxxxl); }
  .margin-top-auto\@md {
    margin-top: auto; }
  .margin-top-0\@md {
    margin-top: 0; }
  .margin-bottom-xxxxs\@md {
    margin-bottom: var(--space-xxxxs); }
  .margin-bottom-xxxs\@md {
    margin-bottom: var(--space-xxxs); }
  .margin-bottom-xxs\@md {
    margin-bottom: var(--space-xxs); }
  .margin-bottom-xs\@md {
    margin-bottom: var(--space-xs); }
  .margin-bottom-sm\@md {
    margin-bottom: var(--space-sm); }
  .margin-bottom-md\@md {
    margin-bottom: var(--space-md); }
  .margin-bottom-lg\@md {
    margin-bottom: var(--space-lg); }
  .margin-bottom-xl\@md {
    margin-bottom: var(--space-xl); }
  .margin-bottom-xxl\@md {
    margin-bottom: var(--space-xxl); }
  .margin-bottom-xxxl\@md {
    margin-bottom: var(--space-xxxl); }
  .margin-bottom-xxxxl\@md {
    margin-bottom: var(--space-xxxxl); }
  .margin-bottom-auto\@md {
    margin-bottom: auto; }
  .margin-bottom-0\@md {
    margin-bottom: 0; }
  .margin-right-xxxxs\@md {
    margin-right: var(--space-xxxxs); }
  .margin-right-xxxs\@md {
    margin-right: var(--space-xxxs); }
  .margin-right-xxs\@md {
    margin-right: var(--space-xxs); }
  .margin-right-xs\@md {
    margin-right: var(--space-xs); }
  .margin-right-sm\@md {
    margin-right: var(--space-sm); }
  .margin-right-md\@md {
    margin-right: var(--space-md); }
  .margin-right-lg\@md {
    margin-right: var(--space-lg); }
  .margin-right-xl\@md {
    margin-right: var(--space-xl); }
  .margin-right-xxl\@md {
    margin-right: var(--space-xxl); }
  .margin-right-xxxl\@md {
    margin-right: var(--space-xxxl); }
  .margin-right-xxxxl\@md {
    margin-right: var(--space-xxxxl); }
  .margin-right-auto\@md {
    margin-right: auto; }
  .margin-right-0\@md {
    margin-right: 0; }
  .margin-left-xxxxs\@md {
    margin-left: var(--space-xxxxs); }
  .margin-left-xxxs\@md {
    margin-left: var(--space-xxxs); }
  .margin-left-xxs\@md {
    margin-left: var(--space-xxs); }
  .margin-left-xs\@md {
    margin-left: var(--space-xs); }
  .margin-left-sm\@md {
    margin-left: var(--space-sm); }
  .margin-left-md\@md {
    margin-left: var(--space-md); }
  .margin-left-lg\@md {
    margin-left: var(--space-lg); }
  .margin-left-xl\@md {
    margin-left: var(--space-xl); }
  .margin-left-xxl\@md {
    margin-left: var(--space-xxl); }
  .margin-left-xxxl\@md {
    margin-left: var(--space-xxxl); }
  .margin-left-xxxxl\@md {
    margin-left: var(--space-xxxxl); }
  .margin-left-auto\@md {
    margin-left: auto; }
  .margin-left-0\@md {
    margin-left: 0; }
  .margin-x-xxxxs\@md {
    margin-left: var(--space-xxxxs);
    margin-right: var(--space-xxxxs); }
  .margin-x-xxxs\@md {
    margin-left: var(--space-xxxs);
    margin-right: var(--space-xxxs); }
  .margin-x-xxs\@md {
    margin-left: var(--space-xxs);
    margin-right: var(--space-xxs); }
  .margin-x-xs\@md {
    margin-left: var(--space-xs);
    margin-right: var(--space-xs); }
  .margin-x-sm\@md {
    margin-left: var(--space-sm);
    margin-right: var(--space-sm); }
  .margin-x-md\@md {
    margin-left: var(--space-md);
    margin-right: var(--space-md); }
  .margin-x-lg\@md {
    margin-left: var(--space-lg);
    margin-right: var(--space-lg); }
  .margin-x-xl\@md {
    margin-left: var(--space-xl);
    margin-right: var(--space-xl); }
  .margin-x-xxl\@md {
    margin-left: var(--space-xxl);
    margin-right: var(--space-xxl); }
  .margin-x-xxxl\@md {
    margin-left: var(--space-xxxl);
    margin-right: var(--space-xxxl); }
  .margin-x-xxxxl\@md {
    margin-left: var(--space-xxxxl);
    margin-right: var(--space-xxxxl); }
  .margin-x-auto\@md {
    margin-left: auto;
    margin-right: auto; }
  .margin-x-0\@md {
    margin-left: 0;
    margin-right: 0; }
  .margin-y-xxxxs\@md {
    margin-top: var(--space-xxxxs);
    margin-bottom: var(--space-xxxxs); }
  .margin-y-xxxs\@md {
    margin-top: var(--space-xxxs);
    margin-bottom: var(--space-xxxs); }
  .margin-y-xxs\@md {
    margin-top: var(--space-xxs);
    margin-bottom: var(--space-xxs); }
  .margin-y-xs\@md {
    margin-top: var(--space-xs);
    margin-bottom: var(--space-xs); }
  .margin-y-sm\@md {
    margin-top: var(--space-sm);
    margin-bottom: var(--space-sm); }
  .margin-y-md\@md {
    margin-top: var(--space-md);
    margin-bottom: var(--space-md); }
  .margin-y-lg\@md {
    margin-top: var(--space-lg);
    margin-bottom: var(--space-lg); }
  .margin-y-xl\@md {
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl); }
  .margin-y-xxl\@md {
    margin-top: var(--space-xxl);
    margin-bottom: var(--space-xxl); }
  .margin-y-xxxl\@md {
    margin-top: var(--space-xxxl);
    margin-bottom: var(--space-xxxl); }
  .margin-y-xxxxl\@md {
    margin-top: var(--space-xxxxl);
    margin-bottom: var(--space-xxxxl); }
  .margin-y-auto\@md {
    margin-top: auto;
    margin-bottom: auto; }
  .margin-y-0\@md {
    margin-top: 0;
    margin-bottom: 0; }
  .padding-xxxxs\@md {
    padding: var(--space-xxxxs); }
  .padding-xxxs\@md {
    padding: var(--space-xxxs); }
  .padding-xxs\@md {
    padding: var(--space-xxs); }
  .padding-xs\@md {
    padding: var(--space-xs); }
  .padding-sm\@md {
    padding: var(--space-sm); }
  .padding-md\@md {
    padding: var(--space-md); }
  .padding-lg\@md {
    padding: var(--space-lg); }
  .padding-xl\@md {
    padding: var(--space-xl); }
  .padding-xxl\@md {
    padding: var(--space-xxl); }
  .padding-xxxl\@md {
    padding: var(--space-xxxl); }
  .padding-xxxxl\@md {
    padding: var(--space-xxxxl); }
  .padding-0\@md {
    padding: 0; }
  .padding-component\@md {
    padding: var(--component-padding); }
  .padding-top-xxxxs\@md {
    padding-top: var(--space-xxxxs); }
  .padding-top-xxxs\@md {
    padding-top: var(--space-xxxs); }
  .padding-top-xxs\@md {
    padding-top: var(--space-xxs); }
  .padding-top-xs\@md {
    padding-top: var(--space-xs); }
  .padding-top-sm\@md {
    padding-top: var(--space-sm); }
  .padding-top-md\@md {
    padding-top: var(--space-md); }
  .padding-top-lg\@md {
    padding-top: var(--space-lg); }
  .padding-top-xl\@md {
    padding-top: var(--space-xl); }
  .padding-top-xxl\@md {
    padding-top: var(--space-xxl); }
  .padding-top-xxxl\@md {
    padding-top: var(--space-xxxl); }
  .padding-top-xxxxl\@md {
    padding-top: var(--space-xxxxl); }
  .padding-top-0\@md {
    padding-top: 0; }
  .padding-top-component\@md {
    padding-top: var(--component-padding); }
  .padding-bottom-xxxxs\@md {
    padding-bottom: var(--space-xxxxs); }
  .padding-bottom-xxxs\@md {
    padding-bottom: var(--space-xxxs); }
  .padding-bottom-xxs\@md {
    padding-bottom: var(--space-xxs); }
  .padding-bottom-xs\@md {
    padding-bottom: var(--space-xs); }
  .padding-bottom-sm\@md {
    padding-bottom: var(--space-sm); }
  .padding-bottom-md\@md {
    padding-bottom: var(--space-md); }
  .padding-bottom-lg\@md {
    padding-bottom: var(--space-lg); }
  .padding-bottom-xl\@md {
    padding-bottom: var(--space-xl); }
  .padding-bottom-xxl\@md {
    padding-bottom: var(--space-xxl); }
  .padding-bottom-xxxl\@md {
    padding-bottom: var(--space-xxxl); }
  .padding-bottom-xxxxl\@md {
    padding-bottom: var(--space-xxxxl); }
  .padding-bottom-0\@md {
    padding-bottom: 0; }
  .padding-bottom-component\@md {
    padding-bottom: var(--component-padding); }
  .padding-right-xxxxs\@md {
    padding-right: var(--space-xxxxs); }
  .padding-right-xxxs\@md {
    padding-right: var(--space-xxxs); }
  .padding-right-xxs\@md {
    padding-right: var(--space-xxs); }
  .padding-right-xs\@md {
    padding-right: var(--space-xs); }
  .padding-right-sm\@md {
    padding-right: var(--space-sm); }
  .padding-right-md\@md {
    padding-right: var(--space-md); }
  .padding-right-lg\@md {
    padding-right: var(--space-lg); }
  .padding-right-xl\@md {
    padding-right: var(--space-xl); }
  .padding-right-xxl\@md {
    padding-right: var(--space-xxl); }
  .padding-right-xxxl\@md {
    padding-right: var(--space-xxxl); }
  .padding-right-xxxxl\@md {
    padding-right: var(--space-xxxxl); }
  .padding-right-0\@md {
    padding-right: 0; }
  .padding-right-component\@md {
    padding-right: var(--component-padding); }
  .padding-left-xxxxs\@md {
    padding-left: var(--space-xxxxs); }
  .padding-left-xxxs\@md {
    padding-left: var(--space-xxxs); }
  .padding-left-xxs\@md {
    padding-left: var(--space-xxs); }
  .padding-left-xs\@md {
    padding-left: var(--space-xs); }
  .padding-left-sm\@md {
    padding-left: var(--space-sm); }
  .padding-left-md\@md {
    padding-left: var(--space-md); }
  .padding-left-lg\@md {
    padding-left: var(--space-lg); }
  .padding-left-xl\@md {
    padding-left: var(--space-xl); }
  .padding-left-xxl\@md {
    padding-left: var(--space-xxl); }
  .padding-left-xxxl\@md {
    padding-left: var(--space-xxxl); }
  .padding-left-xxxxl\@md {
    padding-left: var(--space-xxxxl); }
  .padding-left-0\@md {
    padding-left: 0; }
  .padding-left-component\@md {
    padding-left: var(--component-padding); }
  .padding-x-xxxxs\@md {
    padding-left: var(--space-xxxxs);
    padding-right: var(--space-xxxxs); }
  .padding-x-xxxs\@md {
    padding-left: var(--space-xxxs);
    padding-right: var(--space-xxxs); }
  .padding-x-xxs\@md {
    padding-left: var(--space-xxs);
    padding-right: var(--space-xxs); }
  .padding-x-xs\@md {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs); }
  .padding-x-sm\@md {
    padding-left: var(--space-sm);
    padding-right: var(--space-sm); }
  .padding-x-md\@md {
    padding-left: var(--space-md);
    padding-right: var(--space-md); }
  .padding-x-lg\@md {
    padding-left: var(--space-lg);
    padding-right: var(--space-lg); }
  .padding-x-xl\@md {
    padding-left: var(--space-xl);
    padding-right: var(--space-xl); }
  .padding-x-xxl\@md {
    padding-left: var(--space-xxl);
    padding-right: var(--space-xxl); }
  .padding-x-xxxl\@md {
    padding-left: var(--space-xxxl);
    padding-right: var(--space-xxxl); }
  .padding-x-xxxxl\@md {
    padding-left: var(--space-xxxxl);
    padding-right: var(--space-xxxxl); }
  .padding-x-0\@md {
    padding-left: 0;
    padding-right: 0; }
  .padding-x-component\@md {
    padding-left: var(--component-padding);
    padding-right: var(--component-padding); }
  .padding-y-xxxxs\@md {
    padding-top: var(--space-xxxxs);
    padding-bottom: var(--space-xxxxs); }
  .padding-y-xxxs\@md {
    padding-top: var(--space-xxxs);
    padding-bottom: var(--space-xxxs); }
  .padding-y-xxs\@md {
    padding-top: var(--space-xxs);
    padding-bottom: var(--space-xxs); }
  .padding-y-xs\@md {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs); }
  .padding-y-sm\@md {
    padding-top: var(--space-sm);
    padding-bottom: var(--space-sm); }
  .padding-y-md\@md {
    padding-top: var(--space-md);
    padding-bottom: var(--space-md); }
  .padding-y-lg\@md {
    padding-top: var(--space-lg);
    padding-bottom: var(--space-lg); }
  .padding-y-xl\@md {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl); }
  .padding-y-xxl\@md {
    padding-top: var(--space-xxl);
    padding-bottom: var(--space-xxl); }
  .padding-y-xxxl\@md {
    padding-top: var(--space-xxxl);
    padding-bottom: var(--space-xxxl); }
  .padding-y-xxxxl\@md {
    padding-top: var(--space-xxxxl);
    padding-bottom: var(--space-xxxxl); }
  .padding-y-0\@md {
    padding-top: 0;
    padding-bottom: 0; }
  .padding-y-component\@md {
    padding-top: var(--component-padding);
    padding-bottom: var(--component-padding); }
  .text-center\@md {
    text-align: center; }
  .text-left\@md {
    text-align: left; }
  .text-right\@md {
    text-align: right; }
  .text-justify\@md {
    text-align: justify; }
  .text-xs\@md {
    font-size: var(--text-xs, 0.6875rem); }
  .text-sm\@md {
    font-size: var(--text-sm, 0.75rem); }
  .text-base\@md {
    font-size: var(--text-unit, 1rem); }
  .text-md\@md {
    font-size: var(--text-md, 1.125rem); }
  .text-lg\@md {
    font-size: var(--text-lg, 1.375rem); }
  .text-xl\@md {
    font-size: var(--text-xl, 1.75rem); }
  .text-xxl\@md {
    font-size: var(--text-xxl, 2rem); }
  .text-xxxl\@md {
    font-size: var(--text-xxxl, 2.5rem); }
  .text-xxxxl\@md {
    font-size: var(--text-xxxxl, 3rem); }
  .column-count-1\@md {
    column-count: 1; }
  .column-count-2\@md {
    column-count: 2; }
  .column-count-3\@md {
    column-count: 3; }
  .column-count-4\@md {
    column-count: 4; }
  .width-xxxxs\@md {
    width: var(--size-xxxxs, 0.25rem); }
  .width-xxxs\@md {
    width: var(--size-xxxs, 0.5rem); }
  .width-xxs\@md {
    width: var(--size-xxs, 0.75rem); }
  .width-xs\@md {
    width: var(--size-xs, 1rem); }
  .width-sm\@md {
    width: var(--size-sm, 1.5rem); }
  .width-md\@md {
    width: var(--size-md, 2rem); }
  .width-lg\@md {
    width: var(--size-lg, 3rem); }
  .width-xl\@md {
    width: var(--size-xl, 4rem); }
  .width-xxl\@md {
    width: var(--size-xxl, 6rem); }
  .width-xxxl\@md {
    width: var(--size-xxxl, 8rem); }
  .width-xxxxl\@md {
    width: var(--size-xxxxl, 16rem); }
  .width-0\@md {
    width: 0; }
  .width-10\%\@md {
    width: 10%; }
  .width-20\%\@md {
    width: 20%; }
  .width-25\%\@md {
    width: 25%; }
  .width-30\%\@md {
    width: 30%; }
  .width-33\%\@md {
    width: calc(100% / 3); }
  .width-40\%\@md {
    width: 40%; }
  .width-50\%\@md {
    width: 50%; }
  .width-60\%\@md {
    width: 60%; }
  .width-66\%\@md {
    width: calc(100% / 1.5); }
  .width-70\%\@md {
    width: 70%; }
  .width-75\%\@md {
    width: 75%; }
  .width-80\%\@md {
    width: 80%; }
  .width-90\%\@md {
    width: 90%; }
  .width-100\%\@md {
    width: 100%; }
  .width-100vw\@md {
    width: 100vw; }
  .width-auto\@md {
    width: auto; }
  .width-inherit\@md {
    width: inherit; }
  .height-xxxxs\@md {
    height: var(--size-xxxxs, 0.25rem); }
  .height-xxxs\@md {
    height: var(--size-xxxs, 0.5rem); }
  .height-xxs\@md {
    height: var(--size-xxs, 0.75rem); }
  .height-xs\@md {
    height: var(--size-xs, 1rem); }
  .height-sm\@md {
    height: var(--size-sm, 1.5rem); }
  .height-md\@md {
    height: var(--size-md, 2rem); }
  .height-lg\@md {
    height: var(--size-lg, 3rem); }
  .height-xl\@md {
    height: var(--size-xl, 4rem); }
  .height-xxl\@md {
    height: var(--size-xxl, 6rem); }
  .height-xxxl\@md {
    height: var(--size-xxxl, 8rem); }
  .height-xxxxl\@md {
    height: var(--size-xxxxl, 16rem); }
  .height-0\@md {
    height: 0; }
  .height-10\%\@md {
    height: 10%; }
  .height-20\%\@md {
    height: 20%; }
  .height-25\%\@md {
    height: 25%; }
  .height-30\%\@md {
    height: 30%; }
  .height-33\%\@md {
    height: calc(100% / 3); }
  .height-40\%\@md {
    height: 40%; }
  .height-50\%\@md {
    height: 50%; }
  .height-60\%\@md {
    height: 60%; }
  .height-66\%\@md {
    height: calc(100% / 1.5); }
  .height-70\%\@md {
    height: 70%; }
  .height-75\%\@md {
    height: 75%; }
  .height-80\%\@md {
    height: 80%; }
  .height-90\%\@md {
    height: 90%; }
  .height-100\%\@md {
    height: 100%; }
  .height-100vh\@md {
    height: 100vh; }
  .height-auto\@md {
    height: auto; }
  .height-inherit\@md {
    height: inherit; }
  .max-width-xxxxxs\@md {
    max-width: var(--max-width-xxxxxs); }
  .max-width-xxxxs\@md {
    max-width: var(--max-width-xxxxs); }
  .max-width-xxxs\@md {
    max-width: var(--max-width-xxxs); }
  .max-width-xxs\@md {
    max-width: var(--max-width-xxs); }
  .max-width-xs\@md {
    max-width: var(--max-width-xs); }
  .max-width-sm\@md {
    max-width: var(--max-width-sm); }
  .max-width-md\@md {
    max-width: var(--max-width-md); }
  .max-width-lg\@md {
    max-width: var(--max-width-lg); }
  .max-width-xl\@md {
    max-width: var(--max-width-xl); }
  .max-width-xxl\@md {
    max-width: var(--max-width-xxl); }
  .max-width-xxxl\@md {
    max-width: var(--max-width-xxxl); }
  .max-width-xxxxl\@md {
    max-width: var(--max-width-xxxxl); }
  .max-width-100\%\@md {
    max-width: 100%; }
  .max-width-none\@md {
    max-width: none; }
  .position-relative\@md {
    position: relative; }
  .position-absolute\@md {
    position: absolute; }
  .position-fixed\@md {
    position: fixed; }
  .position-sticky\@md {
    position: sticky; }
  .position-static\@md {
    position: static; }
  .inset-0\@md {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .top-0\@md {
    top: 0; }
  .top-50\%\@md {
    top: 50%; }
  .top-xxxxs\@md {
    top: var(--space-xxxxs); }
  .top-xxxs\@md {
    top: var(--space-xxxs); }
  .top-xxs\@md {
    top: var(--space-xxs); }
  .top-xs\@md {
    top: var(--space-xs); }
  .top-sm\@md {
    top: var(--space-sm); }
  .top-md\@md {
    top: var(--space-md); }
  .top-lg\@md {
    top: var(--space-lg); }
  .top-xl\@md {
    top: var(--space-xl); }
  .top-xxl\@md {
    top: var(--space-xxl); }
  .top-xxxl\@md {
    top: var(--space-xxxl); }
  .top-xxxxl\@md {
    top: var(--space-xxxxl); }
  .bottom-0\@md {
    bottom: 0; }
  .bottom-50\%\@md {
    bottom: 50%; }
  .bottom-xxxxs\@md {
    bottom: var(--space-xxxxs); }
  .bottom-xxxs\@md {
    bottom: var(--space-xxxs); }
  .bottom-xxs\@md {
    bottom: var(--space-xxs); }
  .bottom-xs\@md {
    bottom: var(--space-xs); }
  .bottom-sm\@md {
    bottom: var(--space-sm); }
  .bottom-md\@md {
    bottom: var(--space-md); }
  .bottom-lg\@md {
    bottom: var(--space-lg); }
  .bottom-xl\@md {
    bottom: var(--space-xl); }
  .bottom-xxl\@md {
    bottom: var(--space-xxl); }
  .bottom-xxxl\@md {
    bottom: var(--space-xxxl); }
  .bottom-xxxxl\@md {
    bottom: var(--space-xxxxl); }
  .right-0\@md {
    right: 0; }
  .right-50\%\@md {
    right: 50%; }
  .right-xxxxs\@md {
    right: var(--space-xxxxs); }
  .right-xxxs\@md {
    right: var(--space-xxxs); }
  .right-xxs\@md {
    right: var(--space-xxs); }
  .right-xs\@md {
    right: var(--space-xs); }
  .right-sm\@md {
    right: var(--space-sm); }
  .right-md\@md {
    right: var(--space-md); }
  .right-lg\@md {
    right: var(--space-lg); }
  .right-xl\@md {
    right: var(--space-xl); }
  .right-xxl\@md {
    right: var(--space-xxl); }
  .right-xxxl\@md {
    right: var(--space-xxxl); }
  .right-xxxxl\@md {
    right: var(--space-xxxxl); }
  .left-0\@md {
    left: 0; }
  .left-50\%\@md {
    left: 50%; }
  .left-xxxxs\@md {
    left: var(--space-xxxxs); }
  .left-xxxs\@md {
    left: var(--space-xxxs); }
  .left-xxs\@md {
    left: var(--space-xxs); }
  .left-xs\@md {
    left: var(--space-xs); }
  .left-sm\@md {
    left: var(--space-sm); }
  .left-md\@md {
    left: var(--space-md); }
  .left-lg\@md {
    left: var(--space-lg); }
  .left-xl\@md {
    left: var(--space-xl); }
  .left-xxl\@md {
    left: var(--space-xxl); }
  .left-xxxl\@md {
    left: var(--space-xxxl); }
  .left-xxxxl\@md {
    left: var(--space-xxxxl); }
  .overflow-hidden\@md {
    overflow: hidden; }
  .overflow-auto\@md {
    overflow: auto; }
  .momentum-scrolling\@md {
    -webkit-overflow-scrolling: touch; }
  .overscroll-contain\@md {
    overscroll-behavior: contain; }
  .visible\@md {
    visibility: visible; }
  .invisible\@md {
    visibility: hidden; } }

@media not all and (min-width: 64rem) {
  .display\@md {
    display: none !important; } }

@media (min-width: 80rem) {
  .flex\@lg {
    display: flex; }
  .inline-flex\@lg {
    display: inline-flex; }
  .flex-wrap\@lg {
    flex-wrap: wrap; }
  .flex-nowrap\@lg {
    flex-wrap: nowrap; }
  .flex-column\@lg {
    flex-direction: column; }
  .flex-column-reverse\@lg {
    flex-direction: column-reverse; }
  .flex-row\@lg {
    flex-direction: row; }
  .flex-row-reverse\@lg {
    flex-direction: row-reverse; }
  .flex-center\@lg {
    justify-content: center;
    align-items: center; }
  .flex-grow\@lg {
    flex-grow: 1; }
  .flex-grow-0\@lg {
    flex-grow: 0; }
  .flex-shrink\@lg {
    flex-shrink: 1; }
  .flex-shrink-0\@lg {
    flex-shrink: 0; }
  .flex-basis-0\@lg {
    flex-basis: 0; }
  .justify-start\@lg {
    justify-content: flex-start; }
  .justify-end\@lg {
    justify-content: flex-end; }
  .justify-center\@lg {
    justify-content: center; }
  .justify-between\@lg {
    justify-content: space-between; }
  .items-center\@lg {
    align-items: center; }
  .items-start\@lg {
    align-items: flex-start; }
  .items-end\@lg {
    align-items: flex-end; }
  .items-baseline\@lg {
    align-items: baseline; }
  .order-1\@lg {
    order: 1; }
  .order-2\@lg {
    order: 2; }
  .order-3\@lg {
    order: 3; }
  .block\@lg {
    display: block; }
  .inline-block\@lg {
    display: inline-block; }
  .inline\@lg {
    display: inline; }
  .contents\@lg {
    display: contents; }
  .hide\@lg {
    display: none !important; }
  .margin-xxxxs\@lg {
    margin: var(--space-xxxxs); }
  .margin-xxxs\@lg {
    margin: var(--space-xxxs); }
  .margin-xxs\@lg {
    margin: var(--space-xxs); }
  .margin-xs\@lg {
    margin: var(--space-xs); }
  .margin-sm\@lg {
    margin: var(--space-sm); }
  .margin-md\@lg {
    margin: var(--space-md); }
  .margin-lg\@lg {
    margin: var(--space-lg); }
  .margin-xl\@lg {
    margin: var(--space-xl); }
  .margin-xxl\@lg {
    margin: var(--space-xxl); }
  .margin-xxxl\@lg {
    margin: var(--space-xxxl); }
  .margin-xxxxl\@lg {
    margin: var(--space-xxxxl); }
  .margin-auto\@lg {
    margin: auto; }
  .margin-0\@lg {
    margin: 0; }
  .margin-top-xxxxs\@lg {
    margin-top: var(--space-xxxxs); }
  .margin-top-xxxs\@lg {
    margin-top: var(--space-xxxs); }
  .margin-top-xxs\@lg {
    margin-top: var(--space-xxs); }
  .margin-top-xs\@lg {
    margin-top: var(--space-xs); }
  .margin-top-sm\@lg {
    margin-top: var(--space-sm); }
  .margin-top-md\@lg {
    margin-top: var(--space-md); }
  .margin-top-lg\@lg {
    margin-top: var(--space-lg); }
  .margin-top-xl\@lg {
    margin-top: var(--space-xl); }
  .margin-top-xxl\@lg {
    margin-top: var(--space-xxl); }
  .margin-top-xxxl\@lg {
    margin-top: var(--space-xxxl); }
  .margin-top-xxxxl\@lg {
    margin-top: var(--space-xxxxl); }
  .margin-top-auto\@lg {
    margin-top: auto; }
  .margin-top-0\@lg {
    margin-top: 0; }
  .margin-bottom-xxxxs\@lg {
    margin-bottom: var(--space-xxxxs); }
  .margin-bottom-xxxs\@lg {
    margin-bottom: var(--space-xxxs); }
  .margin-bottom-xxs\@lg {
    margin-bottom: var(--space-xxs); }
  .margin-bottom-xs\@lg {
    margin-bottom: var(--space-xs); }
  .margin-bottom-sm\@lg {
    margin-bottom: var(--space-sm); }
  .margin-bottom-md\@lg {
    margin-bottom: var(--space-md); }
  .margin-bottom-lg\@lg {
    margin-bottom: var(--space-lg); }
  .margin-bottom-xl\@lg {
    margin-bottom: var(--space-xl); }
  .margin-bottom-xxl\@lg {
    margin-bottom: var(--space-xxl); }
  .margin-bottom-xxxl\@lg {
    margin-bottom: var(--space-xxxl); }
  .margin-bottom-xxxxl\@lg {
    margin-bottom: var(--space-xxxxl); }
  .margin-bottom-auto\@lg {
    margin-bottom: auto; }
  .margin-bottom-0\@lg {
    margin-bottom: 0; }
  .margin-right-xxxxs\@lg {
    margin-right: var(--space-xxxxs); }
  .margin-right-xxxs\@lg {
    margin-right: var(--space-xxxs); }
  .margin-right-xxs\@lg {
    margin-right: var(--space-xxs); }
  .margin-right-xs\@lg {
    margin-right: var(--space-xs); }
  .margin-right-sm\@lg {
    margin-right: var(--space-sm); }
  .margin-right-md\@lg {
    margin-right: var(--space-md); }
  .margin-right-lg\@lg {
    margin-right: var(--space-lg); }
  .margin-right-xl\@lg {
    margin-right: var(--space-xl); }
  .margin-right-xxl\@lg {
    margin-right: var(--space-xxl); }
  .margin-right-xxxl\@lg {
    margin-right: var(--space-xxxl); }
  .margin-right-xxxxl\@lg {
    margin-right: var(--space-xxxxl); }
  .margin-right-auto\@lg {
    margin-right: auto; }
  .margin-right-0\@lg {
    margin-right: 0; }
  .margin-left-xxxxs\@lg {
    margin-left: var(--space-xxxxs); }
  .margin-left-xxxs\@lg {
    margin-left: var(--space-xxxs); }
  .margin-left-xxs\@lg {
    margin-left: var(--space-xxs); }
  .margin-left-xs\@lg {
    margin-left: var(--space-xs); }
  .margin-left-sm\@lg {
    margin-left: var(--space-sm); }
  .margin-left-md\@lg {
    margin-left: var(--space-md); }
  .margin-left-lg\@lg {
    margin-left: var(--space-lg); }
  .margin-left-xl\@lg {
    margin-left: var(--space-xl); }
  .margin-left-xxl\@lg {
    margin-left: var(--space-xxl); }
  .margin-left-xxxl\@lg {
    margin-left: var(--space-xxxl); }
  .margin-left-xxxxl\@lg {
    margin-left: var(--space-xxxxl); }
  .margin-left-auto\@lg {
    margin-left: auto; }
  .margin-left-0\@lg {
    margin-left: 0; }
  .margin-x-xxxxs\@lg {
    margin-left: var(--space-xxxxs);
    margin-right: var(--space-xxxxs); }
  .margin-x-xxxs\@lg {
    margin-left: var(--space-xxxs);
    margin-right: var(--space-xxxs); }
  .margin-x-xxs\@lg {
    margin-left: var(--space-xxs);
    margin-right: var(--space-xxs); }
  .margin-x-xs\@lg {
    margin-left: var(--space-xs);
    margin-right: var(--space-xs); }
  .margin-x-sm\@lg {
    margin-left: var(--space-sm);
    margin-right: var(--space-sm); }
  .margin-x-md\@lg {
    margin-left: var(--space-md);
    margin-right: var(--space-md); }
  .margin-x-lg\@lg {
    margin-left: var(--space-lg);
    margin-right: var(--space-lg); }
  .margin-x-xl\@lg {
    margin-left: var(--space-xl);
    margin-right: var(--space-xl); }
  .margin-x-xxl\@lg {
    margin-left: var(--space-xxl);
    margin-right: var(--space-xxl); }
  .margin-x-xxxl\@lg {
    margin-left: var(--space-xxxl);
    margin-right: var(--space-xxxl); }
  .margin-x-xxxxl\@lg {
    margin-left: var(--space-xxxxl);
    margin-right: var(--space-xxxxl); }
  .margin-x-auto\@lg {
    margin-left: auto;
    margin-right: auto; }
  .margin-x-0\@lg {
    margin-left: 0;
    margin-right: 0; }
  .margin-y-xxxxs\@lg {
    margin-top: var(--space-xxxxs);
    margin-bottom: var(--space-xxxxs); }
  .margin-y-xxxs\@lg {
    margin-top: var(--space-xxxs);
    margin-bottom: var(--space-xxxs); }
  .margin-y-xxs\@lg {
    margin-top: var(--space-xxs);
    margin-bottom: var(--space-xxs); }
  .margin-y-xs\@lg {
    margin-top: var(--space-xs);
    margin-bottom: var(--space-xs); }
  .margin-y-sm\@lg {
    margin-top: var(--space-sm);
    margin-bottom: var(--space-sm); }
  .margin-y-md\@lg {
    margin-top: var(--space-md);
    margin-bottom: var(--space-md); }
  .margin-y-lg\@lg {
    margin-top: var(--space-lg);
    margin-bottom: var(--space-lg); }
  .margin-y-xl\@lg {
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl); }
  .margin-y-xxl\@lg {
    margin-top: var(--space-xxl);
    margin-bottom: var(--space-xxl); }
  .margin-y-xxxl\@lg {
    margin-top: var(--space-xxxl);
    margin-bottom: var(--space-xxxl); }
  .margin-y-xxxxl\@lg {
    margin-top: var(--space-xxxxl);
    margin-bottom: var(--space-xxxxl); }
  .margin-y-auto\@lg {
    margin-top: auto;
    margin-bottom: auto; }
  .margin-y-0\@lg {
    margin-top: 0;
    margin-bottom: 0; }
  .padding-xxxxs\@lg {
    padding: var(--space-xxxxs); }
  .padding-xxxs\@lg {
    padding: var(--space-xxxs); }
  .padding-xxs\@lg {
    padding: var(--space-xxs); }
  .padding-xs\@lg {
    padding: var(--space-xs); }
  .padding-sm\@lg {
    padding: var(--space-sm); }
  .padding-md\@lg {
    padding: var(--space-md); }
  .padding-lg\@lg {
    padding: var(--space-lg); }
  .padding-xl\@lg {
    padding: var(--space-xl); }
  .padding-xxl\@lg {
    padding: var(--space-xxl); }
  .padding-xxxl\@lg {
    padding: var(--space-xxxl); }
  .padding-xxxxl\@lg {
    padding: var(--space-xxxxl); }
  .padding-0\@lg {
    padding: 0; }
  .padding-component\@lg {
    padding: var(--component-padding); }
  .padding-top-xxxxs\@lg {
    padding-top: var(--space-xxxxs); }
  .padding-top-xxxs\@lg {
    padding-top: var(--space-xxxs); }
  .padding-top-xxs\@lg {
    padding-top: var(--space-xxs); }
  .padding-top-xs\@lg {
    padding-top: var(--space-xs); }
  .padding-top-sm\@lg {
    padding-top: var(--space-sm); }
  .padding-top-md\@lg {
    padding-top: var(--space-md); }
  .padding-top-lg\@lg {
    padding-top: var(--space-lg); }
  .padding-top-xl\@lg {
    padding-top: var(--space-xl); }
  .padding-top-xxl\@lg {
    padding-top: var(--space-xxl); }
  .padding-top-xxxl\@lg {
    padding-top: var(--space-xxxl); }
  .padding-top-xxxxl\@lg {
    padding-top: var(--space-xxxxl); }
  .padding-top-0\@lg {
    padding-top: 0; }
  .padding-top-component\@lg {
    padding-top: var(--component-padding); }
  .padding-bottom-xxxxs\@lg {
    padding-bottom: var(--space-xxxxs); }
  .padding-bottom-xxxs\@lg {
    padding-bottom: var(--space-xxxs); }
  .padding-bottom-xxs\@lg {
    padding-bottom: var(--space-xxs); }
  .padding-bottom-xs\@lg {
    padding-bottom: var(--space-xs); }
  .padding-bottom-sm\@lg {
    padding-bottom: var(--space-sm); }
  .padding-bottom-md\@lg {
    padding-bottom: var(--space-md); }
  .padding-bottom-lg\@lg {
    padding-bottom: var(--space-lg); }
  .padding-bottom-xl\@lg {
    padding-bottom: var(--space-xl); }
  .padding-bottom-xxl\@lg {
    padding-bottom: var(--space-xxl); }
  .padding-bottom-xxxl\@lg {
    padding-bottom: var(--space-xxxl); }
  .padding-bottom-xxxxl\@lg {
    padding-bottom: var(--space-xxxxl); }
  .padding-bottom-0\@lg {
    padding-bottom: 0; }
  .padding-bottom-component\@lg {
    padding-bottom: var(--component-padding); }
  .padding-right-xxxxs\@lg {
    padding-right: var(--space-xxxxs); }
  .padding-right-xxxs\@lg {
    padding-right: var(--space-xxxs); }
  .padding-right-xxs\@lg {
    padding-right: var(--space-xxs); }
  .padding-right-xs\@lg {
    padding-right: var(--space-xs); }
  .padding-right-sm\@lg {
    padding-right: var(--space-sm); }
  .padding-right-md\@lg {
    padding-right: var(--space-md); }
  .padding-right-lg\@lg {
    padding-right: var(--space-lg); }
  .padding-right-xl\@lg {
    padding-right: var(--space-xl); }
  .padding-right-xxl\@lg {
    padding-right: var(--space-xxl); }
  .padding-right-xxxl\@lg {
    padding-right: var(--space-xxxl); }
  .padding-right-xxxxl\@lg {
    padding-right: var(--space-xxxxl); }
  .padding-right-0\@lg {
    padding-right: 0; }
  .padding-right-component\@lg {
    padding-right: var(--component-padding); }
  .padding-left-xxxxs\@lg {
    padding-left: var(--space-xxxxs); }
  .padding-left-xxxs\@lg {
    padding-left: var(--space-xxxs); }
  .padding-left-xxs\@lg {
    padding-left: var(--space-xxs); }
  .padding-left-xs\@lg {
    padding-left: var(--space-xs); }
  .padding-left-sm\@lg {
    padding-left: var(--space-sm); }
  .padding-left-md\@lg {
    padding-left: var(--space-md); }
  .padding-left-lg\@lg {
    padding-left: var(--space-lg); }
  .padding-left-xl\@lg {
    padding-left: var(--space-xl); }
  .padding-left-xxl\@lg {
    padding-left: var(--space-xxl); }
  .padding-left-xxxl\@lg {
    padding-left: var(--space-xxxl); }
  .padding-left-xxxxl\@lg {
    padding-left: var(--space-xxxxl); }
  .padding-left-0\@lg {
    padding-left: 0; }
  .padding-left-component\@lg {
    padding-left: var(--component-padding); }
  .padding-x-xxxxs\@lg {
    padding-left: var(--space-xxxxs);
    padding-right: var(--space-xxxxs); }
  .padding-x-xxxs\@lg {
    padding-left: var(--space-xxxs);
    padding-right: var(--space-xxxs); }
  .padding-x-xxs\@lg {
    padding-left: var(--space-xxs);
    padding-right: var(--space-xxs); }
  .padding-x-xs\@lg {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs); }
  .padding-x-sm\@lg {
    padding-left: var(--space-sm);
    padding-right: var(--space-sm); }
  .padding-x-md\@lg {
    padding-left: var(--space-md);
    padding-right: var(--space-md); }
  .padding-x-lg\@lg {
    padding-left: var(--space-lg);
    padding-right: var(--space-lg); }
  .padding-x-xl\@lg {
    padding-left: var(--space-xl);
    padding-right: var(--space-xl); }
  .padding-x-xxl\@lg {
    padding-left: var(--space-xxl);
    padding-right: var(--space-xxl); }
  .padding-x-xxxl\@lg {
    padding-left: var(--space-xxxl);
    padding-right: var(--space-xxxl); }
  .padding-x-xxxxl\@lg {
    padding-left: var(--space-xxxxl);
    padding-right: var(--space-xxxxl); }
  .padding-x-0\@lg {
    padding-left: 0;
    padding-right: 0; }
  .padding-x-component\@lg {
    padding-left: var(--component-padding);
    padding-right: var(--component-padding); }
  .padding-y-xxxxs\@lg {
    padding-top: var(--space-xxxxs);
    padding-bottom: var(--space-xxxxs); }
  .padding-y-xxxs\@lg {
    padding-top: var(--space-xxxs);
    padding-bottom: var(--space-xxxs); }
  .padding-y-xxs\@lg {
    padding-top: var(--space-xxs);
    padding-bottom: var(--space-xxs); }
  .padding-y-xs\@lg {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs); }
  .padding-y-sm\@lg {
    padding-top: var(--space-sm);
    padding-bottom: var(--space-sm); }
  .padding-y-md\@lg {
    padding-top: var(--space-md);
    padding-bottom: var(--space-md); }
  .padding-y-lg\@lg {
    padding-top: var(--space-lg);
    padding-bottom: var(--space-lg); }
  .padding-y-xl\@lg {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl); }
  .padding-y-xxl\@lg {
    padding-top: var(--space-xxl);
    padding-bottom: var(--space-xxl); }
  .padding-y-xxxl\@lg {
    padding-top: var(--space-xxxl);
    padding-bottom: var(--space-xxxl); }
  .padding-y-xxxxl\@lg {
    padding-top: var(--space-xxxxl);
    padding-bottom: var(--space-xxxxl); }
  .padding-y-0\@lg {
    padding-top: 0;
    padding-bottom: 0; }
  .padding-y-component\@lg {
    padding-top: var(--component-padding);
    padding-bottom: var(--component-padding); }
  .text-center\@lg {
    text-align: center; }
  .text-left\@lg {
    text-align: left; }
  .text-right\@lg {
    text-align: right; }
  .text-justify\@lg {
    text-align: justify; }
  .text-xs\@lg {
    font-size: var(--text-xs, 0.6875rem); }
  .text-sm\@lg {
    font-size: var(--text-sm, 0.75rem); }
  .text-base\@lg {
    font-size: var(--text-unit, 1rem); }
  .text-md\@lg {
    font-size: var(--text-md, 1.125rem); }
  .text-lg\@lg {
    font-size: var(--text-lg, 1.375rem); }
  .text-xl\@lg {
    font-size: var(--text-xl, 1.75rem); }
  .text-xxl\@lg {
    font-size: var(--text-xxl, 2rem); }
  .text-xxxl\@lg {
    font-size: var(--text-xxxl, 2.5rem); }
  .text-xxxxl\@lg {
    font-size: var(--text-xxxxl, 3rem); }
  .column-count-1\@lg {
    column-count: 1; }
  .column-count-2\@lg {
    column-count: 2; }
  .column-count-3\@lg {
    column-count: 3; }
  .column-count-4\@lg {
    column-count: 4; }
  .width-xxxxs\@lg {
    width: var(--size-xxxxs, 0.25rem); }
  .width-xxxs\@lg {
    width: var(--size-xxxs, 0.5rem); }
  .width-xxs\@lg {
    width: var(--size-xxs, 0.75rem); }
  .width-xs\@lg {
    width: var(--size-xs, 1rem); }
  .width-sm\@lg {
    width: var(--size-sm, 1.5rem); }
  .width-md\@lg {
    width: var(--size-md, 2rem); }
  .width-lg\@lg {
    width: var(--size-lg, 3rem); }
  .width-xl\@lg {
    width: var(--size-xl, 4rem); }
  .width-xxl\@lg {
    width: var(--size-xxl, 6rem); }
  .width-xxxl\@lg {
    width: var(--size-xxxl, 8rem); }
  .width-xxxxl\@lg {
    width: var(--size-xxxxl, 16rem); }
  .width-0\@lg {
    width: 0; }
  .width-10\%\@lg {
    width: 10%; }
  .width-20\%\@lg {
    width: 20%; }
  .width-25\%\@lg {
    width: 25%; }
  .width-30\%\@lg {
    width: 30%; }
  .width-33\%\@lg {
    width: calc(100% / 3); }
  .width-40\%\@lg {
    width: 40%; }
  .width-50\%\@lg {
    width: 50%; }
  .width-60\%\@lg {
    width: 60%; }
  .width-66\%\@lg {
    width: calc(100% / 1.5); }
  .width-70\%\@lg {
    width: 70%; }
  .width-75\%\@lg {
    width: 75%; }
  .width-80\%\@lg {
    width: 80%; }
  .width-90\%\@lg {
    width: 90%; }
  .width-100\%\@lg {
    width: 100%; }
  .width-100vw\@lg {
    width: 100vw; }
  .width-auto\@lg {
    width: auto; }
  .width-inherit\@lg {
    width: inherit; }
  .height-xxxxs\@lg {
    height: var(--size-xxxxs, 0.25rem); }
  .height-xxxs\@lg {
    height: var(--size-xxxs, 0.5rem); }
  .height-xxs\@lg {
    height: var(--size-xxs, 0.75rem); }
  .height-xs\@lg {
    height: var(--size-xs, 1rem); }
  .height-sm\@lg {
    height: var(--size-sm, 1.5rem); }
  .height-md\@lg {
    height: var(--size-md, 2rem); }
  .height-lg\@lg {
    height: var(--size-lg, 3rem); }
  .height-xl\@lg {
    height: var(--size-xl, 4rem); }
  .height-xxl\@lg {
    height: var(--size-xxl, 6rem); }
  .height-xxxl\@lg {
    height: var(--size-xxxl, 8rem); }
  .height-xxxxl\@lg {
    height: var(--size-xxxxl, 16rem); }
  .height-0\@lg {
    height: 0; }
  .height-10\%\@lg {
    height: 10%; }
  .height-20\%\@lg {
    height: 20%; }
  .height-25\%\@lg {
    height: 25%; }
  .height-30\%\@lg {
    height: 30%; }
  .height-33\%\@lg {
    height: calc(100% / 3); }
  .height-40\%\@lg {
    height: 40%; }
  .height-50\%\@lg {
    height: 50%; }
  .height-60\%\@lg {
    height: 60%; }
  .height-66\%\@lg {
    height: calc(100% / 1.5); }
  .height-70\%\@lg {
    height: 70%; }
  .height-75\%\@lg {
    height: 75%; }
  .height-80\%\@lg {
    height: 80%; }
  .height-90\%\@lg {
    height: 90%; }
  .height-100\%\@lg {
    height: 100%; }
  .height-100vh\@lg {
    height: 100vh; }
  .height-auto\@lg {
    height: auto; }
  .height-inherit\@lg {
    height: inherit; }
  .max-width-xxxxxs\@lg {
    max-width: var(--max-width-xxxxxs); }
  .max-width-xxxxs\@lg {
    max-width: var(--max-width-xxxxs); }
  .max-width-xxxs\@lg {
    max-width: var(--max-width-xxxs); }
  .max-width-xxs\@lg {
    max-width: var(--max-width-xxs); }
  .max-width-xs\@lg {
    max-width: var(--max-width-xs); }
  .max-width-sm\@lg {
    max-width: var(--max-width-sm); }
  .max-width-md\@lg {
    max-width: var(--max-width-md); }
  .max-width-lg\@lg {
    max-width: var(--max-width-lg); }
  .max-width-xl\@lg {
    max-width: var(--max-width-xl); }
  .max-width-xxl\@lg {
    max-width: var(--max-width-xxl); }
  .max-width-xxxl\@lg {
    max-width: var(--max-width-xxxl); }
  .max-width-xxxxl\@lg {
    max-width: var(--max-width-xxxxl); }
  .max-width-100\%\@lg {
    max-width: 100%; }
  .max-width-none\@lg {
    max-width: none; }
  .position-relative\@lg {
    position: relative; }
  .position-absolute\@lg {
    position: absolute; }
  .position-fixed\@lg {
    position: fixed; }
  .position-sticky\@lg {
    position: sticky; }
  .position-static\@lg {
    position: static; }
  .inset-0\@lg {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .top-0\@lg {
    top: 0; }
  .top-50\%\@lg {
    top: 50%; }
  .top-xxxxs\@lg {
    top: var(--space-xxxxs); }
  .top-xxxs\@lg {
    top: var(--space-xxxs); }
  .top-xxs\@lg {
    top: var(--space-xxs); }
  .top-xs\@lg {
    top: var(--space-xs); }
  .top-sm\@lg {
    top: var(--space-sm); }
  .top-md\@lg {
    top: var(--space-md); }
  .top-lg\@lg {
    top: var(--space-lg); }
  .top-xl\@lg {
    top: var(--space-xl); }
  .top-xxl\@lg {
    top: var(--space-xxl); }
  .top-xxxl\@lg {
    top: var(--space-xxxl); }
  .top-xxxxl\@lg {
    top: var(--space-xxxxl); }
  .bottom-0\@lg {
    bottom: 0; }
  .bottom-50\%\@lg {
    bottom: 50%; }
  .bottom-xxxxs\@lg {
    bottom: var(--space-xxxxs); }
  .bottom-xxxs\@lg {
    bottom: var(--space-xxxs); }
  .bottom-xxs\@lg {
    bottom: var(--space-xxs); }
  .bottom-xs\@lg {
    bottom: var(--space-xs); }
  .bottom-sm\@lg {
    bottom: var(--space-sm); }
  .bottom-md\@lg {
    bottom: var(--space-md); }
  .bottom-lg\@lg {
    bottom: var(--space-lg); }
  .bottom-xl\@lg {
    bottom: var(--space-xl); }
  .bottom-xxl\@lg {
    bottom: var(--space-xxl); }
  .bottom-xxxl\@lg {
    bottom: var(--space-xxxl); }
  .bottom-xxxxl\@lg {
    bottom: var(--space-xxxxl); }
  .right-0\@lg {
    right: 0; }
  .right-50\%\@lg {
    right: 50%; }
  .right-xxxxs\@lg {
    right: var(--space-xxxxs); }
  .right-xxxs\@lg {
    right: var(--space-xxxs); }
  .right-xxs\@lg {
    right: var(--space-xxs); }
  .right-xs\@lg {
    right: var(--space-xs); }
  .right-sm\@lg {
    right: var(--space-sm); }
  .right-md\@lg {
    right: var(--space-md); }
  .right-lg\@lg {
    right: var(--space-lg); }
  .right-xl\@lg {
    right: var(--space-xl); }
  .right-xxl\@lg {
    right: var(--space-xxl); }
  .right-xxxl\@lg {
    right: var(--space-xxxl); }
  .right-xxxxl\@lg {
    right: var(--space-xxxxl); }
  .left-0\@lg {
    left: 0; }
  .left-50\%\@lg {
    left: 50%; }
  .left-xxxxs\@lg {
    left: var(--space-xxxxs); }
  .left-xxxs\@lg {
    left: var(--space-xxxs); }
  .left-xxs\@lg {
    left: var(--space-xxs); }
  .left-xs\@lg {
    left: var(--space-xs); }
  .left-sm\@lg {
    left: var(--space-sm); }
  .left-md\@lg {
    left: var(--space-md); }
  .left-lg\@lg {
    left: var(--space-lg); }
  .left-xl\@lg {
    left: var(--space-xl); }
  .left-xxl\@lg {
    left: var(--space-xxl); }
  .left-xxxl\@lg {
    left: var(--space-xxxl); }
  .left-xxxxl\@lg {
    left: var(--space-xxxxl); }
  .overflow-hidden\@lg {
    overflow: hidden; }
  .overflow-auto\@lg {
    overflow: auto; }
  .momentum-scrolling\@lg {
    -webkit-overflow-scrolling: touch; }
  .overscroll-contain\@lg {
    overscroll-behavior: contain; }
  .visible\@lg {
    visibility: visible; }
  .invisible\@lg {
    visibility: hidden; } }

@media not all and (min-width: 80rem) {
  .display\@lg {
    display: none !important; } }

@media (min-width: 90rem) {
  .flex\@xl {
    display: flex; }
  .inline-flex\@xl {
    display: inline-flex; }
  .flex-wrap\@xl {
    flex-wrap: wrap; }
  .flex-nowrap\@xl {
    flex-wrap: nowrap; }
  .flex-column\@xl {
    flex-direction: column; }
  .flex-column-reverse\@xl {
    flex-direction: column-reverse; }
  .flex-row\@xl {
    flex-direction: row; }
  .flex-row-reverse\@xl {
    flex-direction: row-reverse; }
  .flex-center\@xl {
    justify-content: center;
    align-items: center; }
  .flex-grow\@xl {
    flex-grow: 1; }
  .flex-grow-0\@xl {
    flex-grow: 0; }
  .flex-shrink\@xl {
    flex-shrink: 1; }
  .flex-shrink-0\@xl {
    flex-shrink: 0; }
  .flex-basis-0\@xl {
    flex-basis: 0; }
  .justify-start\@xl {
    justify-content: flex-start; }
  .justify-end\@xl {
    justify-content: flex-end; }
  .justify-center\@xl {
    justify-content: center; }
  .justify-between\@xl {
    justify-content: space-between; }
  .items-center\@xl {
    align-items: center; }
  .items-start\@xl {
    align-items: flex-start; }
  .items-end\@xl {
    align-items: flex-end; }
  .items-baseline\@xl {
    align-items: baseline; }
  .order-1\@xl {
    order: 1; }
  .order-2\@xl {
    order: 2; }
  .order-3\@xl {
    order: 3; }
  .block\@xl {
    display: block; }
  .inline-block\@xl {
    display: inline-block; }
  .inline\@xl {
    display: inline; }
  .contents\@xl {
    display: contents; }
  .hide\@xl {
    display: none !important; }
  .margin-xxxxs\@xl {
    margin: var(--space-xxxxs); }
  .margin-xxxs\@xl {
    margin: var(--space-xxxs); }
  .margin-xxs\@xl {
    margin: var(--space-xxs); }
  .margin-xs\@xl {
    margin: var(--space-xs); }
  .margin-sm\@xl {
    margin: var(--space-sm); }
  .margin-md\@xl {
    margin: var(--space-md); }
  .margin-lg\@xl {
    margin: var(--space-lg); }
  .margin-xl\@xl {
    margin: var(--space-xl); }
  .margin-xxl\@xl {
    margin: var(--space-xxl); }
  .margin-xxxl\@xl {
    margin: var(--space-xxxl); }
  .margin-xxxxl\@xl {
    margin: var(--space-xxxxl); }
  .margin-auto\@xl {
    margin: auto; }
  .margin-0\@xl {
    margin: 0; }
  .margin-top-xxxxs\@xl {
    margin-top: var(--space-xxxxs); }
  .margin-top-xxxs\@xl {
    margin-top: var(--space-xxxs); }
  .margin-top-xxs\@xl {
    margin-top: var(--space-xxs); }
  .margin-top-xs\@xl {
    margin-top: var(--space-xs); }
  .margin-top-sm\@xl {
    margin-top: var(--space-sm); }
  .margin-top-md\@xl {
    margin-top: var(--space-md); }
  .margin-top-lg\@xl {
    margin-top: var(--space-lg); }
  .margin-top-xl\@xl {
    margin-top: var(--space-xl); }
  .margin-top-xxl\@xl {
    margin-top: var(--space-xxl); }
  .margin-top-xxxl\@xl {
    margin-top: var(--space-xxxl); }
  .margin-top-xxxxl\@xl {
    margin-top: var(--space-xxxxl); }
  .margin-top-auto\@xl {
    margin-top: auto; }
  .margin-top-0\@xl {
    margin-top: 0; }
  .margin-bottom-xxxxs\@xl {
    margin-bottom: var(--space-xxxxs); }
  .margin-bottom-xxxs\@xl {
    margin-bottom: var(--space-xxxs); }
  .margin-bottom-xxs\@xl {
    margin-bottom: var(--space-xxs); }
  .margin-bottom-xs\@xl {
    margin-bottom: var(--space-xs); }
  .margin-bottom-sm\@xl {
    margin-bottom: var(--space-sm); }
  .margin-bottom-md\@xl {
    margin-bottom: var(--space-md); }
  .margin-bottom-lg\@xl {
    margin-bottom: var(--space-lg); }
  .margin-bottom-xl\@xl {
    margin-bottom: var(--space-xl); }
  .margin-bottom-xxl\@xl {
    margin-bottom: var(--space-xxl); }
  .margin-bottom-xxxl\@xl {
    margin-bottom: var(--space-xxxl); }
  .margin-bottom-xxxxl\@xl {
    margin-bottom: var(--space-xxxxl); }
  .margin-bottom-auto\@xl {
    margin-bottom: auto; }
  .margin-bottom-0\@xl {
    margin-bottom: 0; }
  .margin-right-xxxxs\@xl {
    margin-right: var(--space-xxxxs); }
  .margin-right-xxxs\@xl {
    margin-right: var(--space-xxxs); }
  .margin-right-xxs\@xl {
    margin-right: var(--space-xxs); }
  .margin-right-xs\@xl {
    margin-right: var(--space-xs); }
  .margin-right-sm\@xl {
    margin-right: var(--space-sm); }
  .margin-right-md\@xl {
    margin-right: var(--space-md); }
  .margin-right-lg\@xl {
    margin-right: var(--space-lg); }
  .margin-right-xl\@xl {
    margin-right: var(--space-xl); }
  .margin-right-xxl\@xl {
    margin-right: var(--space-xxl); }
  .margin-right-xxxl\@xl {
    margin-right: var(--space-xxxl); }
  .margin-right-xxxxl\@xl {
    margin-right: var(--space-xxxxl); }
  .margin-right-auto\@xl {
    margin-right: auto; }
  .margin-right-0\@xl {
    margin-right: 0; }
  .margin-left-xxxxs\@xl {
    margin-left: var(--space-xxxxs); }
  .margin-left-xxxs\@xl {
    margin-left: var(--space-xxxs); }
  .margin-left-xxs\@xl {
    margin-left: var(--space-xxs); }
  .margin-left-xs\@xl {
    margin-left: var(--space-xs); }
  .margin-left-sm\@xl {
    margin-left: var(--space-sm); }
  .margin-left-md\@xl {
    margin-left: var(--space-md); }
  .margin-left-lg\@xl {
    margin-left: var(--space-lg); }
  .margin-left-xl\@xl {
    margin-left: var(--space-xl); }
  .margin-left-xxl\@xl {
    margin-left: var(--space-xxl); }
  .margin-left-xxxl\@xl {
    margin-left: var(--space-xxxl); }
  .margin-left-xxxxl\@xl {
    margin-left: var(--space-xxxxl); }
  .margin-left-auto\@xl {
    margin-left: auto; }
  .margin-left-0\@xl {
    margin-left: 0; }
  .margin-x-xxxxs\@xl {
    margin-left: var(--space-xxxxs);
    margin-right: var(--space-xxxxs); }
  .margin-x-xxxs\@xl {
    margin-left: var(--space-xxxs);
    margin-right: var(--space-xxxs); }
  .margin-x-xxs\@xl {
    margin-left: var(--space-xxs);
    margin-right: var(--space-xxs); }
  .margin-x-xs\@xl {
    margin-left: var(--space-xs);
    margin-right: var(--space-xs); }
  .margin-x-sm\@xl {
    margin-left: var(--space-sm);
    margin-right: var(--space-sm); }
  .margin-x-md\@xl {
    margin-left: var(--space-md);
    margin-right: var(--space-md); }
  .margin-x-lg\@xl {
    margin-left: var(--space-lg);
    margin-right: var(--space-lg); }
  .margin-x-xl\@xl {
    margin-left: var(--space-xl);
    margin-right: var(--space-xl); }
  .margin-x-xxl\@xl {
    margin-left: var(--space-xxl);
    margin-right: var(--space-xxl); }
  .margin-x-xxxl\@xl {
    margin-left: var(--space-xxxl);
    margin-right: var(--space-xxxl); }
  .margin-x-xxxxl\@xl {
    margin-left: var(--space-xxxxl);
    margin-right: var(--space-xxxxl); }
  .margin-x-auto\@xl {
    margin-left: auto;
    margin-right: auto; }
  .margin-x-0\@xl {
    margin-left: 0;
    margin-right: 0; }
  .margin-y-xxxxs\@xl {
    margin-top: var(--space-xxxxs);
    margin-bottom: var(--space-xxxxs); }
  .margin-y-xxxs\@xl {
    margin-top: var(--space-xxxs);
    margin-bottom: var(--space-xxxs); }
  .margin-y-xxs\@xl {
    margin-top: var(--space-xxs);
    margin-bottom: var(--space-xxs); }
  .margin-y-xs\@xl {
    margin-top: var(--space-xs);
    margin-bottom: var(--space-xs); }
  .margin-y-sm\@xl {
    margin-top: var(--space-sm);
    margin-bottom: var(--space-sm); }
  .margin-y-md\@xl {
    margin-top: var(--space-md);
    margin-bottom: var(--space-md); }
  .margin-y-lg\@xl {
    margin-top: var(--space-lg);
    margin-bottom: var(--space-lg); }
  .margin-y-xl\@xl {
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl); }
  .margin-y-xxl\@xl {
    margin-top: var(--space-xxl);
    margin-bottom: var(--space-xxl); }
  .margin-y-xxxl\@xl {
    margin-top: var(--space-xxxl);
    margin-bottom: var(--space-xxxl); }
  .margin-y-xxxxl\@xl {
    margin-top: var(--space-xxxxl);
    margin-bottom: var(--space-xxxxl); }
  .margin-y-auto\@xl {
    margin-top: auto;
    margin-bottom: auto; }
  .margin-y-0\@xl {
    margin-top: 0;
    margin-bottom: 0; }
  .padding-xxxxs\@xl {
    padding: var(--space-xxxxs); }
  .padding-xxxs\@xl {
    padding: var(--space-xxxs); }
  .padding-xxs\@xl {
    padding: var(--space-xxs); }
  .padding-xs\@xl {
    padding: var(--space-xs); }
  .padding-sm\@xl {
    padding: var(--space-sm); }
  .padding-md\@xl {
    padding: var(--space-md); }
  .padding-lg\@xl {
    padding: var(--space-lg); }
  .padding-xl\@xl {
    padding: var(--space-xl); }
  .padding-xxl\@xl {
    padding: var(--space-xxl); }
  .padding-xxxl\@xl {
    padding: var(--space-xxxl); }
  .padding-xxxxl\@xl {
    padding: var(--space-xxxxl); }
  .padding-0\@xl {
    padding: 0; }
  .padding-component\@xl {
    padding: var(--component-padding); }
  .padding-top-xxxxs\@xl {
    padding-top: var(--space-xxxxs); }
  .padding-top-xxxs\@xl {
    padding-top: var(--space-xxxs); }
  .padding-top-xxs\@xl {
    padding-top: var(--space-xxs); }
  .padding-top-xs\@xl {
    padding-top: var(--space-xs); }
  .padding-top-sm\@xl {
    padding-top: var(--space-sm); }
  .padding-top-md\@xl {
    padding-top: var(--space-md); }
  .padding-top-lg\@xl {
    padding-top: var(--space-lg); }
  .padding-top-xl\@xl {
    padding-top: var(--space-xl); }
  .padding-top-xxl\@xl {
    padding-top: var(--space-xxl); }
  .padding-top-xxxl\@xl {
    padding-top: var(--space-xxxl); }
  .padding-top-xxxxl\@xl {
    padding-top: var(--space-xxxxl); }
  .padding-top-0\@xl {
    padding-top: 0; }
  .padding-top-component\@xl {
    padding-top: var(--component-padding); }
  .padding-bottom-xxxxs\@xl {
    padding-bottom: var(--space-xxxxs); }
  .padding-bottom-xxxs\@xl {
    padding-bottom: var(--space-xxxs); }
  .padding-bottom-xxs\@xl {
    padding-bottom: var(--space-xxs); }
  .padding-bottom-xs\@xl {
    padding-bottom: var(--space-xs); }
  .padding-bottom-sm\@xl {
    padding-bottom: var(--space-sm); }
  .padding-bottom-md\@xl {
    padding-bottom: var(--space-md); }
  .padding-bottom-lg\@xl {
    padding-bottom: var(--space-lg); }
  .padding-bottom-xl\@xl {
    padding-bottom: var(--space-xl); }
  .padding-bottom-xxl\@xl {
    padding-bottom: var(--space-xxl); }
  .padding-bottom-xxxl\@xl {
    padding-bottom: var(--space-xxxl); }
  .padding-bottom-xxxxl\@xl {
    padding-bottom: var(--space-xxxxl); }
  .padding-bottom-0\@xl {
    padding-bottom: 0; }
  .padding-bottom-component\@xl {
    padding-bottom: var(--component-padding); }
  .padding-right-xxxxs\@xl {
    padding-right: var(--space-xxxxs); }
  .padding-right-xxxs\@xl {
    padding-right: var(--space-xxxs); }
  .padding-right-xxs\@xl {
    padding-right: var(--space-xxs); }
  .padding-right-xs\@xl {
    padding-right: var(--space-xs); }
  .padding-right-sm\@xl {
    padding-right: var(--space-sm); }
  .padding-right-md\@xl {
    padding-right: var(--space-md); }
  .padding-right-lg\@xl {
    padding-right: var(--space-lg); }
  .padding-right-xl\@xl {
    padding-right: var(--space-xl); }
  .padding-right-xxl\@xl {
    padding-right: var(--space-xxl); }
  .padding-right-xxxl\@xl {
    padding-right: var(--space-xxxl); }
  .padding-right-xxxxl\@xl {
    padding-right: var(--space-xxxxl); }
  .padding-right-0\@xl {
    padding-right: 0; }
  .padding-right-component\@xl {
    padding-right: var(--component-padding); }
  .padding-left-xxxxs\@xl {
    padding-left: var(--space-xxxxs); }
  .padding-left-xxxs\@xl {
    padding-left: var(--space-xxxs); }
  .padding-left-xxs\@xl {
    padding-left: var(--space-xxs); }
  .padding-left-xs\@xl {
    padding-left: var(--space-xs); }
  .padding-left-sm\@xl {
    padding-left: var(--space-sm); }
  .padding-left-md\@xl {
    padding-left: var(--space-md); }
  .padding-left-lg\@xl {
    padding-left: var(--space-lg); }
  .padding-left-xl\@xl {
    padding-left: var(--space-xl); }
  .padding-left-xxl\@xl {
    padding-left: var(--space-xxl); }
  .padding-left-xxxl\@xl {
    padding-left: var(--space-xxxl); }
  .padding-left-xxxxl\@xl {
    padding-left: var(--space-xxxxl); }
  .padding-left-0\@xl {
    padding-left: 0; }
  .padding-left-component\@xl {
    padding-left: var(--component-padding); }
  .padding-x-xxxxs\@xl {
    padding-left: var(--space-xxxxs);
    padding-right: var(--space-xxxxs); }
  .padding-x-xxxs\@xl {
    padding-left: var(--space-xxxs);
    padding-right: var(--space-xxxs); }
  .padding-x-xxs\@xl {
    padding-left: var(--space-xxs);
    padding-right: var(--space-xxs); }
  .padding-x-xs\@xl {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs); }
  .padding-x-sm\@xl {
    padding-left: var(--space-sm);
    padding-right: var(--space-sm); }
  .padding-x-md\@xl {
    padding-left: var(--space-md);
    padding-right: var(--space-md); }
  .padding-x-lg\@xl {
    padding-left: var(--space-lg);
    padding-right: var(--space-lg); }
  .padding-x-xl\@xl {
    padding-left: var(--space-xl);
    padding-right: var(--space-xl); }
  .padding-x-xxl\@xl {
    padding-left: var(--space-xxl);
    padding-right: var(--space-xxl); }
  .padding-x-xxxl\@xl {
    padding-left: var(--space-xxxl);
    padding-right: var(--space-xxxl); }
  .padding-x-xxxxl\@xl {
    padding-left: var(--space-xxxxl);
    padding-right: var(--space-xxxxl); }
  .padding-x-0\@xl {
    padding-left: 0;
    padding-right: 0; }
  .padding-x-component\@xl {
    padding-left: var(--component-padding);
    padding-right: var(--component-padding); }
  .padding-y-xxxxs\@xl {
    padding-top: var(--space-xxxxs);
    padding-bottom: var(--space-xxxxs); }
  .padding-y-xxxs\@xl {
    padding-top: var(--space-xxxs);
    padding-bottom: var(--space-xxxs); }
  .padding-y-xxs\@xl {
    padding-top: var(--space-xxs);
    padding-bottom: var(--space-xxs); }
  .padding-y-xs\@xl {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs); }
  .padding-y-sm\@xl {
    padding-top: var(--space-sm);
    padding-bottom: var(--space-sm); }
  .padding-y-md\@xl {
    padding-top: var(--space-md);
    padding-bottom: var(--space-md); }
  .padding-y-lg\@xl {
    padding-top: var(--space-lg);
    padding-bottom: var(--space-lg); }
  .padding-y-xl\@xl {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl); }
  .padding-y-xxl\@xl {
    padding-top: var(--space-xxl);
    padding-bottom: var(--space-xxl); }
  .padding-y-xxxl\@xl {
    padding-top: var(--space-xxxl);
    padding-bottom: var(--space-xxxl); }
  .padding-y-xxxxl\@xl {
    padding-top: var(--space-xxxxl);
    padding-bottom: var(--space-xxxxl); }
  .padding-y-0\@xl {
    padding-top: 0;
    padding-bottom: 0; }
  .padding-y-component\@xl {
    padding-top: var(--component-padding);
    padding-bottom: var(--component-padding); }
  .text-center\@xl {
    text-align: center; }
  .text-left\@xl {
    text-align: left; }
  .text-right\@xl {
    text-align: right; }
  .text-justify\@xl {
    text-align: justify; }
  .text-xs\@xl {
    font-size: var(--text-xs, 0.6875rem); }
  .text-sm\@xl {
    font-size: var(--text-sm, 0.75rem); }
  .text-base\@xl {
    font-size: var(--text-unit, 1rem); }
  .text-md\@xl {
    font-size: var(--text-md, 1.125rem); }
  .text-lg\@xl {
    font-size: var(--text-lg, 1.375rem); }
  .text-xl\@xl {
    font-size: var(--text-xl, 1.75rem); }
  .text-xxl\@xl {
    font-size: var(--text-xxl, 2rem); }
  .text-xxxl\@xl {
    font-size: var(--text-xxxl, 2.5rem); }
  .text-xxxxl\@xl {
    font-size: var(--text-xxxxl, 3rem); }
  .column-count-1\@xl {
    column-count: 1; }
  .column-count-2\@xl {
    column-count: 2; }
  .column-count-3\@xl {
    column-count: 3; }
  .column-count-4\@xl {
    column-count: 4; }
  .width-xxxxs\@xl {
    width: var(--size-xxxxs, 0.25rem); }
  .width-xxxs\@xl {
    width: var(--size-xxxs, 0.5rem); }
  .width-xxs\@xl {
    width: var(--size-xxs, 0.75rem); }
  .width-xs\@xl {
    width: var(--size-xs, 1rem); }
  .width-sm\@xl {
    width: var(--size-sm, 1.5rem); }
  .width-md\@xl {
    width: var(--size-md, 2rem); }
  .width-lg\@xl {
    width: var(--size-lg, 3rem); }
  .width-xl\@xl {
    width: var(--size-xl, 4rem); }
  .width-xxl\@xl {
    width: var(--size-xxl, 6rem); }
  .width-xxxl\@xl {
    width: var(--size-xxxl, 8rem); }
  .width-xxxxl\@xl {
    width: var(--size-xxxxl, 16rem); }
  .width-0\@xl {
    width: 0; }
  .width-10\%\@xl {
    width: 10%; }
  .width-20\%\@xl {
    width: 20%; }
  .width-25\%\@xl {
    width: 25%; }
  .width-30\%\@xl {
    width: 30%; }
  .width-33\%\@xl {
    width: calc(100% / 3); }
  .width-40\%\@xl {
    width: 40%; }
  .width-50\%\@xl {
    width: 50%; }
  .width-60\%\@xl {
    width: 60%; }
  .width-66\%\@xl {
    width: calc(100% / 1.5); }
  .width-70\%\@xl {
    width: 70%; }
  .width-75\%\@xl {
    width: 75%; }
  .width-80\%\@xl {
    width: 80%; }
  .width-90\%\@xl {
    width: 90%; }
  .width-100\%\@xl {
    width: 100%; }
  .width-100vw\@xl {
    width: 100vw; }
  .width-auto\@xl {
    width: auto; }
  .width-inherit\@xl {
    width: inherit; }
  .height-xxxxs\@xl {
    height: var(--size-xxxxs, 0.25rem); }
  .height-xxxs\@xl {
    height: var(--size-xxxs, 0.5rem); }
  .height-xxs\@xl {
    height: var(--size-xxs, 0.75rem); }
  .height-xs\@xl {
    height: var(--size-xs, 1rem); }
  .height-sm\@xl {
    height: var(--size-sm, 1.5rem); }
  .height-md\@xl {
    height: var(--size-md, 2rem); }
  .height-lg\@xl {
    height: var(--size-lg, 3rem); }
  .height-xl\@xl {
    height: var(--size-xl, 4rem); }
  .height-xxl\@xl {
    height: var(--size-xxl, 6rem); }
  .height-xxxl\@xl {
    height: var(--size-xxxl, 8rem); }
  .height-xxxxl\@xl {
    height: var(--size-xxxxl, 16rem); }
  .height-0\@xl {
    height: 0; }
  .height-10\%\@xl {
    height: 10%; }
  .height-20\%\@xl {
    height: 20%; }
  .height-25\%\@xl {
    height: 25%; }
  .height-30\%\@xl {
    height: 30%; }
  .height-33\%\@xl {
    height: calc(100% / 3); }
  .height-40\%\@xl {
    height: 40%; }
  .height-50\%\@xl {
    height: 50%; }
  .height-60\%\@xl {
    height: 60%; }
  .height-66\%\@xl {
    height: calc(100% / 1.5); }
  .height-70\%\@xl {
    height: 70%; }
  .height-75\%\@xl {
    height: 75%; }
  .height-80\%\@xl {
    height: 80%; }
  .height-90\%\@xl {
    height: 90%; }
  .height-100\%\@xl {
    height: 100%; }
  .height-100vh\@xl {
    height: 100vh; }
  .height-auto\@xl {
    height: auto; }
  .height-inherit\@xl {
    height: inherit; }
  .max-width-xxxxxs\@xl {
    max-width: var(--max-width-xxxxxs); }
  .max-width-xxxxs\@xl {
    max-width: var(--max-width-xxxxs); }
  .max-width-xxxs\@xl {
    max-width: var(--max-width-xxxs); }
  .max-width-xxs\@xl {
    max-width: var(--max-width-xxs); }
  .max-width-xs\@xl {
    max-width: var(--max-width-xs); }
  .max-width-sm\@xl {
    max-width: var(--max-width-sm); }
  .max-width-md\@xl {
    max-width: var(--max-width-md); }
  .max-width-lg\@xl {
    max-width: var(--max-width-lg); }
  .max-width-xl\@xl {
    max-width: var(--max-width-xl); }
  .max-width-xxl\@xl {
    max-width: var(--max-width-xxl); }
  .max-width-xxxl\@xl {
    max-width: var(--max-width-xxxl); }
  .max-width-xxxxl\@xl {
    max-width: var(--max-width-xxxxl); }
  .max-width-100\%\@xl {
    max-width: 100%; }
  .max-width-none\@xl {
    max-width: none; }
  .position-relative\@xl {
    position: relative; }
  .position-absolute\@xl {
    position: absolute; }
  .position-fixed\@xl {
    position: fixed; }
  .position-sticky\@xl {
    position: sticky; }
  .position-static\@xl {
    position: static; }
  .inset-0\@xl {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .top-0\@xl {
    top: 0; }
  .top-50\%\@xl {
    top: 50%; }
  .top-xxxxs\@xl {
    top: var(--space-xxxxs); }
  .top-xxxs\@xl {
    top: var(--space-xxxs); }
  .top-xxs\@xl {
    top: var(--space-xxs); }
  .top-xs\@xl {
    top: var(--space-xs); }
  .top-sm\@xl {
    top: var(--space-sm); }
  .top-md\@xl {
    top: var(--space-md); }
  .top-lg\@xl {
    top: var(--space-lg); }
  .top-xl\@xl {
    top: var(--space-xl); }
  .top-xxl\@xl {
    top: var(--space-xxl); }
  .top-xxxl\@xl {
    top: var(--space-xxxl); }
  .top-xxxxl\@xl {
    top: var(--space-xxxxl); }
  .bottom-0\@xl {
    bottom: 0; }
  .bottom-50\%\@xl {
    bottom: 50%; }
  .bottom-xxxxs\@xl {
    bottom: var(--space-xxxxs); }
  .bottom-xxxs\@xl {
    bottom: var(--space-xxxs); }
  .bottom-xxs\@xl {
    bottom: var(--space-xxs); }
  .bottom-xs\@xl {
    bottom: var(--space-xs); }
  .bottom-sm\@xl {
    bottom: var(--space-sm); }
  .bottom-md\@xl {
    bottom: var(--space-md); }
  .bottom-lg\@xl {
    bottom: var(--space-lg); }
  .bottom-xl\@xl {
    bottom: var(--space-xl); }
  .bottom-xxl\@xl {
    bottom: var(--space-xxl); }
  .bottom-xxxl\@xl {
    bottom: var(--space-xxxl); }
  .bottom-xxxxl\@xl {
    bottom: var(--space-xxxxl); }
  .right-0\@xl {
    right: 0; }
  .right-50\%\@xl {
    right: 50%; }
  .right-xxxxs\@xl {
    right: var(--space-xxxxs); }
  .right-xxxs\@xl {
    right: var(--space-xxxs); }
  .right-xxs\@xl {
    right: var(--space-xxs); }
  .right-xs\@xl {
    right: var(--space-xs); }
  .right-sm\@xl {
    right: var(--space-sm); }
  .right-md\@xl {
    right: var(--space-md); }
  .right-lg\@xl {
    right: var(--space-lg); }
  .right-xl\@xl {
    right: var(--space-xl); }
  .right-xxl\@xl {
    right: var(--space-xxl); }
  .right-xxxl\@xl {
    right: var(--space-xxxl); }
  .right-xxxxl\@xl {
    right: var(--space-xxxxl); }
  .left-0\@xl {
    left: 0; }
  .left-50\%\@xl {
    left: 50%; }
  .left-xxxxs\@xl {
    left: var(--space-xxxxs); }
  .left-xxxs\@xl {
    left: var(--space-xxxs); }
  .left-xxs\@xl {
    left: var(--space-xxs); }
  .left-xs\@xl {
    left: var(--space-xs); }
  .left-sm\@xl {
    left: var(--space-sm); }
  .left-md\@xl {
    left: var(--space-md); }
  .left-lg\@xl {
    left: var(--space-lg); }
  .left-xl\@xl {
    left: var(--space-xl); }
  .left-xxl\@xl {
    left: var(--space-xxl); }
  .left-xxxl\@xl {
    left: var(--space-xxxl); }
  .left-xxxxl\@xl {
    left: var(--space-xxxxl); }
  .overflow-hidden\@xl {
    overflow: hidden; }
  .overflow-auto\@xl {
    overflow: auto; }
  .momentum-scrolling\@xl {
    -webkit-overflow-scrolling: touch; }
  .overscroll-contain\@xl {
    overscroll-behavior: contain; }
  .visible\@xl {
    visibility: visible; }
  .invisible\@xl {
    visibility: hidden; } }

@media not all and (min-width: 90rem) {
  .display\@xl {
    display: none !important; } }

:root {
  --display: block; }

.is-visible {
  display: var(--display) !important; }

.is-hidden {
  display: none !important; }

html:not(.js) .no-js\:is-hidden {
  display: none !important; }

@media print {
  .print\:is-hidden {
    display: none !important; } }

:root {
  --z-index-header: 3;
  --z-index-popover: 5;
  --z-index-fixed-element: 10;
  --z-index-overlay: 15; }

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

.btn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  text-decoration: none;
  font-size: var(--btn-font-size, 1em);
  padding-top: var(--btn-padding-y, 0.5em);
  padding-bottom: var(--btn-padding-y, 0.5em);
  padding-left: var(--btn-padding-x, 0.75em);
  padding-right: var(--btn-padding-x, 0.75em);
  border-radius: var(--btn-radius, 0.25em); }

.btn--sm {
  font-size: var(--btn-font-size-sm, 0.8em); }

.btn--md {
  font-size: var(--btn-font-size-md, 1.2em); }

.btn--lg {
  font-size: var(--btn-font-size-lg, 1.4em); }

.btn--icon {
  padding: var(--btn-padding-y, 0.5em); }

.container {
  width: calc(100% - 2 * var(--component-padding));
  margin-left: auto;
  margin-right: auto; }

.grid, .flex, .inline-flex,
[class^=flex\@], [class*=" flex@"],
[class^=inline-flex\@], [class*=" inline-flex@"] {
  --gap: 0px;
  --gap-x: var(--gap);
  --gap-y: var(--gap);
  gap: var(--gap-y) var(--gap-x); }

.grid > *, .flex > *, .inline-flex > *,
[class^=flex\@] > *, [class*=" flex@"] > *,
[class^=inline-flex\@] > *, [class*=" inline-flex@"] > * {
  --sub-gap: 0px;
  --sub-gap-x: var(--sub-gap);
  --sub-gap-y: var(--sub-gap); }

.grid {
  --grid-columns: 12;
  display: flex;
  flex-wrap: wrap; }

.grid > * {
  flex-basis: 100%;
  max-width: 100%;
  min-width: 0; }

/* #region (Safari < 14.1 fallback) */
@media not all and (min-resolution: 0.001dpcm) {
  @supports not (translate: none) {
    .grid, .flex[class*="gap-"], .inline-flex[class*="gap-"] {
      gap: 0px;
      margin-bottom: calc(-1 * var(--gap-y));
      margin-left: calc(-1 * var(--gap-x)); }
    .grid > *, .flex[class*="gap-"] > *, .inline-flex[class*="gap-"] > * {
      margin-bottom: var(--sub-gap-y); }
    .grid {
      --offset: var(--gap-x);
      --gap-modifier: 0;
      --offset-modifier: 1; }
    .grid > * {
      margin-left: var(--offset); }
    .flex[class*="gap-"] > *, .inline-flex[class*="gap-"] > * {
      margin-left: var(--sub-gap-x); } } }

/* #endregion */
.gap-xxxxs {
  --gap-x: var(--space-xxxxs);
  --gap-y: var(--space-xxxxs); }

.gap-xxxxs > * {
  --sub-gap-x: var(--space-xxxxs);
  --sub-gap-y: var(--space-xxxxs); }

.gap-xxxs {
  --gap-x: var(--space-xxxs);
  --gap-y: var(--space-xxxs); }

.gap-xxxs > * {
  --sub-gap-x: var(--space-xxxs);
  --sub-gap-y: var(--space-xxxs); }

.gap-xxs {
  --gap-x: var(--space-xxs);
  --gap-y: var(--space-xxs); }

.gap-xxs > * {
  --sub-gap-x: var(--space-xxs);
  --sub-gap-y: var(--space-xxs); }

.gap-xs {
  --gap-x: var(--space-xs);
  --gap-y: var(--space-xs); }

.gap-xs > * {
  --sub-gap-x: var(--space-xs);
  --sub-gap-y: var(--space-xs); }

.gap-sm {
  --gap-x: var(--space-sm);
  --gap-y: var(--space-sm); }

.gap-sm > * {
  --sub-gap-x: var(--space-sm);
  --sub-gap-y: var(--space-sm); }

.gap-md {
  --gap-x: var(--space-md);
  --gap-y: var(--space-md); }

.gap-md > * {
  --sub-gap-x: var(--space-md);
  --sub-gap-y: var(--space-md); }

.gap-lg {
  --gap-x: var(--space-lg);
  --gap-y: var(--space-lg); }

.gap-lg > * {
  --sub-gap-x: var(--space-lg);
  --sub-gap-y: var(--space-lg); }

.gap-xl {
  --gap-x: var(--space-xl);
  --gap-y: var(--space-xl); }

.gap-xl > * {
  --sub-gap-x: var(--space-xl);
  --sub-gap-y: var(--space-xl); }

.gap-xxl {
  --gap-x: var(--space-xxl);
  --gap-y: var(--space-xxl); }

.gap-xxl > * {
  --sub-gap-x: var(--space-xxl);
  --sub-gap-y: var(--space-xxl); }

.gap-xxxl {
  --gap-x: var(--space-xxxl);
  --gap-y: var(--space-xxxl); }

.gap-xxxl > * {
  --sub-gap-x: var(--space-xxxl);
  --sub-gap-y: var(--space-xxxl); }

.gap-xxxxl {
  --gap-x: var(--space-xxxxl);
  --gap-y: var(--space-xxxxl); }

.gap-xxxxl > * {
  --sub-gap-x: var(--space-xxxxl);
  --sub-gap-y: var(--space-xxxxl); }

.gap-0 {
  --gap-x: 0;
  --gap-y: 0; }

.gap-0 > * {
  --sub-gap-x: 0;
  --sub-gap-y: 0; }

.gap-x-xxxxs {
  --gap-x: var(--space-xxxxs); }

.gap-x-xxxxs > * {
  --sub-gap-x: var(--space-xxxxs); }

.gap-x-xxxs {
  --gap-x: var(--space-xxxs); }

.gap-x-xxxs > * {
  --sub-gap-x: var(--space-xxxs); }

.gap-x-xxs {
  --gap-x: var(--space-xxs); }

.gap-x-xxs > * {
  --sub-gap-x: var(--space-xxs); }

.gap-x-xs {
  --gap-x: var(--space-xs); }

.gap-x-xs > * {
  --sub-gap-x: var(--space-xs); }

.gap-x-sm {
  --gap-x: var(--space-sm); }

.gap-x-sm > * {
  --sub-gap-x: var(--space-sm); }

.gap-x-md {
  --gap-x: var(--space-md); }

.gap-x-md > * {
  --sub-gap-x: var(--space-md); }

.gap-x-lg {
  --gap-x: var(--space-lg); }

.gap-x-lg > * {
  --sub-gap-x: var(--space-lg); }

.gap-x-xl {
  --gap-x: var(--space-xl); }

.gap-x-xl > * {
  --sub-gap-x: var(--space-xl); }

.gap-x-xxl {
  --gap-x: var(--space-xxl); }

.gap-x-xxl > * {
  --sub-gap-x: var(--space-xxl); }

.gap-x-xxxl {
  --gap-x: var(--space-xxxl); }

.gap-x-xxxl > * {
  --sub-gap-x: var(--space-xxxl); }

.gap-x-xxxxl {
  --gap-x: var(--space-xxxxl); }

.gap-x-xxxxl > * {
  --sub-gap-x: var(--space-xxxxl); }

.gap-x-0 {
  --gap-x: 0; }

.gap-x-0 > * {
  --sub-gap-x: 0; }

.gap-y-xxxxs {
  --gap-y: var(--space-xxxxs); }

.gap-y-xxxxs > * {
  --sub-gap-y: var(--space-xxxxs); }

.gap-y-xxxs {
  --gap-y: var(--space-xxxs); }

.gap-y-xxxs > * {
  --sub-gap-y: var(--space-xxxs); }

.gap-y-xxs {
  --gap-y: var(--space-xxs); }

.gap-y-xxs > * {
  --sub-gap-y: var(--space-xxs); }

.gap-y-xs {
  --gap-y: var(--space-xs); }

.gap-y-xs > * {
  --sub-gap-y: var(--space-xs); }

.gap-y-sm {
  --gap-y: var(--space-sm); }

.gap-y-sm > * {
  --sub-gap-y: var(--space-sm); }

.gap-y-md {
  --gap-y: var(--space-md); }

.gap-y-md > * {
  --sub-gap-y: var(--space-md); }

.gap-y-lg {
  --gap-y: var(--space-lg); }

.gap-y-lg > * {
  --sub-gap-y: var(--space-lg); }

.gap-y-xl {
  --gap-y: var(--space-xl); }

.gap-y-xl > * {
  --sub-gap-y: var(--space-xl); }

.gap-y-xxl {
  --gap-y: var(--space-xxl); }

.gap-y-xxl > * {
  --sub-gap-y: var(--space-xxl); }

.gap-y-xxxl {
  --gap-y: var(--space-xxxl); }

.gap-y-xxxl > * {
  --sub-gap-y: var(--space-xxxl); }

.gap-y-xxxxl {
  --gap-y: var(--space-xxxxl); }

.gap-y-xxxxl > * {
  --sub-gap-y: var(--space-xxxxl); }

.gap-y-0 {
  --gap-y: 0; }

.gap-y-0 > * {
  --sub-gap-y: 0; }

.grid-col-1 {
  --grid-columns: 1; }

.col-1 {
  --span: 1; }

.grid-col-2 {
  --grid-columns: 2; }

.col-2 {
  --span: 2; }

.grid-col-3 {
  --grid-columns: 3; }

.col-3 {
  --span: 3; }

.grid-col-4 {
  --grid-columns: 4; }

.col-4 {
  --span: 4; }

.grid-col-5 {
  --grid-columns: 5; }

.col-5 {
  --span: 5; }

.grid-col-6 {
  --grid-columns: 6; }

.col-6 {
  --span: 6; }

.grid-col-7 {
  --grid-columns: 7; }

.col-7 {
  --span: 7; }

.grid-col-8 {
  --grid-columns: 8; }

.col-8 {
  --span: 8; }

.grid-col-9 {
  --grid-columns: 9; }

.col-9 {
  --span: 9; }

.grid-col-10 {
  --grid-columns: 10; }

.col-10 {
  --span: 10; }

.grid-col-11 {
  --grid-columns: 11; }

.col-11 {
  --span: 11; }

.grid-col-12 {
  --grid-columns: 12; }

.col-12 {
  --span: 12; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  flex-basis: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x));
  max-width: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x)); }

.col {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%; }

.col-content {
  flex-grow: 0;
  flex-basis: initial;
  max-width: initial; }

.offset-1 {
  --offset: 1; }

.offset-2 {
  --offset: 2; }

.offset-3 {
  --offset: 3; }

.offset-4 {
  --offset: 4; }

.offset-5 {
  --offset: 5; }

.offset-6 {
  --offset: 6; }

.offset-7 {
  --offset: 7; }

.offset-8 {
  --offset: 8; }

.offset-9 {
  --offset: 9; }

.offset-10 {
  --offset: 10; }

.offset-11 {
  --offset: 11; }

.offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11 {
  margin-left: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset) / var(--grid-columns) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-gap-x)); }

@media (min-width: 32rem) {
  .gap-xxxxs\@xs {
    --gap-x: var(--space-xxxxs);
    --gap-y: var(--space-xxxxs); }
  .gap-xxxxs\@xs > * {
    --sub-gap-x: var(--space-xxxxs);
    --sub-gap-y: var(--space-xxxxs); }
  .gap-xxxs\@xs {
    --gap-x: var(--space-xxxs);
    --gap-y: var(--space-xxxs); }
  .gap-xxxs\@xs > * {
    --sub-gap-x: var(--space-xxxs);
    --sub-gap-y: var(--space-xxxs); }
  .gap-xxs\@xs {
    --gap-x: var(--space-xxs);
    --gap-y: var(--space-xxs); }
  .gap-xxs\@xs > * {
    --sub-gap-x: var(--space-xxs);
    --sub-gap-y: var(--space-xxs); }
  .gap-xs\@xs {
    --gap-x: var(--space-xs);
    --gap-y: var(--space-xs); }
  .gap-xs\@xs > * {
    --sub-gap-x: var(--space-xs);
    --sub-gap-y: var(--space-xs); }
  .gap-sm\@xs {
    --gap-x: var(--space-sm);
    --gap-y: var(--space-sm); }
  .gap-sm\@xs > * {
    --sub-gap-x: var(--space-sm);
    --sub-gap-y: var(--space-sm); }
  .gap-md\@xs {
    --gap-x: var(--space-md);
    --gap-y: var(--space-md); }
  .gap-md\@xs > * {
    --sub-gap-x: var(--space-md);
    --sub-gap-y: var(--space-md); }
  .gap-lg\@xs {
    --gap-x: var(--space-lg);
    --gap-y: var(--space-lg); }
  .gap-lg\@xs > * {
    --sub-gap-x: var(--space-lg);
    --sub-gap-y: var(--space-lg); }
  .gap-xl\@xs {
    --gap-x: var(--space-xl);
    --gap-y: var(--space-xl); }
  .gap-xl\@xs > * {
    --sub-gap-x: var(--space-xl);
    --sub-gap-y: var(--space-xl); }
  .gap-xxl\@xs {
    --gap-x: var(--space-xxl);
    --gap-y: var(--space-xxl); }
  .gap-xxl\@xs > * {
    --sub-gap-x: var(--space-xxl);
    --sub-gap-y: var(--space-xxl); }
  .gap-xxxl\@xs {
    --gap-x: var(--space-xxxl);
    --gap-y: var(--space-xxxl); }
  .gap-xxxl\@xs > * {
    --sub-gap-x: var(--space-xxxl);
    --sub-gap-y: var(--space-xxxl); }
  .gap-xxxxl\@xs {
    --gap-x: var(--space-xxxxl);
    --gap-y: var(--space-xxxxl); }
  .gap-xxxxl\@xs > * {
    --sub-gap-x: var(--space-xxxxl);
    --sub-gap-y: var(--space-xxxxl); }
  .gap-0\@xs {
    --gap-x: 0;
    --gap-y: 0; }
  .gap-0\@xs > * {
    --sub-gap-x: 0;
    --sub-gap-y: 0; }
  .gap-x-xxxxs\@xs {
    --gap-x: var(--space-xxxxs); }
  .gap-x-xxxxs\@xs > * {
    --sub-gap-x: var(--space-xxxxs); }
  .gap-x-xxxs\@xs {
    --gap-x: var(--space-xxxs); }
  .gap-x-xxxs\@xs > * {
    --sub-gap-x: var(--space-xxxs); }
  .gap-x-xxs\@xs {
    --gap-x: var(--space-xxs); }
  .gap-x-xxs\@xs > * {
    --sub-gap-x: var(--space-xxs); }
  .gap-x-xs\@xs {
    --gap-x: var(--space-xs); }
  .gap-x-xs\@xs > * {
    --sub-gap-x: var(--space-xs); }
  .gap-x-sm\@xs {
    --gap-x: var(--space-sm); }
  .gap-x-sm\@xs > * {
    --sub-gap-x: var(--space-sm); }
  .gap-x-md\@xs {
    --gap-x: var(--space-md); }
  .gap-x-md\@xs > * {
    --sub-gap-x: var(--space-md); }
  .gap-x-lg\@xs {
    --gap-x: var(--space-lg); }
  .gap-x-lg\@xs > * {
    --sub-gap-x: var(--space-lg); }
  .gap-x-xl\@xs {
    --gap-x: var(--space-xl); }
  .gap-x-xl\@xs > * {
    --sub-gap-x: var(--space-xl); }
  .gap-x-xxl\@xs {
    --gap-x: var(--space-xxl); }
  .gap-x-xxl\@xs > * {
    --sub-gap-x: var(--space-xxl); }
  .gap-x-xxxl\@xs {
    --gap-x: var(--space-xxxl); }
  .gap-x-xxxl\@xs > * {
    --sub-gap-x: var(--space-xxxl); }
  .gap-x-xxxxl\@xs {
    --gap-x: var(--space-xxxxl); }
  .gap-x-xxxxl\@xs > * {
    --sub-gap-x: var(--space-xxxxl); }
  .gap-x-0\@xs {
    --gap-x: 0; }
  .gap-x-0\@xs > * {
    --sub-gap-x: 0; }
  .gap-y-xxxxs\@xs {
    --gap-y: var(--space-xxxxs); }
  .gap-y-xxxxs\@xs > * {
    --sub-gap-y: var(--space-xxxxs); }
  .gap-y-xxxs\@xs {
    --gap-y: var(--space-xxxs); }
  .gap-y-xxxs\@xs > * {
    --sub-gap-y: var(--space-xxxs); }
  .gap-y-xxs\@xs {
    --gap-y: var(--space-xxs); }
  .gap-y-xxs\@xs > * {
    --sub-gap-y: var(--space-xxs); }
  .gap-y-xs\@xs {
    --gap-y: var(--space-xs); }
  .gap-y-xs\@xs > * {
    --sub-gap-y: var(--space-xs); }
  .gap-y-sm\@xs {
    --gap-y: var(--space-sm); }
  .gap-y-sm\@xs > * {
    --sub-gap-y: var(--space-sm); }
  .gap-y-md\@xs {
    --gap-y: var(--space-md); }
  .gap-y-md\@xs > * {
    --sub-gap-y: var(--space-md); }
  .gap-y-lg\@xs {
    --gap-y: var(--space-lg); }
  .gap-y-lg\@xs > * {
    --sub-gap-y: var(--space-lg); }
  .gap-y-xl\@xs {
    --gap-y: var(--space-xl); }
  .gap-y-xl\@xs > * {
    --sub-gap-y: var(--space-xl); }
  .gap-y-xxl\@xs {
    --gap-y: var(--space-xxl); }
  .gap-y-xxl\@xs > * {
    --sub-gap-y: var(--space-xxl); }
  .gap-y-xxxl\@xs {
    --gap-y: var(--space-xxxl); }
  .gap-y-xxxl\@xs > * {
    --sub-gap-y: var(--space-xxxl); }
  .gap-y-xxxxl\@xs {
    --gap-y: var(--space-xxxxl); }
  .gap-y-xxxxl\@xs > * {
    --sub-gap-y: var(--space-xxxxl); }
  .gap-y-0\@xs {
    --gap-y: 0; }
  .gap-y-0\@xs > * {
    --sub-gap-y: 0; }
  .grid-col-1\@xs {
    --grid-columns: 1; }
  .col-1\@xs {
    --span: 1; }
  .grid-col-2\@xs {
    --grid-columns: 2; }
  .col-2\@xs {
    --span: 2; }
  .grid-col-3\@xs {
    --grid-columns: 3; }
  .col-3\@xs {
    --span: 3; }
  .grid-col-4\@xs {
    --grid-columns: 4; }
  .col-4\@xs {
    --span: 4; }
  .grid-col-5\@xs {
    --grid-columns: 5; }
  .col-5\@xs {
    --span: 5; }
  .grid-col-6\@xs {
    --grid-columns: 6; }
  .col-6\@xs {
    --span: 6; }
  .grid-col-7\@xs {
    --grid-columns: 7; }
  .col-7\@xs {
    --span: 7; }
  .grid-col-8\@xs {
    --grid-columns: 8; }
  .col-8\@xs {
    --span: 8; }
  .grid-col-9\@xs {
    --grid-columns: 9; }
  .col-9\@xs {
    --span: 9; }
  .grid-col-10\@xs {
    --grid-columns: 10; }
  .col-10\@xs {
    --span: 10; }
  .grid-col-11\@xs {
    --grid-columns: 11; }
  .col-11\@xs {
    --span: 11; }
  .grid-col-12\@xs {
    --grid-columns: 12; }
  .col-12\@xs {
    --span: 12; }
  .col-1\@xs, .col-2\@xs, .col-3\@xs, .col-4\@xs, .col-5\@xs, .col-6\@xs, .col-7\@xs, .col-8\@xs, .col-9\@xs, .col-10\@xs, .col-11\@xs, .col-12\@xs {
    flex-basis: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x));
    max-width: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x)); }
  .col\@xs {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .col-content\@xs {
    flex-grow: 0;
    flex-basis: initial;
    max-width: initial; }
  .offset-1\@xs {
    --offset: 1; }
  .offset-2\@xs {
    --offset: 2; }
  .offset-3\@xs {
    --offset: 3; }
  .offset-4\@xs {
    --offset: 4; }
  .offset-5\@xs {
    --offset: 5; }
  .offset-6\@xs {
    --offset: 6; }
  .offset-7\@xs {
    --offset: 7; }
  .offset-8\@xs {
    --offset: 8; }
  .offset-9\@xs {
    --offset: 9; }
  .offset-10\@xs {
    --offset: 10; }
  .offset-11\@xs {
    --offset: 11; }
  .offset-1\@xs, .offset-2\@xs, .offset-3\@xs, .offset-4\@xs, .offset-5\@xs, .offset-6\@xs, .offset-7\@xs, .offset-8\@xs, .offset-9\@xs, .offset-10\@xs, .offset-11\@xs {
    margin-left: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset) / var(--grid-columns) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-gap-x)); }
  .offset-0\@xs {
    margin-left: 0; } }

@media (min-width: 48rem) {
  .gap-xxxxs\@sm {
    --gap-x: var(--space-xxxxs);
    --gap-y: var(--space-xxxxs); }
  .gap-xxxxs\@sm > * {
    --sub-gap-x: var(--space-xxxxs);
    --sub-gap-y: var(--space-xxxxs); }
  .gap-xxxs\@sm {
    --gap-x: var(--space-xxxs);
    --gap-y: var(--space-xxxs); }
  .gap-xxxs\@sm > * {
    --sub-gap-x: var(--space-xxxs);
    --sub-gap-y: var(--space-xxxs); }
  .gap-xxs\@sm {
    --gap-x: var(--space-xxs);
    --gap-y: var(--space-xxs); }
  .gap-xxs\@sm > * {
    --sub-gap-x: var(--space-xxs);
    --sub-gap-y: var(--space-xxs); }
  .gap-xs\@sm {
    --gap-x: var(--space-xs);
    --gap-y: var(--space-xs); }
  .gap-xs\@sm > * {
    --sub-gap-x: var(--space-xs);
    --sub-gap-y: var(--space-xs); }
  .gap-sm\@sm {
    --gap-x: var(--space-sm);
    --gap-y: var(--space-sm); }
  .gap-sm\@sm > * {
    --sub-gap-x: var(--space-sm);
    --sub-gap-y: var(--space-sm); }
  .gap-md\@sm {
    --gap-x: var(--space-md);
    --gap-y: var(--space-md); }
  .gap-md\@sm > * {
    --sub-gap-x: var(--space-md);
    --sub-gap-y: var(--space-md); }
  .gap-lg\@sm {
    --gap-x: var(--space-lg);
    --gap-y: var(--space-lg); }
  .gap-lg\@sm > * {
    --sub-gap-x: var(--space-lg);
    --sub-gap-y: var(--space-lg); }
  .gap-xl\@sm {
    --gap-x: var(--space-xl);
    --gap-y: var(--space-xl); }
  .gap-xl\@sm > * {
    --sub-gap-x: var(--space-xl);
    --sub-gap-y: var(--space-xl); }
  .gap-xxl\@sm {
    --gap-x: var(--space-xxl);
    --gap-y: var(--space-xxl); }
  .gap-xxl\@sm > * {
    --sub-gap-x: var(--space-xxl);
    --sub-gap-y: var(--space-xxl); }
  .gap-xxxl\@sm {
    --gap-x: var(--space-xxxl);
    --gap-y: var(--space-xxxl); }
  .gap-xxxl\@sm > * {
    --sub-gap-x: var(--space-xxxl);
    --sub-gap-y: var(--space-xxxl); }
  .gap-xxxxl\@sm {
    --gap-x: var(--space-xxxxl);
    --gap-y: var(--space-xxxxl); }
  .gap-xxxxl\@sm > * {
    --sub-gap-x: var(--space-xxxxl);
    --sub-gap-y: var(--space-xxxxl); }
  .gap-0\@sm {
    --gap-x: 0;
    --gap-y: 0; }
  .gap-0\@sm > * {
    --sub-gap-x: 0;
    --sub-gap-y: 0; }
  .gap-x-xxxxs\@sm {
    --gap-x: var(--space-xxxxs); }
  .gap-x-xxxxs\@sm > * {
    --sub-gap-x: var(--space-xxxxs); }
  .gap-x-xxxs\@sm {
    --gap-x: var(--space-xxxs); }
  .gap-x-xxxs\@sm > * {
    --sub-gap-x: var(--space-xxxs); }
  .gap-x-xxs\@sm {
    --gap-x: var(--space-xxs); }
  .gap-x-xxs\@sm > * {
    --sub-gap-x: var(--space-xxs); }
  .gap-x-xs\@sm {
    --gap-x: var(--space-xs); }
  .gap-x-xs\@sm > * {
    --sub-gap-x: var(--space-xs); }
  .gap-x-sm\@sm {
    --gap-x: var(--space-sm); }
  .gap-x-sm\@sm > * {
    --sub-gap-x: var(--space-sm); }
  .gap-x-md\@sm {
    --gap-x: var(--space-md); }
  .gap-x-md\@sm > * {
    --sub-gap-x: var(--space-md); }
  .gap-x-lg\@sm {
    --gap-x: var(--space-lg); }
  .gap-x-lg\@sm > * {
    --sub-gap-x: var(--space-lg); }
  .gap-x-xl\@sm {
    --gap-x: var(--space-xl); }
  .gap-x-xl\@sm > * {
    --sub-gap-x: var(--space-xl); }
  .gap-x-xxl\@sm {
    --gap-x: var(--space-xxl); }
  .gap-x-xxl\@sm > * {
    --sub-gap-x: var(--space-xxl); }
  .gap-x-xxxl\@sm {
    --gap-x: var(--space-xxxl); }
  .gap-x-xxxl\@sm > * {
    --sub-gap-x: var(--space-xxxl); }
  .gap-x-xxxxl\@sm {
    --gap-x: var(--space-xxxxl); }
  .gap-x-xxxxl\@sm > * {
    --sub-gap-x: var(--space-xxxxl); }
  .gap-x-0\@sm {
    --gap-x: 0; }
  .gap-x-0\@sm > * {
    --sub-gap-x: 0; }
  .gap-y-xxxxs\@sm {
    --gap-y: var(--space-xxxxs); }
  .gap-y-xxxxs\@sm > * {
    --sub-gap-y: var(--space-xxxxs); }
  .gap-y-xxxs\@sm {
    --gap-y: var(--space-xxxs); }
  .gap-y-xxxs\@sm > * {
    --sub-gap-y: var(--space-xxxs); }
  .gap-y-xxs\@sm {
    --gap-y: var(--space-xxs); }
  .gap-y-xxs\@sm > * {
    --sub-gap-y: var(--space-xxs); }
  .gap-y-xs\@sm {
    --gap-y: var(--space-xs); }
  .gap-y-xs\@sm > * {
    --sub-gap-y: var(--space-xs); }
  .gap-y-sm\@sm {
    --gap-y: var(--space-sm); }
  .gap-y-sm\@sm > * {
    --sub-gap-y: var(--space-sm); }
  .gap-y-md\@sm {
    --gap-y: var(--space-md); }
  .gap-y-md\@sm > * {
    --sub-gap-y: var(--space-md); }
  .gap-y-lg\@sm {
    --gap-y: var(--space-lg); }
  .gap-y-lg\@sm > * {
    --sub-gap-y: var(--space-lg); }
  .gap-y-xl\@sm {
    --gap-y: var(--space-xl); }
  .gap-y-xl\@sm > * {
    --sub-gap-y: var(--space-xl); }
  .gap-y-xxl\@sm {
    --gap-y: var(--space-xxl); }
  .gap-y-xxl\@sm > * {
    --sub-gap-y: var(--space-xxl); }
  .gap-y-xxxl\@sm {
    --gap-y: var(--space-xxxl); }
  .gap-y-xxxl\@sm > * {
    --sub-gap-y: var(--space-xxxl); }
  .gap-y-xxxxl\@sm {
    --gap-y: var(--space-xxxxl); }
  .gap-y-xxxxl\@sm > * {
    --sub-gap-y: var(--space-xxxxl); }
  .gap-y-0\@sm {
    --gap-y: 0; }
  .gap-y-0\@sm > * {
    --sub-gap-y: 0; }
  .grid-col-1\@sm {
    --grid-columns: 1; }
  .col-1\@sm {
    --span: 1; }
  .grid-col-2\@sm {
    --grid-columns: 2; }
  .col-2\@sm {
    --span: 2; }
  .grid-col-3\@sm {
    --grid-columns: 3; }
  .col-3\@sm {
    --span: 3; }
  .grid-col-4\@sm {
    --grid-columns: 4; }
  .col-4\@sm {
    --span: 4; }
  .grid-col-5\@sm {
    --grid-columns: 5; }
  .col-5\@sm {
    --span: 5; }
  .grid-col-6\@sm {
    --grid-columns: 6; }
  .col-6\@sm {
    --span: 6; }
  .grid-col-7\@sm {
    --grid-columns: 7; }
  .col-7\@sm {
    --span: 7; }
  .grid-col-8\@sm {
    --grid-columns: 8; }
  .col-8\@sm {
    --span: 8; }
  .grid-col-9\@sm {
    --grid-columns: 9; }
  .col-9\@sm {
    --span: 9; }
  .grid-col-10\@sm {
    --grid-columns: 10; }
  .col-10\@sm {
    --span: 10; }
  .grid-col-11\@sm {
    --grid-columns: 11; }
  .col-11\@sm {
    --span: 11; }
  .grid-col-12\@sm {
    --grid-columns: 12; }
  .col-12\@sm {
    --span: 12; }
  .col-1\@sm, .col-2\@sm, .col-3\@sm, .col-4\@sm, .col-5\@sm, .col-6\@sm, .col-7\@sm, .col-8\@sm, .col-9\@sm, .col-10\@sm, .col-11\@sm, .col-12\@sm {
    flex-basis: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x));
    max-width: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x)); }
  .col\@sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .col-content\@sm {
    flex-grow: 0;
    flex-basis: initial;
    max-width: initial; }
  .offset-1\@sm {
    --offset: 1; }
  .offset-2\@sm {
    --offset: 2; }
  .offset-3\@sm {
    --offset: 3; }
  .offset-4\@sm {
    --offset: 4; }
  .offset-5\@sm {
    --offset: 5; }
  .offset-6\@sm {
    --offset: 6; }
  .offset-7\@sm {
    --offset: 7; }
  .offset-8\@sm {
    --offset: 8; }
  .offset-9\@sm {
    --offset: 9; }
  .offset-10\@sm {
    --offset: 10; }
  .offset-11\@sm {
    --offset: 11; }
  .offset-1\@sm, .offset-2\@sm, .offset-3\@sm, .offset-4\@sm, .offset-5\@sm, .offset-6\@sm, .offset-7\@sm, .offset-8\@sm, .offset-9\@sm, .offset-10\@sm, .offset-11\@sm {
    margin-left: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset) / var(--grid-columns) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-gap-x)); }
  .offset-0\@sm {
    margin-left: 0; } }

@media (min-width: 64rem) {
  .gap-xxxxs\@md {
    --gap-x: var(--space-xxxxs);
    --gap-y: var(--space-xxxxs); }
  .gap-xxxxs\@md > * {
    --sub-gap-x: var(--space-xxxxs);
    --sub-gap-y: var(--space-xxxxs); }
  .gap-xxxs\@md {
    --gap-x: var(--space-xxxs);
    --gap-y: var(--space-xxxs); }
  .gap-xxxs\@md > * {
    --sub-gap-x: var(--space-xxxs);
    --sub-gap-y: var(--space-xxxs); }
  .gap-xxs\@md {
    --gap-x: var(--space-xxs);
    --gap-y: var(--space-xxs); }
  .gap-xxs\@md > * {
    --sub-gap-x: var(--space-xxs);
    --sub-gap-y: var(--space-xxs); }
  .gap-xs\@md {
    --gap-x: var(--space-xs);
    --gap-y: var(--space-xs); }
  .gap-xs\@md > * {
    --sub-gap-x: var(--space-xs);
    --sub-gap-y: var(--space-xs); }
  .gap-sm\@md {
    --gap-x: var(--space-sm);
    --gap-y: var(--space-sm); }
  .gap-sm\@md > * {
    --sub-gap-x: var(--space-sm);
    --sub-gap-y: var(--space-sm); }
  .gap-md\@md {
    --gap-x: var(--space-md);
    --gap-y: var(--space-md); }
  .gap-md\@md > * {
    --sub-gap-x: var(--space-md);
    --sub-gap-y: var(--space-md); }
  .gap-lg\@md {
    --gap-x: var(--space-lg);
    --gap-y: var(--space-lg); }
  .gap-lg\@md > * {
    --sub-gap-x: var(--space-lg);
    --sub-gap-y: var(--space-lg); }
  .gap-xl\@md {
    --gap-x: var(--space-xl);
    --gap-y: var(--space-xl); }
  .gap-xl\@md > * {
    --sub-gap-x: var(--space-xl);
    --sub-gap-y: var(--space-xl); }
  .gap-xxl\@md {
    --gap-x: var(--space-xxl);
    --gap-y: var(--space-xxl); }
  .gap-xxl\@md > * {
    --sub-gap-x: var(--space-xxl);
    --sub-gap-y: var(--space-xxl); }
  .gap-xxxl\@md {
    --gap-x: var(--space-xxxl);
    --gap-y: var(--space-xxxl); }
  .gap-xxxl\@md > * {
    --sub-gap-x: var(--space-xxxl);
    --sub-gap-y: var(--space-xxxl); }
  .gap-xxxxl\@md {
    --gap-x: var(--space-xxxxl);
    --gap-y: var(--space-xxxxl); }
  .gap-xxxxl\@md > * {
    --sub-gap-x: var(--space-xxxxl);
    --sub-gap-y: var(--space-xxxxl); }
  .gap-0\@md {
    --gap-x: 0;
    --gap-y: 0; }
  .gap-0\@md > * {
    --sub-gap-x: 0;
    --sub-gap-y: 0; }
  .gap-x-xxxxs\@md {
    --gap-x: var(--space-xxxxs); }
  .gap-x-xxxxs\@md > * {
    --sub-gap-x: var(--space-xxxxs); }
  .gap-x-xxxs\@md {
    --gap-x: var(--space-xxxs); }
  .gap-x-xxxs\@md > * {
    --sub-gap-x: var(--space-xxxs); }
  .gap-x-xxs\@md {
    --gap-x: var(--space-xxs); }
  .gap-x-xxs\@md > * {
    --sub-gap-x: var(--space-xxs); }
  .gap-x-xs\@md {
    --gap-x: var(--space-xs); }
  .gap-x-xs\@md > * {
    --sub-gap-x: var(--space-xs); }
  .gap-x-sm\@md {
    --gap-x: var(--space-sm); }
  .gap-x-sm\@md > * {
    --sub-gap-x: var(--space-sm); }
  .gap-x-md\@md {
    --gap-x: var(--space-md); }
  .gap-x-md\@md > * {
    --sub-gap-x: var(--space-md); }
  .gap-x-lg\@md {
    --gap-x: var(--space-lg); }
  .gap-x-lg\@md > * {
    --sub-gap-x: var(--space-lg); }
  .gap-x-xl\@md {
    --gap-x: var(--space-xl); }
  .gap-x-xl\@md > * {
    --sub-gap-x: var(--space-xl); }
  .gap-x-xxl\@md {
    --gap-x: var(--space-xxl); }
  .gap-x-xxl\@md > * {
    --sub-gap-x: var(--space-xxl); }
  .gap-x-xxxl\@md {
    --gap-x: var(--space-xxxl); }
  .gap-x-xxxl\@md > * {
    --sub-gap-x: var(--space-xxxl); }
  .gap-x-xxxxl\@md {
    --gap-x: var(--space-xxxxl); }
  .gap-x-xxxxl\@md > * {
    --sub-gap-x: var(--space-xxxxl); }
  .gap-x-0\@md {
    --gap-x: 0; }
  .gap-x-0\@md > * {
    --sub-gap-x: 0; }
  .gap-y-xxxxs\@md {
    --gap-y: var(--space-xxxxs); }
  .gap-y-xxxxs\@md > * {
    --sub-gap-y: var(--space-xxxxs); }
  .gap-y-xxxs\@md {
    --gap-y: var(--space-xxxs); }
  .gap-y-xxxs\@md > * {
    --sub-gap-y: var(--space-xxxs); }
  .gap-y-xxs\@md {
    --gap-y: var(--space-xxs); }
  .gap-y-xxs\@md > * {
    --sub-gap-y: var(--space-xxs); }
  .gap-y-xs\@md {
    --gap-y: var(--space-xs); }
  .gap-y-xs\@md > * {
    --sub-gap-y: var(--space-xs); }
  .gap-y-sm\@md {
    --gap-y: var(--space-sm); }
  .gap-y-sm\@md > * {
    --sub-gap-y: var(--space-sm); }
  .gap-y-md\@md {
    --gap-y: var(--space-md); }
  .gap-y-md\@md > * {
    --sub-gap-y: var(--space-md); }
  .gap-y-lg\@md {
    --gap-y: var(--space-lg); }
  .gap-y-lg\@md > * {
    --sub-gap-y: var(--space-lg); }
  .gap-y-xl\@md {
    --gap-y: var(--space-xl); }
  .gap-y-xl\@md > * {
    --sub-gap-y: var(--space-xl); }
  .gap-y-xxl\@md {
    --gap-y: var(--space-xxl); }
  .gap-y-xxl\@md > * {
    --sub-gap-y: var(--space-xxl); }
  .gap-y-xxxl\@md {
    --gap-y: var(--space-xxxl); }
  .gap-y-xxxl\@md > * {
    --sub-gap-y: var(--space-xxxl); }
  .gap-y-xxxxl\@md {
    --gap-y: var(--space-xxxxl); }
  .gap-y-xxxxl\@md > * {
    --sub-gap-y: var(--space-xxxxl); }
  .gap-y-0\@md {
    --gap-y: 0; }
  .gap-y-0\@md > * {
    --sub-gap-y: 0; }
  .grid-col-1\@md {
    --grid-columns: 1; }
  .col-1\@md {
    --span: 1; }
  .grid-col-2\@md {
    --grid-columns: 2; }
  .col-2\@md {
    --span: 2; }
  .grid-col-3\@md {
    --grid-columns: 3; }
  .col-3\@md {
    --span: 3; }
  .grid-col-4\@md {
    --grid-columns: 4; }
  .col-4\@md {
    --span: 4; }
  .grid-col-5\@md {
    --grid-columns: 5; }
  .col-5\@md {
    --span: 5; }
  .grid-col-6\@md {
    --grid-columns: 6; }
  .col-6\@md {
    --span: 6; }
  .grid-col-7\@md {
    --grid-columns: 7; }
  .col-7\@md {
    --span: 7; }
  .grid-col-8\@md {
    --grid-columns: 8; }
  .col-8\@md {
    --span: 8; }
  .grid-col-9\@md {
    --grid-columns: 9; }
  .col-9\@md {
    --span: 9; }
  .grid-col-10\@md {
    --grid-columns: 10; }
  .col-10\@md {
    --span: 10; }
  .grid-col-11\@md {
    --grid-columns: 11; }
  .col-11\@md {
    --span: 11; }
  .grid-col-12\@md {
    --grid-columns: 12; }
  .col-12\@md {
    --span: 12; }
  .col-1\@md, .col-2\@md, .col-3\@md, .col-4\@md, .col-5\@md, .col-6\@md, .col-7\@md, .col-8\@md, .col-9\@md, .col-10\@md, .col-11\@md, .col-12\@md {
    flex-basis: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x));
    max-width: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x)); }
  .col\@md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .col-content\@md {
    flex-grow: 0;
    flex-basis: initial;
    max-width: initial; }
  .offset-1\@md {
    --offset: 1; }
  .offset-2\@md {
    --offset: 2; }
  .offset-3\@md {
    --offset: 3; }
  .offset-4\@md {
    --offset: 4; }
  .offset-5\@md {
    --offset: 5; }
  .offset-6\@md {
    --offset: 6; }
  .offset-7\@md {
    --offset: 7; }
  .offset-8\@md {
    --offset: 8; }
  .offset-9\@md {
    --offset: 9; }
  .offset-10\@md {
    --offset: 10; }
  .offset-11\@md {
    --offset: 11; }
  .offset-1\@md, .offset-2\@md, .offset-3\@md, .offset-4\@md, .offset-5\@md, .offset-6\@md, .offset-7\@md, .offset-8\@md, .offset-9\@md, .offset-10\@md, .offset-11\@md {
    margin-left: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset) / var(--grid-columns) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-gap-x)); }
  .offset-0\@md {
    margin-left: 0; } }

@media (min-width: 80rem) {
  .gap-xxxxs\@lg {
    --gap-x: var(--space-xxxxs);
    --gap-y: var(--space-xxxxs); }
  .gap-xxxxs\@lg > * {
    --sub-gap-x: var(--space-xxxxs);
    --sub-gap-y: var(--space-xxxxs); }
  .gap-xxxs\@lg {
    --gap-x: var(--space-xxxs);
    --gap-y: var(--space-xxxs); }
  .gap-xxxs\@lg > * {
    --sub-gap-x: var(--space-xxxs);
    --sub-gap-y: var(--space-xxxs); }
  .gap-xxs\@lg {
    --gap-x: var(--space-xxs);
    --gap-y: var(--space-xxs); }
  .gap-xxs\@lg > * {
    --sub-gap-x: var(--space-xxs);
    --sub-gap-y: var(--space-xxs); }
  .gap-xs\@lg {
    --gap-x: var(--space-xs);
    --gap-y: var(--space-xs); }
  .gap-xs\@lg > * {
    --sub-gap-x: var(--space-xs);
    --sub-gap-y: var(--space-xs); }
  .gap-sm\@lg {
    --gap-x: var(--space-sm);
    --gap-y: var(--space-sm); }
  .gap-sm\@lg > * {
    --sub-gap-x: var(--space-sm);
    --sub-gap-y: var(--space-sm); }
  .gap-md\@lg {
    --gap-x: var(--space-md);
    --gap-y: var(--space-md); }
  .gap-md\@lg > * {
    --sub-gap-x: var(--space-md);
    --sub-gap-y: var(--space-md); }
  .gap-lg\@lg {
    --gap-x: var(--space-lg);
    --gap-y: var(--space-lg); }
  .gap-lg\@lg > * {
    --sub-gap-x: var(--space-lg);
    --sub-gap-y: var(--space-lg); }
  .gap-xl\@lg {
    --gap-x: var(--space-xl);
    --gap-y: var(--space-xl); }
  .gap-xl\@lg > * {
    --sub-gap-x: var(--space-xl);
    --sub-gap-y: var(--space-xl); }
  .gap-xxl\@lg {
    --gap-x: var(--space-xxl);
    --gap-y: var(--space-xxl); }
  .gap-xxl\@lg > * {
    --sub-gap-x: var(--space-xxl);
    --sub-gap-y: var(--space-xxl); }
  .gap-xxxl\@lg {
    --gap-x: var(--space-xxxl);
    --gap-y: var(--space-xxxl); }
  .gap-xxxl\@lg > * {
    --sub-gap-x: var(--space-xxxl);
    --sub-gap-y: var(--space-xxxl); }
  .gap-xxxxl\@lg {
    --gap-x: var(--space-xxxxl);
    --gap-y: var(--space-xxxxl); }
  .gap-xxxxl\@lg > * {
    --sub-gap-x: var(--space-xxxxl);
    --sub-gap-y: var(--space-xxxxl); }
  .gap-0\@lg {
    --gap-x: 0;
    --gap-y: 0; }
  .gap-0\@lg > * {
    --sub-gap-x: 0;
    --sub-gap-y: 0; }
  .gap-x-xxxxs\@lg {
    --gap-x: var(--space-xxxxs); }
  .gap-x-xxxxs\@lg > * {
    --sub-gap-x: var(--space-xxxxs); }
  .gap-x-xxxs\@lg {
    --gap-x: var(--space-xxxs); }
  .gap-x-xxxs\@lg > * {
    --sub-gap-x: var(--space-xxxs); }
  .gap-x-xxs\@lg {
    --gap-x: var(--space-xxs); }
  .gap-x-xxs\@lg > * {
    --sub-gap-x: var(--space-xxs); }
  .gap-x-xs\@lg {
    --gap-x: var(--space-xs); }
  .gap-x-xs\@lg > * {
    --sub-gap-x: var(--space-xs); }
  .gap-x-sm\@lg {
    --gap-x: var(--space-sm); }
  .gap-x-sm\@lg > * {
    --sub-gap-x: var(--space-sm); }
  .gap-x-md\@lg {
    --gap-x: var(--space-md); }
  .gap-x-md\@lg > * {
    --sub-gap-x: var(--space-md); }
  .gap-x-lg\@lg {
    --gap-x: var(--space-lg); }
  .gap-x-lg\@lg > * {
    --sub-gap-x: var(--space-lg); }
  .gap-x-xl\@lg {
    --gap-x: var(--space-xl); }
  .gap-x-xl\@lg > * {
    --sub-gap-x: var(--space-xl); }
  .gap-x-xxl\@lg {
    --gap-x: var(--space-xxl); }
  .gap-x-xxl\@lg > * {
    --sub-gap-x: var(--space-xxl); }
  .gap-x-xxxl\@lg {
    --gap-x: var(--space-xxxl); }
  .gap-x-xxxl\@lg > * {
    --sub-gap-x: var(--space-xxxl); }
  .gap-x-xxxxl\@lg {
    --gap-x: var(--space-xxxxl); }
  .gap-x-xxxxl\@lg > * {
    --sub-gap-x: var(--space-xxxxl); }
  .gap-x-0\@lg {
    --gap-x: 0; }
  .gap-x-0\@lg > * {
    --sub-gap-x: 0; }
  .gap-y-xxxxs\@lg {
    --gap-y: var(--space-xxxxs); }
  .gap-y-xxxxs\@lg > * {
    --sub-gap-y: var(--space-xxxxs); }
  .gap-y-xxxs\@lg {
    --gap-y: var(--space-xxxs); }
  .gap-y-xxxs\@lg > * {
    --sub-gap-y: var(--space-xxxs); }
  .gap-y-xxs\@lg {
    --gap-y: var(--space-xxs); }
  .gap-y-xxs\@lg > * {
    --sub-gap-y: var(--space-xxs); }
  .gap-y-xs\@lg {
    --gap-y: var(--space-xs); }
  .gap-y-xs\@lg > * {
    --sub-gap-y: var(--space-xs); }
  .gap-y-sm\@lg {
    --gap-y: var(--space-sm); }
  .gap-y-sm\@lg > * {
    --sub-gap-y: var(--space-sm); }
  .gap-y-md\@lg {
    --gap-y: var(--space-md); }
  .gap-y-md\@lg > * {
    --sub-gap-y: var(--space-md); }
  .gap-y-lg\@lg {
    --gap-y: var(--space-lg); }
  .gap-y-lg\@lg > * {
    --sub-gap-y: var(--space-lg); }
  .gap-y-xl\@lg {
    --gap-y: var(--space-xl); }
  .gap-y-xl\@lg > * {
    --sub-gap-y: var(--space-xl); }
  .gap-y-xxl\@lg {
    --gap-y: var(--space-xxl); }
  .gap-y-xxl\@lg > * {
    --sub-gap-y: var(--space-xxl); }
  .gap-y-xxxl\@lg {
    --gap-y: var(--space-xxxl); }
  .gap-y-xxxl\@lg > * {
    --sub-gap-y: var(--space-xxxl); }
  .gap-y-xxxxl\@lg {
    --gap-y: var(--space-xxxxl); }
  .gap-y-xxxxl\@lg > * {
    --sub-gap-y: var(--space-xxxxl); }
  .gap-y-0\@lg {
    --gap-y: 0; }
  .gap-y-0\@lg > * {
    --sub-gap-y: 0; }
  .grid-col-1\@lg {
    --grid-columns: 1; }
  .col-1\@lg {
    --span: 1; }
  .grid-col-2\@lg {
    --grid-columns: 2; }
  .col-2\@lg {
    --span: 2; }
  .grid-col-3\@lg {
    --grid-columns: 3; }
  .col-3\@lg {
    --span: 3; }
  .grid-col-4\@lg {
    --grid-columns: 4; }
  .col-4\@lg {
    --span: 4; }
  .grid-col-5\@lg {
    --grid-columns: 5; }
  .col-5\@lg {
    --span: 5; }
  .grid-col-6\@lg {
    --grid-columns: 6; }
  .col-6\@lg {
    --span: 6; }
  .grid-col-7\@lg {
    --grid-columns: 7; }
  .col-7\@lg {
    --span: 7; }
  .grid-col-8\@lg {
    --grid-columns: 8; }
  .col-8\@lg {
    --span: 8; }
  .grid-col-9\@lg {
    --grid-columns: 9; }
  .col-9\@lg {
    --span: 9; }
  .grid-col-10\@lg {
    --grid-columns: 10; }
  .col-10\@lg {
    --span: 10; }
  .grid-col-11\@lg {
    --grid-columns: 11; }
  .col-11\@lg {
    --span: 11; }
  .grid-col-12\@lg {
    --grid-columns: 12; }
  .col-12\@lg {
    --span: 12; }
  .col-1\@lg, .col-2\@lg, .col-3\@lg, .col-4\@lg, .col-5\@lg, .col-6\@lg, .col-7\@lg, .col-8\@lg, .col-9\@lg, .col-10\@lg, .col-11\@lg, .col-12\@lg {
    flex-basis: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x));
    max-width: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x)); }
  .col\@lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .col-content\@lg {
    flex-grow: 0;
    flex-basis: initial;
    max-width: initial; }
  .offset-1\@lg {
    --offset: 1; }
  .offset-2\@lg {
    --offset: 2; }
  .offset-3\@lg {
    --offset: 3; }
  .offset-4\@lg {
    --offset: 4; }
  .offset-5\@lg {
    --offset: 5; }
  .offset-6\@lg {
    --offset: 6; }
  .offset-7\@lg {
    --offset: 7; }
  .offset-8\@lg {
    --offset: 8; }
  .offset-9\@lg {
    --offset: 9; }
  .offset-10\@lg {
    --offset: 10; }
  .offset-11\@lg {
    --offset: 11; }
  .offset-1\@lg, .offset-2\@lg, .offset-3\@lg, .offset-4\@lg, .offset-5\@lg, .offset-6\@lg, .offset-7\@lg, .offset-8\@lg, .offset-9\@lg, .offset-10\@lg, .offset-11\@lg {
    margin-left: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset) / var(--grid-columns) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-gap-x)); }
  .offset-0\@lg {
    margin-left: 0; } }

@media (min-width: 90rem) {
  .gap-xxxxs\@xl {
    --gap-x: var(--space-xxxxs);
    --gap-y: var(--space-xxxxs); }
  .gap-xxxxs\@xl > * {
    --sub-gap-x: var(--space-xxxxs);
    --sub-gap-y: var(--space-xxxxs); }
  .gap-xxxs\@xl {
    --gap-x: var(--space-xxxs);
    --gap-y: var(--space-xxxs); }
  .gap-xxxs\@xl > * {
    --sub-gap-x: var(--space-xxxs);
    --sub-gap-y: var(--space-xxxs); }
  .gap-xxs\@xl {
    --gap-x: var(--space-xxs);
    --gap-y: var(--space-xxs); }
  .gap-xxs\@xl > * {
    --sub-gap-x: var(--space-xxs);
    --sub-gap-y: var(--space-xxs); }
  .gap-xs\@xl {
    --gap-x: var(--space-xs);
    --gap-y: var(--space-xs); }
  .gap-xs\@xl > * {
    --sub-gap-x: var(--space-xs);
    --sub-gap-y: var(--space-xs); }
  .gap-sm\@xl {
    --gap-x: var(--space-sm);
    --gap-y: var(--space-sm); }
  .gap-sm\@xl > * {
    --sub-gap-x: var(--space-sm);
    --sub-gap-y: var(--space-sm); }
  .gap-md\@xl {
    --gap-x: var(--space-md);
    --gap-y: var(--space-md); }
  .gap-md\@xl > * {
    --sub-gap-x: var(--space-md);
    --sub-gap-y: var(--space-md); }
  .gap-lg\@xl {
    --gap-x: var(--space-lg);
    --gap-y: var(--space-lg); }
  .gap-lg\@xl > * {
    --sub-gap-x: var(--space-lg);
    --sub-gap-y: var(--space-lg); }
  .gap-xl\@xl {
    --gap-x: var(--space-xl);
    --gap-y: var(--space-xl); }
  .gap-xl\@xl > * {
    --sub-gap-x: var(--space-xl);
    --sub-gap-y: var(--space-xl); }
  .gap-xxl\@xl {
    --gap-x: var(--space-xxl);
    --gap-y: var(--space-xxl); }
  .gap-xxl\@xl > * {
    --sub-gap-x: var(--space-xxl);
    --sub-gap-y: var(--space-xxl); }
  .gap-xxxl\@xl {
    --gap-x: var(--space-xxxl);
    --gap-y: var(--space-xxxl); }
  .gap-xxxl\@xl > * {
    --sub-gap-x: var(--space-xxxl);
    --sub-gap-y: var(--space-xxxl); }
  .gap-xxxxl\@xl {
    --gap-x: var(--space-xxxxl);
    --gap-y: var(--space-xxxxl); }
  .gap-xxxxl\@xl > * {
    --sub-gap-x: var(--space-xxxxl);
    --sub-gap-y: var(--space-xxxxl); }
  .gap-0\@xl {
    --gap-x: 0;
    --gap-y: 0; }
  .gap-0\@xl > * {
    --sub-gap-x: 0;
    --sub-gap-y: 0; }
  .gap-x-xxxxs\@xl {
    --gap-x: var(--space-xxxxs); }
  .gap-x-xxxxs\@xl > * {
    --sub-gap-x: var(--space-xxxxs); }
  .gap-x-xxxs\@xl {
    --gap-x: var(--space-xxxs); }
  .gap-x-xxxs\@xl > * {
    --sub-gap-x: var(--space-xxxs); }
  .gap-x-xxs\@xl {
    --gap-x: var(--space-xxs); }
  .gap-x-xxs\@xl > * {
    --sub-gap-x: var(--space-xxs); }
  .gap-x-xs\@xl {
    --gap-x: var(--space-xs); }
  .gap-x-xs\@xl > * {
    --sub-gap-x: var(--space-xs); }
  .gap-x-sm\@xl {
    --gap-x: var(--space-sm); }
  .gap-x-sm\@xl > * {
    --sub-gap-x: var(--space-sm); }
  .gap-x-md\@xl {
    --gap-x: var(--space-md); }
  .gap-x-md\@xl > * {
    --sub-gap-x: var(--space-md); }
  .gap-x-lg\@xl {
    --gap-x: var(--space-lg); }
  .gap-x-lg\@xl > * {
    --sub-gap-x: var(--space-lg); }
  .gap-x-xl\@xl {
    --gap-x: var(--space-xl); }
  .gap-x-xl\@xl > * {
    --sub-gap-x: var(--space-xl); }
  .gap-x-xxl\@xl {
    --gap-x: var(--space-xxl); }
  .gap-x-xxl\@xl > * {
    --sub-gap-x: var(--space-xxl); }
  .gap-x-xxxl\@xl {
    --gap-x: var(--space-xxxl); }
  .gap-x-xxxl\@xl > * {
    --sub-gap-x: var(--space-xxxl); }
  .gap-x-xxxxl\@xl {
    --gap-x: var(--space-xxxxl); }
  .gap-x-xxxxl\@xl > * {
    --sub-gap-x: var(--space-xxxxl); }
  .gap-x-0\@xl {
    --gap-x: 0; }
  .gap-x-0\@xl > * {
    --sub-gap-x: 0; }
  .gap-y-xxxxs\@xl {
    --gap-y: var(--space-xxxxs); }
  .gap-y-xxxxs\@xl > * {
    --sub-gap-y: var(--space-xxxxs); }
  .gap-y-xxxs\@xl {
    --gap-y: var(--space-xxxs); }
  .gap-y-xxxs\@xl > * {
    --sub-gap-y: var(--space-xxxs); }
  .gap-y-xxs\@xl {
    --gap-y: var(--space-xxs); }
  .gap-y-xxs\@xl > * {
    --sub-gap-y: var(--space-xxs); }
  .gap-y-xs\@xl {
    --gap-y: var(--space-xs); }
  .gap-y-xs\@xl > * {
    --sub-gap-y: var(--space-xs); }
  .gap-y-sm\@xl {
    --gap-y: var(--space-sm); }
  .gap-y-sm\@xl > * {
    --sub-gap-y: var(--space-sm); }
  .gap-y-md\@xl {
    --gap-y: var(--space-md); }
  .gap-y-md\@xl > * {
    --sub-gap-y: var(--space-md); }
  .gap-y-lg\@xl {
    --gap-y: var(--space-lg); }
  .gap-y-lg\@xl > * {
    --sub-gap-y: var(--space-lg); }
  .gap-y-xl\@xl {
    --gap-y: var(--space-xl); }
  .gap-y-xl\@xl > * {
    --sub-gap-y: var(--space-xl); }
  .gap-y-xxl\@xl {
    --gap-y: var(--space-xxl); }
  .gap-y-xxl\@xl > * {
    --sub-gap-y: var(--space-xxl); }
  .gap-y-xxxl\@xl {
    --gap-y: var(--space-xxxl); }
  .gap-y-xxxl\@xl > * {
    --sub-gap-y: var(--space-xxxl); }
  .gap-y-xxxxl\@xl {
    --gap-y: var(--space-xxxxl); }
  .gap-y-xxxxl\@xl > * {
    --sub-gap-y: var(--space-xxxxl); }
  .gap-y-0\@xl {
    --gap-y: 0; }
  .gap-y-0\@xl > * {
    --sub-gap-y: 0; }
  .grid-col-1\@xl {
    --grid-columns: 1; }
  .col-1\@xl {
    --span: 1; }
  .grid-col-2\@xl {
    --grid-columns: 2; }
  .col-2\@xl {
    --span: 2; }
  .grid-col-3\@xl {
    --grid-columns: 3; }
  .col-3\@xl {
    --span: 3; }
  .grid-col-4\@xl {
    --grid-columns: 4; }
  .col-4\@xl {
    --span: 4; }
  .grid-col-5\@xl {
    --grid-columns: 5; }
  .col-5\@xl {
    --span: 5; }
  .grid-col-6\@xl {
    --grid-columns: 6; }
  .col-6\@xl {
    --span: 6; }
  .grid-col-7\@xl {
    --grid-columns: 7; }
  .col-7\@xl {
    --span: 7; }
  .grid-col-8\@xl {
    --grid-columns: 8; }
  .col-8\@xl {
    --span: 8; }
  .grid-col-9\@xl {
    --grid-columns: 9; }
  .col-9\@xl {
    --span: 9; }
  .grid-col-10\@xl {
    --grid-columns: 10; }
  .col-10\@xl {
    --span: 10; }
  .grid-col-11\@xl {
    --grid-columns: 11; }
  .col-11\@xl {
    --span: 11; }
  .grid-col-12\@xl {
    --grid-columns: 12; }
  .col-12\@xl {
    --span: 12; }
  .col-1\@xl, .col-2\@xl, .col-3\@xl, .col-4\@xl, .col-5\@xl, .col-6\@xl, .col-7\@xl, .col-8\@xl, .col-9\@xl, .col-10\@xl, .col-11\@xl, .col-12\@xl {
    flex-basis: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x));
    max-width: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x)); }
  .col\@xl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .col-content\@xl {
    flex-grow: 0;
    flex-basis: initial;
    max-width: initial; }
  .offset-1\@xl {
    --offset: 1; }
  .offset-2\@xl {
    --offset: 2; }
  .offset-3\@xl {
    --offset: 3; }
  .offset-4\@xl {
    --offset: 4; }
  .offset-5\@xl {
    --offset: 5; }
  .offset-6\@xl {
    --offset: 6; }
  .offset-7\@xl {
    --offset: 7; }
  .offset-8\@xl {
    --offset: 8; }
  .offset-9\@xl {
    --offset: 9; }
  .offset-10\@xl {
    --offset: 10; }
  .offset-11\@xl {
    --offset: 11; }
  .offset-1\@xl, .offset-2\@xl, .offset-3\@xl, .offset-4\@xl, .offset-5\@xl, .offset-6\@xl, .offset-7\@xl, .offset-8\@xl, .offset-9\@xl, .offset-10\@xl, .offset-11\@xl {
    margin-left: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset) / var(--grid-columns) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-gap-x)); }
  .offset-0\@xl {
    margin-left: 0; } }

*, *::after, *::before {
  box-sizing: inherit; }

* {
  font: inherit; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0; }

html {
  box-sizing: border-box; }

body {
  background-color: var(--color-bg, white); }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main, form legend {
  display: block; }

blockquote, q {
  quotes: none; }

button, input, textarea, select {
  margin: 0; }

.btn, .form-control, .link, .reset {
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

select.form-control::-ms-expand {
  display: none; }

textarea {
  resize: vertical;
  overflow: auto;
  vertical-align: top; }

input::-ms-clear {
  display: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

img, video, svg {
  max-width: 100%; }

[data-theme] {
  background-color: var(--color-bg, hsl(0deg, 0%, 100%));
  color: var(--color-contrast-high, hsl(210deg, 7%, 21%)); }

:root {
  --space-unit: 1rem; }

:root, * {
  --space-xxxxs: calc(0.125 * var(--space-unit));
  --space-xxxs: calc(0.25 * var(--space-unit));
  --space-xxs: calc(0.375 * var(--space-unit));
  --space-xs: calc(0.5 * var(--space-unit));
  --space-sm: calc(0.75 * var(--space-unit));
  --space-md: calc(1.25 * var(--space-unit));
  --space-lg: calc(2 * var(--space-unit));
  --space-xl: calc(3.25 * var(--space-unit));
  --space-xxl: calc(5.25 * var(--space-unit));
  --space-xxxl: calc(8.5 * var(--space-unit));
  --space-xxxxl: calc(13.75 * var(--space-unit));
  --component-padding: var(--space-md); }

:root {
  --radius-sm: calc(var(--radius, 0.375em)/2);
  --radius-md: var(--radius, 0.375em);
  --radius-lg: calc(var(--radius, 0.375em)*2);
  --shadow-xs: 0 0.1px 0.3px rgba(0, 0, 0, 0.06),
                  0 1px 2px rgba(0, 0, 0, 0.12);
  --shadow-sm: 0 0.3px 0.4px rgba(0, 0, 0, 0.025),
                  0 0.9px 1.5px rgba(0, 0, 0, 0.05),
                  0 3.5px 6px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 0.9px 1.5px rgba(0, 0, 0, 0.03),
                  0 3.1px 5.5px rgba(0, 0, 0, 0.08),
                  0 14px 25px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014),
                  0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038),
                  0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085),
                  0 30px 42px -1px rgba(0, 0, 0, 0.15);
  --shadow-xl: 0 1.5px 2.1px -6px rgba(0, 0, 0, 0.012),
                  0 3.6px 5.2px -6px rgba(0, 0, 0, 0.035),
                  0 7.3px 10.6px -6px rgba(0, 0, 0, 0.07),
                  0 16.2px 21.9px -6px rgba(0, 0, 0, 0.117),
                  0 46px 60px -6px rgba(0, 0, 0, 0.2);
  --inner-glow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075);
  --inner-glow-top: inset 0 1px 0.5px hsla(0, 0%, 100%, 0.075);
  --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1); }

:root {
  --heading-line-height: 1.2;
  --body-line-height: 1.4; }

a, .link {
  text-decoration: underline; }

strong {
  font-weight: bold; }

s {
  text-decoration: line-through; }

u {
  text-decoration: underline; }

.text-component h1, .text-component h2, .text-component h3, .text-component h4 {
  line-height: calc(var(--heading-line-height) * var(--line-height-multiplier, 1));
  margin-bottom: calc(var(--space-unit) * 0.3125 * var(--text-space-y-multiplier, 1)); }

.text-component h2, .text-component h3, .text-component h4 {
  margin-top: calc(var(--space-unit) * 0.9375 * var(--text-space-y-multiplier, 1)); }

.text-component p, .text-component blockquote, .text-component ul li, .text-component ol li {
  line-height: calc(var(--body-line-height) * var(--line-height-multiplier, 1)); }

.text-component ul, .text-component ol, .text-component p, .text-component blockquote, .text-component .text-component__block {
  margin-bottom: calc(var(--space-unit) * 0.9375 * var(--text-space-y-multiplier, 1)); }

.text-component ul, .text-component ol {
  list-style-position: inside; }

.text-component ul ul, .text-component ul ol, .text-component ol ul, .text-component ol ol {
  padding-left: 1em;
  margin-bottom: 0; }

.text-component ul {
  list-style-type: disc; }

.text-component ol {
  list-style-type: decimal; }

.text-component img {
  display: block;
  margin: 0 auto; }

.text-component figcaption {
  text-align: center;
  margin-top: calc(var(--space-unit) * 0.5); }

.text-component em {
  font-style: italic; }

.text-component hr {
  margin-top: calc(var(--space-unit) * 1.875 * var(--text-space-y-multiplier, 1));
  margin-bottom: calc(var(--space-unit) * 1.875 * var(--text-space-y-multiplier, 1));
  margin-left: auto;
  margin-right: auto; }

.text-component > *:first-child {
  margin-top: 0; }

.text-component > *:last-child {
  margin-bottom: 0; }

.text-component__block--full-width {
  width: 100vw;
  margin-left: calc(50% - 50vw); }

@media (min-width: 48rem) {
  .text-component__block--left,
  .text-component__block--right {
    width: 45%; }
  .text-component__block--left img,
  .text-component__block--right img {
    width: 100%; }
  .text-component__block--left {
    float: left;
    margin-right: calc(var(--space-unit) * 0.9375 * var(--text-space-y-multiplier, 1)); }
  .text-component__block--right {
    float: right;
    margin-left: calc(var(--space-unit) * 0.9375 * var(--text-space-y-multiplier, 1)); } }

@media (min-width: 90rem) {
  .text-component__block--outset {
    width: calc(100% + 10.5 * var(--space-unit)); }
  .text-component__block--outset img {
    width: 100%; }
  .text-component__block--outset:not(.text-component__block--right) {
    margin-left: calc(-5.25 * var(--space-unit)); }
  .text-component__block--left,
  .text-component__block--right {
    width: 50%; }
  .text-component__block--right.text-component__block--outset {
    margin-right: calc(-5.25 * var(--space-unit)); } }

:root {
  --icon-xxxs: 8px;
  --icon-xxs: 12px;
  --icon-xs: 16px;
  --icon-sm: 24px;
  --icon-md: 32px;
  --icon-lg: 48px;
  --icon-xl: 64px;
  --icon-xxl: 96px;
  --icon-xxxl: 128px; }

.icon {
  --size: 1em;
  height: var(--size);
  width: var(--size);
  display: inline-block;
  color: inherit;
  fill: currentColor;
  line-height: 1;
  flex-shrink: 0;
  max-width: initial; }

.icon--xxxs {
  --size: var(--icon-xxxs); }

.icon--xxs {
  --size: var(--icon-xxs); }

.icon--xs {
  --size: var(--icon-xs); }

.icon--sm {
  --size: var(--icon-sm); }

.icon--md {
  --size: var(--icon-md); }

.icon--lg {
  --size: var(--icon-lg); }

.icon--xl {
  --size: var(--icon-xl); }

.icon--xxl {
  --size: var(--icon-xxl); }

.icon--xxxl {
  --size: var(--icon-xxxl); }

.icon--is-spinning {
  -webkit-animation: icon-spin 1s infinite linear;
  animation: icon-spin 1s infinite linear; }

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

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

.icon use {
  color: inherit;
  fill: currentColor; }

.btn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  text-decoration: none;
  font-size: var(--btn-font-size, 1em);
  padding-top: var(--btn-padding-y, 0.5em);
  padding-bottom: var(--btn-padding-y, 0.5em);
  padding-left: var(--btn-padding-x, 0.75em);
  padding-right: var(--btn-padding-x, 0.75em);
  border-radius: var(--btn-radius, 0.25em); }

.btn--sm {
  font-size: var(--btn-font-size-sm, 0.8em); }

.btn--md {
  font-size: var(--btn-font-size-md, 1.2em); }

.btn--lg {
  font-size: var(--btn-font-size-lg, 1.4em); }

.btn--icon {
  padding: var(--btn-padding-y, 0.5em); }

.form-control {
  font-size: var(--form-control-font-size, 1em);
  padding-top: var(--form-control-padding-y, 0.5em);
  padding-bottom: var(--form-control-padding-y, 0.5em);
  padding-left: var(--form-control-padding-x, 0.75em);
  padding-right: var(--form-control-padding-x, 0.75em);
  border-radius: var(--form-control-radius, 0.25em); }

.form-legend {
  color: var(--color-contrast-higher, hsl(204deg, 28%, 7%));
  line-height: var(--heading-line-height, 1.2);
  font-size: var(--text-md, 1.125rem);
  margin-bottom: var(--space-sm); }

:root {
  --z-index-header: 3;
  --z-index-popover: 5;
  --z-index-fixed-element: 10;
  --z-index-overlay: 15; }

:root {
  --display: block; }

.is-visible {
  display: var(--display) !important; }

.is-hidden {
  display: none !important; }

html:not(.js) .no-js\:is-hidden {
  display: none !important; }

@media print {
  .print\:is-hidden {
    display: none !important; } }

.sr-only, .sr-only-focusable:not(:focus):not(:focus-within), .sr-only-focusable:not(:focus):not(:focus-within) {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  white-space: nowrap; }

.flex {
  display: flex; }

.inline-flex {
  display: inline-flex; }

.flex-wrap {
  flex-wrap: wrap; }

.flex-nowrap {
  flex-wrap: nowrap; }

.flex-column {
  flex-direction: column; }

.flex-column-reverse {
  flex-direction: column-reverse; }

.flex-row {
  flex-direction: row; }

.flex-row-reverse {
  flex-direction: row-reverse; }

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

.flex-grow {
  flex-grow: 1; }

.flex-grow-0 {
  flex-grow: 0; }

.flex-shrink {
  flex-shrink: 1; }

.flex-shrink-0 {
  flex-shrink: 0; }

.flex-basis-0 {
  flex-basis: 0; }

.justify-start {
  justify-content: flex-start; }

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

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

.justify-between {
  justify-content: space-between; }

.items-center {
  align-items: center; }

.items-start {
  align-items: flex-start; }

.items-end {
  align-items: flex-end; }

.items-baseline {
  align-items: baseline; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

[class^="aspect-ratio"], [class*=" aspect-ratio"] {
  --aspect-ratio: calc(16/9);
  position: relative;
  height: 0;
  padding-bottom: calc(100% / (var(--aspect-ratio))); }

[class^="aspect-ratio"] > *, [class*=" aspect-ratio"] > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

[class^="aspect-ratio"] > *:not(iframe), [class*=" aspect-ratio"] > *:not(iframe) {
  -o-object-fit: cover;
  object-fit: cover; }

.aspect-ratio-16\:9 {
  --aspect-ratio: calc(16/9); }

.aspect-ratio-3\:2 {
  --aspect-ratio: calc(3/2); }

.aspect-ratio-4\:3 {
  --aspect-ratio: calc(4/3); }

.aspect-ratio-5\:4 {
  --aspect-ratio: calc(5/4); }

.aspect-ratio-1\:1 {
  --aspect-ratio: calc(1/1); }

.aspect-ratio-4\:5 {
  --aspect-ratio: calc(4/5); }

.aspect-ratio-3\:4 {
  --aspect-ratio: calc(3/4); }

.aspect-ratio-2\:3 {
  --aspect-ratio: calc(2/3); }

.aspect-ratio-9\:16 {
  --aspect-ratio: calc(9/16); }

.block {
  display: block; }

.inline-block {
  display: inline-block; }

.inline {
  display: inline; }

.contents {
  display: contents; }

.hide {
  display: none; }

.space-unit-rem {
  --space-unit: 1rem; }

.space-unit-em {
  --space-unit: 1em; }

.space-unit-px {
  --space-unit: 16px; }

.margin-xxxxs {
  margin: var(--space-xxxxs); }

.margin-xxxs {
  margin: var(--space-xxxs); }

.margin-xxs {
  margin: var(--space-xxs); }

.margin-xs {
  margin: var(--space-xs); }

.margin-sm {
  margin: var(--space-sm); }

.margin-md {
  margin: var(--space-md); }

.margin-lg {
  margin: var(--space-lg); }

.margin-xl {
  margin: var(--space-xl); }

.margin-xxl {
  margin: var(--space-xxl); }

.margin-xxxl {
  margin: var(--space-xxxl); }

.margin-xxxxl {
  margin: var(--space-xxxxl); }

.margin-auto {
  margin: auto; }

.margin-0 {
  margin: 0; }

.margin-top-xxxxs {
  margin-top: var(--space-xxxxs) !important; }

.margin-top-xxxs {
  margin-top: var(--space-xxxs) !important; }

.margin-top-xxs {
  margin-top: var(--space-xxs) !important; }

.margin-top-xs {
  margin-top: var(--space-xs) !important; }

.margin-top-sm {
  margin-top: var(--space-sm) !important; }

.margin-top-md {
  margin-top: var(--space-md) !important; }

.margin-top-lg {
  margin-top: var(--space-lg) !important; }

.margin-top-xl {
  margin-top: var(--space-xl) !important; }

.margin-top-xxl {
  margin-top: var(--space-xxl) !important; }

.margin-top-xxxl {
  margin-top: var(--space-xxxl) !important; }

.margin-top-xxxxl {
  margin-top: var(--space-xxxxl) !important; }

.margin-top-auto {
  margin-top: auto !important; }

.margin-top-0 {
  margin-top: 0 !important; }

.margin-bottom-xxxxs {
  margin-bottom: var(--space-xxxxs); }

.margin-bottom-xxxs {
  margin-bottom: var(--space-xxxs); }

.margin-bottom-xxs {
  margin-bottom: var(--space-xxs); }

.margin-bottom-xs {
  margin-bottom: var(--space-xs); }

.margin-bottom-sm {
  margin-bottom: var(--space-sm); }

.margin-bottom-md {
  margin-bottom: var(--space-md); }

.margin-bottom-lg {
  margin-bottom: var(--space-lg); }

.margin-bottom-xl {
  margin-bottom: var(--space-xl); }

.margin-bottom-xxl {
  margin-bottom: var(--space-xxl); }

.margin-bottom-xxxl {
  margin-bottom: var(--space-xxxl); }

.margin-bottom-xxxxl {
  margin-bottom: var(--space-xxxxl); }

.margin-bottom-auto {
  margin-bottom: auto; }

.margin-bottom-0 {
  margin-bottom: 0; }

.margin-right-xxxxs {
  margin-right: var(--space-xxxxs); }

.margin-right-xxxs {
  margin-right: var(--space-xxxs); }

.margin-right-xxs {
  margin-right: var(--space-xxs); }

.margin-right-xs {
  margin-right: var(--space-xs); }

.margin-right-sm {
  margin-right: var(--space-sm); }

.margin-right-md {
  margin-right: var(--space-md); }

.margin-right-lg {
  margin-right: var(--space-lg); }

.margin-right-xl {
  margin-right: var(--space-xl); }

.margin-right-xxl {
  margin-right: var(--space-xxl); }

.margin-right-xxxl {
  margin-right: var(--space-xxxl); }

.margin-right-xxxxl {
  margin-right: var(--space-xxxxl); }

.margin-right-auto {
  margin-right: auto; }

.margin-right-0 {
  margin-right: 0; }

.margin-left-xxxxs {
  margin-left: var(--space-xxxxs); }

.margin-left-xxxs {
  margin-left: var(--space-xxxs); }

.margin-left-xxs {
  margin-left: var(--space-xxs); }

.margin-left-xs {
  margin-left: var(--space-xs); }

.margin-left-sm {
  margin-left: var(--space-sm); }

.margin-left-md {
  margin-left: var(--space-md); }

.margin-left-lg {
  margin-left: var(--space-lg); }

.margin-left-xl {
  margin-left: var(--space-xl); }

.margin-left-xxl {
  margin-left: var(--space-xxl); }

.margin-left-xxxl {
  margin-left: var(--space-xxxl); }

.margin-left-xxxxl {
  margin-left: var(--space-xxxxl); }

.margin-left-auto {
  margin-left: auto; }

.margin-left-0 {
  margin-left: 0; }

.margin-x-xxxxs {
  margin-left: var(--space-xxxxs);
  margin-right: var(--space-xxxxs); }

.margin-x-xxxs {
  margin-left: var(--space-xxxs);
  margin-right: var(--space-xxxs); }

.margin-x-xxs {
  margin-left: var(--space-xxs);
  margin-right: var(--space-xxs); }

.margin-x-xs {
  margin-left: var(--space-xs);
  margin-right: var(--space-xs); }

.margin-x-sm {
  margin-left: var(--space-sm);
  margin-right: var(--space-sm); }

.margin-x-md {
  margin-left: var(--space-md);
  margin-right: var(--space-md); }

.margin-x-lg {
  margin-left: var(--space-lg);
  margin-right: var(--space-lg); }

.margin-x-xl {
  margin-left: var(--space-xl);
  margin-right: var(--space-xl); }

.margin-x-xxl {
  margin-left: var(--space-xxl);
  margin-right: var(--space-xxl); }

.margin-x-xxxl {
  margin-left: var(--space-xxxl);
  margin-right: var(--space-xxxl); }

.margin-x-xxxxl {
  margin-left: var(--space-xxxxl);
  margin-right: var(--space-xxxxl); }

.margin-x-auto {
  margin-left: auto;
  margin-right: auto; }

.margin-x-0 {
  margin-left: 0;
  margin-right: 0; }

.margin-y-xxxxs {
  margin-top: var(--space-xxxxs);
  margin-bottom: var(--space-xxxxs); }

.margin-y-xxxs {
  margin-top: var(--space-xxxs);
  margin-bottom: var(--space-xxxs); }

.margin-y-xxs {
  margin-top: var(--space-xxs);
  margin-bottom: var(--space-xxs); }

.margin-y-xs {
  margin-top: var(--space-xs);
  margin-bottom: var(--space-xs); }

.margin-y-sm {
  margin-top: var(--space-sm);
  margin-bottom: var(--space-sm); }

.margin-y-md {
  margin-top: var(--space-md);
  margin-bottom: var(--space-md); }

.margin-y-lg {
  margin-top: var(--space-lg);
  margin-bottom: var(--space-lg); }

.margin-y-xl {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-xl); }

.margin-y-xxl {
  margin-top: var(--space-xxl);
  margin-bottom: var(--space-xxl); }

.margin-y-xxxl {
  margin-top: var(--space-xxxl);
  margin-bottom: var(--space-xxxl); }

.margin-y-xxxxl {
  margin-top: var(--space-xxxxl);
  margin-bottom: var(--space-xxxxl); }

.margin-y-auto {
  margin-top: auto;
  margin-bottom: auto; }

.margin-y-0 {
  margin-top: 0;
  margin-bottom: 0; }

.padding-xxxxs {
  padding: var(--space-xxxxs); }

.padding-xxxs {
  padding: var(--space-xxxs); }

.padding-xxs {
  padding: var(--space-xxs); }

.padding-xs {
  padding: var(--space-xs); }

.padding-sm {
  padding: var(--space-sm); }

.padding-md {
  padding: var(--space-md); }

.padding-lg {
  padding: var(--space-lg); }

.padding-xl {
  padding: var(--space-xl); }

.padding-xxl {
  padding: var(--space-xxl); }

.padding-xxxl {
  padding: var(--space-xxxl); }

.padding-xxxxl {
  padding: var(--space-xxxxl); }

.padding-0 {
  padding: 0; }

.padding-component {
  padding: var(--component-padding); }

.padding-top-xxxxs {
  padding-top: var(--space-xxxxs); }

.padding-top-xxxs {
  padding-top: var(--space-xxxs); }

.padding-top-xxs {
  padding-top: var(--space-xxs); }

.padding-top-xs {
  padding-top: var(--space-xs); }

.padding-top-sm {
  padding-top: var(--space-sm); }

.padding-top-md {
  padding-top: var(--space-md); }

.padding-top-lg {
  padding-top: var(--space-lg); }

.padding-top-xl {
  padding-top: var(--space-xl); }

.padding-top-xxl {
  padding-top: var(--space-xxl); }

.padding-top-xxxl {
  padding-top: var(--space-xxxl); }

.padding-top-xxxxl {
  padding-top: var(--space-xxxxl); }

.padding-top-0 {
  padding-top: 0; }

.padding-top-component {
  padding-top: var(--component-padding); }

.padding-bottom-xxxxs {
  padding-bottom: var(--space-xxxxs); }

.padding-bottom-xxxs {
  padding-bottom: var(--space-xxxs); }

.padding-bottom-xxs {
  padding-bottom: var(--space-xxs); }

.padding-bottom-xs {
  padding-bottom: var(--space-xs); }

.padding-bottom-sm {
  padding-bottom: var(--space-sm); }

.padding-bottom-md {
  padding-bottom: var(--space-md); }

.padding-bottom-lg {
  padding-bottom: var(--space-lg); }

.padding-bottom-xl {
  padding-bottom: var(--space-xl); }

.padding-bottom-xxl {
  padding-bottom: var(--space-xxl); }

.padding-bottom-xxxl {
  padding-bottom: var(--space-xxxl); }

.padding-bottom-xxxxl {
  padding-bottom: var(--space-xxxxl); }

.padding-bottom-0 {
  padding-bottom: 0; }

.padding-bottom-component {
  padding-bottom: var(--component-padding); }

.padding-right-xxxxs {
  padding-right: var(--space-xxxxs); }

.padding-right-xxxs {
  padding-right: var(--space-xxxs); }

.padding-right-xxs {
  padding-right: var(--space-xxs); }

.padding-right-xs {
  padding-right: var(--space-xs); }

.padding-right-sm {
  padding-right: var(--space-sm); }

.padding-right-md {
  padding-right: var(--space-md); }

.padding-right-lg {
  padding-right: var(--space-lg); }

.padding-right-xl {
  padding-right: var(--space-xl); }

.padding-right-xxl {
  padding-right: var(--space-xxl); }

.padding-right-xxxl {
  padding-right: var(--space-xxxl); }

.padding-right-xxxxl {
  padding-right: var(--space-xxxxl); }

.padding-right-0 {
  padding-right: 0; }

.padding-right-component {
  padding-right: var(--component-padding); }

.padding-left-xxxxs {
  padding-left: var(--space-xxxxs); }

.padding-left-xxxs {
  padding-left: var(--space-xxxs); }

.padding-left-xxs {
  padding-left: var(--space-xxs); }

.padding-left-xs {
  padding-left: var(--space-xs); }

.padding-left-sm {
  padding-left: var(--space-sm); }

.padding-left-md {
  padding-left: var(--space-md); }

.padding-left-lg {
  padding-left: var(--space-lg); }

.padding-left-xl {
  padding-left: var(--space-xl); }

.padding-left-xxl {
  padding-left: var(--space-xxl); }

.padding-left-xxxl {
  padding-left: var(--space-xxxl); }

.padding-left-xxxxl {
  padding-left: var(--space-xxxxl); }

.padding-left-0 {
  padding-left: 0; }

.padding-left-component {
  padding-left: var(--component-padding); }

.padding-x-xxxxs {
  padding-left: var(--space-xxxxs);
  padding-right: var(--space-xxxxs); }

.padding-x-xxxs {
  padding-left: var(--space-xxxs);
  padding-right: var(--space-xxxs); }

.padding-x-xxs {
  padding-left: var(--space-xxs);
  padding-right: var(--space-xxs); }

.padding-x-xs {
  padding-left: var(--space-xs);
  padding-right: var(--space-xs); }

.padding-x-sm {
  padding-left: var(--space-sm) !important;
  padding-right: var(--space-sm) !important; }

.padding-x-md {
  padding-left: var(--space-md);
  padding-right: var(--space-md); }

.padding-x-lg {
  padding-left: var(--space-lg);
  padding-right: var(--space-lg); }

.padding-x-xl {
  padding-left: var(--space-xl);
  padding-right: var(--space-xl); }

.padding-x-xxl {
  padding-left: var(--space-xxl);
  padding-right: var(--space-xxl); }

.padding-x-xxxl {
  padding-left: var(--space-xxxl);
  padding-right: var(--space-xxxl); }

.padding-x-xxxxl {
  padding-left: var(--space-xxxxl);
  padding-right: var(--space-xxxxl); }

.padding-x-0 {
  padding-left: 0;
  padding-right: 0; }

.padding-x-component {
  padding-left: var(--component-padding);
  padding-right: var(--component-padding); }

.padding-y-xxxxs {
  padding-top: var(--space-xxxxs);
  padding-bottom: var(--space-xxxxs); }

.padding-y-xxxs {
  padding-top: var(--space-xxxs);
  padding-bottom: var(--space-xxxs); }

.padding-y-xxs {
  padding-top: var(--space-xxs);
  padding-bottom: var(--space-xxs); }

.padding-y-xs {
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs); }

.padding-y-sm {
  padding-top: var(--space-sm);
  padding-bottom: var(--space-sm); }

.padding-y-md {
  padding-top: var(--space-md);
  padding-bottom: var(--space-md); }

.padding-y-lg {
  padding-top: var(--space-lg);
  padding-bottom: var(--space-lg); }

.padding-y-xl {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl); }

.padding-y-xxl {
  padding-top: var(--space-xxl);
  padding-bottom: var(--space-xxl); }

.padding-y-xxxl {
  padding-top: var(--space-xxxl);
  padding-bottom: var(--space-xxxl); }

.padding-y-xxxxl {
  padding-top: var(--space-xxxxl);
  padding-bottom: var(--space-xxxxl); }

.padding-y-0 {
  padding-top: 0;
  padding-bottom: 0; }

.padding-y-component {
  padding-top: var(--component-padding);
  padding-bottom: var(--component-padding); }

.align-baseline {
  vertical-align: baseline; }

.align-sub {
  vertical-align: sub; }

.align-super {
  vertical-align: super; }

.align-text-top {
  vertical-align: text-top; }

.align-text-bottom {
  vertical-align: text-bottom; }

.align-top {
  vertical-align: top; }

.align-middle {
  vertical-align: middle; }

.align-bottom {
  vertical-align: bottom; }

.truncate, .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-replace {
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap; }

.break-word {
  overflow-wrap: break-word;
  min-width: 0; }

.text-unit-rem, .text-unit-em, .text-unit-px {
  font-size: var(--text-unit); }

.text-unit-rem {
  --text-unit: 1rem; }

.text-unit-em {
  --text-unit: 1em; }

.text-unit-px {
  --text-unit: 16px; }

.text-xs {
  font-size: var(--text-xs, 0.6875rem); }

.text-sm {
  font-size: var(--text-sm, 0.75rem); }

.text-base {
  font-size: var(--text-unit, 1rem); }

.text-md {
  font-size: var(--text-md, 1.125rem); }

.text-lg {
  font-size: var(--text-lg, 1.375rem); }

.text-xl {
  font-size: var(--text-xl, 1.75rem); }

.text-xxl {
  font-size: var(--text-xxl, 2rem); }

.text-xxxl {
  font-size: var(--text-xxxl, 2.5rem); }

.text-xxxxl {
  font-size: var(--text-xxxxl, 3rem); }

.text-uppercase {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.letter-spacing-xs {
  letter-spacing: -0.1em; }

.letter-spacing-sm {
  letter-spacing: -0.05em; }

.letter-spacing-md {
  letter-spacing: 0.05em; }

.letter-spacing-lg {
  letter-spacing: 0.1em; }

.letter-spacing-xl {
  letter-spacing: 0.2em; }

.font-light {
  font-weight: 300; }

.font-normal {
  font-weight: 400; }

.font-medium {
  font-weight: 500; }

.font-semibold {
  font-weight: 600; }

.font-bold, .text-bold {
  font-weight: 700; }

.font-extrabold {
  font-weight: 800; }

.font-black {
  font-weight: 900; }

.font-italic {
  font-style: italic; }

.font-smooth {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.font-primary {
  font-family: var(--font-primary); }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-justify {
  text-align: justify; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-decoration-none {
  text-decoration: none; }

.text-shadow-xs {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }

.text-shadow-sm {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }

.text-shadow-md {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); }

.text-shadow-lg {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.15), 0 4px 16px rgba(0, 0, 0, 0.2); }

.text-shadow-xl {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.15), 0 4px 16px rgba(0, 0, 0, 0.2), 0 6px 24px rgba(0, 0, 0, 0.25); }

.text-shadow-none {
  text-shadow: none; }

.text-space-y-xxs {
  --text-space-y-multiplier: 0.25 !important; }

.text-space-y-xs {
  --text-space-y-multiplier: 0.5 !important; }

.text-space-y-sm {
  --text-space-y-multiplier: 0.75 !important; }

.text-space-y-md {
  --text-space-y-multiplier: 1.25 !important; }

.text-space-y-lg {
  --text-space-y-multiplier: 1.5 !important; }

.text-space-y-xl {
  --text-space-y-multiplier: 1.75 !important; }

.text-space-y-xxl {
  --text-space-y-multiplier: 2 !important; }

.line-height-xs {
  --heading-line-height: 1;
  --body-line-height: 1.1; }

.line-height-xs:not(.text-component) {
  line-height: 1.1; }

.line-height-sm {
  --heading-line-height: 1.1;
  --body-line-height: 1.2; }

.line-height-sm:not(.text-component) {
  line-height: 1.2; }

.line-height-md {
  --heading-line-height: 1.15;
  --body-line-height: 1.4; }

.line-height-md:not(.text-component) {
  line-height: 1.4; }

.line-height-lg {
  --heading-line-height: 1.22;
  --body-line-height: 1.58; }

.line-height-lg:not(.text-component) {
  line-height: 1.58; }

.line-height-xl {
  --heading-line-height: 1.3;
  --body-line-height: 1.72; }

.line-height-xl:not(.text-component) {
  line-height: 1.72; }

.line-height-body {
  line-height: var(--body-line-height); }

.line-height-heading {
  line-height: var(--heading-line-height); }

.line-height-normal {
  line-height: normal !important; }

.line-height-1 {
  line-height: 1 !important; }

.column-count-1 {
  -moz-column-count: 1;
  column-count: 1; }

.column-count-2 {
  -moz-column-count: 2;
  column-count: 2; }

.column-count-3 {
  -moz-column-count: 3;
  column-count: 3; }

.column-count-4 {
  -moz-column-count: 4;
  column-count: 4; }

.ws-nowrap, .text-nowrap {
  white-space: nowrap; }

.cursor-pointer {
  cursor: pointer; }

.cursor-default {
  cursor: default; }

.pointer-events-auto {
  pointer-events: auto; }

.pointer-events-none {
  pointer-events: none; }

.user-select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.user-select-all {
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all; }

[class^="color-"], [class*=" color-"] {
  --color-o: 1; }

.color-inherit {
  color: inherit; }

.color-bg-darker {
  color: hsla(var(--color-bg-darker-h), var(--color-bg-darker-s), var(--color-bg-darker-l), var(--color-o, 1)); }

.color-bg-dark {
  color: hsla(var(--color-bg-dark-h), var(--color-bg-dark-s), var(--color-bg-dark-l), var(--color-o, 1)); }

.color-bg {
  color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--color-o, 1)); }

.color-bg-light {
  color: hsla(var(--color-bg-light-h), var(--color-bg-light-s), var(--color-bg-light-l), var(--color-o, 1)); }

.color-bg-lighter {
  color: hsla(var(--color-bg-lighter-h), var(--color-bg-lighter-s), var(--color-bg-lighter-l), var(--color-o, 1)); }

.color-contrast-lower {
  color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--color-o, 1)); }

.color-contrast-low {
  color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--color-o, 1)); }

.color-contrast-medium {
  color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--color-o, 1)); }

.color-contrast-high {
  color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--color-o, 1)); }

.color-contrast-higher {
  color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--color-o, 1)); }

.color-primary-darker {
  color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--color-o, 1)); }

.color-primary-dark {
  color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--color-o, 1)); }

.color-primary {
  color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--color-o, 1)); }

.color-primary-light {
  color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--color-o, 1)); }

.color-primary-lighter {
  color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--color-o, 1)); }

.color-accent-darker {
  color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--color-o, 1)); }

.color-accent-dark {
  color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--color-o, 1)); }

.color-accent {
  color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--color-o, 1)); }

.color-accent-light {
  color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--color-o, 1)); }

.color-accent-lighter {
  color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--color-o, 1)); }

.color-success-darker {
  color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--color-o, 1)); }

.color-success-dark {
  color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--color-o, 1)); }

.color-success {
  color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--color-o, 1)); }

.color-success-light {
  color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--color-o, 1)); }

.color-success-lighter {
  color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--color-o, 1)); }

.color-warning-darker {
  color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--color-o, 1)); }

.color-warning-dark {
  color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--color-o, 1)); }

.color-warning {
  color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--color-o, 1)); }

.color-warning-light {
  color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--color-o, 1)); }

.color-warning-lighter {
  color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--color-o, 1)); }

.color-error-darker {
  color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--color-o, 1)); }

.color-error-dark {
  color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--color-o, 1)); }

.color-error {
  color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--color-o, 1)); }

.color-error-light {
  color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--color-o, 1)); }

.color-error-lighter {
  color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--color-o, 1)); }

.color-white {
  color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--color-o, 1)); }

.color-black {
  color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--color-o, 1)); }

.color-opacity-0 {
  --color-o: 0; }

.color-opacity-5\% {
  --color-o: 0.05; }

.color-opacity-10\% {
  --color-o: 0.1; }

.color-opacity-15\% {
  --color-o: 0.15; }

.color-opacity-20\% {
  --color-o: 0.2; }

.color-opacity-25\% {
  --color-o: 0.25; }

.color-opacity-30\% {
  --color-o: 0.3; }

.color-opacity-40\% {
  --color-o: 0.4; }

.color-opacity-50\% {
  --color-o: 0.5; }

.color-opacity-60\% {
  --color-o: 0.6; }

.color-opacity-70\% {
  --color-o: 0.7; }

.color-opacity-75\% {
  --color-o: 0.75; }

.color-opacity-80\% {
  --color-o: 0.8; }

.color-opacity-85\% {
  --color-o: 0.85; }

.color-opacity-90\% {
  --color-o: 0.9; }

.color-opacity-95\% {
  --color-o: 0.95; }

[class^="color-gradient"], [class*=" color-gradient"] {
  color: transparent !important;
  -webkit-background-clip: text;
  background-clip: text; }

.width-xxxxs {
  width: var(--size-xxxxs, 0.25rem); }

.width-xxxs {
  width: var(--size-xxxs, 0.5rem); }

.width-xxs {
  width: var(--size-xxs, 0.75rem); }

.width-xs {
  width: var(--size-xs, 1rem); }

.width-sm {
  width: var(--size-sm, 1.5rem); }

.width-md {
  width: var(--size-md, 2rem); }

.width-lg {
  width: var(--size-lg, 3rem); }

.width-xl {
  width: var(--size-xl, 4rem); }

.width-xxl {
  width: var(--size-xxl, 6rem); }

.width-xxxl {
  width: var(--size-xxxl, 8rem); }

.width-xxxxl {
  width: var(--size-xxxxl, 16rem); }

.width-0 {
  width: 0; }

.width-10\% {
  width: 10%; }

.width-20\% {
  width: 20%; }

.width-25\% {
  width: 25%; }

.width-30\% {
  width: 30%; }

.width-33\% {
  width: 33.3333333333%; }

.width-40\% {
  width: 40%; }

.width-50\% {
  width: 50%; }

.width-60\% {
  width: 60%; }

.width-66\% {
  width: 66.6666666667%; }

.width-70\% {
  width: 70%; }

.width-75\% {
  width: 75%; }

.width-80\% {
  width: 80%; }

.width-90\% {
  width: 90%; }

.width-100\% {
  width: 100%; }

.width-100vw {
  width: 100vw; }

.width-auto {
  width: auto; }

.width-inherit {
  width: inherit; }

.height-xxxxs {
  height: var(--size-xxxxs, 0.25rem); }

.height-xxxs {
  height: var(--size-xxxs, 0.5rem); }

.height-xxs {
  height: var(--size-xxs, 0.75rem); }

.height-xs {
  height: var(--size-xs, 1rem); }

.height-sm {
  height: var(--size-sm, 1.5rem); }

.height-md {
  height: var(--size-md, 2rem); }

.height-lg {
  height: var(--size-lg, 3rem); }

.height-xl {
  height: var(--size-xl, 4rem); }

.height-xxl {
  height: var(--size-xxl, 6rem); }

.height-xxxl {
  height: var(--size-xxxl, 8rem); }

.height-xxxxl {
  height: var(--size-xxxxl, 16rem); }

.height-0 {
  height: 0; }

.height-10\% {
  height: 10%; }

.height-20\% {
  height: 20%; }

.height-25\% {
  height: 25%; }

.height-30\% {
  height: 30%; }

.height-33\% {
  height: 33.3333333333%; }

.height-40\% {
  height: 40%; }

.height-50\% {
  height: 50%; }

.height-60\% {
  height: 60%; }

.height-66\% {
  height: 66.6666666667%; }

.height-70\% {
  height: 70%; }

.height-75\% {
  height: 75%; }

.height-80\% {
  height: 80%; }

.height-90\% {
  height: 90%; }

.height-100\% {
  height: 100%; }

.height-100vh {
  height: 100vh; }

.height-auto {
  height: auto; }

.height-inherit {
  height: inherit; }

.min-width-0 {
  min-width: 0; }

.min-width-25\% {
  min-width: 25%; }

.min-width-33\% {
  min-width: 33.3333333333%; }

.min-width-50\% {
  min-width: 50%; }

.min-width-66\% {
  min-width: 66.6666666667%; }

.min-width-75\% {
  min-width: 75%; }

.min-width-100\% {
  min-width: 100%; }

.min-width-100vw {
  min-width: 100vw; }

.min-height-100\% {
  min-height: 100%; }

.min-height-100vh {
  min-height: 100vh; }

:root {
  --max-width-xxxxxs: 17.5rem;
  --max-width-xxxxs: 20rem;
  --max-width-xxxs: 26rem;
  --max-width-xxs: 32rem;
  --max-width-xs: 38rem;
  --max-width-sm: 48rem;
  --max-width-md: 64rem;
  --max-width-lg: 80rem;
  --max-width-xl: 90rem;
  --max-width-xxl: 100rem;
  --max-width-xxxl: 120rem;
  --max-width-xxxxl: 150rem; }

.max-width-xxxxxs {
  max-width: var(--max-width-xxxxxs); }

.max-width-xxxxs {
  max-width: var(--max-width-xxxxs); }

.max-width-xxxs {
  max-width: var(--max-width-xxxs); }

.max-width-xxs {
  max-width: var(--max-width-xxs); }

.max-width-xs {
  max-width: var(--max-width-xs); }

.max-width-sm {
  max-width: var(--max-width-sm); }

.max-width-md {
  max-width: var(--max-width-md); }

.max-width-lg {
  max-width: var(--max-width-lg); }

.max-width-xl {
  max-width: var(--max-width-xl); }

.max-width-xxl {
  max-width: var(--max-width-xxl); }

.max-width-xxxl {
  max-width: var(--max-width-xxxl); }

.max-width-xxxxl {
  max-width: var(--max-width-xxxxl); }

.max-width-100\% {
  max-width: 100%; }

.max-width-none {
  max-width: none; }

[class^=max-width-adaptive], [class*=" max-width-adaptive"] {
  max-width: 32rem; }

@media (min-width: 48rem) {
  .max-width-adaptive-sm, .max-width-adaptive-md, .max-width-adaptive-lg, .max-width-adaptive-xl, .max-width-adaptive {
    max-width: 48rem; } }

@media (min-width: 64rem) {
  .max-width-adaptive-md, .max-width-adaptive-lg, .max-width-adaptive-xl, .max-width-adaptive {
    max-width: 64rem; } }

@media (min-width: 80rem) {
  .max-width-adaptive-lg, .max-width-adaptive-xl, .max-width-adaptive {
    max-width: 80rem; } }

@media (min-width: 90rem) {
  .max-width-adaptive-xl {
    max-width: 90rem; } }

.max-height-100\% {
  max-height: 100%; }

.max-height-100vh {
  max-height: 100vh; }

.shadow-xs {
  box-shadow: var(--shadow-xs); }

.shadow-sm {
  box-shadow: var(--shadow-sm); }

.shadow-md {
  box-shadow: var(--shadow-md); }

.shadow-lg {
  box-shadow: var(--shadow-lg); }

.shadow-xl {
  box-shadow: var(--shadow-xl); }

.shadow-none {
  box-shadow: none; }

.shadow-xs.shadow-sm {
  box-shadow: var(--shadow-xs), var(--shadow-sm); }

.shadow-sm.shadow-md {
  box-shadow: var(--shadow-sm), var(--shadow-md); }

.shadow-md.shadow-lg {
  box-shadow: var(--shadow-md), var(--shadow-lg); }

.shadow-lg.shadow-xl {
  box-shadow: var(--shadow-lg), var(--shadow-xl); }

:where(.inner-glow, .inner-glow-top) {
  position: relative; }

:where(.inner-glow, .inner-glow-top)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  pointer-events: none; }

.inner-glow::after {
  box-shadow: var(--inner-glow); }

.inner-glow-top::after {
  box-shadow: var(--inner-glow-top); }

.position-relative {
  position: relative; }

.position-absolute {
  position: absolute; }

.position-fixed {
  position: fixed; }

.position-sticky {
  position: -webkit-sticky;
  position: sticky; }

.inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.top-0 {
  top: 0; }

.top-50\% {
  top: 50%; }

.top-xxxxs {
  top: var(--space-xxxxs); }

.top-xxxs {
  top: var(--space-xxxs); }

.top-xxs {
  top: var(--space-xxs); }

.top-xs {
  top: var(--space-xs); }

.top-sm {
  top: var(--space-sm); }

.top-md {
  top: var(--space-md); }

.top-lg {
  top: var(--space-lg); }

.top-xl {
  top: var(--space-xl); }

.top-xxl {
  top: var(--space-xxl); }

.top-xxxl {
  top: var(--space-xxxl); }

.top-xxxxl {
  top: var(--space-xxxxl); }

.bottom-0 {
  bottom: 0; }

.bottom-50\% {
  bottom: 50%; }

.bottom-xxxxs {
  bottom: var(--space-xxxxs); }

.bottom-xxxs {
  bottom: var(--space-xxxs); }

.bottom-xxs {
  bottom: var(--space-xxs); }

.bottom-xs {
  bottom: var(--space-xs); }

.bottom-sm {
  bottom: var(--space-sm); }

.bottom-md {
  bottom: var(--space-md); }

.bottom-lg {
  bottom: var(--space-lg); }

.bottom-xl {
  bottom: var(--space-xl); }

.bottom-xxl {
  bottom: var(--space-xxl); }

.bottom-xxxl {
  bottom: var(--space-xxxl); }

.bottom-xxxxl {
  bottom: var(--space-xxxxl); }

.right-0 {
  right: 0; }

.right-50\% {
  right: 50%; }

.right-xxxxs {
  right: var(--space-xxxxs); }

.right-xxxs {
  right: var(--space-xxxs); }

.right-xxs {
  right: var(--space-xxs); }

.right-xs {
  right: var(--space-xs); }

.right-sm {
  right: var(--space-sm); }

.right-md {
  right: var(--space-md); }

.right-lg {
  right: var(--space-lg); }

.right-xl {
  right: var(--space-xl); }

.right-xxl {
  right: var(--space-xxl); }

.right-xxxl {
  right: var(--space-xxxl); }

.right-xxxxl {
  right: var(--space-xxxxl); }

.left-0 {
  left: 0; }

.left-50\% {
  left: 50%; }

.left-xxxxs {
  left: var(--space-xxxxs); }

.left-xxxs {
  left: var(--space-xxxs); }

.left-xxs {
  left: var(--space-xxs); }

.left-xs {
  left: var(--space-xs); }

.left-sm {
  left: var(--space-sm); }

.left-md {
  left: var(--space-md); }

.left-lg {
  left: var(--space-lg); }

.left-xl {
  left: var(--space-xl); }

.left-xxl {
  left: var(--space-xxl); }

.left-xxxl {
  left: var(--space-xxxl); }

.left-xxxxl {
  left: var(--space-xxxxl); }

.z-index-header {
  z-index: var(--z-index-header); }

.z-index-popover {
  z-index: var(--z-index-popover); }

.z-index-fixed-element {
  z-index: var(--z-index-fixed-element); }

.z-index-overlay {
  z-index: var(--z-index-overlay); }

.z-index-1 {
  z-index: 1; }

.z-index-2 {
  z-index: 2; }

.z-index-3 {
  z-index: 3; }

.overflow-hidden {
  overflow: hidden; }

.overflow-auto {
  overflow: auto; }

.momentum-scrolling {
  -webkit-overflow-scrolling: touch; }

.overscroll-contain {
  overscroll-behavior: contain; }

.scroll-smooth {
  scroll-behavior: smooth; }

.scroll-padding-xxxxs {
  scroll-padding: var(--space-xxxxs); }

.scroll-padding-xxxs {
  scroll-padding: var(--space-xxxs); }

.scroll-padding-xxs {
  scroll-padding: var(--space-xxs); }

.scroll-padding-xs {
  scroll-padding: var(--space-xs); }

.scroll-padding-sm {
  scroll-padding: var(--space-sm); }

.scroll-padding-md {
  scroll-padding: var(--space-md); }

.scroll-padding-lg {
  scroll-padding: var(--space-lg); }

.scroll-padding-xl {
  scroll-padding: var(--space-xl); }

.scroll-padding-xxl {
  scroll-padding: var(--space-xxl); }

.scroll-padding-xxxl {
  scroll-padding: var(--space-xxxl); }

.scroll-padding-xxxxl {
  scroll-padding: var(--space-xxxxl); }

.opacity-0 {
  opacity: 0; }

.opacity-5\% {
  opacity: 0.05; }

.opacity-10\% {
  opacity: 0.1; }

.opacity-15\% {
  opacity: 0.15; }

.opacity-20\% {
  opacity: 0.2; }

.opacity-25\% {
  opacity: 0.25; }

.opacity-30\% {
  opacity: 0.3; }

.opacity-40\% {
  opacity: 0.4; }

.opacity-50\% {
  opacity: 0.5; }

.opacity-60\% {
  opacity: 0.6; }

.opacity-70\% {
  opacity: 0.7; }

.opacity-75\% {
  opacity: 0.75; }

.opacity-80\% {
  opacity: 0.8; }

.opacity-85\% {
  opacity: 0.85; }

.opacity-90\% {
  opacity: 0.9; }

.opacity-95\% {
  opacity: 0.95; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.clearfix::after {
  content: "";
  display: table;
  clear: both; }

[class^="border-"], [class*=" border-"] {
  --border-o: 1; }

.border {
  border: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1)); }

.border-top {
  border-top: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1)); }

.border-bottom {
  border-bottom: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1)); }

.border-left {
  border-left: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1)); }

.border-right {
  border-right: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1)); }

.border-2 {
  --border-width: 2px; }

.border-3 {
  --border-width: 3px; }

.border-4 {
  --border-width: 4px; }

.border-dotted {
  --border-style: dotted; }

.border-dashed {
  --border-style: dashed; }

.border-bg-darker {
  border-color: hsla(var(--color-bg-darker-h), var(--color-bg-darker-s), var(--color-bg-darker-l), var(--border-o, 1)); }

.border-bg-dark {
  border-color: hsla(var(--color-bg-dark-h), var(--color-bg-dark-s), var(--color-bg-dark-l), var(--border-o, 1)); }

.border-bg {
  border-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--border-o, 1)); }

.border-bg-light {
  border-color: hsla(var(--color-bg-light-h), var(--color-bg-light-s), var(--color-bg-light-l), var(--border-o, 1)); }

.border-bg-lighter {
  border-color: hsla(var(--color-bg-lighter-h), var(--color-bg-lighter-s), var(--color-bg-lighter-l), var(--border-o, 1)); }

.border-contrast-lower {
  border-color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1)); }

.border-contrast-low {
  border-color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1)); }

.border-contrast-medium {
  border-color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--border-o, 1)); }

.border-contrast-high {
  border-color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--border-o, 1)); }

.border-contrast-higher {
  border-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--border-o, 1)); }

.border-primary-darker {
  border-color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--border-o, 1)); }

.border-primary-dark {
  border-color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--border-o, 1)); }

.border-primary {
  border-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--border-o, 1)); }

.border-primary-light {
  border-color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--border-o, 1)); }

.border-primary-lighter {
  border-color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--border-o, 1)); }

.border-accent-darker {
  border-color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--border-o, 1)); }

.border-accent-dark {
  border-color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--border-o, 1)); }

.border-accent {
  border-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--border-o, 1)); }

.border-accent-light {
  border-color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--border-o, 1)); }

.border-accent-lighter {
  border-color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--border-o, 1)); }

.border-success-darker {
  border-color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--border-o, 1)); }

.border-success-dark {
  border-color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--border-o, 1)); }

.border-success {
  border-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--border-o, 1)); }

.border-success-light {
  border-color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--border-o, 1)); }

.border-success-lighter {
  border-color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--border-o, 1)); }

.border-warning-darker {
  border-color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--border-o, 1)); }

.border-warning-dark {
  border-color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--border-o, 1)); }

.border-warning {
  border-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--border-o, 1)); }

.border-warning-light {
  border-color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--border-o, 1)); }

.border-warning-lighter {
  border-color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--border-o, 1)); }

.border-error-darker {
  border-color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--border-o, 1)); }

.border-error-dark {
  border-color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--border-o, 1)); }

.border-error {
  border-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--border-o, 1)); }

.border-error-light {
  border-color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--border-o, 1)); }

.border-error-lighter {
  border-color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--border-o, 1)); }

.border-white {
  border-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--border-o, 1)); }

.border-black {
  border-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--border-o, 1)); }

.border-opacity-0 {
  --border-o: 0; }

.border-opacity-5\% {
  --border-o: 0.05; }

.border-opacity-10\% {
  --border-o: 0.1; }

.border-opacity-15\% {
  --border-o: 0.15; }

.border-opacity-20\% {
  --border-o: 0.2; }

.border-opacity-25\% {
  --border-o: 0.25; }

.border-opacity-30\% {
  --border-o: 0.3; }

.border-opacity-40\% {
  --border-o: 0.4; }

.border-opacity-50\% {
  --border-o: 0.5; }

.border-opacity-60\% {
  --border-o: 0.6; }

.border-opacity-70\% {
  --border-o: 0.7; }

.border-opacity-75\% {
  --border-o: 0.75; }

.border-opacity-80\% {
  --border-o: 0.8; }

.border-opacity-85\% {
  --border-o: 0.85; }

.border-opacity-90\% {
  --border-o: 0.9; }

.border-opacity-95\% {
  --border-o: 0.95; }

.radius-sm {
  border-radius: var(--radius-sm); }

.radius-md {
  border-radius: var(--radius-md); }

.radius-lg {
  border-radius: var(--radius-lg); }

.radius-50\% {
  border-radius: 50%; }

.radius-full {
  border-radius: 50em; }

.radius-0 {
  border-radius: 0; }

.radius-inherit {
  border-radius: inherit; }

.radius-top-left-0 {
  border-top-left-radius: 0; }

.radius-top-right-0 {
  border-top-right-radius: 0; }

.radius-bottom-right-0 {
  border-bottom-right-radius: 0; }

.radius-bottom-left-0 {
  border-bottom-left-radius: 0; }

.bg, [class^="bg-"], [class*=" bg-"] {
  --bg-o: 1; }

.bg-transparent {
  background-color: transparent; }

.bg-inherit {
  background-color: inherit; }

.bg-darker {
  background-color: hsla(var(--color-bg-darker-h), var(--color-bg-darker-s), var(--color-bg-darker-l), var(--bg-o)); }

.bg-dark {
  background-color: hsla(var(--color-bg-dark-h), var(--color-bg-dark-s), var(--color-bg-dark-l), var(--bg-o)); }

.bg {
  background-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--bg-o)); }

.bg-light {
  background-color: hsla(var(--color-bg-light-h), var(--color-bg-light-s), var(--color-bg-light-l), var(--bg-o)); }

.bg-lighter {
  background-color: hsla(var(--color-bg-lighter-h), var(--color-bg-lighter-s), var(--color-bg-lighter-l), var(--bg-o)); }

.bg-contrast-lower {
  background-color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--bg-o, 1)); }

.bg-contrast-low {
  background-color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--bg-o, 1)); }

.bg-contrast-medium {
  background-color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--bg-o, 1)); }

.bg-contrast-high {
  background-color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--bg-o, 1)); }

.bg-contrast-higher {
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--bg-o, 1)); }

.bg-primary-darker {
  background-color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--bg-o, 1)); }

.bg-primary-dark {
  background-color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--bg-o, 1)); }

.bg-primary {
  background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--bg-o, 1)); }

.bg-primary-light {
  background-color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--bg-o, 1)); }

.bg-primary-lighter {
  background-color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--bg-o, 1)); }

.bg-accent-darker {
  background-color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--bg-o, 1)); }

.bg-accent-dark {
  background-color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--bg-o, 1)); }

.bg-accent {
  background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--bg-o, 1)); }

.bg-accent-light {
  background-color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--bg-o, 1)); }

.bg-accent-lighter {
  background-color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--bg-o, 1)); }

.bg-success-darker {
  background-color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--bg-o, 1)); }

.bg-success-dark {
  background-color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--bg-o, 1)); }

.bg-success {
  background-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--bg-o, 1)); }

.bg-success-light {
  background-color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--bg-o, 1)); }

.bg-success-lighter {
  background-color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--bg-o, 1)); }

.bg-warning-darker {
  background-color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--bg-o, 1)); }

.bg-warning-dark {
  background-color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--bg-o, 1)); }

.bg-warning {
  background-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--bg-o, 1)); }

.bg-warning-light {
  background-color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--bg-o, 1)); }

.bg-warning-lighter {
  background-color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--bg-o, 1)); }

.bg-error-darker {
  background-color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--bg-o, 1)); }

.bg-error-dark {
  background-color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--bg-o, 1)); }

.bg-error {
  background-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--bg-o, 1)); }

.bg-error-light {
  background-color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--bg-o, 1)); }

.bg-error-lighter {
  background-color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--bg-o, 1)); }

.bg-white {
  background-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--bg-o, 1)); }

.bg-black {
  background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--bg-o, 1)); }

.bg-opacity-0 {
  --bg-o: 0; }

.bg-opacity-5\% {
  --bg-o: 0.05; }

.bg-opacity-10\% {
  --bg-o: 0.1; }

.bg-opacity-15\% {
  --bg-o: 0.15; }

.bg-opacity-20\% {
  --bg-o: 0.2; }

.bg-opacity-25\% {
  --bg-o: 0.25; }

.bg-opacity-30\% {
  --bg-o: 0.3; }

.bg-opacity-40\% {
  --bg-o: 0.4; }

.bg-opacity-50\% {
  --bg-o: 0.5; }

.bg-opacity-60\% {
  --bg-o: 0.6; }

.bg-opacity-70\% {
  --bg-o: 0.7; }

.bg-opacity-75\% {
  --bg-o: 0.75; }

.bg-opacity-80\% {
  --bg-o: 0.8; }

.bg-opacity-85\% {
  --bg-o: 0.85; }

.bg-opacity-90\% {
  --bg-o: 0.9; }

.bg-opacity-95\% {
  --bg-o: 0.95; }

.bg-center {
  background-position: center; }

.bg-top {
  background-position: center top; }

.bg-right {
  background-position: right center; }

.bg-bottom {
  background-position: center bottom; }

.bg-left {
  background-position: left center; }

.bg-top-left {
  background-position: left top; }

.bg-top-right {
  background-position: right top; }

.bg-bottom-left {
  background-position: left bottom; }

.bg-bottom-right {
  background-position: right bottom; }

.bg-cover {
  background-size: cover; }

.bg-no-repeat {
  background-repeat: no-repeat; }

.backdrop-blur-10 {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px); }

.backdrop-blur-20 {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px); }

.isolate {
  isolation: isolate; }

.blend-multiply {
  mix-blend-mode: multiply; }

.blend-overlay {
  mix-blend-mode: overlay; }

.blend-difference {
  mix-blend-mode: difference; }

.object-contain {
  -o-object-fit: contain !important;
  object-fit: contain !important; }

.object-cover {
  -o-object-fit: cover !important;
  object-fit: cover !important; }

.perspective-xs {
  perspective: 250px; }

.perspective-sm {
  perspective: 500px; }

.perspective-md {
  perspective: 1000px; }

.perspective-lg {
  perspective: 1500px; }

.perspective-xl {
  perspective: 3000px; }

[class^="flip"], [class*=" flip"],
[class^="-rotate"], [class*=" -rotate"],
[class^="rotate"], [class*=" rotate"],
[class^="-translate"], [class*=" -translate"],
[class^="translate"], [class*=" translate"],
[class^="-scale"], [class*=" -scale"],
[class^="scale"], [class*=" scale"],
[class^="-skew"], [class*=" -skew"] [class^="skew"], [class*=" skew"] {
  --translate: 0;
  --rotate: 0;
  --skew: 0;
  --scale: 1;
  transform: translate3d(var(--translate-x, var(--translate)), var(--translate-y, var(--translate)), var(--translate-z, 0)) rotateX(var(--rotate-x, 0)) rotateY(var(--rotate-y, 0)) rotateZ(var(--rotate-z, var(--rotate))) skewX(var(--skew-x, var(--skew))) skewY(var(--skew-y, 0)) scaleX(var(--scale-x, var(--scale))) scaleY(var(--scale-y, var(--scale))); }

.flip {
  --scale: -1; }

.flip-x {
  --scale-x: -1; }

.flip-y {
  --scale-y: -1; }

.rotate-90 {
  --rotate: 90deg; }

.rotate-180 {
  --rotate: 180deg; }

.rotate-270 {
  --rotate: 270deg; }

.-translate-50\% {
  --translate: -50%; }

.-translate-x-50\% {
  --translate-x: -50%; }

.-translate-y-50\% {
  --translate-y: -50%; }

.translate-50\% {
  --translate: 50%; }

.translate-x-50\% {
  --translate-x: 50%; }

.translate-y-50\% {
  --translate-y: 50%; }

.origin-center {
  transform-origin: center; }

.origin-top {
  transform-origin: center top; }

.origin-right {
  transform-origin: right center; }

.origin-bottom {
  transform-origin: center bottom; }

.origin-left {
  transform-origin: left center; }

.origin-top-left {
  transform-origin: left top; }

.origin-top-right {
  transform-origin: right top; }

.origin-bottom-left {
  transform-origin: left bottom; }

.origin-bottom-right {
  transform-origin: right bottom; }

.transition {
  transition-property: var(--transition-property, all);
  transition-duration: var(--transition-duration, 0.2s);
  transition-delay: var(--transition-delay, 0s); }

.fill-current {
  fill: currentColor; }

.stroke-current {
  stroke: currentColor; }

.stroke-1 {
  stroke-width: 1px; }

.stroke-2 {
  stroke-width: 2px; }

.stroke-3 {
  stroke-width: 3px; }

.stroke-4 {
  stroke-width: 4px; }

.visible {
  visibility: visible; }

.invisible {
  visibility: hidden; }

@media (min-width: 32rem) {
  .flex\@xs {
    display: flex; }
  .inline-flex\@xs {
    display: inline-flex; }
  .flex-wrap\@xs {
    flex-wrap: wrap; }
  .flex-nowrap\@xs {
    flex-wrap: nowrap; }
  .flex-column\@xs {
    flex-direction: column; }
  .flex-column-reverse\@xs {
    flex-direction: column-reverse; }
  .flex-row\@xs {
    flex-direction: row; }
  .flex-row-reverse\@xs {
    flex-direction: row-reverse; }
  .flex-center\@xs {
    justify-content: center;
    align-items: center; }
  .flex-grow\@xs {
    flex-grow: 1; }
  .flex-grow-0\@xs {
    flex-grow: 0; }
  .flex-shrink\@xs {
    flex-shrink: 1; }
  .flex-shrink-0\@xs {
    flex-shrink: 0; }
  .flex-basis-0\@xs {
    flex-basis: 0; }
  .justify-start\@xs {
    justify-content: flex-start; }
  .justify-end\@xs {
    justify-content: flex-end; }
  .justify-center\@xs {
    justify-content: center; }
  .justify-between\@xs {
    justify-content: space-between; }
  .items-center\@xs {
    align-items: center; }
  .items-start\@xs {
    align-items: flex-start; }
  .items-end\@xs {
    align-items: flex-end; }
  .items-baseline\@xs {
    align-items: baseline; }
  .order-1\@xs {
    order: 1; }
  .order-2\@xs {
    order: 2; }
  .order-3\@xs {
    order: 3; }
  .block\@xs {
    display: block; }
  .inline-block\@xs {
    display: inline-block; }
  .inline\@xs {
    display: inline; }
  .contents\@xs {
    display: contents; }
  .hide\@xs {
    display: none !important; }
  .margin-xxxxs\@xs {
    margin: var(--space-xxxxs); }
  .margin-xxxs\@xs {
    margin: var(--space-xxxs); }
  .margin-xxs\@xs {
    margin: var(--space-xxs); }
  .margin-xs\@xs {
    margin: var(--space-xs); }
  .margin-sm\@xs {
    margin: var(--space-sm); }
  .margin-md\@xs {
    margin: var(--space-md); }
  .margin-lg\@xs {
    margin: var(--space-lg); }
  .margin-xl\@xs {
    margin: var(--space-xl); }
  .margin-xxl\@xs {
    margin: var(--space-xxl); }
  .margin-xxxl\@xs {
    margin: var(--space-xxxl); }
  .margin-xxxxl\@xs {
    margin: var(--space-xxxxl); }
  .margin-auto\@xs {
    margin: auto; }
  .margin-0\@xs {
    margin: 0; }
  .margin-top-xxxxs\@xs {
    margin-top: var(--space-xxxxs); }
  .margin-top-xxxs\@xs {
    margin-top: var(--space-xxxs); }
  .margin-top-xxs\@xs {
    margin-top: var(--space-xxs); }
  .margin-top-xs\@xs {
    margin-top: var(--space-xs); }
  .margin-top-sm\@xs {
    margin-top: var(--space-sm); }
  .margin-top-md\@xs {
    margin-top: var(--space-md); }
  .margin-top-lg\@xs {
    margin-top: var(--space-lg); }
  .margin-top-xl\@xs {
    margin-top: var(--space-xl); }
  .margin-top-xxl\@xs {
    margin-top: var(--space-xxl); }
  .margin-top-xxxl\@xs {
    margin-top: var(--space-xxxl); }
  .margin-top-xxxxl\@xs {
    margin-top: var(--space-xxxxl); }
  .margin-top-auto\@xs {
    margin-top: auto; }
  .margin-top-0\@xs {
    margin-top: 0; }
  .margin-bottom-xxxxs\@xs {
    margin-bottom: var(--space-xxxxs); }
  .margin-bottom-xxxs\@xs {
    margin-bottom: var(--space-xxxs); }
  .margin-bottom-xxs\@xs {
    margin-bottom: var(--space-xxs); }
  .margin-bottom-xs\@xs {
    margin-bottom: var(--space-xs); }
  .margin-bottom-sm\@xs {
    margin-bottom: var(--space-sm); }
  .margin-bottom-md\@xs {
    margin-bottom: var(--space-md); }
  .margin-bottom-lg\@xs {
    margin-bottom: var(--space-lg); }
  .margin-bottom-xl\@xs {
    margin-bottom: var(--space-xl); }
  .margin-bottom-xxl\@xs {
    margin-bottom: var(--space-xxl); }
  .margin-bottom-xxxl\@xs {
    margin-bottom: var(--space-xxxl); }
  .margin-bottom-xxxxl\@xs {
    margin-bottom: var(--space-xxxxl); }
  .margin-bottom-auto\@xs {
    margin-bottom: auto; }
  .margin-bottom-0\@xs {
    margin-bottom: 0; }
  .margin-right-xxxxs\@xs {
    margin-right: var(--space-xxxxs); }
  .margin-right-xxxs\@xs {
    margin-right: var(--space-xxxs); }
  .margin-right-xxs\@xs {
    margin-right: var(--space-xxs); }
  .margin-right-xs\@xs {
    margin-right: var(--space-xs); }
  .margin-right-sm\@xs {
    margin-right: var(--space-sm); }
  .margin-right-md\@xs {
    margin-right: var(--space-md); }
  .margin-right-lg\@xs {
    margin-right: var(--space-lg); }
  .margin-right-xl\@xs {
    margin-right: var(--space-xl); }
  .margin-right-xxl\@xs {
    margin-right: var(--space-xxl); }
  .margin-right-xxxl\@xs {
    margin-right: var(--space-xxxl); }
  .margin-right-xxxxl\@xs {
    margin-right: var(--space-xxxxl); }
  .margin-right-auto\@xs {
    margin-right: auto; }
  .margin-right-0\@xs {
    margin-right: 0; }
  .margin-left-xxxxs\@xs {
    margin-left: var(--space-xxxxs); }
  .margin-left-xxxs\@xs {
    margin-left: var(--space-xxxs); }
  .margin-left-xxs\@xs {
    margin-left: var(--space-xxs); }
  .margin-left-xs\@xs {
    margin-left: var(--space-xs); }
  .margin-left-sm\@xs {
    margin-left: var(--space-sm); }
  .margin-left-md\@xs {
    margin-left: var(--space-md); }
  .margin-left-lg\@xs {
    margin-left: var(--space-lg); }
  .margin-left-xl\@xs {
    margin-left: var(--space-xl); }
  .margin-left-xxl\@xs {
    margin-left: var(--space-xxl); }
  .margin-left-xxxl\@xs {
    margin-left: var(--space-xxxl); }
  .margin-left-xxxxl\@xs {
    margin-left: var(--space-xxxxl); }
  .margin-left-auto\@xs {
    margin-left: auto; }
  .margin-left-0\@xs {
    margin-left: 0; }
  .margin-x-xxxxs\@xs {
    margin-left: var(--space-xxxxs);
    margin-right: var(--space-xxxxs); }
  .margin-x-xxxs\@xs {
    margin-left: var(--space-xxxs);
    margin-right: var(--space-xxxs); }
  .margin-x-xxs\@xs {
    margin-left: var(--space-xxs);
    margin-right: var(--space-xxs); }
  .margin-x-xs\@xs {
    margin-left: var(--space-xs);
    margin-right: var(--space-xs); }
  .margin-x-sm\@xs {
    margin-left: var(--space-sm);
    margin-right: var(--space-sm); }
  .margin-x-md\@xs {
    margin-left: var(--space-md);
    margin-right: var(--space-md); }
  .margin-x-lg\@xs {
    margin-left: var(--space-lg);
    margin-right: var(--space-lg); }
  .margin-x-xl\@xs {
    margin-left: var(--space-xl);
    margin-right: var(--space-xl); }
  .margin-x-xxl\@xs {
    margin-left: var(--space-xxl);
    margin-right: var(--space-xxl); }
  .margin-x-xxxl\@xs {
    margin-left: var(--space-xxxl);
    margin-right: var(--space-xxxl); }
  .margin-x-xxxxl\@xs {
    margin-left: var(--space-xxxxl);
    margin-right: var(--space-xxxxl); }
  .margin-x-auto\@xs {
    margin-left: auto;
    margin-right: auto; }
  .margin-x-0\@xs {
    margin-left: 0;
    margin-right: 0; }
  .margin-y-xxxxs\@xs {
    margin-top: var(--space-xxxxs);
    margin-bottom: var(--space-xxxxs); }
  .margin-y-xxxs\@xs {
    margin-top: var(--space-xxxs);
    margin-bottom: var(--space-xxxs); }
  .margin-y-xxs\@xs {
    margin-top: var(--space-xxs);
    margin-bottom: var(--space-xxs); }
  .margin-y-xs\@xs {
    margin-top: var(--space-xs);
    margin-bottom: var(--space-xs); }
  .margin-y-sm\@xs {
    margin-top: var(--space-sm);
    margin-bottom: var(--space-sm); }
  .margin-y-md\@xs {
    margin-top: var(--space-md);
    margin-bottom: var(--space-md); }
  .margin-y-lg\@xs {
    margin-top: var(--space-lg);
    margin-bottom: var(--space-lg); }
  .margin-y-xl\@xs {
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl); }
  .margin-y-xxl\@xs {
    margin-top: var(--space-xxl);
    margin-bottom: var(--space-xxl); }
  .margin-y-xxxl\@xs {
    margin-top: var(--space-xxxl);
    margin-bottom: var(--space-xxxl); }
  .margin-y-xxxxl\@xs {
    margin-top: var(--space-xxxxl);
    margin-bottom: var(--space-xxxxl); }
  .margin-y-auto\@xs {
    margin-top: auto;
    margin-bottom: auto; }
  .margin-y-0\@xs {
    margin-top: 0;
    margin-bottom: 0; }
  .padding-xxxxs\@xs {
    padding: var(--space-xxxxs); }
  .padding-xxxs\@xs {
    padding: var(--space-xxxs); }
  .padding-xxs\@xs {
    padding: var(--space-xxs); }
  .padding-xs\@xs {
    padding: var(--space-xs); }
  .padding-sm\@xs {
    padding: var(--space-sm); }
  .padding-md\@xs {
    padding: var(--space-md); }
  .padding-lg\@xs {
    padding: var(--space-lg); }
  .padding-xl\@xs {
    padding: var(--space-xl); }
  .padding-xxl\@xs {
    padding: var(--space-xxl); }
  .padding-xxxl\@xs {
    padding: var(--space-xxxl); }
  .padding-xxxxl\@xs {
    padding: var(--space-xxxxl); }
  .padding-0\@xs {
    padding: 0; }
  .padding-component\@xs {
    padding: var(--component-padding); }
  .padding-top-xxxxs\@xs {
    padding-top: var(--space-xxxxs); }
  .padding-top-xxxs\@xs {
    padding-top: var(--space-xxxs); }
  .padding-top-xxs\@xs {
    padding-top: var(--space-xxs); }
  .padding-top-xs\@xs {
    padding-top: var(--space-xs); }
  .padding-top-sm\@xs {
    padding-top: var(--space-sm); }
  .padding-top-md\@xs {
    padding-top: var(--space-md); }
  .padding-top-lg\@xs {
    padding-top: var(--space-lg); }
  .padding-top-xl\@xs {
    padding-top: var(--space-xl); }
  .padding-top-xxl\@xs {
    padding-top: var(--space-xxl); }
  .padding-top-xxxl\@xs {
    padding-top: var(--space-xxxl); }
  .padding-top-xxxxl\@xs {
    padding-top: var(--space-xxxxl); }
  .padding-top-0\@xs {
    padding-top: 0; }
  .padding-top-component\@xs {
    padding-top: var(--component-padding); }
  .padding-bottom-xxxxs\@xs {
    padding-bottom: var(--space-xxxxs); }
  .padding-bottom-xxxs\@xs {
    padding-bottom: var(--space-xxxs); }
  .padding-bottom-xxs\@xs {
    padding-bottom: var(--space-xxs); }
  .padding-bottom-xs\@xs {
    padding-bottom: var(--space-xs); }
  .padding-bottom-sm\@xs {
    padding-bottom: var(--space-sm); }
  .padding-bottom-md\@xs {
    padding-bottom: var(--space-md); }
  .padding-bottom-lg\@xs {
    padding-bottom: var(--space-lg); }
  .padding-bottom-xl\@xs {
    padding-bottom: var(--space-xl); }
  .padding-bottom-xxl\@xs {
    padding-bottom: var(--space-xxl); }
  .padding-bottom-xxxl\@xs {
    padding-bottom: var(--space-xxxl); }
  .padding-bottom-xxxxl\@xs {
    padding-bottom: var(--space-xxxxl); }
  .padding-bottom-0\@xs {
    padding-bottom: 0; }
  .padding-bottom-component\@xs {
    padding-bottom: var(--component-padding); }
  .padding-right-xxxxs\@xs {
    padding-right: var(--space-xxxxs); }
  .padding-right-xxxs\@xs {
    padding-right: var(--space-xxxs); }
  .padding-right-xxs\@xs {
    padding-right: var(--space-xxs); }
  .padding-right-xs\@xs {
    padding-right: var(--space-xs); }
  .padding-right-sm\@xs {
    padding-right: var(--space-sm); }
  .padding-right-md\@xs {
    padding-right: var(--space-md); }
  .padding-right-lg\@xs {
    padding-right: var(--space-lg); }
  .padding-right-xl\@xs {
    padding-right: var(--space-xl); }
  .padding-right-xxl\@xs {
    padding-right: var(--space-xxl); }
  .padding-right-xxxl\@xs {
    padding-right: var(--space-xxxl); }
  .padding-right-xxxxl\@xs {
    padding-right: var(--space-xxxxl); }
  .padding-right-0\@xs {
    padding-right: 0; }
  .padding-right-component\@xs {
    padding-right: var(--component-padding); }
  .padding-left-xxxxs\@xs {
    padding-left: var(--space-xxxxs); }
  .padding-left-xxxs\@xs {
    padding-left: var(--space-xxxs); }
  .padding-left-xxs\@xs {
    padding-left: var(--space-xxs); }
  .padding-left-xs\@xs {
    padding-left: var(--space-xs); }
  .padding-left-sm\@xs {
    padding-left: var(--space-sm); }
  .padding-left-md\@xs {
    padding-left: var(--space-md); }
  .padding-left-lg\@xs {
    padding-left: var(--space-lg); }
  .padding-left-xl\@xs {
    padding-left: var(--space-xl); }
  .padding-left-xxl\@xs {
    padding-left: var(--space-xxl); }
  .padding-left-xxxl\@xs {
    padding-left: var(--space-xxxl); }
  .padding-left-xxxxl\@xs {
    padding-left: var(--space-xxxxl); }
  .padding-left-0\@xs {
    padding-left: 0; }
  .padding-left-component\@xs {
    padding-left: var(--component-padding); }
  .padding-x-xxxxs\@xs {
    padding-left: var(--space-xxxxs);
    padding-right: var(--space-xxxxs); }
  .padding-x-xxxs\@xs {
    padding-left: var(--space-xxxs);
    padding-right: var(--space-xxxs); }
  .padding-x-xxs\@xs {
    padding-left: var(--space-xxs);
    padding-right: var(--space-xxs); }
  .padding-x-xs\@xs {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs); }
  .padding-x-sm\@xs {
    padding-left: var(--space-sm);
    padding-right: var(--space-sm); }
  .padding-x-md\@xs {
    padding-left: var(--space-md);
    padding-right: var(--space-md); }
  .padding-x-lg\@xs {
    padding-left: var(--space-lg);
    padding-right: var(--space-lg); }
  .padding-x-xl\@xs {
    padding-left: var(--space-xl);
    padding-right: var(--space-xl); }
  .padding-x-xxl\@xs {
    padding-left: var(--space-xxl);
    padding-right: var(--space-xxl); }
  .padding-x-xxxl\@xs {
    padding-left: var(--space-xxxl);
    padding-right: var(--space-xxxl); }
  .padding-x-xxxxl\@xs {
    padding-left: var(--space-xxxxl);
    padding-right: var(--space-xxxxl); }
  .padding-x-0\@xs {
    padding-left: 0;
    padding-right: 0; }
  .padding-x-component\@xs {
    padding-left: var(--component-padding);
    padding-right: var(--component-padding); }
  .padding-y-xxxxs\@xs {
    padding-top: var(--space-xxxxs);
    padding-bottom: var(--space-xxxxs); }
  .padding-y-xxxs\@xs {
    padding-top: var(--space-xxxs);
    padding-bottom: var(--space-xxxs); }
  .padding-y-xxs\@xs {
    padding-top: var(--space-xxs);
    padding-bottom: var(--space-xxs); }
  .padding-y-xs\@xs {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs); }
  .padding-y-sm\@xs {
    padding-top: var(--space-sm);
    padding-bottom: var(--space-sm); }
  .padding-y-md\@xs {
    padding-top: var(--space-md);
    padding-bottom: var(--space-md); }
  .padding-y-lg\@xs {
    padding-top: var(--space-lg);
    padding-bottom: var(--space-lg); }
  .padding-y-xl\@xs {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl); }
  .padding-y-xxl\@xs {
    padding-top: var(--space-xxl);
    padding-bottom: var(--space-xxl); }
  .padding-y-xxxl\@xs {
    padding-top: var(--space-xxxl);
    padding-bottom: var(--space-xxxl); }
  .padding-y-xxxxl\@xs {
    padding-top: var(--space-xxxxl);
    padding-bottom: var(--space-xxxxl); }
  .padding-y-0\@xs {
    padding-top: 0;
    padding-bottom: 0; }
  .padding-y-component\@xs {
    padding-top: var(--component-padding);
    padding-bottom: var(--component-padding); }
  .text-center\@xs {
    text-align: center; }
  .text-left\@xs {
    text-align: left; }
  .text-right\@xs {
    text-align: right; }
  .text-justify\@xs {
    text-align: justify; }
  .text-xs\@xs {
    font-size: var(--text-xs, 0.6875rem); }
  .text-sm\@xs {
    font-size: var(--text-sm, 0.75rem); }
  .text-base\@xs {
    font-size: var(--text-unit, 1rem); }
  .text-md\@xs {
    font-size: var(--text-md, 1.125rem); }
  .text-lg\@xs {
    font-size: var(--text-lg, 1.375rem); }
  .text-xl\@xs {
    font-size: var(--text-xl, 1.75rem); }
  .text-xxl\@xs {
    font-size: var(--text-xxl, 2rem); }
  .text-xxxl\@xs {
    font-size: var(--text-xxxl, 2.5rem); }
  .text-xxxxl\@xs {
    font-size: var(--text-xxxxl, 3rem); }
  .column-count-1\@xs {
    -moz-column-count: 1;
    column-count: 1; }
  .column-count-2\@xs {
    -moz-column-count: 2;
    column-count: 2; }
  .column-count-3\@xs {
    -moz-column-count: 3;
    column-count: 3; }
  .column-count-4\@xs {
    -moz-column-count: 4;
    column-count: 4; }
  .width-xxxxs\@xs {
    width: var(--size-xxxxs, 0.25rem); }
  .width-xxxs\@xs {
    width: var(--size-xxxs, 0.5rem); }
  .width-xxs\@xs {
    width: var(--size-xxs, 0.75rem); }
  .width-xs\@xs {
    width: var(--size-xs, 1rem); }
  .width-sm\@xs {
    width: var(--size-sm, 1.5rem); }
  .width-md\@xs {
    width: var(--size-md, 2rem); }
  .width-lg\@xs {
    width: var(--size-lg, 3rem); }
  .width-xl\@xs {
    width: var(--size-xl, 4rem); }
  .width-xxl\@xs {
    width: var(--size-xxl, 6rem); }
  .width-xxxl\@xs {
    width: var(--size-xxxl, 8rem); }
  .width-xxxxl\@xs {
    width: var(--size-xxxxl, 16rem); }
  .width-0\@xs {
    width: 0; }
  .width-10\%\@xs {
    width: 10%; }
  .width-20\%\@xs {
    width: 20%; }
  .width-25\%\@xs {
    width: 25%; }
  .width-30\%\@xs {
    width: 30%; }
  .width-33\%\@xs {
    width: 33.3333333333%; }
  .width-40\%\@xs {
    width: 40%; }
  .width-50\%\@xs {
    width: 50%; }
  .width-60\%\@xs {
    width: 60%; }
  .width-66\%\@xs {
    width: 66.6666666667%; }
  .width-70\%\@xs {
    width: 70%; }
  .width-75\%\@xs {
    width: 75%; }
  .width-80\%\@xs {
    width: 80%; }
  .width-90\%\@xs {
    width: 90%; }
  .width-100\%\@xs {
    width: 100%; }
  .width-100vw\@xs {
    width: 100vw; }
  .width-auto\@xs {
    width: auto; }
  .width-inherit\@xs {
    width: inherit; }
  .height-xxxxs\@xs {
    height: var(--size-xxxxs, 0.25rem); }
  .height-xxxs\@xs {
    height: var(--size-xxxs, 0.5rem); }
  .height-xxs\@xs {
    height: var(--size-xxs, 0.75rem); }
  .height-xs\@xs {
    height: var(--size-xs, 1rem); }
  .height-sm\@xs {
    height: var(--size-sm, 1.5rem); }
  .height-md\@xs {
    height: var(--size-md, 2rem); }
  .height-lg\@xs {
    height: var(--size-lg, 3rem); }
  .height-xl\@xs {
    height: var(--size-xl, 4rem); }
  .height-xxl\@xs {
    height: var(--size-xxl, 6rem); }
  .height-xxxl\@xs {
    height: var(--size-xxxl, 8rem); }
  .height-xxxxl\@xs {
    height: var(--size-xxxxl, 16rem); }
  .height-0\@xs {
    height: 0; }
  .height-10\%\@xs {
    height: 10%; }
  .height-20\%\@xs {
    height: 20%; }
  .height-25\%\@xs {
    height: 25%; }
  .height-30\%\@xs {
    height: 30%; }
  .height-33\%\@xs {
    height: 33.3333333333%; }
  .height-40\%\@xs {
    height: 40%; }
  .height-50\%\@xs {
    height: 50%; }
  .height-60\%\@xs {
    height: 60%; }
  .height-66\%\@xs {
    height: 66.6666666667%; }
  .height-70\%\@xs {
    height: 70%; }
  .height-75\%\@xs {
    height: 75%; }
  .height-80\%\@xs {
    height: 80%; }
  .height-90\%\@xs {
    height: 90%; }
  .height-100\%\@xs {
    height: 100%; }
  .height-100vh\@xs {
    height: 100vh; }
  .height-auto\@xs {
    height: auto; }
  .height-inherit\@xs {
    height: inherit; }
  .max-width-xxxxxs\@xs {
    max-width: var(--max-width-xxxxxs); }
  .max-width-xxxxs\@xs {
    max-width: var(--max-width-xxxxs); }
  .max-width-xxxs\@xs {
    max-width: var(--max-width-xxxs); }
  .max-width-xxs\@xs {
    max-width: var(--max-width-xxs); }
  .max-width-xs\@xs {
    max-width: var(--max-width-xs); }
  .max-width-sm\@xs {
    max-width: var(--max-width-sm); }
  .max-width-md\@xs {
    max-width: var(--max-width-md); }
  .max-width-lg\@xs {
    max-width: var(--max-width-lg); }
  .max-width-xl\@xs {
    max-width: var(--max-width-xl); }
  .max-width-xxl\@xs {
    max-width: var(--max-width-xxl); }
  .max-width-xxxl\@xs {
    max-width: var(--max-width-xxxl); }
  .max-width-xxxxl\@xs {
    max-width: var(--max-width-xxxxl); }
  .max-width-100\%\@xs {
    max-width: 100%; }
  .max-width-none\@xs {
    max-width: none; }
  .position-relative\@xs {
    position: relative; }
  .position-absolute\@xs {
    position: absolute; }
  .position-fixed\@xs {
    position: fixed; }
  .position-sticky\@xs {
    position: -webkit-sticky;
    position: sticky; }
  .position-static\@xs {
    position: static; }
  .inset-0\@xs {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .top-0\@xs {
    top: 0; }
  .top-50\%\@xs {
    top: 50%; }
  .top-xxxxs\@xs {
    top: var(--space-xxxxs); }
  .top-xxxs\@xs {
    top: var(--space-xxxs); }
  .top-xxs\@xs {
    top: var(--space-xxs); }
  .top-xs\@xs {
    top: var(--space-xs); }
  .top-sm\@xs {
    top: var(--space-sm); }
  .top-md\@xs {
    top: var(--space-md); }
  .top-lg\@xs {
    top: var(--space-lg); }
  .top-xl\@xs {
    top: var(--space-xl); }
  .top-xxl\@xs {
    top: var(--space-xxl); }
  .top-xxxl\@xs {
    top: var(--space-xxxl); }
  .top-xxxxl\@xs {
    top: var(--space-xxxxl); }
  .bottom-0\@xs {
    bottom: 0; }
  .bottom-50\%\@xs {
    bottom: 50%; }
  .bottom-xxxxs\@xs {
    bottom: var(--space-xxxxs); }
  .bottom-xxxs\@xs {
    bottom: var(--space-xxxs); }
  .bottom-xxs\@xs {
    bottom: var(--space-xxs); }
  .bottom-xs\@xs {
    bottom: var(--space-xs); }
  .bottom-sm\@xs {
    bottom: var(--space-sm); }
  .bottom-md\@xs {
    bottom: var(--space-md); }
  .bottom-lg\@xs {
    bottom: var(--space-lg); }
  .bottom-xl\@xs {
    bottom: var(--space-xl); }
  .bottom-xxl\@xs {
    bottom: var(--space-xxl); }
  .bottom-xxxl\@xs {
    bottom: var(--space-xxxl); }
  .bottom-xxxxl\@xs {
    bottom: var(--space-xxxxl); }
  .right-0\@xs {
    right: 0; }
  .right-50\%\@xs {
    right: 50%; }
  .right-xxxxs\@xs {
    right: var(--space-xxxxs); }
  .right-xxxs\@xs {
    right: var(--space-xxxs); }
  .right-xxs\@xs {
    right: var(--space-xxs); }
  .right-xs\@xs {
    right: var(--space-xs); }
  .right-sm\@xs {
    right: var(--space-sm); }
  .right-md\@xs {
    right: var(--space-md); }
  .right-lg\@xs {
    right: var(--space-lg); }
  .right-xl\@xs {
    right: var(--space-xl); }
  .right-xxl\@xs {
    right: var(--space-xxl); }
  .right-xxxl\@xs {
    right: var(--space-xxxl); }
  .right-xxxxl\@xs {
    right: var(--space-xxxxl); }
  .left-0\@xs {
    left: 0; }
  .left-50\%\@xs {
    left: 50%; }
  .left-xxxxs\@xs {
    left: var(--space-xxxxs); }
  .left-xxxs\@xs {
    left: var(--space-xxxs); }
  .left-xxs\@xs {
    left: var(--space-xxs); }
  .left-xs\@xs {
    left: var(--space-xs); }
  .left-sm\@xs {
    left: var(--space-sm); }
  .left-md\@xs {
    left: var(--space-md); }
  .left-lg\@xs {
    left: var(--space-lg); }
  .left-xl\@xs {
    left: var(--space-xl); }
  .left-xxl\@xs {
    left: var(--space-xxl); }
  .left-xxxl\@xs {
    left: var(--space-xxxl); }
  .left-xxxxl\@xs {
    left: var(--space-xxxxl); }
  .overflow-hidden\@xs {
    overflow: hidden; }
  .overflow-auto\@xs {
    overflow: auto; }
  .momentum-scrolling\@xs {
    -webkit-overflow-scrolling: touch; }
  .overscroll-contain\@xs {
    overscroll-behavior: contain; }
  .visible\@xs {
    visibility: visible; }
  .invisible\@xs {
    visibility: hidden; } }

@media not all and (min-width: 32rem) {
  .display\@xs {
    display: none !important; } }

@media (min-width: 48rem) {
  .flex\@sm {
    display: flex; }
  .inline-flex\@sm {
    display: inline-flex; }
  .flex-wrap\@sm {
    flex-wrap: wrap; }
  .flex-nowrap\@sm {
    flex-wrap: nowrap; }
  .flex-column\@sm {
    flex-direction: column; }
  .flex-column-reverse\@sm {
    flex-direction: column-reverse; }
  .flex-row\@sm {
    flex-direction: row; }
  .flex-row-reverse\@sm {
    flex-direction: row-reverse; }
  .flex-center\@sm {
    justify-content: center;
    align-items: center; }
  .flex-grow\@sm {
    flex-grow: 1; }
  .flex-grow-0\@sm {
    flex-grow: 0; }
  .flex-shrink\@sm {
    flex-shrink: 1; }
  .flex-shrink-0\@sm {
    flex-shrink: 0; }
  .flex-basis-0\@sm {
    flex-basis: 0; }
  .justify-start\@sm {
    justify-content: flex-start; }
  .justify-end\@sm {
    justify-content: flex-end; }
  .justify-center\@sm {
    justify-content: center; }
  .justify-between\@sm {
    justify-content: space-between; }
  .items-center\@sm {
    align-items: center; }
  .items-start\@sm {
    align-items: flex-start; }
  .items-end\@sm {
    align-items: flex-end; }
  .items-baseline\@sm {
    align-items: baseline; }
  .order-1\@sm {
    order: 1; }
  .order-2\@sm {
    order: 2; }
  .order-3\@sm {
    order: 3; }
  .block\@sm {
    display: block; }
  .inline-block\@sm {
    display: inline-block; }
  .inline\@sm {
    display: inline; }
  .contents\@sm {
    display: contents; }
  .hide\@sm {
    display: none !important; }
  .margin-xxxxs\@sm {
    margin: var(--space-xxxxs); }
  .margin-xxxs\@sm {
    margin: var(--space-xxxs); }
  .margin-xxs\@sm {
    margin: var(--space-xxs); }
  .margin-xs\@sm {
    margin: var(--space-xs); }
  .margin-sm\@sm {
    margin: var(--space-sm); }
  .margin-md\@sm {
    margin: var(--space-md); }
  .margin-lg\@sm {
    margin: var(--space-lg); }
  .margin-xl\@sm {
    margin: var(--space-xl); }
  .margin-xxl\@sm {
    margin: var(--space-xxl); }
  .margin-xxxl\@sm {
    margin: var(--space-xxxl); }
  .margin-xxxxl\@sm {
    margin: var(--space-xxxxl); }
  .margin-auto\@sm {
    margin: auto; }
  .margin-0\@sm {
    margin: 0; }
  .margin-top-xxxxs\@sm {
    margin-top: var(--space-xxxxs); }
  .margin-top-xxxs\@sm {
    margin-top: var(--space-xxxs); }
  .margin-top-xxs\@sm {
    margin-top: var(--space-xxs); }
  .margin-top-xs\@sm {
    margin-top: var(--space-xs); }
  .margin-top-sm\@sm {
    margin-top: var(--space-sm); }
  .margin-top-md\@sm {
    margin-top: var(--space-md); }
  .margin-top-lg\@sm {
    margin-top: var(--space-lg); }
  .margin-top-xl\@sm {
    margin-top: var(--space-xl); }
  .margin-top-xxl\@sm {
    margin-top: var(--space-xxl); }
  .margin-top-xxxl\@sm {
    margin-top: var(--space-xxxl); }
  .margin-top-xxxxl\@sm {
    margin-top: var(--space-xxxxl); }
  .margin-top-auto\@sm {
    margin-top: auto; }
  .margin-top-0\@sm {
    margin-top: 0; }
  .margin-bottom-xxxxs\@sm {
    margin-bottom: var(--space-xxxxs); }
  .margin-bottom-xxxs\@sm {
    margin-bottom: var(--space-xxxs); }
  .margin-bottom-xxs\@sm {
    margin-bottom: var(--space-xxs); }
  .margin-bottom-xs\@sm {
    margin-bottom: var(--space-xs); }
  .margin-bottom-sm\@sm {
    margin-bottom: var(--space-sm); }
  .margin-bottom-md\@sm {
    margin-bottom: var(--space-md); }
  .margin-bottom-lg\@sm {
    margin-bottom: var(--space-lg); }
  .margin-bottom-xl\@sm {
    margin-bottom: var(--space-xl); }
  .margin-bottom-xxl\@sm {
    margin-bottom: var(--space-xxl); }
  .margin-bottom-xxxl\@sm {
    margin-bottom: var(--space-xxxl); }
  .margin-bottom-xxxxl\@sm {
    margin-bottom: var(--space-xxxxl); }
  .margin-bottom-auto\@sm {
    margin-bottom: auto; }
  .margin-bottom-0\@sm {
    margin-bottom: 0; }
  .margin-right-xxxxs\@sm {
    margin-right: var(--space-xxxxs); }
  .margin-right-xxxs\@sm {
    margin-right: var(--space-xxxs); }
  .margin-right-xxs\@sm {
    margin-right: var(--space-xxs); }
  .margin-right-xs\@sm {
    margin-right: var(--space-xs); }
  .margin-right-sm\@sm {
    margin-right: var(--space-sm); }
  .margin-right-md\@sm {
    margin-right: var(--space-md); }
  .margin-right-lg\@sm {
    margin-right: var(--space-lg); }
  .margin-right-xl\@sm {
    margin-right: var(--space-xl); }
  .margin-right-xxl\@sm {
    margin-right: var(--space-xxl); }
  .margin-right-xxxl\@sm {
    margin-right: var(--space-xxxl); }
  .margin-right-xxxxl\@sm {
    margin-right: var(--space-xxxxl); }
  .margin-right-auto\@sm {
    margin-right: auto; }
  .margin-right-0\@sm {
    margin-right: 0; }
  .margin-left-xxxxs\@sm {
    margin-left: var(--space-xxxxs); }
  .margin-left-xxxs\@sm {
    margin-left: var(--space-xxxs); }
  .margin-left-xxs\@sm {
    margin-left: var(--space-xxs); }
  .margin-left-xs\@sm {
    margin-left: var(--space-xs); }
  .margin-left-sm\@sm {
    margin-left: var(--space-sm); }
  .margin-left-md\@sm {
    margin-left: var(--space-md); }
  .margin-left-lg\@sm {
    margin-left: var(--space-lg); }
  .margin-left-xl\@sm {
    margin-left: var(--space-xl); }
  .margin-left-xxl\@sm {
    margin-left: var(--space-xxl); }
  .margin-left-xxxl\@sm {
    margin-left: var(--space-xxxl); }
  .margin-left-xxxxl\@sm {
    margin-left: var(--space-xxxxl); }
  .margin-left-auto\@sm {
    margin-left: auto; }
  .margin-left-0\@sm {
    margin-left: 0; }
  .margin-x-xxxxs\@sm {
    margin-left: var(--space-xxxxs);
    margin-right: var(--space-xxxxs); }
  .margin-x-xxxs\@sm {
    margin-left: var(--space-xxxs);
    margin-right: var(--space-xxxs); }
  .margin-x-xxs\@sm {
    margin-left: var(--space-xxs);
    margin-right: var(--space-xxs); }
  .margin-x-xs\@sm {
    margin-left: var(--space-xs);
    margin-right: var(--space-xs); }
  .margin-x-sm\@sm {
    margin-left: var(--space-sm);
    margin-right: var(--space-sm); }
  .margin-x-md\@sm {
    margin-left: var(--space-md);
    margin-right: var(--space-md); }
  .margin-x-lg\@sm {
    margin-left: var(--space-lg);
    margin-right: var(--space-lg); }
  .margin-x-xl\@sm {
    margin-left: var(--space-xl);
    margin-right: var(--space-xl); }
  .margin-x-xxl\@sm {
    margin-left: var(--space-xxl);
    margin-right: var(--space-xxl); }
  .margin-x-xxxl\@sm {
    margin-left: var(--space-xxxl);
    margin-right: var(--space-xxxl); }
  .margin-x-xxxxl\@sm {
    margin-left: var(--space-xxxxl);
    margin-right: var(--space-xxxxl); }
  .margin-x-auto\@sm {
    margin-left: auto;
    margin-right: auto; }
  .margin-x-0\@sm {
    margin-left: 0;
    margin-right: 0; }
  .margin-y-xxxxs\@sm {
    margin-top: var(--space-xxxxs);
    margin-bottom: var(--space-xxxxs); }
  .margin-y-xxxs\@sm {
    margin-top: var(--space-xxxs);
    margin-bottom: var(--space-xxxs); }
  .margin-y-xxs\@sm {
    margin-top: var(--space-xxs);
    margin-bottom: var(--space-xxs); }
  .margin-y-xs\@sm {
    margin-top: var(--space-xs);
    margin-bottom: var(--space-xs); }
  .margin-y-sm\@sm {
    margin-top: var(--space-sm);
    margin-bottom: var(--space-sm); }
  .margin-y-md\@sm {
    margin-top: var(--space-md);
    margin-bottom: var(--space-md); }
  .margin-y-lg\@sm {
    margin-top: var(--space-lg);
    margin-bottom: var(--space-lg); }
  .margin-y-xl\@sm {
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl); }
  .margin-y-xxl\@sm {
    margin-top: var(--space-xxl);
    margin-bottom: var(--space-xxl); }
  .margin-y-xxxl\@sm {
    margin-top: var(--space-xxxl);
    margin-bottom: var(--space-xxxl); }
  .margin-y-xxxxl\@sm {
    margin-top: var(--space-xxxxl);
    margin-bottom: var(--space-xxxxl); }
  .margin-y-auto\@sm {
    margin-top: auto;
    margin-bottom: auto; }
  .margin-y-0\@sm {
    margin-top: 0;
    margin-bottom: 0; }
  .padding-xxxxs\@sm {
    padding: var(--space-xxxxs); }
  .padding-xxxs\@sm {
    padding: var(--space-xxxs); }
  .padding-xxs\@sm {
    padding: var(--space-xxs); }
  .padding-xs\@sm {
    padding: var(--space-xs); }
  .padding-sm\@sm {
    padding: var(--space-sm); }
  .padding-md\@sm {
    padding: var(--space-md); }
  .padding-lg\@sm {
    padding: var(--space-lg); }
  .padding-xl\@sm {
    padding: var(--space-xl); }
  .padding-xxl\@sm {
    padding: var(--space-xxl); }
  .padding-xxxl\@sm {
    padding: var(--space-xxxl); }
  .padding-xxxxl\@sm {
    padding: var(--space-xxxxl); }
  .padding-0\@sm {
    padding: 0; }
  .padding-component\@sm {
    padding: var(--component-padding); }
  .padding-top-xxxxs\@sm {
    padding-top: var(--space-xxxxs); }
  .padding-top-xxxs\@sm {
    padding-top: var(--space-xxxs); }
  .padding-top-xxs\@sm {
    padding-top: var(--space-xxs); }
  .padding-top-xs\@sm {
    padding-top: var(--space-xs); }
  .padding-top-sm\@sm {
    padding-top: var(--space-sm); }
  .padding-top-md\@sm {
    padding-top: var(--space-md); }
  .padding-top-lg\@sm {
    padding-top: var(--space-lg); }
  .padding-top-xl\@sm {
    padding-top: var(--space-xl); }
  .padding-top-xxl\@sm {
    padding-top: var(--space-xxl); }
  .padding-top-xxxl\@sm {
    padding-top: var(--space-xxxl); }
  .padding-top-xxxxl\@sm {
    padding-top: var(--space-xxxxl); }
  .padding-top-0\@sm {
    padding-top: 0; }
  .padding-top-component\@sm {
    padding-top: var(--component-padding); }
  .padding-bottom-xxxxs\@sm {
    padding-bottom: var(--space-xxxxs); }
  .padding-bottom-xxxs\@sm {
    padding-bottom: var(--space-xxxs); }
  .padding-bottom-xxs\@sm {
    padding-bottom: var(--space-xxs); }
  .padding-bottom-xs\@sm {
    padding-bottom: var(--space-xs); }
  .padding-bottom-sm\@sm {
    padding-bottom: var(--space-sm); }
  .padding-bottom-md\@sm {
    padding-bottom: var(--space-md); }
  .padding-bottom-lg\@sm {
    padding-bottom: var(--space-lg); }
  .padding-bottom-xl\@sm {
    padding-bottom: var(--space-xl); }
  .padding-bottom-xxl\@sm {
    padding-bottom: var(--space-xxl); }
  .padding-bottom-xxxl\@sm {
    padding-bottom: var(--space-xxxl); }
  .padding-bottom-xxxxl\@sm {
    padding-bottom: var(--space-xxxxl); }
  .padding-bottom-0\@sm {
    padding-bottom: 0; }
  .padding-bottom-component\@sm {
    padding-bottom: var(--component-padding); }
  .padding-right-xxxxs\@sm {
    padding-right: var(--space-xxxxs); }
  .padding-right-xxxs\@sm {
    padding-right: var(--space-xxxs); }
  .padding-right-xxs\@sm {
    padding-right: var(--space-xxs); }
  .padding-right-xs\@sm {
    padding-right: var(--space-xs); }
  .padding-right-sm\@sm {
    padding-right: var(--space-sm); }
  .padding-right-md\@sm {
    padding-right: var(--space-md); }
  .padding-right-lg\@sm {
    padding-right: var(--space-lg); }
  .padding-right-xl\@sm {
    padding-right: var(--space-xl); }
  .padding-right-xxl\@sm {
    padding-right: var(--space-xxl); }
  .padding-right-xxxl\@sm {
    padding-right: var(--space-xxxl); }
  .padding-right-xxxxl\@sm {
    padding-right: var(--space-xxxxl); }
  .padding-right-0\@sm {
    padding-right: 0; }
  .padding-right-component\@sm {
    padding-right: var(--component-padding); }
  .padding-left-xxxxs\@sm {
    padding-left: var(--space-xxxxs); }
  .padding-left-xxxs\@sm {
    padding-left: var(--space-xxxs); }
  .padding-left-xxs\@sm {
    padding-left: var(--space-xxs); }
  .padding-left-xs\@sm {
    padding-left: var(--space-xs); }
  .padding-left-sm\@sm {
    padding-left: var(--space-sm); }
  .padding-left-md\@sm {
    padding-left: var(--space-md); }
  .padding-left-lg\@sm {
    padding-left: var(--space-lg); }
  .padding-left-xl\@sm {
    padding-left: var(--space-xl); }
  .padding-left-xxl\@sm {
    padding-left: var(--space-xxl); }
  .padding-left-xxxl\@sm {
    padding-left: var(--space-xxxl); }
  .padding-left-xxxxl\@sm {
    padding-left: var(--space-xxxxl); }
  .padding-left-0\@sm {
    padding-left: 0; }
  .padding-left-component\@sm {
    padding-left: var(--component-padding); }
  .padding-x-xxxxs\@sm {
    padding-left: var(--space-xxxxs);
    padding-right: var(--space-xxxxs); }
  .padding-x-xxxs\@sm {
    padding-left: var(--space-xxxs);
    padding-right: var(--space-xxxs); }
  .padding-x-xxs\@sm {
    padding-left: var(--space-xxs);
    padding-right: var(--space-xxs); }
  .padding-x-xs\@sm {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs); }
  .padding-x-sm\@sm {
    padding-left: var(--space-sm);
    padding-right: var(--space-sm); }
  .padding-x-md\@sm {
    padding-left: var(--space-md);
    padding-right: var(--space-md); }
  .padding-x-lg\@sm {
    padding-left: var(--space-lg);
    padding-right: var(--space-lg); }
  .padding-x-xl\@sm {
    padding-left: var(--space-xl);
    padding-right: var(--space-xl); }
  .padding-x-xxl\@sm {
    padding-left: var(--space-xxl);
    padding-right: var(--space-xxl); }
  .padding-x-xxxl\@sm {
    padding-left: var(--space-xxxl);
    padding-right: var(--space-xxxl); }
  .padding-x-xxxxl\@sm {
    padding-left: var(--space-xxxxl);
    padding-right: var(--space-xxxxl); }
  .padding-x-0\@sm {
    padding-left: 0;
    padding-right: 0; }
  .padding-x-component\@sm {
    padding-left: var(--component-padding);
    padding-right: var(--component-padding); }
  .padding-y-xxxxs\@sm {
    padding-top: var(--space-xxxxs);
    padding-bottom: var(--space-xxxxs); }
  .padding-y-xxxs\@sm {
    padding-top: var(--space-xxxs);
    padding-bottom: var(--space-xxxs); }
  .padding-y-xxs\@sm {
    padding-top: var(--space-xxs);
    padding-bottom: var(--space-xxs); }
  .padding-y-xs\@sm {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs); }
  .padding-y-sm\@sm {
    padding-top: var(--space-sm);
    padding-bottom: var(--space-sm); }
  .padding-y-md\@sm {
    padding-top: var(--space-md);
    padding-bottom: var(--space-md); }
  .padding-y-lg\@sm {
    padding-top: var(--space-lg);
    padding-bottom: var(--space-lg); }
  .padding-y-xl\@sm {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl); }
  .padding-y-xxl\@sm {
    padding-top: var(--space-xxl);
    padding-bottom: var(--space-xxl); }
  .padding-y-xxxl\@sm {
    padding-top: var(--space-xxxl);
    padding-bottom: var(--space-xxxl); }
  .padding-y-xxxxl\@sm {
    padding-top: var(--space-xxxxl);
    padding-bottom: var(--space-xxxxl); }
  .padding-y-0\@sm {
    padding-top: 0;
    padding-bottom: 0; }
  .padding-y-component\@sm {
    padding-top: var(--component-padding);
    padding-bottom: var(--component-padding); }
  .text-center\@sm {
    text-align: center; }
  .text-left\@sm {
    text-align: left; }
  .text-right\@sm {
    text-align: right; }
  .text-justify\@sm {
    text-align: justify; }
  .text-xs\@sm {
    font-size: var(--text-xs, 0.6875rem); }
  .text-sm\@sm {
    font-size: var(--text-sm, 0.75rem); }
  .text-base\@sm {
    font-size: var(--text-unit, 1rem); }
  .text-md\@sm {
    font-size: var(--text-md, 1.125rem); }
  .text-lg\@sm {
    font-size: var(--text-lg, 1.375rem); }
  .text-xl\@sm {
    font-size: var(--text-xl, 1.75rem); }
  .text-xxl\@sm {
    font-size: var(--text-xxl, 2rem); }
  .text-xxxl\@sm {
    font-size: var(--text-xxxl, 2.5rem); }
  .text-xxxxl\@sm {
    font-size: var(--text-xxxxl, 3rem); }
  .column-count-1\@sm {
    -moz-column-count: 1;
    column-count: 1; }
  .column-count-2\@sm {
    -moz-column-count: 2;
    column-count: 2; }
  .column-count-3\@sm {
    -moz-column-count: 3;
    column-count: 3; }
  .column-count-4\@sm {
    -moz-column-count: 4;
    column-count: 4; }
  .width-xxxxs\@sm {
    width: var(--size-xxxxs, 0.25rem); }
  .width-xxxs\@sm {
    width: var(--size-xxxs, 0.5rem); }
  .width-xxs\@sm {
    width: var(--size-xxs, 0.75rem); }
  .width-xs\@sm {
    width: var(--size-xs, 1rem); }
  .width-sm\@sm {
    width: var(--size-sm, 1.5rem); }
  .width-md\@sm {
    width: var(--size-md, 2rem); }
  .width-lg\@sm {
    width: var(--size-lg, 3rem); }
  .width-xl\@sm {
    width: var(--size-xl, 4rem); }
  .width-xxl\@sm {
    width: var(--size-xxl, 6rem); }
  .width-xxxl\@sm {
    width: var(--size-xxxl, 8rem); }
  .width-xxxxl\@sm {
    width: var(--size-xxxxl, 16rem); }
  .width-0\@sm {
    width: 0; }
  .width-10\%\@sm {
    width: 10%; }
  .width-20\%\@sm {
    width: 20%; }
  .width-25\%\@sm {
    width: 25%; }
  .width-30\%\@sm {
    width: 30%; }
  .width-33\%\@sm {
    width: 33.3333333333%; }
  .width-40\%\@sm {
    width: 40%; }
  .width-50\%\@sm {
    width: 50%; }
  .width-60\%\@sm {
    width: 60%; }
  .width-66\%\@sm {
    width: 66.6666666667%; }
  .width-70\%\@sm {
    width: 70%; }
  .width-75\%\@sm {
    width: 75%; }
  .width-80\%\@sm {
    width: 80%; }
  .width-90\%\@sm {
    width: 90%; }
  .width-100\%\@sm {
    width: 100%; }
  .width-100vw\@sm {
    width: 100vw; }
  .width-auto\@sm {
    width: auto; }
  .width-inherit\@sm {
    width: inherit; }
  .height-xxxxs\@sm {
    height: var(--size-xxxxs, 0.25rem); }
  .height-xxxs\@sm {
    height: var(--size-xxxs, 0.5rem); }
  .height-xxs\@sm {
    height: var(--size-xxs, 0.75rem); }
  .height-xs\@sm {
    height: var(--size-xs, 1rem); }
  .height-sm\@sm {
    height: var(--size-sm, 1.5rem); }
  .height-md\@sm {
    height: var(--size-md, 2rem); }
  .height-lg\@sm {
    height: var(--size-lg, 3rem); }
  .height-xl\@sm {
    height: var(--size-xl, 4rem); }
  .height-xxl\@sm {
    height: var(--size-xxl, 6rem); }
  .height-xxxl\@sm {
    height: var(--size-xxxl, 8rem); }
  .height-xxxxl\@sm {
    height: var(--size-xxxxl, 16rem); }
  .height-0\@sm {
    height: 0; }
  .height-10\%\@sm {
    height: 10%; }
  .height-20\%\@sm {
    height: 20%; }
  .height-25\%\@sm {
    height: 25%; }
  .height-30\%\@sm {
    height: 30%; }
  .height-33\%\@sm {
    height: 33.3333333333%; }
  .height-40\%\@sm {
    height: 40%; }
  .height-50\%\@sm {
    height: 50%; }
  .height-60\%\@sm {
    height: 60%; }
  .height-66\%\@sm {
    height: 66.6666666667%; }
  .height-70\%\@sm {
    height: 70%; }
  .height-75\%\@sm {
    height: 75%; }
  .height-80\%\@sm {
    height: 80%; }
  .height-90\%\@sm {
    height: 90%; }
  .height-100\%\@sm {
    height: 100%; }
  .height-100vh\@sm {
    height: 100vh; }
  .height-auto\@sm {
    height: auto; }
  .height-inherit\@sm {
    height: inherit; }
  .max-width-xxxxxs\@sm {
    max-width: var(--max-width-xxxxxs); }
  .max-width-xxxxs\@sm {
    max-width: var(--max-width-xxxxs); }
  .max-width-xxxs\@sm {
    max-width: var(--max-width-xxxs); }
  .max-width-xxs\@sm {
    max-width: var(--max-width-xxs); }
  .max-width-xs\@sm {
    max-width: var(--max-width-xs); }
  .max-width-sm\@sm {
    max-width: var(--max-width-sm); }
  .max-width-md\@sm {
    max-width: var(--max-width-md); }
  .max-width-lg\@sm {
    max-width: var(--max-width-lg); }
  .max-width-xl\@sm {
    max-width: var(--max-width-xl); }
  .max-width-xxl\@sm {
    max-width: var(--max-width-xxl); }
  .max-width-xxxl\@sm {
    max-width: var(--max-width-xxxl); }
  .max-width-xxxxl\@sm {
    max-width: var(--max-width-xxxxl); }
  .max-width-100\%\@sm {
    max-width: 100%; }
  .max-width-none\@sm {
    max-width: none; }
  .position-relative\@sm {
    position: relative; }
  .position-absolute\@sm {
    position: absolute; }
  .position-fixed\@sm {
    position: fixed; }
  .position-sticky\@sm {
    position: -webkit-sticky;
    position: sticky; }
  .position-static\@sm {
    position: static; }
  .inset-0\@sm {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .top-0\@sm {
    top: 0; }
  .top-50\%\@sm {
    top: 50%; }
  .top-xxxxs\@sm {
    top: var(--space-xxxxs); }
  .top-xxxs\@sm {
    top: var(--space-xxxs); }
  .top-xxs\@sm {
    top: var(--space-xxs); }
  .top-xs\@sm {
    top: var(--space-xs); }
  .top-sm\@sm {
    top: var(--space-sm); }
  .top-md\@sm {
    top: var(--space-md); }
  .top-lg\@sm {
    top: var(--space-lg); }
  .top-xl\@sm {
    top: var(--space-xl); }
  .top-xxl\@sm {
    top: var(--space-xxl); }
  .top-xxxl\@sm {
    top: var(--space-xxxl); }
  .top-xxxxl\@sm {
    top: var(--space-xxxxl); }
  .bottom-0\@sm {
    bottom: 0; }
  .bottom-50\%\@sm {
    bottom: 50%; }
  .bottom-xxxxs\@sm {
    bottom: var(--space-xxxxs); }
  .bottom-xxxs\@sm {
    bottom: var(--space-xxxs); }
  .bottom-xxs\@sm {
    bottom: var(--space-xxs); }
  .bottom-xs\@sm {
    bottom: var(--space-xs); }
  .bottom-sm\@sm {
    bottom: var(--space-sm); }
  .bottom-md\@sm {
    bottom: var(--space-md); }
  .bottom-lg\@sm {
    bottom: var(--space-lg); }
  .bottom-xl\@sm {
    bottom: var(--space-xl); }
  .bottom-xxl\@sm {
    bottom: var(--space-xxl); }
  .bottom-xxxl\@sm {
    bottom: var(--space-xxxl); }
  .bottom-xxxxl\@sm {
    bottom: var(--space-xxxxl); }
  .right-0\@sm {
    right: 0; }
  .right-50\%\@sm {
    right: 50%; }
  .right-xxxxs\@sm {
    right: var(--space-xxxxs); }
  .right-xxxs\@sm {
    right: var(--space-xxxs); }
  .right-xxs\@sm {
    right: var(--space-xxs); }
  .right-xs\@sm {
    right: var(--space-xs); }
  .right-sm\@sm {
    right: var(--space-sm); }
  .right-md\@sm {
    right: var(--space-md); }
  .right-lg\@sm {
    right: var(--space-lg); }
  .right-xl\@sm {
    right: var(--space-xl); }
  .right-xxl\@sm {
    right: var(--space-xxl); }
  .right-xxxl\@sm {
    right: var(--space-xxxl); }
  .right-xxxxl\@sm {
    right: var(--space-xxxxl); }
  .left-0\@sm {
    left: 0; }
  .left-50\%\@sm {
    left: 50%; }
  .left-xxxxs\@sm {
    left: var(--space-xxxxs); }
  .left-xxxs\@sm {
    left: var(--space-xxxs); }
  .left-xxs\@sm {
    left: var(--space-xxs); }
  .left-xs\@sm {
    left: var(--space-xs); }
  .left-sm\@sm {
    left: var(--space-sm); }
  .left-md\@sm {
    left: var(--space-md); }
  .left-lg\@sm {
    left: var(--space-lg); }
  .left-xl\@sm {
    left: var(--space-xl); }
  .left-xxl\@sm {
    left: var(--space-xxl); }
  .left-xxxl\@sm {
    left: var(--space-xxxl); }
  .left-xxxxl\@sm {
    left: var(--space-xxxxl); }
  .overflow-hidden\@sm {
    overflow: hidden; }
  .overflow-auto\@sm {
    overflow: auto; }
  .momentum-scrolling\@sm {
    -webkit-overflow-scrolling: touch; }
  .overscroll-contain\@sm {
    overscroll-behavior: contain; }
  .visible\@sm {
    visibility: visible; }
  .invisible\@sm {
    visibility: hidden; } }

@media not all and (min-width: 48rem) {
  .display\@sm {
    display: none !important; } }

@media (min-width: 64rem) {
  .flex\@md {
    display: flex; }
  .inline-flex\@md {
    display: inline-flex; }
  .flex-wrap\@md {
    flex-wrap: wrap; }
  .flex-nowrap\@md {
    flex-wrap: nowrap; }
  .flex-column\@md {
    flex-direction: column; }
  .flex-column-reverse\@md {
    flex-direction: column-reverse; }
  .flex-row\@md {
    flex-direction: row; }
  .flex-row-reverse\@md {
    flex-direction: row-reverse; }
  .flex-center\@md {
    justify-content: center;
    align-items: center; }
  .flex-grow\@md {
    flex-grow: 1; }
  .flex-grow-0\@md {
    flex-grow: 0; }
  .flex-shrink\@md {
    flex-shrink: 1; }
  .flex-shrink-0\@md {
    flex-shrink: 0; }
  .flex-basis-0\@md {
    flex-basis: 0; }
  .justify-start\@md {
    justify-content: flex-start; }
  .justify-end\@md {
    justify-content: flex-end; }
  .justify-center\@md {
    justify-content: center; }
  .justify-between\@md {
    justify-content: space-between; }
  .items-center\@md {
    align-items: center; }
  .items-start\@md {
    align-items: flex-start; }
  .items-end\@md {
    align-items: flex-end; }
  .items-baseline\@md {
    align-items: baseline; }
  .order-1\@md {
    order: 1; }
  .order-2\@md {
    order: 2; }
  .order-3\@md {
    order: 3; }
  .block\@md {
    display: block; }
  .inline-block\@md {
    display: inline-block; }
  .inline\@md {
    display: inline; }
  .contents\@md {
    display: contents; }
  .hide\@md {
    display: none !important; }
  .margin-xxxxs\@md {
    margin: var(--space-xxxxs); }
  .margin-xxxs\@md {
    margin: var(--space-xxxs); }
  .margin-xxs\@md {
    margin: var(--space-xxs); }
  .margin-xs\@md {
    margin: var(--space-xs); }
  .margin-sm\@md {
    margin: var(--space-sm); }
  .margin-md\@md {
    margin: var(--space-md); }
  .margin-lg\@md {
    margin: var(--space-lg); }
  .margin-xl\@md {
    margin: var(--space-xl); }
  .margin-xxl\@md {
    margin: var(--space-xxl); }
  .margin-xxxl\@md {
    margin: var(--space-xxxl); }
  .margin-xxxxl\@md {
    margin: var(--space-xxxxl); }
  .margin-auto\@md {
    margin: auto; }
  .margin-0\@md {
    margin: 0; }
  .margin-top-xxxxs\@md {
    margin-top: var(--space-xxxxs); }
  .margin-top-xxxs\@md {
    margin-top: var(--space-xxxs); }
  .margin-top-xxs\@md {
    margin-top: var(--space-xxs); }
  .margin-top-xs\@md {
    margin-top: var(--space-xs); }
  .margin-top-sm\@md {
    margin-top: var(--space-sm); }
  .margin-top-md\@md {
    margin-top: var(--space-md); }
  .margin-top-lg\@md {
    margin-top: var(--space-lg); }
  .margin-top-xl\@md {
    margin-top: var(--space-xl); }
  .margin-top-xxl\@md {
    margin-top: var(--space-xxl); }
  .margin-top-xxxl\@md {
    margin-top: var(--space-xxxl); }
  .margin-top-xxxxl\@md {
    margin-top: var(--space-xxxxl); }
  .margin-top-auto\@md {
    margin-top: auto; }
  .margin-top-0\@md {
    margin-top: 0; }
  .margin-bottom-xxxxs\@md {
    margin-bottom: var(--space-xxxxs); }
  .margin-bottom-xxxs\@md {
    margin-bottom: var(--space-xxxs); }
  .margin-bottom-xxs\@md {
    margin-bottom: var(--space-xxs); }
  .margin-bottom-xs\@md {
    margin-bottom: var(--space-xs); }
  .margin-bottom-sm\@md {
    margin-bottom: var(--space-sm); }
  .margin-bottom-md\@md {
    margin-bottom: var(--space-md); }
  .margin-bottom-lg\@md {
    margin-bottom: var(--space-lg); }
  .margin-bottom-xl\@md {
    margin-bottom: var(--space-xl); }
  .margin-bottom-xxl\@md {
    margin-bottom: var(--space-xxl); }
  .margin-bottom-xxxl\@md {
    margin-bottom: var(--space-xxxl); }
  .margin-bottom-xxxxl\@md {
    margin-bottom: var(--space-xxxxl); }
  .margin-bottom-auto\@md {
    margin-bottom: auto; }
  .margin-bottom-0\@md {
    margin-bottom: 0; }
  .margin-right-xxxxs\@md {
    margin-right: var(--space-xxxxs); }
  .margin-right-xxxs\@md {
    margin-right: var(--space-xxxs); }
  .margin-right-xxs\@md {
    margin-right: var(--space-xxs); }
  .margin-right-xs\@md {
    margin-right: var(--space-xs); }
  .margin-right-sm\@md {
    margin-right: var(--space-sm); }
  .margin-right-md\@md {
    margin-right: var(--space-md); }
  .margin-right-lg\@md {
    margin-right: var(--space-lg); }
  .margin-right-xl\@md {
    margin-right: var(--space-xl); }
  .margin-right-xxl\@md {
    margin-right: var(--space-xxl); }
  .margin-right-xxxl\@md {
    margin-right: var(--space-xxxl); }
  .margin-right-xxxxl\@md {
    margin-right: var(--space-xxxxl); }
  .margin-right-auto\@md {
    margin-right: auto; }
  .margin-right-0\@md {
    margin-right: 0; }
  .margin-left-xxxxs\@md {
    margin-left: var(--space-xxxxs); }
  .margin-left-xxxs\@md {
    margin-left: var(--space-xxxs); }
  .margin-left-xxs\@md {
    margin-left: var(--space-xxs); }
  .margin-left-xs\@md {
    margin-left: var(--space-xs); }
  .margin-left-sm\@md {
    margin-left: var(--space-sm); }
  .margin-left-md\@md {
    margin-left: var(--space-md); }
  .margin-left-lg\@md {
    margin-left: var(--space-lg); }
  .margin-left-xl\@md {
    margin-left: var(--space-xl); }
  .margin-left-xxl\@md {
    margin-left: var(--space-xxl); }
  .margin-left-xxxl\@md {
    margin-left: var(--space-xxxl); }
  .margin-left-xxxxl\@md {
    margin-left: var(--space-xxxxl); }
  .margin-left-auto\@md {
    margin-left: auto; }
  .margin-left-0\@md {
    margin-left: 0; }
  .margin-x-xxxxs\@md {
    margin-left: var(--space-xxxxs);
    margin-right: var(--space-xxxxs); }
  .margin-x-xxxs\@md {
    margin-left: var(--space-xxxs);
    margin-right: var(--space-xxxs); }
  .margin-x-xxs\@md {
    margin-left: var(--space-xxs);
    margin-right: var(--space-xxs); }
  .margin-x-xs\@md {
    margin-left: var(--space-xs);
    margin-right: var(--space-xs); }
  .margin-x-sm\@md {
    margin-left: var(--space-sm);
    margin-right: var(--space-sm); }
  .margin-x-md\@md {
    margin-left: var(--space-md);
    margin-right: var(--space-md); }
  .margin-x-lg\@md {
    margin-left: var(--space-lg);
    margin-right: var(--space-lg); }
  .margin-x-xl\@md {
    margin-left: var(--space-xl);
    margin-right: var(--space-xl); }
  .margin-x-xxl\@md {
    margin-left: var(--space-xxl);
    margin-right: var(--space-xxl); }
  .margin-x-xxxl\@md {
    margin-left: var(--space-xxxl);
    margin-right: var(--space-xxxl); }
  .margin-x-xxxxl\@md {
    margin-left: var(--space-xxxxl);
    margin-right: var(--space-xxxxl); }
  .margin-x-auto\@md {
    margin-left: auto;
    margin-right: auto; }
  .margin-x-0\@md {
    margin-left: 0;
    margin-right: 0; }
  .margin-y-xxxxs\@md {
    margin-top: var(--space-xxxxs);
    margin-bottom: var(--space-xxxxs); }
  .margin-y-xxxs\@md {
    margin-top: var(--space-xxxs);
    margin-bottom: var(--space-xxxs); }
  .margin-y-xxs\@md {
    margin-top: var(--space-xxs);
    margin-bottom: var(--space-xxs); }
  .margin-y-xs\@md {
    margin-top: var(--space-xs);
    margin-bottom: var(--space-xs); }
  .margin-y-sm\@md {
    margin-top: var(--space-sm);
    margin-bottom: var(--space-sm); }
  .margin-y-md\@md {
    margin-top: var(--space-md);
    margin-bottom: var(--space-md); }
  .margin-y-lg\@md {
    margin-top: var(--space-lg);
    margin-bottom: var(--space-lg); }
  .margin-y-xl\@md {
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl); }
  .margin-y-xxl\@md {
    margin-top: var(--space-xxl);
    margin-bottom: var(--space-xxl); }
  .margin-y-xxxl\@md {
    margin-top: var(--space-xxxl);
    margin-bottom: var(--space-xxxl); }
  .margin-y-xxxxl\@md {
    margin-top: var(--space-xxxxl);
    margin-bottom: var(--space-xxxxl); }
  .margin-y-auto\@md {
    margin-top: auto;
    margin-bottom: auto; }
  .margin-y-0\@md {
    margin-top: 0;
    margin-bottom: 0; }
  .padding-xxxxs\@md {
    padding: var(--space-xxxxs); }
  .padding-xxxs\@md {
    padding: var(--space-xxxs); }
  .padding-xxs\@md {
    padding: var(--space-xxs); }
  .padding-xs\@md {
    padding: var(--space-xs); }
  .padding-sm\@md {
    padding: var(--space-sm); }
  .padding-md\@md {
    padding: var(--space-md); }
  .padding-lg\@md {
    padding: var(--space-lg); }
  .padding-xl\@md {
    padding: var(--space-xl); }
  .padding-xxl\@md {
    padding: var(--space-xxl); }
  .padding-xxxl\@md {
    padding: var(--space-xxxl); }
  .padding-xxxxl\@md {
    padding: var(--space-xxxxl); }
  .padding-0\@md {
    padding: 0; }
  .padding-component\@md {
    padding: var(--component-padding); }
  .padding-top-xxxxs\@md {
    padding-top: var(--space-xxxxs); }
  .padding-top-xxxs\@md {
    padding-top: var(--space-xxxs); }
  .padding-top-xxs\@md {
    padding-top: var(--space-xxs); }
  .padding-top-xs\@md {
    padding-top: var(--space-xs); }
  .padding-top-sm\@md {
    padding-top: var(--space-sm); }
  .padding-top-md\@md {
    padding-top: var(--space-md); }
  .padding-top-lg\@md {
    padding-top: var(--space-lg); }
  .padding-top-xl\@md {
    padding-top: var(--space-xl); }
  .padding-top-xxl\@md {
    padding-top: var(--space-xxl); }
  .padding-top-xxxl\@md {
    padding-top: var(--space-xxxl); }
  .padding-top-xxxxl\@md {
    padding-top: var(--space-xxxxl); }
  .padding-top-0\@md {
    padding-top: 0; }
  .padding-top-component\@md {
    padding-top: var(--component-padding); }
  .padding-bottom-xxxxs\@md {
    padding-bottom: var(--space-xxxxs); }
  .padding-bottom-xxxs\@md {
    padding-bottom: var(--space-xxxs); }
  .padding-bottom-xxs\@md {
    padding-bottom: var(--space-xxs); }
  .padding-bottom-xs\@md {
    padding-bottom: var(--space-xs); }
  .padding-bottom-sm\@md {
    padding-bottom: var(--space-sm); }
  .padding-bottom-md\@md {
    padding-bottom: var(--space-md); }
  .padding-bottom-lg\@md {
    padding-bottom: var(--space-lg); }
  .padding-bottom-xl\@md {
    padding-bottom: var(--space-xl); }
  .padding-bottom-xxl\@md {
    padding-bottom: var(--space-xxl); }
  .padding-bottom-xxxl\@md {
    padding-bottom: var(--space-xxxl); }
  .padding-bottom-xxxxl\@md {
    padding-bottom: var(--space-xxxxl); }
  .padding-bottom-0\@md {
    padding-bottom: 0; }
  .padding-bottom-component\@md {
    padding-bottom: var(--component-padding); }
  .padding-right-xxxxs\@md {
    padding-right: var(--space-xxxxs); }
  .padding-right-xxxs\@md {
    padding-right: var(--space-xxxs); }
  .padding-right-xxs\@md {
    padding-right: var(--space-xxs); }
  .padding-right-xs\@md {
    padding-right: var(--space-xs); }
  .padding-right-sm\@md {
    padding-right: var(--space-sm); }
  .padding-right-md\@md {
    padding-right: var(--space-md); }
  .padding-right-lg\@md {
    padding-right: var(--space-lg); }
  .padding-right-xl\@md {
    padding-right: var(--space-xl); }
  .padding-right-xxl\@md {
    padding-right: var(--space-xxl); }
  .padding-right-xxxl\@md {
    padding-right: var(--space-xxxl); }
  .padding-right-xxxxl\@md {
    padding-right: var(--space-xxxxl); }
  .padding-right-0\@md {
    padding-right: 0; }
  .padding-right-component\@md {
    padding-right: var(--component-padding); }
  .padding-left-xxxxs\@md {
    padding-left: var(--space-xxxxs); }
  .padding-left-xxxs\@md {
    padding-left: var(--space-xxxs); }
  .padding-left-xxs\@md {
    padding-left: var(--space-xxs); }
  .padding-left-xs\@md {
    padding-left: var(--space-xs); }
  .padding-left-sm\@md {
    padding-left: var(--space-sm); }
  .padding-left-md\@md {
    padding-left: var(--space-md); }
  .padding-left-lg\@md {
    padding-left: var(--space-lg); }
  .padding-left-xl\@md {
    padding-left: var(--space-xl); }
  .padding-left-xxl\@md {
    padding-left: var(--space-xxl); }
  .padding-left-xxxl\@md {
    padding-left: var(--space-xxxl); }
  .padding-left-xxxxl\@md {
    padding-left: var(--space-xxxxl); }
  .padding-left-0\@md {
    padding-left: 0; }
  .padding-left-component\@md {
    padding-left: var(--component-padding); }
  .padding-x-xxxxs\@md {
    padding-left: var(--space-xxxxs);
    padding-right: var(--space-xxxxs); }
  .padding-x-xxxs\@md {
    padding-left: var(--space-xxxs);
    padding-right: var(--space-xxxs); }
  .padding-x-xxs\@md {
    padding-left: var(--space-xxs);
    padding-right: var(--space-xxs); }
  .padding-x-xs\@md {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs); }
  .padding-x-sm\@md {
    padding-left: var(--space-sm);
    padding-right: var(--space-sm); }
  .padding-x-md\@md {
    padding-left: var(--space-md);
    padding-right: var(--space-md); }
  .padding-x-lg\@md {
    padding-left: var(--space-lg);
    padding-right: var(--space-lg); }
  .padding-x-xl\@md {
    padding-left: var(--space-xl);
    padding-right: var(--space-xl); }
  .padding-x-xxl\@md {
    padding-left: var(--space-xxl);
    padding-right: var(--space-xxl); }
  .padding-x-xxxl\@md {
    padding-left: var(--space-xxxl);
    padding-right: var(--space-xxxl); }
  .padding-x-xxxxl\@md {
    padding-left: var(--space-xxxxl);
    padding-right: var(--space-xxxxl); }
  .padding-x-0\@md {
    padding-left: 0;
    padding-right: 0; }
  .padding-x-component\@md {
    padding-left: var(--component-padding);
    padding-right: var(--component-padding); }
  .padding-y-xxxxs\@md {
    padding-top: var(--space-xxxxs);
    padding-bottom: var(--space-xxxxs); }
  .padding-y-xxxs\@md {
    padding-top: var(--space-xxxs);
    padding-bottom: var(--space-xxxs); }
  .padding-y-xxs\@md {
    padding-top: var(--space-xxs);
    padding-bottom: var(--space-xxs); }
  .padding-y-xs\@md {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs); }
  .padding-y-sm\@md {
    padding-top: var(--space-sm);
    padding-bottom: var(--space-sm); }
  .padding-y-md\@md {
    padding-top: var(--space-md);
    padding-bottom: var(--space-md); }
  .padding-y-lg\@md {
    padding-top: var(--space-lg);
    padding-bottom: var(--space-lg); }
  .padding-y-xl\@md {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl); }
  .padding-y-xxl\@md {
    padding-top: var(--space-xxl);
    padding-bottom: var(--space-xxl); }
  .padding-y-xxxl\@md {
    padding-top: var(--space-xxxl);
    padding-bottom: var(--space-xxxl); }
  .padding-y-xxxxl\@md {
    padding-top: var(--space-xxxxl);
    padding-bottom: var(--space-xxxxl); }
  .padding-y-0\@md {
    padding-top: 0;
    padding-bottom: 0; }
  .padding-y-component\@md {
    padding-top: var(--component-padding);
    padding-bottom: var(--component-padding); }
  .text-center\@md {
    text-align: center; }
  .text-left\@md {
    text-align: left; }
  .text-right\@md {
    text-align: right; }
  .text-justify\@md {
    text-align: justify; }
  .text-xs\@md {
    font-size: var(--text-xs, 0.6875rem); }
  .text-sm\@md {
    font-size: var(--text-sm, 0.75rem); }
  .text-base\@md {
    font-size: var(--text-unit, 1rem); }
  .text-md\@md {
    font-size: var(--text-md, 1.125rem); }
  .text-lg\@md {
    font-size: var(--text-lg, 1.375rem); }
  .text-xl\@md {
    font-size: var(--text-xl, 1.75rem); }
  .text-xxl\@md {
    font-size: var(--text-xxl, 2rem); }
  .text-xxxl\@md {
    font-size: var(--text-xxxl, 2.5rem); }
  .text-xxxxl\@md {
    font-size: var(--text-xxxxl, 3rem); }
  .column-count-1\@md {
    -moz-column-count: 1;
    column-count: 1; }
  .column-count-2\@md {
    -moz-column-count: 2;
    column-count: 2; }
  .column-count-3\@md {
    -moz-column-count: 3;
    column-count: 3; }
  .column-count-4\@md {
    -moz-column-count: 4;
    column-count: 4; }
  .width-xxxxs\@md {
    width: var(--size-xxxxs, 0.25rem); }
  .width-xxxs\@md {
    width: var(--size-xxxs, 0.5rem); }
  .width-xxs\@md {
    width: var(--size-xxs, 0.75rem); }
  .width-xs\@md {
    width: var(--size-xs, 1rem); }
  .width-sm\@md {
    width: var(--size-sm, 1.5rem); }
  .width-md\@md {
    width: var(--size-md, 2rem); }
  .width-lg\@md {
    width: var(--size-lg, 3rem); }
  .width-xl\@md {
    width: var(--size-xl, 4rem); }
  .width-xxl\@md {
    width: var(--size-xxl, 6rem); }
  .width-xxxl\@md {
    width: var(--size-xxxl, 8rem); }
  .width-xxxxl\@md {
    width: var(--size-xxxxl, 16rem); }
  .width-0\@md {
    width: 0; }
  .width-10\%\@md {
    width: 10%; }
  .width-20\%\@md {
    width: 20%; }
  .width-25\%\@md {
    width: 25%; }
  .width-30\%\@md {
    width: 30%; }
  .width-33\%\@md {
    width: 33.3333333333%; }
  .width-40\%\@md {
    width: 40%; }
  .width-50\%\@md {
    width: 50%; }
  .width-60\%\@md {
    width: 60%; }
  .width-66\%\@md {
    width: 66.6666666667%; }
  .width-70\%\@md {
    width: 70%; }
  .width-75\%\@md {
    width: 75%; }
  .width-80\%\@md {
    width: 80%; }
  .width-90\%\@md {
    width: 90%; }
  .width-100\%\@md {
    width: 100%; }
  .width-100vw\@md {
    width: 100vw; }
  .width-auto\@md {
    width: auto; }
  .width-inherit\@md {
    width: inherit; }
  .height-xxxxs\@md {
    height: var(--size-xxxxs, 0.25rem); }
  .height-xxxs\@md {
    height: var(--size-xxxs, 0.5rem); }
  .height-xxs\@md {
    height: var(--size-xxs, 0.75rem); }
  .height-xs\@md {
    height: var(--size-xs, 1rem); }
  .height-sm\@md {
    height: var(--size-sm, 1.5rem); }
  .height-md\@md {
    height: var(--size-md, 2rem); }
  .height-lg\@md {
    height: var(--size-lg, 3rem); }
  .height-xl\@md {
    height: var(--size-xl, 4rem); }
  .height-xxl\@md {
    height: var(--size-xxl, 6rem); }
  .height-xxxl\@md {
    height: var(--size-xxxl, 8rem); }
  .height-xxxxl\@md {
    height: var(--size-xxxxl, 16rem); }
  .height-0\@md {
    height: 0; }
  .height-10\%\@md {
    height: 10%; }
  .height-20\%\@md {
    height: 20%; }
  .height-25\%\@md {
    height: 25%; }
  .height-30\%\@md {
    height: 30%; }
  .height-33\%\@md {
    height: 33.3333333333%; }
  .height-40\%\@md {
    height: 40%; }
  .height-50\%\@md {
    height: 50%; }
  .height-60\%\@md {
    height: 60%; }
  .height-66\%\@md {
    height: 66.6666666667%; }
  .height-70\%\@md {
    height: 70%; }
  .height-75\%\@md {
    height: 75%; }
  .height-80\%\@md {
    height: 80%; }
  .height-90\%\@md {
    height: 90%; }
  .height-100\%\@md {
    height: 100%; }
  .height-100vh\@md {
    height: 100vh; }
  .height-auto\@md {
    height: auto; }
  .height-inherit\@md {
    height: inherit; }
  .max-width-xxxxxs\@md {
    max-width: var(--max-width-xxxxxs); }
  .max-width-xxxxs\@md {
    max-width: var(--max-width-xxxxs); }
  .max-width-xxxs\@md {
    max-width: var(--max-width-xxxs); }
  .max-width-xxs\@md {
    max-width: var(--max-width-xxs); }
  .max-width-xs\@md {
    max-width: var(--max-width-xs); }
  .max-width-sm\@md {
    max-width: var(--max-width-sm); }
  .max-width-md\@md {
    max-width: var(--max-width-md); }
  .max-width-lg\@md {
    max-width: var(--max-width-lg); }
  .max-width-xl\@md {
    max-width: var(--max-width-xl); }
  .max-width-xxl\@md {
    max-width: var(--max-width-xxl); }
  .max-width-xxxl\@md {
    max-width: var(--max-width-xxxl); }
  .max-width-xxxxl\@md {
    max-width: var(--max-width-xxxxl); }
  .max-width-100\%\@md {
    max-width: 100%; }
  .max-width-none\@md {
    max-width: none; }
  .position-relative\@md {
    position: relative; }
  .position-absolute\@md {
    position: absolute; }
  .position-fixed\@md {
    position: fixed; }
  .position-sticky\@md {
    position: -webkit-sticky;
    position: sticky; }
  .position-static\@md {
    position: static; }
  .inset-0\@md {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .top-0\@md {
    top: 0; }
  .top-50\%\@md {
    top: 50%; }
  .top-xxxxs\@md {
    top: var(--space-xxxxs); }
  .top-xxxs\@md {
    top: var(--space-xxxs); }
  .top-xxs\@md {
    top: var(--space-xxs); }
  .top-xs\@md {
    top: var(--space-xs); }
  .top-sm\@md {
    top: var(--space-sm); }
  .top-md\@md {
    top: var(--space-md); }
  .top-lg\@md {
    top: var(--space-lg); }
  .top-xl\@md {
    top: var(--space-xl); }
  .top-xxl\@md {
    top: var(--space-xxl); }
  .top-xxxl\@md {
    top: var(--space-xxxl); }
  .top-xxxxl\@md {
    top: var(--space-xxxxl); }
  .bottom-0\@md {
    bottom: 0; }
  .bottom-50\%\@md {
    bottom: 50%; }
  .bottom-xxxxs\@md {
    bottom: var(--space-xxxxs); }
  .bottom-xxxs\@md {
    bottom: var(--space-xxxs); }
  .bottom-xxs\@md {
    bottom: var(--space-xxs); }
  .bottom-xs\@md {
    bottom: var(--space-xs); }
  .bottom-sm\@md {
    bottom: var(--space-sm); }
  .bottom-md\@md {
    bottom: var(--space-md); }
  .bottom-lg\@md {
    bottom: var(--space-lg); }
  .bottom-xl\@md {
    bottom: var(--space-xl); }
  .bottom-xxl\@md {
    bottom: var(--space-xxl); }
  .bottom-xxxl\@md {
    bottom: var(--space-xxxl); }
  .bottom-xxxxl\@md {
    bottom: var(--space-xxxxl); }
  .right-0\@md {
    right: 0; }
  .right-50\%\@md {
    right: 50%; }
  .right-xxxxs\@md {
    right: var(--space-xxxxs); }
  .right-xxxs\@md {
    right: var(--space-xxxs); }
  .right-xxs\@md {
    right: var(--space-xxs); }
  .right-xs\@md {
    right: var(--space-xs); }
  .right-sm\@md {
    right: var(--space-sm); }
  .right-md\@md {
    right: var(--space-md); }
  .right-lg\@md {
    right: var(--space-lg); }
  .right-xl\@md {
    right: var(--space-xl); }
  .right-xxl\@md {
    right: var(--space-xxl); }
  .right-xxxl\@md {
    right: var(--space-xxxl); }
  .right-xxxxl\@md {
    right: var(--space-xxxxl); }
  .left-0\@md {
    left: 0; }
  .left-50\%\@md {
    left: 50%; }
  .left-xxxxs\@md {
    left: var(--space-xxxxs); }
  .left-xxxs\@md {
    left: var(--space-xxxs); }
  .left-xxs\@md {
    left: var(--space-xxs); }
  .left-xs\@md {
    left: var(--space-xs); }
  .left-sm\@md {
    left: var(--space-sm); }
  .left-md\@md {
    left: var(--space-md); }
  .left-lg\@md {
    left: var(--space-lg); }
  .left-xl\@md {
    left: var(--space-xl); }
  .left-xxl\@md {
    left: var(--space-xxl); }
  .left-xxxl\@md {
    left: var(--space-xxxl); }
  .left-xxxxl\@md {
    left: var(--space-xxxxl); }
  .overflow-hidden\@md {
    overflow: hidden; }
  .overflow-auto\@md {
    overflow: auto; }
  .momentum-scrolling\@md {
    -webkit-overflow-scrolling: touch; }
  .overscroll-contain\@md {
    overscroll-behavior: contain; }
  .visible\@md {
    visibility: visible; }
  .invisible\@md {
    visibility: hidden; } }

@media not all and (min-width: 64rem) {
  .display\@md {
    display: none !important; } }

@media (min-width: 80rem) {
  .flex\@lg {
    display: flex; }
  .inline-flex\@lg {
    display: inline-flex; }
  .flex-wrap\@lg {
    flex-wrap: wrap; }
  .flex-nowrap\@lg {
    flex-wrap: nowrap; }
  .flex-column\@lg {
    flex-direction: column; }
  .flex-column-reverse\@lg {
    flex-direction: column-reverse; }
  .flex-row\@lg {
    flex-direction: row; }
  .flex-row-reverse\@lg {
    flex-direction: row-reverse; }
  .flex-center\@lg {
    justify-content: center;
    align-items: center; }
  .flex-grow\@lg {
    flex-grow: 1; }
  .flex-grow-0\@lg {
    flex-grow: 0; }
  .flex-shrink\@lg {
    flex-shrink: 1; }
  .flex-shrink-0\@lg {
    flex-shrink: 0; }
  .flex-basis-0\@lg {
    flex-basis: 0; }
  .justify-start\@lg {
    justify-content: flex-start; }
  .justify-end\@lg {
    justify-content: flex-end; }
  .justify-center\@lg {
    justify-content: center; }
  .justify-between\@lg {
    justify-content: space-between; }
  .items-center\@lg {
    align-items: center; }
  .items-start\@lg {
    align-items: flex-start; }
  .items-end\@lg {
    align-items: flex-end; }
  .items-baseline\@lg {
    align-items: baseline; }
  .order-1\@lg {
    order: 1; }
  .order-2\@lg {
    order: 2; }
  .order-3\@lg {
    order: 3; }
  .block\@lg {
    display: block; }
  .inline-block\@lg {
    display: inline-block; }
  .inline\@lg {
    display: inline; }
  .contents\@lg {
    display: contents; }
  .hide\@lg {
    display: none !important; }
  .margin-xxxxs\@lg {
    margin: var(--space-xxxxs); }
  .margin-xxxs\@lg {
    margin: var(--space-xxxs); }
  .margin-xxs\@lg {
    margin: var(--space-xxs); }
  .margin-xs\@lg {
    margin: var(--space-xs); }
  .margin-sm\@lg {
    margin: var(--space-sm); }
  .margin-md\@lg {
    margin: var(--space-md); }
  .margin-lg\@lg {
    margin: var(--space-lg); }
  .margin-xl\@lg {
    margin: var(--space-xl); }
  .margin-xxl\@lg {
    margin: var(--space-xxl); }
  .margin-xxxl\@lg {
    margin: var(--space-xxxl); }
  .margin-xxxxl\@lg {
    margin: var(--space-xxxxl); }
  .margin-auto\@lg {
    margin: auto; }
  .margin-0\@lg {
    margin: 0; }
  .margin-top-xxxxs\@lg {
    margin-top: var(--space-xxxxs); }
  .margin-top-xxxs\@lg {
    margin-top: var(--space-xxxs); }
  .margin-top-xxs\@lg {
    margin-top: var(--space-xxs); }
  .margin-top-xs\@lg {
    margin-top: var(--space-xs); }
  .margin-top-sm\@lg {
    margin-top: var(--space-sm); }
  .margin-top-md\@lg {
    margin-top: var(--space-md); }
  .margin-top-lg\@lg {
    margin-top: var(--space-lg); }
  .margin-top-xl\@lg {
    margin-top: var(--space-xl); }
  .margin-top-xxl\@lg {
    margin-top: var(--space-xxl); }
  .margin-top-xxxl\@lg {
    margin-top: var(--space-xxxl); }
  .margin-top-xxxxl\@lg {
    margin-top: var(--space-xxxxl); }
  .margin-top-auto\@lg {
    margin-top: auto; }
  .margin-top-0\@lg {
    margin-top: 0; }
  .margin-bottom-xxxxs\@lg {
    margin-bottom: var(--space-xxxxs); }
  .margin-bottom-xxxs\@lg {
    margin-bottom: var(--space-xxxs); }
  .margin-bottom-xxs\@lg {
    margin-bottom: var(--space-xxs); }
  .margin-bottom-xs\@lg {
    margin-bottom: var(--space-xs); }
  .margin-bottom-sm\@lg {
    margin-bottom: var(--space-sm); }
  .margin-bottom-md\@lg {
    margin-bottom: var(--space-md); }
  .margin-bottom-lg\@lg {
    margin-bottom: var(--space-lg); }
  .margin-bottom-xl\@lg {
    margin-bottom: var(--space-xl); }
  .margin-bottom-xxl\@lg {
    margin-bottom: var(--space-xxl); }
  .margin-bottom-xxxl\@lg {
    margin-bottom: var(--space-xxxl); }
  .margin-bottom-xxxxl\@lg {
    margin-bottom: var(--space-xxxxl); }
  .margin-bottom-auto\@lg {
    margin-bottom: auto; }
  .margin-bottom-0\@lg {
    margin-bottom: 0; }
  .margin-right-xxxxs\@lg {
    margin-right: var(--space-xxxxs); }
  .margin-right-xxxs\@lg {
    margin-right: var(--space-xxxs); }
  .margin-right-xxs\@lg {
    margin-right: var(--space-xxs); }
  .margin-right-xs\@lg {
    margin-right: var(--space-xs); }
  .margin-right-sm\@lg {
    margin-right: var(--space-sm); }
  .margin-right-md\@lg {
    margin-right: var(--space-md); }
  .margin-right-lg\@lg {
    margin-right: var(--space-lg); }
  .margin-right-xl\@lg {
    margin-right: var(--space-xl); }
  .margin-right-xxl\@lg {
    margin-right: var(--space-xxl); }
  .margin-right-xxxl\@lg {
    margin-right: var(--space-xxxl); }
  .margin-right-xxxxl\@lg {
    margin-right: var(--space-xxxxl); }
  .margin-right-auto\@lg {
    margin-right: auto; }
  .margin-right-0\@lg {
    margin-right: 0; }
  .margin-left-xxxxs\@lg {
    margin-left: var(--space-xxxxs); }
  .margin-left-xxxs\@lg {
    margin-left: var(--space-xxxs); }
  .margin-left-xxs\@lg {
    margin-left: var(--space-xxs); }
  .margin-left-xs\@lg {
    margin-left: var(--space-xs); }
  .margin-left-sm\@lg {
    margin-left: var(--space-sm); }
  .margin-left-md\@lg {
    margin-left: var(--space-md); }
  .margin-left-lg\@lg {
    margin-left: var(--space-lg); }
  .margin-left-xl\@lg {
    margin-left: var(--space-xl); }
  .margin-left-xxl\@lg {
    margin-left: var(--space-xxl); }
  .margin-left-xxxl\@lg {
    margin-left: var(--space-xxxl); }
  .margin-left-xxxxl\@lg {
    margin-left: var(--space-xxxxl); }
  .margin-left-auto\@lg {
    margin-left: auto; }
  .margin-left-0\@lg {
    margin-left: 0; }
  .margin-x-xxxxs\@lg {
    margin-left: var(--space-xxxxs);
    margin-right: var(--space-xxxxs); }
  .margin-x-xxxs\@lg {
    margin-left: var(--space-xxxs);
    margin-right: var(--space-xxxs); }
  .margin-x-xxs\@lg {
    margin-left: var(--space-xxs);
    margin-right: var(--space-xxs); }
  .margin-x-xs\@lg {
    margin-left: var(--space-xs);
    margin-right: var(--space-xs); }
  .margin-x-sm\@lg {
    margin-left: var(--space-sm);
    margin-right: var(--space-sm); }
  .margin-x-md\@lg {
    margin-left: var(--space-md);
    margin-right: var(--space-md); }
  .margin-x-lg\@lg {
    margin-left: var(--space-lg);
    margin-right: var(--space-lg); }
  .margin-x-xl\@lg {
    margin-left: var(--space-xl);
    margin-right: var(--space-xl); }
  .margin-x-xxl\@lg {
    margin-left: var(--space-xxl);
    margin-right: var(--space-xxl); }
  .margin-x-xxxl\@lg {
    margin-left: var(--space-xxxl);
    margin-right: var(--space-xxxl); }
  .margin-x-xxxxl\@lg {
    margin-left: var(--space-xxxxl);
    margin-right: var(--space-xxxxl); }
  .margin-x-auto\@lg {
    margin-left: auto;
    margin-right: auto; }
  .margin-x-0\@lg {
    margin-left: 0;
    margin-right: 0; }
  .margin-y-xxxxs\@lg {
    margin-top: var(--space-xxxxs);
    margin-bottom: var(--space-xxxxs); }
  .margin-y-xxxs\@lg {
    margin-top: var(--space-xxxs);
    margin-bottom: var(--space-xxxs); }
  .margin-y-xxs\@lg {
    margin-top: var(--space-xxs);
    margin-bottom: var(--space-xxs); }
  .margin-y-xs\@lg {
    margin-top: var(--space-xs);
    margin-bottom: var(--space-xs); }
  .margin-y-sm\@lg {
    margin-top: var(--space-sm);
    margin-bottom: var(--space-sm); }
  .margin-y-md\@lg {
    margin-top: var(--space-md);
    margin-bottom: var(--space-md); }
  .margin-y-lg\@lg {
    margin-top: var(--space-lg);
    margin-bottom: var(--space-lg); }
  .margin-y-xl\@lg {
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl); }
  .margin-y-xxl\@lg {
    margin-top: var(--space-xxl);
    margin-bottom: var(--space-xxl); }
  .margin-y-xxxl\@lg {
    margin-top: var(--space-xxxl);
    margin-bottom: var(--space-xxxl); }
  .margin-y-xxxxl\@lg {
    margin-top: var(--space-xxxxl);
    margin-bottom: var(--space-xxxxl); }
  .margin-y-auto\@lg {
    margin-top: auto;
    margin-bottom: auto; }
  .margin-y-0\@lg {
    margin-top: 0;
    margin-bottom: 0; }
  .padding-xxxxs\@lg {
    padding: var(--space-xxxxs); }
  .padding-xxxs\@lg {
    padding: var(--space-xxxs); }
  .padding-xxs\@lg {
    padding: var(--space-xxs); }
  .padding-xs\@lg {
    padding: var(--space-xs); }
  .padding-sm\@lg {
    padding: var(--space-sm); }
  .padding-md\@lg {
    padding: var(--space-md); }
  .padding-lg\@lg {
    padding: var(--space-lg); }
  .padding-xl\@lg {
    padding: var(--space-xl); }
  .padding-xxl\@lg {
    padding: var(--space-xxl); }
  .padding-xxxl\@lg {
    padding: var(--space-xxxl); }
  .padding-xxxxl\@lg {
    padding: var(--space-xxxxl); }
  .padding-0\@lg {
    padding: 0; }
  .padding-component\@lg {
    padding: var(--component-padding); }
  .padding-top-xxxxs\@lg {
    padding-top: var(--space-xxxxs); }
  .padding-top-xxxs\@lg {
    padding-top: var(--space-xxxs); }
  .padding-top-xxs\@lg {
    padding-top: var(--space-xxs); }
  .padding-top-xs\@lg {
    padding-top: var(--space-xs); }
  .padding-top-sm\@lg {
    padding-top: var(--space-sm); }
  .padding-top-md\@lg {
    padding-top: var(--space-md); }
  .padding-top-lg\@lg {
    padding-top: var(--space-lg); }
  .padding-top-xl\@lg {
    padding-top: var(--space-xl); }
  .padding-top-xxl\@lg {
    padding-top: var(--space-xxl); }
  .padding-top-xxxl\@lg {
    padding-top: var(--space-xxxl); }
  .padding-top-xxxxl\@lg {
    padding-top: var(--space-xxxxl); }
  .padding-top-0\@lg {
    padding-top: 0; }
  .padding-top-component\@lg {
    padding-top: var(--component-padding); }
  .padding-bottom-xxxxs\@lg {
    padding-bottom: var(--space-xxxxs); }
  .padding-bottom-xxxs\@lg {
    padding-bottom: var(--space-xxxs); }
  .padding-bottom-xxs\@lg {
    padding-bottom: var(--space-xxs); }
  .padding-bottom-xs\@lg {
    padding-bottom: var(--space-xs); }
  .padding-bottom-sm\@lg {
    padding-bottom: var(--space-sm); }
  .padding-bottom-md\@lg {
    padding-bottom: var(--space-md); }
  .padding-bottom-lg\@lg {
    padding-bottom: var(--space-lg); }
  .padding-bottom-xl\@lg {
    padding-bottom: var(--space-xl); }
  .padding-bottom-xxl\@lg {
    padding-bottom: var(--space-xxl); }
  .padding-bottom-xxxl\@lg {
    padding-bottom: var(--space-xxxl); }
  .padding-bottom-xxxxl\@lg {
    padding-bottom: var(--space-xxxxl); }
  .padding-bottom-0\@lg {
    padding-bottom: 0; }
  .padding-bottom-component\@lg {
    padding-bottom: var(--component-padding); }
  .padding-right-xxxxs\@lg {
    padding-right: var(--space-xxxxs); }
  .padding-right-xxxs\@lg {
    padding-right: var(--space-xxxs); }
  .padding-right-xxs\@lg {
    padding-right: var(--space-xxs); }
  .padding-right-xs\@lg {
    padding-right: var(--space-xs); }
  .padding-right-sm\@lg {
    padding-right: var(--space-sm); }
  .padding-right-md\@lg {
    padding-right: var(--space-md); }
  .padding-right-lg\@lg {
    padding-right: var(--space-lg); }
  .padding-right-xl\@lg {
    padding-right: var(--space-xl); }
  .padding-right-xxl\@lg {
    padding-right: var(--space-xxl); }
  .padding-right-xxxl\@lg {
    padding-right: var(--space-xxxl); }
  .padding-right-xxxxl\@lg {
    padding-right: var(--space-xxxxl); }
  .padding-right-0\@lg {
    padding-right: 0; }
  .padding-right-component\@lg {
    padding-right: var(--component-padding); }
  .padding-left-xxxxs\@lg {
    padding-left: var(--space-xxxxs); }
  .padding-left-xxxs\@lg {
    padding-left: var(--space-xxxs); }
  .padding-left-xxs\@lg {
    padding-left: var(--space-xxs); }
  .padding-left-xs\@lg {
    padding-left: var(--space-xs); }
  .padding-left-sm\@lg {
    padding-left: var(--space-sm); }
  .padding-left-md\@lg {
    padding-left: var(--space-md); }
  .padding-left-lg\@lg {
    padding-left: var(--space-lg); }
  .padding-left-xl\@lg {
    padding-left: var(--space-xl); }
  .padding-left-xxl\@lg {
    padding-left: var(--space-xxl); }
  .padding-left-xxxl\@lg {
    padding-left: var(--space-xxxl); }
  .padding-left-xxxxl\@lg {
    padding-left: var(--space-xxxxl); }
  .padding-left-0\@lg {
    padding-left: 0; }
  .padding-left-component\@lg {
    padding-left: var(--component-padding); }
  .padding-x-xxxxs\@lg {
    padding-left: var(--space-xxxxs);
    padding-right: var(--space-xxxxs); }
  .padding-x-xxxs\@lg {
    padding-left: var(--space-xxxs);
    padding-right: var(--space-xxxs); }
  .padding-x-xxs\@lg {
    padding-left: var(--space-xxs);
    padding-right: var(--space-xxs); }
  .padding-x-xs\@lg {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs); }
  .padding-x-sm\@lg {
    padding-left: var(--space-sm);
    padding-right: var(--space-sm); }
  .padding-x-md\@lg {
    padding-left: var(--space-md);
    padding-right: var(--space-md); }
  .padding-x-lg\@lg {
    padding-left: var(--space-lg);
    padding-right: var(--space-lg); }
  .padding-x-xl\@lg {
    padding-left: var(--space-xl);
    padding-right: var(--space-xl); }
  .padding-x-xxl\@lg {
    padding-left: var(--space-xxl);
    padding-right: var(--space-xxl); }
  .padding-x-xxxl\@lg {
    padding-left: var(--space-xxxl);
    padding-right: var(--space-xxxl); }
  .padding-x-xxxxl\@lg {
    padding-left: var(--space-xxxxl);
    padding-right: var(--space-xxxxl); }
  .padding-x-0\@lg {
    padding-left: 0;
    padding-right: 0; }
  .padding-x-component\@lg {
    padding-left: var(--component-padding);
    padding-right: var(--component-padding); }
  .padding-y-xxxxs\@lg {
    padding-top: var(--space-xxxxs);
    padding-bottom: var(--space-xxxxs); }
  .padding-y-xxxs\@lg {
    padding-top: var(--space-xxxs);
    padding-bottom: var(--space-xxxs); }
  .padding-y-xxs\@lg {
    padding-top: var(--space-xxs);
    padding-bottom: var(--space-xxs); }
  .padding-y-xs\@lg {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs); }
  .padding-y-sm\@lg {
    padding-top: var(--space-sm);
    padding-bottom: var(--space-sm); }
  .padding-y-md\@lg {
    padding-top: var(--space-md);
    padding-bottom: var(--space-md); }
  .padding-y-lg\@lg {
    padding-top: var(--space-lg);
    padding-bottom: var(--space-lg); }
  .padding-y-xl\@lg {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl); }
  .padding-y-xxl\@lg {
    padding-top: var(--space-xxl);
    padding-bottom: var(--space-xxl); }
  .padding-y-xxxl\@lg {
    padding-top: var(--space-xxxl);
    padding-bottom: var(--space-xxxl); }
  .padding-y-xxxxl\@lg {
    padding-top: var(--space-xxxxl);
    padding-bottom: var(--space-xxxxl); }
  .padding-y-0\@lg {
    padding-top: 0;
    padding-bottom: 0; }
  .padding-y-component\@lg {
    padding-top: var(--component-padding);
    padding-bottom: var(--component-padding); }
  .text-center\@lg {
    text-align: center; }
  .text-left\@lg {
    text-align: left; }
  .text-right\@lg {
    text-align: right; }
  .text-justify\@lg {
    text-align: justify; }
  .text-xs\@lg {
    font-size: var(--text-xs, 0.6875rem); }
  .text-sm\@lg {
    font-size: var(--text-sm, 0.75rem); }
  .text-base\@lg {
    font-size: var(--text-unit, 1rem); }
  .text-md\@lg {
    font-size: var(--text-md, 1.125rem); }
  .text-lg\@lg {
    font-size: var(--text-lg, 1.375rem); }
  .text-xl\@lg {
    font-size: var(--text-xl, 1.75rem); }
  .text-xxl\@lg {
    font-size: var(--text-xxl, 2rem); }
  .text-xxxl\@lg {
    font-size: var(--text-xxxl, 2.5rem); }
  .text-xxxxl\@lg {
    font-size: var(--text-xxxxl, 3rem); }
  .column-count-1\@lg {
    -moz-column-count: 1;
    column-count: 1; }
  .column-count-2\@lg {
    -moz-column-count: 2;
    column-count: 2; }
  .column-count-3\@lg {
    -moz-column-count: 3;
    column-count: 3; }
  .column-count-4\@lg {
    -moz-column-count: 4;
    column-count: 4; }
  .width-xxxxs\@lg {
    width: var(--size-xxxxs, 0.25rem); }
  .width-xxxs\@lg {
    width: var(--size-xxxs, 0.5rem); }
  .width-xxs\@lg {
    width: var(--size-xxs, 0.75rem); }
  .width-xs\@lg {
    width: var(--size-xs, 1rem); }
  .width-sm\@lg {
    width: var(--size-sm, 1.5rem); }
  .width-md\@lg {
    width: var(--size-md, 2rem); }
  .width-lg\@lg {
    width: var(--size-lg, 3rem); }
  .width-xl\@lg {
    width: var(--size-xl, 4rem); }
  .width-xxl\@lg {
    width: var(--size-xxl, 6rem); }
  .width-xxxl\@lg {
    width: var(--size-xxxl, 8rem); }
  .width-xxxxl\@lg {
    width: var(--size-xxxxl, 16rem); }
  .width-0\@lg {
    width: 0; }
  .width-10\%\@lg {
    width: 10%; }
  .width-20\%\@lg {
    width: 20%; }
  .width-25\%\@lg {
    width: 25%; }
  .width-30\%\@lg {
    width: 30%; }
  .width-33\%\@lg {
    width: 33.3333333333%; }
  .width-40\%\@lg {
    width: 40%; }
  .width-50\%\@lg {
    width: 50%; }
  .width-60\%\@lg {
    width: 60%; }
  .width-66\%\@lg {
    width: 66.6666666667%; }
  .width-70\%\@lg {
    width: 70%; }
  .width-75\%\@lg {
    width: 75%; }
  .width-80\%\@lg {
    width: 80%; }
  .width-90\%\@lg {
    width: 90%; }
  .width-100\%\@lg {
    width: 100%; }
  .width-100vw\@lg {
    width: 100vw; }
  .width-auto\@lg {
    width: auto; }
  .width-inherit\@lg {
    width: inherit; }
  .height-xxxxs\@lg {
    height: var(--size-xxxxs, 0.25rem); }
  .height-xxxs\@lg {
    height: var(--size-xxxs, 0.5rem); }
  .height-xxs\@lg {
    height: var(--size-xxs, 0.75rem); }
  .height-xs\@lg {
    height: var(--size-xs, 1rem); }
  .height-sm\@lg {
    height: var(--size-sm, 1.5rem); }
  .height-md\@lg {
    height: var(--size-md, 2rem); }
  .height-lg\@lg {
    height: var(--size-lg, 3rem); }
  .height-xl\@lg {
    height: var(--size-xl, 4rem); }
  .height-xxl\@lg {
    height: var(--size-xxl, 6rem); }
  .height-xxxl\@lg {
    height: var(--size-xxxl, 8rem); }
  .height-xxxxl\@lg {
    height: var(--size-xxxxl, 16rem); }
  .height-0\@lg {
    height: 0; }
  .height-10\%\@lg {
    height: 10%; }
  .height-20\%\@lg {
    height: 20%; }
  .height-25\%\@lg {
    height: 25%; }
  .height-30\%\@lg {
    height: 30%; }
  .height-33\%\@lg {
    height: 33.3333333333%; }
  .height-40\%\@lg {
    height: 40%; }
  .height-50\%\@lg {
    height: 50%; }
  .height-60\%\@lg {
    height: 60%; }
  .height-66\%\@lg {
    height: 66.6666666667%; }
  .height-70\%\@lg {
    height: 70%; }
  .height-75\%\@lg {
    height: 75%; }
  .height-80\%\@lg {
    height: 80%; }
  .height-90\%\@lg {
    height: 90%; }
  .height-100\%\@lg {
    height: 100%; }
  .height-100vh\@lg {
    height: 100vh; }
  .height-auto\@lg {
    height: auto; }
  .height-inherit\@lg {
    height: inherit; }
  .max-width-xxxxxs\@lg {
    max-width: var(--max-width-xxxxxs); }
  .max-width-xxxxs\@lg {
    max-width: var(--max-width-xxxxs); }
  .max-width-xxxs\@lg {
    max-width: var(--max-width-xxxs); }
  .max-width-xxs\@lg {
    max-width: var(--max-width-xxs); }
  .max-width-xs\@lg {
    max-width: var(--max-width-xs); }
  .max-width-sm\@lg {
    max-width: var(--max-width-sm); }
  .max-width-md\@lg {
    max-width: var(--max-width-md); }
  .max-width-lg\@lg {
    max-width: var(--max-width-lg); }
  .max-width-xl\@lg {
    max-width: var(--max-width-xl); }
  .max-width-xxl\@lg {
    max-width: var(--max-width-xxl); }
  .max-width-xxxl\@lg {
    max-width: var(--max-width-xxxl); }
  .max-width-xxxxl\@lg {
    max-width: var(--max-width-xxxxl); }
  .max-width-100\%\@lg {
    max-width: 100%; }
  .max-width-none\@lg {
    max-width: none; }
  .position-relative\@lg {
    position: relative; }
  .position-absolute\@lg {
    position: absolute; }
  .position-fixed\@lg {
    position: fixed; }
  .position-sticky\@lg {
    position: -webkit-sticky;
    position: sticky; }
  .position-static\@lg {
    position: static; }
  .inset-0\@lg {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .top-0\@lg {
    top: 0; }
  .top-50\%\@lg {
    top: 50%; }
  .top-xxxxs\@lg {
    top: var(--space-xxxxs); }
  .top-xxxs\@lg {
    top: var(--space-xxxs); }
  .top-xxs\@lg {
    top: var(--space-xxs); }
  .top-xs\@lg {
    top: var(--space-xs); }
  .top-sm\@lg {
    top: var(--space-sm); }
  .top-md\@lg {
    top: var(--space-md); }
  .top-lg\@lg {
    top: var(--space-lg); }
  .top-xl\@lg {
    top: var(--space-xl); }
  .top-xxl\@lg {
    top: var(--space-xxl); }
  .top-xxxl\@lg {
    top: var(--space-xxxl); }
  .top-xxxxl\@lg {
    top: var(--space-xxxxl); }
  .bottom-0\@lg {
    bottom: 0; }
  .bottom-50\%\@lg {
    bottom: 50%; }
  .bottom-xxxxs\@lg {
    bottom: var(--space-xxxxs); }
  .bottom-xxxs\@lg {
    bottom: var(--space-xxxs); }
  .bottom-xxs\@lg {
    bottom: var(--space-xxs); }
  .bottom-xs\@lg {
    bottom: var(--space-xs); }
  .bottom-sm\@lg {
    bottom: var(--space-sm); }
  .bottom-md\@lg {
    bottom: var(--space-md); }
  .bottom-lg\@lg {
    bottom: var(--space-lg); }
  .bottom-xl\@lg {
    bottom: var(--space-xl); }
  .bottom-xxl\@lg {
    bottom: var(--space-xxl); }
  .bottom-xxxl\@lg {
    bottom: var(--space-xxxl); }
  .bottom-xxxxl\@lg {
    bottom: var(--space-xxxxl); }
  .right-0\@lg {
    right: 0; }
  .right-50\%\@lg {
    right: 50%; }
  .right-xxxxs\@lg {
    right: var(--space-xxxxs); }
  .right-xxxs\@lg {
    right: var(--space-xxxs); }
  .right-xxs\@lg {
    right: var(--space-xxs); }
  .right-xs\@lg {
    right: var(--space-xs); }
  .right-sm\@lg {
    right: var(--space-sm); }
  .right-md\@lg {
    right: var(--space-md); }
  .right-lg\@lg {
    right: var(--space-lg); }
  .right-xl\@lg {
    right: var(--space-xl); }
  .right-xxl\@lg {
    right: var(--space-xxl); }
  .right-xxxl\@lg {
    right: var(--space-xxxl); }
  .right-xxxxl\@lg {
    right: var(--space-xxxxl); }
  .left-0\@lg {
    left: 0; }
  .left-50\%\@lg {
    left: 50%; }
  .left-xxxxs\@lg {
    left: var(--space-xxxxs); }
  .left-xxxs\@lg {
    left: var(--space-xxxs); }
  .left-xxs\@lg {
    left: var(--space-xxs); }
  .left-xs\@lg {
    left: var(--space-xs); }
  .left-sm\@lg {
    left: var(--space-sm); }
  .left-md\@lg {
    left: var(--space-md); }
  .left-lg\@lg {
    left: var(--space-lg); }
  .left-xl\@lg {
    left: var(--space-xl); }
  .left-xxl\@lg {
    left: var(--space-xxl); }
  .left-xxxl\@lg {
    left: var(--space-xxxl); }
  .left-xxxxl\@lg {
    left: var(--space-xxxxl); }
  .overflow-hidden\@lg {
    overflow: hidden; }
  .overflow-auto\@lg {
    overflow: auto; }
  .momentum-scrolling\@lg {
    -webkit-overflow-scrolling: touch; }
  .overscroll-contain\@lg {
    overscroll-behavior: contain; }
  .visible\@lg {
    visibility: visible; }
  .invisible\@lg {
    visibility: hidden; } }

@media not all and (min-width: 80rem) {
  .display\@lg {
    display: none !important; } }

@media (min-width: 90rem) {
  .flex\@xl {
    display: flex; }
  .inline-flex\@xl {
    display: inline-flex; }
  .flex-wrap\@xl {
    flex-wrap: wrap; }
  .flex-nowrap\@xl {
    flex-wrap: nowrap; }
  .flex-column\@xl {
    flex-direction: column; }
  .flex-column-reverse\@xl {
    flex-direction: column-reverse; }
  .flex-row\@xl {
    flex-direction: row; }
  .flex-row-reverse\@xl {
    flex-direction: row-reverse; }
  .flex-center\@xl {
    justify-content: center;
    align-items: center; }
  .flex-grow\@xl {
    flex-grow: 1; }
  .flex-grow-0\@xl {
    flex-grow: 0; }
  .flex-shrink\@xl {
    flex-shrink: 1; }
  .flex-shrink-0\@xl {
    flex-shrink: 0; }
  .flex-basis-0\@xl {
    flex-basis: 0; }
  .justify-start\@xl {
    justify-content: flex-start; }
  .justify-end\@xl {
    justify-content: flex-end; }
  .justify-center\@xl {
    justify-content: center; }
  .justify-between\@xl {
    justify-content: space-between; }
  .items-center\@xl {
    align-items: center; }
  .items-start\@xl {
    align-items: flex-start; }
  .items-end\@xl {
    align-items: flex-end; }
  .items-baseline\@xl {
    align-items: baseline; }
  .order-1\@xl {
    order: 1; }
  .order-2\@xl {
    order: 2; }
  .order-3\@xl {
    order: 3; }
  .block\@xl {
    display: block; }
  .inline-block\@xl {
    display: inline-block; }
  .inline\@xl {
    display: inline; }
  .contents\@xl {
    display: contents; }
  .hide\@xl {
    display: none !important; }
  .margin-xxxxs\@xl {
    margin: var(--space-xxxxs); }
  .margin-xxxs\@xl {
    margin: var(--space-xxxs); }
  .margin-xxs\@xl {
    margin: var(--space-xxs); }
  .margin-xs\@xl {
    margin: var(--space-xs); }
  .margin-sm\@xl {
    margin: var(--space-sm); }
  .margin-md\@xl {
    margin: var(--space-md); }
  .margin-lg\@xl {
    margin: var(--space-lg); }
  .margin-xl\@xl {
    margin: var(--space-xl); }
  .margin-xxl\@xl {
    margin: var(--space-xxl); }
  .margin-xxxl\@xl {
    margin: var(--space-xxxl); }
  .margin-xxxxl\@xl {
    margin: var(--space-xxxxl); }
  .margin-auto\@xl {
    margin: auto; }
  .margin-0\@xl {
    margin: 0; }
  .margin-top-xxxxs\@xl {
    margin-top: var(--space-xxxxs); }
  .margin-top-xxxs\@xl {
    margin-top: var(--space-xxxs); }
  .margin-top-xxs\@xl {
    margin-top: var(--space-xxs); }
  .margin-top-xs\@xl {
    margin-top: var(--space-xs); }
  .margin-top-sm\@xl {
    margin-top: var(--space-sm); }
  .margin-top-md\@xl {
    margin-top: var(--space-md); }
  .margin-top-lg\@xl {
    margin-top: var(--space-lg); }
  .margin-top-xl\@xl {
    margin-top: var(--space-xl); }
  .margin-top-xxl\@xl {
    margin-top: var(--space-xxl); }
  .margin-top-xxxl\@xl {
    margin-top: var(--space-xxxl); }
  .margin-top-xxxxl\@xl {
    margin-top: var(--space-xxxxl); }
  .margin-top-auto\@xl {
    margin-top: auto; }
  .margin-top-0\@xl {
    margin-top: 0; }
  .margin-bottom-xxxxs\@xl {
    margin-bottom: var(--space-xxxxs); }
  .margin-bottom-xxxs\@xl {
    margin-bottom: var(--space-xxxs); }
  .margin-bottom-xxs\@xl {
    margin-bottom: var(--space-xxs); }
  .margin-bottom-xs\@xl {
    margin-bottom: var(--space-xs); }
  .margin-bottom-sm\@xl {
    margin-bottom: var(--space-sm); }
  .margin-bottom-md\@xl {
    margin-bottom: var(--space-md); }
  .margin-bottom-lg\@xl {
    margin-bottom: var(--space-lg); }
  .margin-bottom-xl\@xl {
    margin-bottom: var(--space-xl); }
  .margin-bottom-xxl\@xl {
    margin-bottom: var(--space-xxl); }
  .margin-bottom-xxxl\@xl {
    margin-bottom: var(--space-xxxl); }
  .margin-bottom-xxxxl\@xl {
    margin-bottom: var(--space-xxxxl); }
  .margin-bottom-auto\@xl {
    margin-bottom: auto; }
  .margin-bottom-0\@xl {
    margin-bottom: 0; }
  .margin-right-xxxxs\@xl {
    margin-right: var(--space-xxxxs); }
  .margin-right-xxxs\@xl {
    margin-right: var(--space-xxxs); }
  .margin-right-xxs\@xl {
    margin-right: var(--space-xxs); }
  .margin-right-xs\@xl {
    margin-right: var(--space-xs); }
  .margin-right-sm\@xl {
    margin-right: var(--space-sm); }
  .margin-right-md\@xl {
    margin-right: var(--space-md); }
  .margin-right-lg\@xl {
    margin-right: var(--space-lg); }
  .margin-right-xl\@xl {
    margin-right: var(--space-xl); }
  .margin-right-xxl\@xl {
    margin-right: var(--space-xxl); }
  .margin-right-xxxl\@xl {
    margin-right: var(--space-xxxl); }
  .margin-right-xxxxl\@xl {
    margin-right: var(--space-xxxxl); }
  .margin-right-auto\@xl {
    margin-right: auto; }
  .margin-right-0\@xl {
    margin-right: 0; }
  .margin-left-xxxxs\@xl {
    margin-left: var(--space-xxxxs); }
  .margin-left-xxxs\@xl {
    margin-left: var(--space-xxxs); }
  .margin-left-xxs\@xl {
    margin-left: var(--space-xxs); }
  .margin-left-xs\@xl {
    margin-left: var(--space-xs); }
  .margin-left-sm\@xl {
    margin-left: var(--space-sm); }
  .margin-left-md\@xl {
    margin-left: var(--space-md); }
  .margin-left-lg\@xl {
    margin-left: var(--space-lg); }
  .margin-left-xl\@xl {
    margin-left: var(--space-xl); }
  .margin-left-xxl\@xl {
    margin-left: var(--space-xxl); }
  .margin-left-xxxl\@xl {
    margin-left: var(--space-xxxl); }
  .margin-left-xxxxl\@xl {
    margin-left: var(--space-xxxxl); }
  .margin-left-auto\@xl {
    margin-left: auto; }
  .margin-left-0\@xl {
    margin-left: 0; }
  .margin-x-xxxxs\@xl {
    margin-left: var(--space-xxxxs);
    margin-right: var(--space-xxxxs); }
  .margin-x-xxxs\@xl {
    margin-left: var(--space-xxxs);
    margin-right: var(--space-xxxs); }
  .margin-x-xxs\@xl {
    margin-left: var(--space-xxs);
    margin-right: var(--space-xxs); }
  .margin-x-xs\@xl {
    margin-left: var(--space-xs);
    margin-right: var(--space-xs); }
  .margin-x-sm\@xl {
    margin-left: var(--space-sm);
    margin-right: var(--space-sm); }
  .margin-x-md\@xl {
    margin-left: var(--space-md);
    margin-right: var(--space-md); }
  .margin-x-lg\@xl {
    margin-left: var(--space-lg);
    margin-right: var(--space-lg); }
  .margin-x-xl\@xl {
    margin-left: var(--space-xl);
    margin-right: var(--space-xl); }
  .margin-x-xxl\@xl {
    margin-left: var(--space-xxl);
    margin-right: var(--space-xxl); }
  .margin-x-xxxl\@xl {
    margin-left: var(--space-xxxl);
    margin-right: var(--space-xxxl); }
  .margin-x-xxxxl\@xl {
    margin-left: var(--space-xxxxl);
    margin-right: var(--space-xxxxl); }
  .margin-x-auto\@xl {
    margin-left: auto;
    margin-right: auto; }
  .margin-x-0\@xl {
    margin-left: 0;
    margin-right: 0; }
  .margin-y-xxxxs\@xl {
    margin-top: var(--space-xxxxs);
    margin-bottom: var(--space-xxxxs); }
  .margin-y-xxxs\@xl {
    margin-top: var(--space-xxxs);
    margin-bottom: var(--space-xxxs); }
  .margin-y-xxs\@xl {
    margin-top: var(--space-xxs);
    margin-bottom: var(--space-xxs); }
  .margin-y-xs\@xl {
    margin-top: var(--space-xs);
    margin-bottom: var(--space-xs); }
  .margin-y-sm\@xl {
    margin-top: var(--space-sm);
    margin-bottom: var(--space-sm); }
  .margin-y-md\@xl {
    margin-top: var(--space-md);
    margin-bottom: var(--space-md); }
  .margin-y-lg\@xl {
    margin-top: var(--space-lg);
    margin-bottom: var(--space-lg); }
  .margin-y-xl\@xl {
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl); }
  .margin-y-xxl\@xl {
    margin-top: var(--space-xxl);
    margin-bottom: var(--space-xxl); }
  .margin-y-xxxl\@xl {
    margin-top: var(--space-xxxl);
    margin-bottom: var(--space-xxxl); }
  .margin-y-xxxxl\@xl {
    margin-top: var(--space-xxxxl);
    margin-bottom: var(--space-xxxxl); }
  .margin-y-auto\@xl {
    margin-top: auto;
    margin-bottom: auto; }
  .margin-y-0\@xl {
    margin-top: 0;
    margin-bottom: 0; }
  .padding-xxxxs\@xl {
    padding: var(--space-xxxxs); }
  .padding-xxxs\@xl {
    padding: var(--space-xxxs); }
  .padding-xxs\@xl {
    padding: var(--space-xxs); }
  .padding-xs\@xl {
    padding: var(--space-xs); }
  .padding-sm\@xl {
    padding: var(--space-sm); }
  .padding-md\@xl {
    padding: var(--space-md); }
  .padding-lg\@xl {
    padding: var(--space-lg); }
  .padding-xl\@xl {
    padding: var(--space-xl); }
  .padding-xxl\@xl {
    padding: var(--space-xxl); }
  .padding-xxxl\@xl {
    padding: var(--space-xxxl); }
  .padding-xxxxl\@xl {
    padding: var(--space-xxxxl); }
  .padding-0\@xl {
    padding: 0; }
  .padding-component\@xl {
    padding: var(--component-padding); }
  .padding-top-xxxxs\@xl {
    padding-top: var(--space-xxxxs); }
  .padding-top-xxxs\@xl {
    padding-top: var(--space-xxxs); }
  .padding-top-xxs\@xl {
    padding-top: var(--space-xxs); }
  .padding-top-xs\@xl {
    padding-top: var(--space-xs); }
  .padding-top-sm\@xl {
    padding-top: var(--space-sm); }
  .padding-top-md\@xl {
    padding-top: var(--space-md); }
  .padding-top-lg\@xl {
    padding-top: var(--space-lg); }
  .padding-top-xl\@xl {
    padding-top: var(--space-xl); }
  .padding-top-xxl\@xl {
    padding-top: var(--space-xxl); }
  .padding-top-xxxl\@xl {
    padding-top: var(--space-xxxl); }
  .padding-top-xxxxl\@xl {
    padding-top: var(--space-xxxxl); }
  .padding-top-0\@xl {
    padding-top: 0; }
  .padding-top-component\@xl {
    padding-top: var(--component-padding); }
  .padding-bottom-xxxxs\@xl {
    padding-bottom: var(--space-xxxxs); }
  .padding-bottom-xxxs\@xl {
    padding-bottom: var(--space-xxxs); }
  .padding-bottom-xxs\@xl {
    padding-bottom: var(--space-xxs); }
  .padding-bottom-xs\@xl {
    padding-bottom: var(--space-xs); }
  .padding-bottom-sm\@xl {
    padding-bottom: var(--space-sm); }
  .padding-bottom-md\@xl {
    padding-bottom: var(--space-md); }
  .padding-bottom-lg\@xl {
    padding-bottom: var(--space-lg); }
  .padding-bottom-xl\@xl {
    padding-bottom: var(--space-xl); }
  .padding-bottom-xxl\@xl {
    padding-bottom: var(--space-xxl); }
  .padding-bottom-xxxl\@xl {
    padding-bottom: var(--space-xxxl); }
  .padding-bottom-xxxxl\@xl {
    padding-bottom: var(--space-xxxxl); }
  .padding-bottom-0\@xl {
    padding-bottom: 0; }
  .padding-bottom-component\@xl {
    padding-bottom: var(--component-padding); }
  .padding-right-xxxxs\@xl {
    padding-right: var(--space-xxxxs); }
  .padding-right-xxxs\@xl {
    padding-right: var(--space-xxxs); }
  .padding-right-xxs\@xl {
    padding-right: var(--space-xxs); }
  .padding-right-xs\@xl {
    padding-right: var(--space-xs); }
  .padding-right-sm\@xl {
    padding-right: var(--space-sm); }
  .padding-right-md\@xl {
    padding-right: var(--space-md); }
  .padding-right-lg\@xl {
    padding-right: var(--space-lg); }
  .padding-right-xl\@xl {
    padding-right: var(--space-xl); }
  .padding-right-xxl\@xl {
    padding-right: var(--space-xxl); }
  .padding-right-xxxl\@xl {
    padding-right: var(--space-xxxl); }
  .padding-right-xxxxl\@xl {
    padding-right: var(--space-xxxxl); }
  .padding-right-0\@xl {
    padding-right: 0; }
  .padding-right-component\@xl {
    padding-right: var(--component-padding); }
  .padding-left-xxxxs\@xl {
    padding-left: var(--space-xxxxs); }
  .padding-left-xxxs\@xl {
    padding-left: var(--space-xxxs); }
  .padding-left-xxs\@xl {
    padding-left: var(--space-xxs); }
  .padding-left-xs\@xl {
    padding-left: var(--space-xs); }
  .padding-left-sm\@xl {
    padding-left: var(--space-sm); }
  .padding-left-md\@xl {
    padding-left: var(--space-md); }
  .padding-left-lg\@xl {
    padding-left: var(--space-lg); }
  .padding-left-xl\@xl {
    padding-left: var(--space-xl); }
  .padding-left-xxl\@xl {
    padding-left: var(--space-xxl); }
  .padding-left-xxxl\@xl {
    padding-left: var(--space-xxxl); }
  .padding-left-xxxxl\@xl {
    padding-left: var(--space-xxxxl); }
  .padding-left-0\@xl {
    padding-left: 0; }
  .padding-left-component\@xl {
    padding-left: var(--component-padding); }
  .padding-x-xxxxs\@xl {
    padding-left: var(--space-xxxxs);
    padding-right: var(--space-xxxxs); }
  .padding-x-xxxs\@xl {
    padding-left: var(--space-xxxs);
    padding-right: var(--space-xxxs); }
  .padding-x-xxs\@xl {
    padding-left: var(--space-xxs);
    padding-right: var(--space-xxs); }
  .padding-x-xs\@xl {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs); }
  .padding-x-sm\@xl {
    padding-left: var(--space-sm);
    padding-right: var(--space-sm); }
  .padding-x-md\@xl {
    padding-left: var(--space-md);
    padding-right: var(--space-md); }
  .padding-x-lg\@xl {
    padding-left: var(--space-lg);
    padding-right: var(--space-lg); }
  .padding-x-xl\@xl {
    padding-left: var(--space-xl);
    padding-right: var(--space-xl); }
  .padding-x-xxl\@xl {
    padding-left: var(--space-xxl);
    padding-right: var(--space-xxl); }
  .padding-x-xxxl\@xl {
    padding-left: var(--space-xxxl);
    padding-right: var(--space-xxxl); }
  .padding-x-xxxxl\@xl {
    padding-left: var(--space-xxxxl);
    padding-right: var(--space-xxxxl); }
  .padding-x-0\@xl {
    padding-left: 0;
    padding-right: 0; }
  .padding-x-component\@xl {
    padding-left: var(--component-padding);
    padding-right: var(--component-padding); }
  .padding-y-xxxxs\@xl {
    padding-top: var(--space-xxxxs);
    padding-bottom: var(--space-xxxxs); }
  .padding-y-xxxs\@xl {
    padding-top: var(--space-xxxs);
    padding-bottom: var(--space-xxxs); }
  .padding-y-xxs\@xl {
    padding-top: var(--space-xxs);
    padding-bottom: var(--space-xxs); }
  .padding-y-xs\@xl {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs); }
  .padding-y-sm\@xl {
    padding-top: var(--space-sm);
    padding-bottom: var(--space-sm); }
  .padding-y-md\@xl {
    padding-top: var(--space-md);
    padding-bottom: var(--space-md); }
  .padding-y-lg\@xl {
    padding-top: var(--space-lg);
    padding-bottom: var(--space-lg); }
  .padding-y-xl\@xl {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl); }
  .padding-y-xxl\@xl {
    padding-top: var(--space-xxl);
    padding-bottom: var(--space-xxl); }
  .padding-y-xxxl\@xl {
    padding-top: var(--space-xxxl);
    padding-bottom: var(--space-xxxl); }
  .padding-y-xxxxl\@xl {
    padding-top: var(--space-xxxxl);
    padding-bottom: var(--space-xxxxl); }
  .padding-y-0\@xl {
    padding-top: 0;
    padding-bottom: 0; }
  .padding-y-component\@xl {
    padding-top: var(--component-padding);
    padding-bottom: var(--component-padding); }
  .text-center\@xl {
    text-align: center; }
  .text-left\@xl {
    text-align: left; }
  .text-right\@xl {
    text-align: right; }
  .text-justify\@xl {
    text-align: justify; }
  .text-xs\@xl {
    font-size: var(--text-xs, 0.6875rem); }
  .text-sm\@xl {
    font-size: var(--text-sm, 0.75rem); }
  .text-base\@xl {
    font-size: var(--text-unit, 1rem); }
  .text-md\@xl {
    font-size: var(--text-md, 1.125rem); }
  .text-lg\@xl {
    font-size: var(--text-lg, 1.375rem); }
  .text-xl\@xl {
    font-size: var(--text-xl, 1.75rem); }
  .text-xxl\@xl {
    font-size: var(--text-xxl, 2rem); }
  .text-xxxl\@xl {
    font-size: var(--text-xxxl, 2.5rem); }
  .text-xxxxl\@xl {
    font-size: var(--text-xxxxl, 3rem); }
  .column-count-1\@xl {
    -moz-column-count: 1;
    column-count: 1; }
  .column-count-2\@xl {
    -moz-column-count: 2;
    column-count: 2; }
  .column-count-3\@xl {
    -moz-column-count: 3;
    column-count: 3; }
  .column-count-4\@xl {
    -moz-column-count: 4;
    column-count: 4; }
  .width-xxxxs\@xl {
    width: var(--size-xxxxs, 0.25rem); }
  .width-xxxs\@xl {
    width: var(--size-xxxs, 0.5rem); }
  .width-xxs\@xl {
    width: var(--size-xxs, 0.75rem); }
  .width-xs\@xl {
    width: var(--size-xs, 1rem); }
  .width-sm\@xl {
    width: var(--size-sm, 1.5rem); }
  .width-md\@xl {
    width: var(--size-md, 2rem); }
  .width-lg\@xl {
    width: var(--size-lg, 3rem); }
  .width-xl\@xl {
    width: var(--size-xl, 4rem); }
  .width-xxl\@xl {
    width: var(--size-xxl, 6rem); }
  .width-xxxl\@xl {
    width: var(--size-xxxl, 8rem); }
  .width-xxxxl\@xl {
    width: var(--size-xxxxl, 16rem); }
  .width-0\@xl {
    width: 0; }
  .width-10\%\@xl {
    width: 10%; }
  .width-20\%\@xl {
    width: 20%; }
  .width-25\%\@xl {
    width: 25%; }
  .width-30\%\@xl {
    width: 30%; }
  .width-33\%\@xl {
    width: 33.3333333333%; }
  .width-40\%\@xl {
    width: 40%; }
  .width-50\%\@xl {
    width: 50%; }
  .width-60\%\@xl {
    width: 60%; }
  .width-66\%\@xl {
    width: 66.6666666667%; }
  .width-70\%\@xl {
    width: 70%; }
  .width-75\%\@xl {
    width: 75%; }
  .width-80\%\@xl {
    width: 80%; }
  .width-90\%\@xl {
    width: 90%; }
  .width-100\%\@xl {
    width: 100%; }
  .width-100vw\@xl {
    width: 100vw; }
  .width-auto\@xl {
    width: auto; }
  .width-inherit\@xl {
    width: inherit; }
  .height-xxxxs\@xl {
    height: var(--size-xxxxs, 0.25rem); }
  .height-xxxs\@xl {
    height: var(--size-xxxs, 0.5rem); }
  .height-xxs\@xl {
    height: var(--size-xxs, 0.75rem); }
  .height-xs\@xl {
    height: var(--size-xs, 1rem); }
  .height-sm\@xl {
    height: var(--size-sm, 1.5rem); }
  .height-md\@xl {
    height: var(--size-md, 2rem); }
  .height-lg\@xl {
    height: var(--size-lg, 3rem); }
  .height-xl\@xl {
    height: var(--size-xl, 4rem); }
  .height-xxl\@xl {
    height: var(--size-xxl, 6rem); }
  .height-xxxl\@xl {
    height: var(--size-xxxl, 8rem); }
  .height-xxxxl\@xl {
    height: var(--size-xxxxl, 16rem); }
  .height-0\@xl {
    height: 0; }
  .height-10\%\@xl {
    height: 10%; }
  .height-20\%\@xl {
    height: 20%; }
  .height-25\%\@xl {
    height: 25%; }
  .height-30\%\@xl {
    height: 30%; }
  .height-33\%\@xl {
    height: 33.3333333333%; }
  .height-40\%\@xl {
    height: 40%; }
  .height-50\%\@xl {
    height: 50%; }
  .height-60\%\@xl {
    height: 60%; }
  .height-66\%\@xl {
    height: 66.6666666667%; }
  .height-70\%\@xl {
    height: 70%; }
  .height-75\%\@xl {
    height: 75%; }
  .height-80\%\@xl {
    height: 80%; }
  .height-90\%\@xl {
    height: 90%; }
  .height-100\%\@xl {
    height: 100%; }
  .height-100vh\@xl {
    height: 100vh; }
  .height-auto\@xl {
    height: auto; }
  .height-inherit\@xl {
    height: inherit; }
  .max-width-xxxxxs\@xl {
    max-width: var(--max-width-xxxxxs); }
  .max-width-xxxxs\@xl {
    max-width: var(--max-width-xxxxs); }
  .max-width-xxxs\@xl {
    max-width: var(--max-width-xxxs); }
  .max-width-xxs\@xl {
    max-width: var(--max-width-xxs); }
  .max-width-xs\@xl {
    max-width: var(--max-width-xs); }
  .max-width-sm\@xl {
    max-width: var(--max-width-sm); }
  .max-width-md\@xl {
    max-width: var(--max-width-md); }
  .max-width-lg\@xl {
    max-width: var(--max-width-lg); }
  .max-width-xl\@xl {
    max-width: var(--max-width-xl); }
  .max-width-xxl\@xl {
    max-width: var(--max-width-xxl); }
  .max-width-xxxl\@xl {
    max-width: var(--max-width-xxxl); }
  .max-width-xxxxl\@xl {
    max-width: var(--max-width-xxxxl); }
  .max-width-100\%\@xl {
    max-width: 100%; }
  .max-width-none\@xl {
    max-width: none; }
  .position-relative\@xl {
    position: relative; }
  .position-absolute\@xl {
    position: absolute; }
  .position-fixed\@xl {
    position: fixed; }
  .position-sticky\@xl {
    position: -webkit-sticky;
    position: sticky; }
  .position-static\@xl {
    position: static; }
  .inset-0\@xl {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .top-0\@xl {
    top: 0; }
  .top-50\%\@xl {
    top: 50%; }
  .top-xxxxs\@xl {
    top: var(--space-xxxxs); }
  .top-xxxs\@xl {
    top: var(--space-xxxs); }
  .top-xxs\@xl {
    top: var(--space-xxs); }
  .top-xs\@xl {
    top: var(--space-xs); }
  .top-sm\@xl {
    top: var(--space-sm); }
  .top-md\@xl {
    top: var(--space-md); }
  .top-lg\@xl {
    top: var(--space-lg); }
  .top-xl\@xl {
    top: var(--space-xl); }
  .top-xxl\@xl {
    top: var(--space-xxl); }
  .top-xxxl\@xl {
    top: var(--space-xxxl); }
  .top-xxxxl\@xl {
    top: var(--space-xxxxl); }
  .bottom-0\@xl {
    bottom: 0; }
  .bottom-50\%\@xl {
    bottom: 50%; }
  .bottom-xxxxs\@xl {
    bottom: var(--space-xxxxs); }
  .bottom-xxxs\@xl {
    bottom: var(--space-xxxs); }
  .bottom-xxs\@xl {
    bottom: var(--space-xxs); }
  .bottom-xs\@xl {
    bottom: var(--space-xs); }
  .bottom-sm\@xl {
    bottom: var(--space-sm); }
  .bottom-md\@xl {
    bottom: var(--space-md); }
  .bottom-lg\@xl {
    bottom: var(--space-lg); }
  .bottom-xl\@xl {
    bottom: var(--space-xl); }
  .bottom-xxl\@xl {
    bottom: var(--space-xxl); }
  .bottom-xxxl\@xl {
    bottom: var(--space-xxxl); }
  .bottom-xxxxl\@xl {
    bottom: var(--space-xxxxl); }
  .right-0\@xl {
    right: 0; }
  .right-50\%\@xl {
    right: 50%; }
  .right-xxxxs\@xl {
    right: var(--space-xxxxs); }
  .right-xxxs\@xl {
    right: var(--space-xxxs); }
  .right-xxs\@xl {
    right: var(--space-xxs); }
  .right-xs\@xl {
    right: var(--space-xs); }
  .right-sm\@xl {
    right: var(--space-sm); }
  .right-md\@xl {
    right: var(--space-md); }
  .right-lg\@xl {
    right: var(--space-lg); }
  .right-xl\@xl {
    right: var(--space-xl); }
  .right-xxl\@xl {
    right: var(--space-xxl); }
  .right-xxxl\@xl {
    right: var(--space-xxxl); }
  .right-xxxxl\@xl {
    right: var(--space-xxxxl); }
  .left-0\@xl {
    left: 0; }
  .left-50\%\@xl {
    left: 50%; }
  .left-xxxxs\@xl {
    left: var(--space-xxxxs); }
  .left-xxxs\@xl {
    left: var(--space-xxxs); }
  .left-xxs\@xl {
    left: var(--space-xxs); }
  .left-xs\@xl {
    left: var(--space-xs); }
  .left-sm\@xl {
    left: var(--space-sm); }
  .left-md\@xl {
    left: var(--space-md); }
  .left-lg\@xl {
    left: var(--space-lg); }
  .left-xl\@xl {
    left: var(--space-xl); }
  .left-xxl\@xl {
    left: var(--space-xxl); }
  .left-xxxl\@xl {
    left: var(--space-xxxl); }
  .left-xxxxl\@xl {
    left: var(--space-xxxxl); }
  .overflow-hidden\@xl {
    overflow: hidden; }
  .overflow-auto\@xl {
    overflow: auto; }
  .momentum-scrolling\@xl {
    -webkit-overflow-scrolling: touch; }
  .overscroll-contain\@xl {
    overscroll-behavior: contain; }
  .visible\@xl {
    visibility: visible; }
  .invisible\@xl {
    visibility: hidden; } }

@media not all and (min-width: 90rem) {
  .display\@xl {
    display: none !important; } }

:root, [data-theme=default] {
  --color-primary-darker: hsl(250, 84%, 38%);
  --color-primary-darker-h: 250;
  --color-primary-darker-s: 84%;
  --color-primary-darker-l: 38%;
  --color-primary-dark: hsl(250, 84%, 46%);
  --color-primary-dark-h: 250;
  --color-primary-dark-s: 84%;
  --color-primary-dark-l: 46%;
  --color-primary: hsl(250, 84%, 54%);
  --color-primary-h: 250;
  --color-primary-s: 84%;
  --color-primary-l: 54%;
  --color-primary-light: hsl(250, 84%, 60%);
  --color-primary-light-h: 250;
  --color-primary-light-s: 84%;
  --color-primary-light-l: 60%;
  --color-primary-lighter: hsl(250, 84%, 67%);
  --color-primary-lighter-h: 250;
  --color-primary-lighter-s: 84%;
  --color-primary-lighter-l: 67%;
  --color-accent-darker: hsl(342, 89%, 38%);
  --color-accent-darker-h: 342;
  --color-accent-darker-s: 89%;
  --color-accent-darker-l: 38%;
  --color-accent-dark: hsl(342, 89%, 43%);
  --color-accent-dark-h: 342;
  --color-accent-dark-s: 89%;
  --color-accent-dark-l: 43%;
  --color-accent: hsl(342, 89%, 48%);
  --color-accent-h: 342;
  --color-accent-s: 89%;
  --color-accent-l: 48%;
  --color-accent-light: hsl(342, 89%, 56%);
  --color-accent-light-h: 342;
  --color-accent-light-s: 89%;
  --color-accent-light-l: 56%;
  --color-accent-lighter: hsl(342, 89%, 62%);
  --color-accent-lighter-h: 342;
  --color-accent-lighter-s: 89%;
  --color-accent-lighter-l: 62%;
  --color-black: hsl(231, 15%, 9%);
  --color-black-h: 231;
  --color-black-s: 15%;
  --color-black-l: 9%;
  --color-white: hsl(0, 0%, 100%);
  --color-white-h: 0;
  --color-white-s: 0%;
  --color-white-l: 100%;
  --color-warning-darker: hsl(35, 79%, 48%);
  --color-warning-darker-h: 35;
  --color-warning-darker-s: 79%;
  --color-warning-darker-l: 48%;
  --color-warning-dark: hsl(35, 79%, 56%);
  --color-warning-dark-h: 35;
  --color-warning-dark-s: 79%;
  --color-warning-dark-l: 56%;
  --color-warning: hsl(35, 79%, 66%);
  --color-warning-h: 35;
  --color-warning-s: 79%;
  --color-warning-l: 66%;
  --color-warning-light: hsl(35, 79%, 74%);
  --color-warning-light-h: 35;
  --color-warning-light-s: 79%;
  --color-warning-light-l: 74%;
  --color-warning-lighter: hsl(35, 79%, 82%);
  --color-warning-lighter-h: 35;
  --color-warning-lighter-s: 79%;
  --color-warning-lighter-l: 82%;
  --color-success-darker: hsl(170, 78%, 26%);
  --color-success-darker-h: 170;
  --color-success-darker-s: 78%;
  --color-success-darker-l: 26%;
  --color-success-dark: hsl(170, 78%, 31%);
  --color-success-dark-h: 170;
  --color-success-dark-s: 78%;
  --color-success-dark-l: 31%;
  --color-success: hsl(170, 78%, 36%);
  --color-success-h: 170;
  --color-success-s: 78%;
  --color-success-l: 36%;
  --color-success-light: hsl(170, 78%, 42%);
  --color-success-light-h: 170;
  --color-success-light-s: 78%;
  --color-success-light-l: 42%;
  --color-success-lighter: hsl(170, 78%, 47%);
  --color-success-lighter-h: 170;
  --color-success-lighter-s: 78%;
  --color-success-lighter-l: 47%;
  --color-error-darker: hsl(342, 89%, 38%);
  --color-error-darker-h: 342;
  --color-error-darker-s: 89%;
  --color-error-darker-l: 38%;
  --color-error-dark: hsl(342, 89%, 43%);
  --color-error-dark-h: 342;
  --color-error-dark-s: 89%;
  --color-error-dark-l: 43%;
  --color-error: hsl(342, 89%, 48%);
  --color-error-h: 342;
  --color-error-s: 89%;
  --color-error-l: 48%;
  --color-error-light: hsl(342, 89%, 56%);
  --color-error-light-h: 342;
  --color-error-light-s: 89%;
  --color-error-light-l: 56%;
  --color-error-lighter: hsl(342, 89%, 62%);
  --color-error-lighter-h: 342;
  --color-error-lighter-s: 89%;
  --color-error-lighter-l: 62%;
  --color-bg-darker: hsl(240, 4%, 90%);
  --color-bg-darker-h: 240;
  --color-bg-darker-s: 4%;
  --color-bg-darker-l: 90%;
  --color-bg-dark: hsl(240, 4%, 95%);
  --color-bg-dark-h: 240;
  --color-bg-dark-s: 4%;
  --color-bg-dark-l: 95%;
  --color-bg: hsl(0, 0%, 100%);
  --color-bg-h: 0;
  --color-bg-s: 0%;
  --color-bg-l: 100%;
  --color-bg-light: hsl(0, 0%, 100%);
  --color-bg-light-h: 0;
  --color-bg-light-s: 0%;
  --color-bg-light-l: 100%;
  --color-bg-lighter: hsl(0, 0%, 100%);
  --color-bg-lighter-h: 0;
  --color-bg-lighter-s: 0%;
  --color-bg-lighter-l: 100%;
  --color-contrast-lower: hsl(240, 4%, 85%);
  --color-contrast-lower-h: 240;
  --color-contrast-lower-s: 4%;
  --color-contrast-lower-l: 85%;
  --color-contrast-low: hsl(240, 4%, 65%);
  --color-contrast-low-h: 240;
  --color-contrast-low-s: 4%;
  --color-contrast-low-l: 65%;
  --color-contrast-medium: hsl(225, 4%, 47%);
  --color-contrast-medium-h: 225;
  --color-contrast-medium-s: 4%;
  --color-contrast-medium-l: 47%;
  --color-contrast-high: hsl(230, 7%, 23%);
  --color-contrast-high-h: 230;
  --color-contrast-high-s: 7%;
  --color-contrast-high-l: 23%;
  --color-contrast-higher: hsl(230, 13%, 9%);
  --color-contrast-higher-h: 230;
  --color-contrast-higher-s: 13%;
  --color-contrast-higher-l: 9%; }

[data-theme=dark] {
  --color-primary-darker: hsl(250, 100%, 60%);
  --color-primary-darker-h: 250;
  --color-primary-darker-s: 100%;
  --color-primary-darker-l: 60%;
  --color-primary-dark: hsl(250, 100%, 64%);
  --color-primary-dark-h: 250;
  --color-primary-dark-s: 100%;
  --color-primary-dark-l: 64%;
  --color-primary: hsl(250, 100%, 69%);
  --color-primary-h: 250;
  --color-primary-s: 100%;
  --color-primary-l: 69%;
  --color-primary-light: hsl(250, 100%, 72%);
  --color-primary-light-h: 250;
  --color-primary-light-s: 100%;
  --color-primary-light-l: 72%;
  --color-primary-lighter: hsl(250, 100%, 76%);
  --color-primary-lighter-h: 250;
  --color-primary-lighter-s: 100%;
  --color-primary-lighter-l: 76%;
  --color-accent-darker: hsl(342, 92%, 41%);
  --color-accent-darker-h: 342;
  --color-accent-darker-s: 92%;
  --color-accent-darker-l: 41%;
  --color-accent-dark: hsl(342, 92%, 47%);
  --color-accent-dark-h: 342;
  --color-accent-dark-s: 92%;
  --color-accent-dark-l: 47%;
  --color-accent: hsl(342, 92%, 54%);
  --color-accent-h: 342;
  --color-accent-s: 92%;
  --color-accent-l: 54%;
  --color-accent-light: hsl(342, 92%, 60%);
  --color-accent-light-h: 342;
  --color-accent-light-s: 92%;
  --color-accent-light-l: 60%;
  --color-accent-lighter: hsl(342, 92%, 65%);
  --color-accent-lighter-h: 342;
  --color-accent-lighter-s: 92%;
  --color-accent-lighter-l: 65%;
  --color-black: hsl(230, 13%, 9%);
  --color-black-h: 230;
  --color-black-s: 13%;
  --color-black-l: 9%;
  --color-white: hsl(0, 0%, 100%);
  --color-white-h: 0;
  --color-white-s: 0%;
  --color-white-l: 100%;
  --color-warning-darker: hsl(35, 79%, 48%);
  --color-warning-darker-h: 35;
  --color-warning-darker-s: 79%;
  --color-warning-darker-l: 48%;
  --color-warning-dark: hsl(35, 79%, 56%);
  --color-warning-dark-h: 35;
  --color-warning-dark-s: 79%;
  --color-warning-dark-l: 56%;
  --color-warning: hsl(35, 79%, 66%);
  --color-warning-h: 35;
  --color-warning-s: 79%;
  --color-warning-l: 66%;
  --color-warning-light: hsl(35, 79%, 74%);
  --color-warning-light-h: 35;
  --color-warning-light-s: 79%;
  --color-warning-light-l: 74%;
  --color-warning-lighter: hsl(35, 79%, 82%);
  --color-warning-lighter-h: 35;
  --color-warning-lighter-s: 79%;
  --color-warning-lighter-l: 82%;
  --color-success-darker: hsl(170, 78%, 26%);
  --color-success-darker-h: 170;
  --color-success-darker-s: 78%;
  --color-success-darker-l: 26%;
  --color-success-dark: hsl(170, 78%, 31%);
  --color-success-dark-h: 170;
  --color-success-dark-s: 78%;
  --color-success-dark-l: 31%;
  --color-success: hsl(170, 78%, 36%);
  --color-success-h: 170;
  --color-success-s: 78%;
  --color-success-l: 36%;
  --color-success-light: hsl(170, 78%, 42%);
  --color-success-light-h: 170;
  --color-success-light-s: 78%;
  --color-success-light-l: 42%;
  --color-success-lighter: hsl(170, 78%, 47%);
  --color-success-lighter-h: 170;
  --color-success-lighter-s: 78%;
  --color-success-lighter-l: 47%;
  --color-error-darker: hsl(342, 92%, 41%);
  --color-error-darker-h: 342;
  --color-error-darker-s: 92%;
  --color-error-darker-l: 41%;
  --color-error-dark: hsl(342, 92%, 47%);
  --color-error-dark-h: 342;
  --color-error-dark-s: 92%;
  --color-error-dark-l: 47%;
  --color-error: hsl(342, 92%, 54%);
  --color-error-h: 342;
  --color-error-s: 92%;
  --color-error-l: 54%;
  --color-error-light: hsl(342, 92%, 60%);
  --color-error-light-h: 342;
  --color-error-light-s: 92%;
  --color-error-light-l: 60%;
  --color-error-lighter: hsl(342, 92%, 65%);
  --color-error-lighter-h: 342;
  --color-error-lighter-s: 92%;
  --color-error-lighter-l: 65%;
  --color-bg-darker: hsl(232, 7%, 8%);
  --color-bg-darker-h: 232;
  --color-bg-darker-s: 7%;
  --color-bg-darker-l: 8%;
  --color-bg-dark: hsl(233, 8%, 11%);
  --color-bg-dark-h: 233;
  --color-bg-dark-s: 8%;
  --color-bg-dark-l: 11%;
  --color-bg: hsl(232, 11%, 15%);
  --color-bg-h: 232;
  --color-bg-s: 11%;
  --color-bg-l: 15%;
  --color-bg-light: hsl(233, 8%, 19%);
  --color-bg-light-h: 233;
  --color-bg-light-s: 8%;
  --color-bg-light-l: 19%;
  --color-bg-lighter: hsl(232, 7%, 22%);
  --color-bg-lighter-h: 232;
  --color-bg-lighter-s: 7%;
  --color-bg-lighter-l: 22%;
  --color-contrast-lower: hsl(240, 6%, 26%);
  --color-contrast-lower-h: 240;
  --color-contrast-lower-s: 6%;
  --color-contrast-lower-l: 26%;
  --color-contrast-low: hsl(240, 3%, 41%);
  --color-contrast-low-h: 240;
  --color-contrast-low-s: 3%;
  --color-contrast-low-l: 41%;
  --color-contrast-medium: hsl(231, 3%, 57%);
  --color-contrast-medium-h: 231;
  --color-contrast-medium-s: 3%;
  --color-contrast-medium-l: 57%;
  --color-contrast-high: hsl(240, 5%, 82%);
  --color-contrast-high-h: 240;
  --color-contrast-high-s: 5%;
  --color-contrast-high-l: 82%;
  --color-contrast-higher: hsl(240, 100%, 99%);
  --color-contrast-higher-h: 240;
  --color-contrast-higher-s: 100%;
  --color-contrast-higher-l: 99%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@media (min-width: 64rem) {
  :root, * {
    --space-xxxxs: calc(0.1875 * var(--space-unit));
    --space-xxxs: calc(0.375 * var(--space-unit));
    --space-xxs: calc(0.5625 * var(--space-unit));
    --space-xs: calc(0.75 * var(--space-unit));
    --space-sm: calc(1.125 * var(--space-unit));
    --space-md: calc(2 * var(--space-unit));
    --space-lg: calc(3.125 * var(--space-unit));
    --space-xl: calc(5.125 * var(--space-unit));
    --space-xxl: calc(8.25 * var(--space-unit));
    --space-xxxl: calc(13.25 * var(--space-unit));
    --space-xxxxl: calc(21.5 * var(--space-unit)); } }

:root {
  --radius: 0.375em; }

.hover\:reduce-opacity {
  opacity: 1;
  transition: all 0.3s ease; }

.hover\:reduce-opacity:hover {
  opacity: 0.8; }

.hover\:scale {
  transition: transform 0.3s var(--ease-out-back); }

.hover\:scale:hover {
  transform: scale(1.1); }

.hover\:elevate {
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease; }

.hover\:elevate:hover {
  box-shadow: var(--shadow-md); }

.link-subtle {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.2s ease; }

.link-subtle:hover {
  color: var(--color-primary); }

:root {
  --font-primary: system-ui, sans-serif;
  --text-base-size: 1rem;
  --text-scale-ratio: 1.2;
  --body-line-height: 1.4;
  --heading-line-height: 1.2;
  --font-primary-capital-letter: 1;
  --text-unit: var(--text-base-size); }

:root, * {
  --text-xs: calc((var(--text-unit) / var(--text-scale-ratio)) / var(--text-scale-ratio));
  --text-sm: calc(var(--text-xs) * var(--text-scale-ratio));
  --text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));
  --text-lg: calc(var(--text-md) * var(--text-scale-ratio));
  --text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
  --text-xxl: calc(var(--text-xl) * var(--text-scale-ratio));
  --text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio));
  --text-xxxxl: calc(var(--text-xxxl) * var(--text-scale-ratio)); }

@media (min-width: 64rem) {
  :root {
    --text-base-size: 1.25rem;
    --text-scale-ratio: 1.25; } }

h1, h2, h3, h4 {
  --heading-font-weight: 700; }

mark {
  color: inherit; }

.text-component {
  --line-height-multiplier: 1;
  --text-space-y-multiplier: 1; }

.text-component > * {
  --text-unit: 1em;
  --space-unit: 1em; }

.text-component blockquote {
  padding-left: 1em;
  border-left: 4px solid var(--color-contrast-lower);
  font-style: italic; }

.text-component hr {
  background: var(--color-contrast-lower);
  height: 1px; }

.text-component figcaption {
  font-size: var(--text-sm);
  color: var(--color-contrast-low); }

.article {
  --body-line-height: 1.58;
  --text-space-y-multiplier: 1.2; }

:root {
  --btn-font-size: 1em;
  --btn-padding-x: var(--space-sm);
  --btn-padding-y: var(--space-xxs);
  --btn-radius: var(--radius-md); }

.btn {
  background: var(--color-bg-dark);
  color: var(--color-contrast-higher);
  cursor: pointer;
  text-decoration: none;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.2s ease;
  will-change: transform; }

.btn:focus-visible {
  box-shadow: 0 0 0 2px var(--color-bg), 0px 0px 0px 4px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.15);
  outline: none; }

.btn:active {
  transform: translateY(2px); }

.btn--primary {
  background: var(--color-primary);
  color: var(--color-white);
  box-shadow: inset 0px 1px 0px hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0px 1px 3px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25), 0px 2px 6px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.1), 0px 6px 10px -2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25); }

.btn--primary:hover {
  background: var(--color-primary-light);
  box-shadow: inset 0px 1px 0px hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0px 1px 2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25), 0px 1px 4px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.1), 0px 3px 6px -2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25); }

.btn--primary:focus-visible {
  box-shadow: inset 0px 1px 0px hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0px 1px 2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25), 0px 1px 4px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.1), 0px 3px 6px -2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25), 0px 0px 0px 2px var(--color-bg), 0px 0px 0px 4px var(--color-primary); }

.btn--subtle {
  background: var(--color-bg-lighter);
  color: var(--color-contrast-higher);
  box-shadow: inset 0px 1px 0px hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.1), 0px 0px 0px 1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.02), 0px 1px 3px -1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.2), var(--shadow-sm); }

.btn--subtle:hover {
  background: var(--color-bg-light);
  box-shadow: inset 0px 1px 0px hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.1), 0px 0px 0px 1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.02), 0px 1px 3px -1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.2), var(--shadow-xs); }

.btn--subtle:focus-visible {
  box-shadow: inset 0px 1px 0px hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.1), 0px 0px 0px 1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.02), 0px 1px 3px -1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.2), var(--shadow-xs), 0px 0px 0px 2px var(--color-bg), 0px 0px 0px 4px var(--color-contrast-high); }

.btn--accent {
  background: var(--color-accent);
  color: var(--color-white);
  box-shadow: inset 0px 1px 0px hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0px 1px 3px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.25), 0px 2px 6px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.1), 0px 6px 10px -2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.25); }

.btn--accent:hover {
  background: var(--color-accent-light);
  box-shadow: inset 0px 1px 0px hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0px 1px 2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.25), 0px 1px 4px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.1), 0px 3px 6px -2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.1); }

.btn--accent:focus-visible {
  box-shadow: inset 0px 1px 0px hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0px 1px 2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.25), 0px 1px 4px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.1), 0px 3px 6px -2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.1), 0px 0px 0px 2px var(--color-bg), 0px 0px 0px 4px var(--color-accent); }

.btn--disabled, .btn[disabled], .btn[readonly] {
  opacity: 0.6;
  cursor: not-allowed; }

.btn--sm {
  font-size: 0.8em; }

.btn--md {
  font-size: 1.2em; }

.btn--lg {
  font-size: 1.4em; }

:root {
  --form-control-font-size: 1em;
  --form-control-padding-x: var(--space-xs);
  --form-control-padding-y: var(--space-xxs);
  --form-control-radius: var(--radius-md); }

.form-control {
  background: var(--color-bg-dark);
  line-height: 1.2;
  box-shadow: inset 0px 0px 0px 1px var(--color-contrast-lower);
  transition: all 0.2s ease; }

.form-control::-moz-placeholder {
  opacity: 1;
  color: var(--color-contrast-low); }

.form-control::placeholder {
  opacity: 1;
  color: var(--color-contrast-low); }

.form-control:focus, .form-control:focus-within {
  background: var(--color-bg);
  box-shadow: inset 0px 0px 0px 1px hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0), 0px 0px 0px 2px var(--color-primary), var(--shadow-sm);
  outline: none; }

.form-control--disabled, .form-control[disabled], .form-control[readonly] {
  opacity: 0.5;
  cursor: not-allowed; }

.form-control[aria-invalid=true], .form-control.form-control--error {
  box-shadow: inset 0px 0px 0px 1px hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0), 0px 0px 0px 2px var(--color-error); }

.form-control[aria-invalid=true]:focus, .form-control[aria-invalid=true]:focus-within, .form-control.form-control--error:focus, .form-control.form-control--error:focus-within {
  box-shadow: inset 0px 0px 0px 1px hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0), 0px 0px 0px 2px var(--color-error), var(--shadow-sm); }

/*! purgecss start ignore */
/* -------------------------------- 
  
  File#: _1_list
  Title: List
  Descr: Custom list component
  Usage: codyhouse.co/license
  
  -------------------------------- */
:root {
  --list-space-y: 0.375em;
  --list-offset: 1em;
  --list-line-height-multiplier: 1; }

.list, .text-component .list {
  padding-left: 0;
  list-style: none; }

.list ul, .list ol, .text-component .list ul, .text-component .list ol {
  list-style: none;
  margin: 0;
  margin-top: calc(var(--list-space-y) / 2 * var(--text-space-y-multiplier, 1));
  padding-top: calc(var(--list-space-y) / 2 * var(--text-space-y-multiplier, 1));
  padding-left: var(--list-offset); }

.list li, .text-component .list li {
  padding-bottom: calc(var(--list-space-y) / 2 * var(--text-space-y-multiplier, 1));
  margin-bottom: calc(var(--list-space-y) / 2 * var(--text-space-y-multiplier, 1));
  line-height: calc(var(--body-line-height) * var(--list-line-height-multiplier)); }

.list > li:last-child, .list ul > li:last-child, .list ol > li:last-child, .text-component .list > li:last-child, .text-component .list ul > li:last-child, .text-component .list ol > li:last-child {
  margin-bottom: 0; }

.list:not(.list--border) > li:last-child, .list ul > li:last-child, .list ol > li:last-child, .text-component .list:not(.list--border) > li:last-child, .text-component .list ul > li:last-child, .text-component .list ol > li:last-child {
  padding-bottom: 0; }

/* #region (ul + ol) */
.list--ul, .text-component .list--ul,
.list--ol, .text-component .list--ol {
  --list-offset: calc(var(--list-bullet-size) + var(--list-bullet-margin-right)); }

.list--ul ul, .list--ul ol, .text-component .list--ul ul, .text-component .list--ul ol,
.list--ol ul,
.list--ol ol, .text-component .list--ol ul, .text-component .list--ol ol {
  padding-left: 0; }

.list--ul li, .text-component .list--ul li,
.list--ol li, .text-component .list--ol li {
  padding-left: var(--list-offset); }

.list--ul li::before, .text-component .list--ul li::before,
.list--ol li::before, .text-component .list--ol li::before {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--list-bullet-size);
  height: var(--list-bullet-size);
  vertical-align: middle;
  position: relative;
  top: -0.1em;
  left: calc(var(--list-bullet-margin-right) * -1);
  margin-left: calc(var(--list-bullet-size) * -1); }

.list--ul, .text-component .list--ul {
  --list-bullet-size: 7px;
  --list-bullet-margin-right: 12px; }

.list--ul > li::before, .text-component .list--ul > li::before {
  content: "";
  border-radius: 50%;
  color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1);
  background-color: currentColor; }

.list--ul ul li::before, .text-component .list--ul ul li::before {
  background-color: transparent;
  box-shadow: inset 0 0 0 2px currentColor; }

.list--ol, .text-component .list--ol {
  --list-bullet-size: 26px;
  --list-bullet-margin-right: 6px;
  --list-bullet-font-size: 14px;
  counter-reset: list-items; }

.list--ol > li, .text-component .list--ol > li {
  counter-increment: list-items; }

.list--ol ol, .text-component .list--ol ol {
  counter-reset: list-items; }

.list--ol > li::before, .text-component .list--ol > li::before {
  content: counter(list-items);
  font-size: var(--list-bullet-font-size, 14px);
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075);
  color: var(--color-contrast-higher);
  line-height: 1;
  border-radius: 50%; }

.list--ol ol > li::before, .text-component .list--ol ol > li::before {
  background-color: transparent;
  box-shadow: inset 0 0 0 2px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075); }

/* #endregion */
/* #region (border) */
.list--border li:not(:last-child), .text-component .list--border li:not(:last-child) {
  border-bottom: 1px solid var(--color-contrast-lower); }

.list--border ul, .list--border ol, .text-component .list--border ul, .text-component .list--border ol {
  border-top: 1px solid var(--color-contrast-lower); }

/* #endregion */
/* #region (icons) */
.list--icons, .text-component .list--icons {
  --list-bullet-size: 24px;
  --list-bullet-margin-right: 8px;
  --list-offset: calc(var(--list-bullet-size) + var(--list-bullet-margin-right)); }

.list--icons ul, .list--icons ol, .text-component .list--icons ul, .text-component .list--icons ol {
  padding-left: var(--list-offset); }

.list__icon {
  position: relative;
  width: var(--list-bullet-size);
  height: var(--list-bullet-size);
  margin-right: var(--list-bullet-margin-right); }

.list__icon:not(.top-0) {
  top: calc((1em * var(--body-line-height) * var(--list-line-height-multiplier) - var(--list-bullet-size)) / 2); }

/* #endregion */
/* -------------------------------- 

File#: _1_progress-bar
Title: Progress Bar
Descr: Display the current progress of a task
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --progress-bar-width: 200px;
  --progress-bar-height: 8px;
  --progress-bar-radius: 50em; }

.progress-bar__bg {
  position: relative;
  width: var(--progress-bar-width);
  height: var(--progress-bar-height);
  border-radius: var(--progress-bar-radius);
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1);
  flex-grow: 1;
  overflow: hidden; }

.progress-bar__fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background-color: currentColor; }

.progress-bar__value {
  flex-shrink: 0; }

.progress-bar[data-animation="on"]:not(.progress-bar--init) .progress-bar__fill,
.progress-bar[data-animation="on"]:not(.progress-bar--init) .progress-bar__value,
.progress-bar--color-update:not(.progress-bar--init) .progress-bar__fill,
.progress-bar--color-update:not(.progress-bar--init) .progress-bar__value {
  opacity: 0; }

.progress-bar--color-update {
  --progress-bar-color-1: 30;
  --progress-bar-color-2: 65;
  --progress-bar-color-3: 100; }
  .progress-bar--color-update.progress-bar--init .progress-bar__fill {
    transition: background-color .3s; }

.progress-bar--fill-color-1 .progress-bar__fill {
  background-color: var(--color-error); }

.progress-bar--fill-color-2 .progress-bar__fill {
  background-color: var(--color-warning); }

.progress-bar--fill-color-3 .progress-bar__fill {
  background-color: var(--color-success); }

/* -------------------------------- 

File#: _1_swipe-content
Title: Swipe Content
Descr: A Vanilla JavaScript plugin to detect touch interactions
Usage: codyhouse.co/license

-------------------------------- */
.swipe-content {
  height: 280px;
  width: 280px;
  background-color: var(--color-contrast-low);
  border-radius: var(--radius-md);
  cursor: default;
  transition: background 0.2s; }

.swipe-content:active {
  background-color: var(--color-contrast-medium); }

/* -------------------------------- 

File#: _1_accordion
Title: Accordion
Descr: Create stacked sections of content and allow the user to expand/collapse them
Usage: codyhouse.co/license

-------------------------------- */
:root {
  /* general */
  --accordion-border-width: 1px;
  /* icon */
  --accordion-icon-size: 20px;
  --accordion-icon-stroke-width: 2px; }

/* variables */
:root {
  /* colors */
  --ak6-color-primary-hsl: 250, 84%, 54%;
  --ak6-color-bg-hsl: 0, 0%, 100%;
  --ak6-color-contrast-high-hsl: 230, 7%, 23%;
  --ak6-color-contrast-higher-hsl: 230, 13%, 9%;
  --ak6-color-contrast-lower-hsl: 240, 4%, 85%;
  --ak6-color-accent-hsl: 342, 89%, 48%;
  /* spacing */
  --ak6-space-2xs: 0.375rem;
  --ak6-space-sm: 0.75rem;
  --ak6-space-md: 1.25rem;
  --ak6-space-xs: 0.5rem;
  /* typography */
  --ak6-text-md: 1.2rem;
  --ak6-text-sm: 0.833rem; }

@media (min-width: 64rem) {
  :root {
    /* spacing */
    --ak6-space-2xs: 0.5625rem;
    --ak6-space-sm: 1.125rem;
    --ak6-space-md: 2rem;
    --ak6-space-xs: 0.75rem;
    /* typography */
    --ak6-text-md: 1.5625rem;
    --ak6-text-sm: 1rem; } }

/* icons */
.ak6-icon {
  height: var(--ak6-size, 1em);
  width: var(--ak6-size, 1em);
  display: inline-block;
  color: inherit;
  fill: currentColor;
  line-height: 1;
  flex-shrink: 0;
  max-width: initial; }

.accordion {
  border-color: var(--color-primary); }

.accordion__item {
  border-style: solid;
  border-color: var(--color-primary);
  border-bottom-width: var(--accordion-border-width); }
  .accordion__item:first-child {
    border-top-width: var(--accordion-border-width); }

.accordion__header {
  /* button */
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  cursor: pointer; }
  .accordion__header .icon {
    --size: var(--accordion-icon-size);
    color: var(--color-primary); }
    .accordion__header .icon .icon__group {
      stroke-width: var(--accordion-icon-stroke-width); }

.accordion__icon-arrow .icon__group,
.accordion__icon-arrow-v2 .icon__group,
.accordion__icon-plus .icon__group {
  will-change: transform;
  transform-origin: 50% 50%; }

.accordion__icon-arrow .icon__group > * {
  transform-origin: 10px 14px; }

.accordion__icon-arrow-v2 .icon__group > * {
  transform-origin: 50% 50%;
  stroke-dasharray: 20;
  transform: translateY(4px); }

.accordion__icon-arrow-v2 .icon__group > *:first-child {
  stroke-dashoffset: 10.15; }

.accordion__icon-arrow-v2 .icon__group > *:last-child {
  stroke-dashoffset: 10.15; }

.accordion__icon-plus .icon__group {
  transform: rotate(-90deg); }
  .accordion__icon-plus .icon__group > * {
    transform-origin: 50% 50%; }
  .accordion__icon-plus .icon__group > *:first-child {
    transform: rotate(-90deg); }

.accordion__item--is-open > .accordion__header > .accordion__icon-arrow .icon__group {
  /* animated arrow icon */ }
  .accordion__item--is-open > .accordion__header > .accordion__icon-arrow .icon__group > *:first-child {
    transform: translateY(-8px) rotate(-90deg); }
  .accordion__item--is-open > .accordion__header > .accordion__icon-arrow .icon__group > *:last-child {
    transform: translateY(-8px) rotate(90deg); }

.accordion__item--is-open > .accordion__header > .accordion__icon-arrow-v2 .icon__group {
  /* animated arrow icon v2 */
  transform: rotate(-90deg); }
  .accordion__item--is-open > .accordion__header > .accordion__icon-arrow-v2 .icon__group > *:first-child,
  .accordion__item--is-open > .accordion__header > .accordion__icon-arrow-v2 .icon__group *:last-child {
    stroke-dashoffset: 0;
    transform: translateY(0px); }

.accordion__item--is-open > .accordion__header > .accordion__icon-plus .icon__group {
  /* animated plus icon */
  transform: rotate(0); }
  .accordion__item--is-open > .accordion__header > .accordion__icon-plus .icon__group > *:first-child {
    transform: rotate(0); }

.accordion__panel {
  display: none;
  will-change: height;
  transform: translateZ(0px); }

.accordion__item--is-open > .accordion__panel {
  display: block; }

/* animations */
.accordion[data-animation="on"] .accordion__item--is-open .accordion__panel > * {
  animation: accordion-entry-animation 0.4s var(--ease-out); }

.accordion[data-animation="on"] .accordion__icon-arrow .icon__group,
.accordion[data-animation="on"] .accordion__icon-arrow-v2 .icon__group,
.accordion[data-animation="on"] .accordion__icon-plus .icon__group {
  transition: transform 0.3s var(--ease-out); }
  .accordion[data-animation="on"] .accordion__icon-arrow .icon__group > *,
  .accordion[data-animation="on"] .accordion__icon-arrow-v2 .icon__group > *,
  .accordion[data-animation="on"] .accordion__icon-plus .icon__group > * {
    transition: transform .3s, stroke-dashoffset .3s;
    transition-timing-function: var(--ease-out); }

@keyframes accordion-entry-animation {
  from {
    opacity: 0;
    transform: translateY(-10px); }
  to {
    opacity: 1;
    transform: translateY(0px); } }

/* utility classes */
.ak6-text-component :where(h1, h2, h3, h4) {
  line-height: var(--ak6-heading-line-height, 1.2);
  margin-top: calc(var(--ak6-space-md) * var(--ak6-space-multiplier, 1));
  margin-bottom: calc(var(--ak6-space-sm) * var(--ak6-space-multiplier, 1)); }

.ak6-text-component :where(p, blockquote, ul li, ol li) {
  line-height: var(--ak6-body-line-height, 1.4); }

.ak6-text-component :where(ul, ol, p, blockquote, .ak6-text-component__block) {
  margin-bottom: calc(var(--ak6-space-sm) * var(--ak6-space-multiplier, 1)); }

.ak6-text-component :where(ul, ol) {
  padding-left: 1.25em; }

.ak6-text-component ul :where(ul, ol),
.ak6-text-component ol :where(ul, ol) {
  padding-left: 1em;
  margin-bottom: 0; }

.ak6-text-component ul {
  list-style-type: disc; }

.ak6-text-component ol {
  list-style-type: decimal; }

.ak6-text-component img {
  display: block;
  margin: 0 auto; }

.ak6-text-component figcaption {
  margin-top: calc(var(--ak6-space-xs) * var(--ak6-space-multiplier, 1));
  font-size: var(--ak6-text-sm);
  text-align: center; }

.ak6-text-component em {
  font-style: italic; }

.ak6-text-component strong {
  font-weight: bold; }

.ak6-text-component s {
  text-decoration: line-through; }

.ak6-text-component u {
  text-decoration: underline; }

.ak6-text-component mark {
  color: inherit; }

.ak6-text-component blockquote {
  padding-left: 1em;
  font-style: italic; }

.ak6-text-component hr {
  margin: calc(var(--ak6-space-md) * var(--ak6-space-multiplier, 1)) auto;
  height: 1px; }

.ak6-text-component > *:first-child {
  margin-top: 0; }

.ak6-text-component > *:last-child {
  margin-bottom: 0; }

.ak6-text-component.ak6-line-height-xs {
  --ak6-heading-line-height: 1;
  --ak6-body-line-height: 1.1; }

.ak6-text-component.ak6-line-height-sm {
  --ak6-heading-line-height: 1.1;
  --ak6-body-line-height: 1.2; }

.ak6-text-component.ak6-line-height-md {
  --ak6-heading-line-height: 1.15;
  --ak6-body-line-height: 1.4; }

.ak6-text-component.ak6-line-height-lg {
  --ak6-heading-line-height: 1.22;
  --ak6-body-line-height: 1.58; }

.ak6-text-component.ak6-line-height-xl {
  --ak6-heading-line-height: 1.3;
  --ak6-body-line-height: 1.72; }

.ak6-padding-bottom-md {
  padding-bottom: var(--ak6-space-md); }

.ak6-padding-x-md {
  padding-left: var(--ak6-space-md);
  padding-right: var(--ak6-space-md); }

.ak6-padding-top-2xs {
  padding-top: var(--ak6-space-2xs); }

.ak6-text-md {
  font-size: var(--ak6-text-md); }

.ak6-padding-y-sm {
  padding-top: var(--ak6-space-sm);
  padding-bottom: var(--ak6-space-sm); }

/* -------------------------------- 

File#: _1_alert
Title: Alert
Descr: Feedback message
Usage: codyhouse.co/license

-------------------------------- */
.alert {
  background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
  color: var(--color-contrast-higher);
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%); }

.alert__icon {
  color: var(--color-primary); }

.alert__close-btn {
  display: inline-block;
  flex-shrink: 0;
  transition: .2s; }
  .alert__close-btn .icon {
    display: block; }
  .alert__close-btn:hover {
    opacity: 0.7; }

.alert--success {
  background-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), 0.2); }
  .alert--success .alert__icon {
    color: var(--color-success); }

.alert--error {
  background-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2); }
  .alert--error .alert__icon {
    color: var(--color-error); }

.alert--warning {
  background-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), 0.2); }
  .alert--warning .alert__icon {
    color: var(--color-warning); }

.alert--is-visible {
  position: static;
  clip: auto;
  clip-path: none; }

/* -------------------------------- 

File#: _1_anim-menu-btn
Title: Animated Menu Button
Descr: A menu button w/ a morphing icon
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --anim-menu-btn-size: 48px;
  --anim-menu-btn-transition-duration: .2s;
  --anim-menu-btn-icon-size: 32px;
  --anim-menu-btn-icon-stroke: 2px; }

.anim-menu-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--anim-menu-btn-size);
  height: var(--anim-menu-btn-size); }

.anim-menu-btn__icon {
  position: relative;
  display: block;
  font-size: var(--anim-menu-btn-icon-size);
  width: 1em;
  height: var(--anim-menu-btn-icon-stroke);
  color: inherit;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  transform: scale(1); }
  .anim-menu-btn__icon::before, .anim-menu-btn__icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: inherit;
    border-radius: inherit; }

.anim-menu-btn__icon--close {
  background-size: 100% 100%;
  will-change: transform, background-size;
  transition-property: transform, background-size;
  transition-duration: var(--anim-menu-btn-transition-duration, 0.2s); }
  .anim-menu-btn:active .anim-menu-btn__icon--close {
    transform: scale(0.9); }
  .anim-menu-btn__icon--close::before, .anim-menu-btn__icon--close::after {
    will-change: inherit;
    transition: inherit; }
  .anim-menu-btn__icon--close::before {
    transform: translateY(-0.25em) rotate(0); }
  .anim-menu-btn__icon--close::after {
    transform: translateY(0.25em) rotate(0); }

.anim-menu-btn--state-b .anim-menu-btn__icon--close {
  background-size: 0% 100%; }
  .anim-menu-btn--state-b .anim-menu-btn__icon--close::before {
    transform: translateY(0) rotate(45deg); }
  .anim-menu-btn--state-b .anim-menu-btn__icon--close::after {
    transform: translateY(0) rotate(-45deg); }

.anim-menu-btn__icon--arrow-left,
.anim-menu-btn__icon--arrow-right,
.anim-menu-btn__icon--arrow-up,
.anim-menu-btn__icon--arrow-down {
  border-radius: 50em;
  will-change: transform;
  transition-property: transform;
  transition-duration: var(--anim-menu-btn-transition-duration, 0.2s); }
  .anim-menu-btn:active .anim-menu-btn__icon--arrow-left, .anim-menu-btn:active
  .anim-menu-btn__icon--arrow-right, .anim-menu-btn:active
  .anim-menu-btn__icon--arrow-up, .anim-menu-btn:active
  .anim-menu-btn__icon--arrow-down {
    transform: scale(0.9); }
  .anim-menu-btn__icon--arrow-left::before, .anim-menu-btn__icon--arrow-left::after,
  .anim-menu-btn__icon--arrow-right::before,
  .anim-menu-btn__icon--arrow-right::after,
  .anim-menu-btn__icon--arrow-up::before,
  .anim-menu-btn__icon--arrow-up::after,
  .anim-menu-btn__icon--arrow-down::before,
  .anim-menu-btn__icon--arrow-down::after {
    transform-origin: calc(var(--anim-menu-btn-icon-stroke)/2) 50%;
    will-change: transform, width;
    transition-property: transform, width;
    transition-duration: var(--anim-menu-btn-transition-duration, 0.2s); }
  .anim-menu-btn__icon--arrow-left::before,
  .anim-menu-btn__icon--arrow-right::before,
  .anim-menu-btn__icon--arrow-up::before,
  .anim-menu-btn__icon--arrow-down::before {
    transform: translateY(-0.25em) rotate(0); }
  .anim-menu-btn__icon--arrow-left::after,
  .anim-menu-btn__icon--arrow-right::after,
  .anim-menu-btn__icon--arrow-up::after,
  .anim-menu-btn__icon--arrow-down::after {
    transform: translateY(0.25em) rotate(0); }

.anim-menu-btn__icon--arrow-right {
  transform: rotate(180deg); }
  .anim-menu-btn:active .anim-menu-btn__icon--arrow-right {
    transform: rotate(180deg) scale(0.9); }

.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::before, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::after,
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::before,
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::after,
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::before,
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::after,
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::before,
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::after {
  width: 50%; }

.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::before,
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::before,
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::before,
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::before {
  transform: translateY(0) rotate(-45deg); }

.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::after,
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::after,
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::after,
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::after {
  transform: translateY(0) rotate(45deg); }

.anim-menu-btn--state-b:active .anim-menu-btn__icon--arrow-up {
  transform: rotate(90deg) scale(0.9); }

.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up {
  transform: rotate(90deg); }

.anim-menu-btn--state-b:active .anim-menu-btn__icon--arrow-down {
  transform: rotate(-90deg) scale(0.9); }

.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down {
  transform: rotate(-90deg); }

/* -------------------------------- 

File#: _1_article-preview
Title: Article Preview
Descr: Blog post excerpt, containing a link to the article page
Usage: codyhouse.co/license

-------------------------------- */
.story__img {
  display: block;
  transition: opacity .2s;
  overflow: hidden;
  margin-bottom: var(--space-xs); }
  .story__img:hover {
    opacity: 0.85; }
  .story__img img {
    display: block;
    width: 100%; }

.story__category {
  display: inline-flex;
  align-items: center;
  color: var(--color-contrast-higher);
  line-height: 1;
  text-decoration: none;
  font-size: var(--text-sm);
  background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
  padding: var(--space-xxs);
  border-radius: var(--radius-md);
  transition: background-color .2s; }
  .story__category:hover {
    text-decoration: underline;
    background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.3); }

.story__title a {
  color: var(--color-contrast-higher);
  text-decoration: none; }
  .story__title a:hover {
    text-decoration: underline; }

.story__author {
  --author-img-size: 50px;
  display: grid;
  grid-template-columns: var(--author-img-size) 1fr;
  align-items: center;
  gap: var(--space-xs); }
  .story__author img {
    display: block;
    width: var(--author-img-size);
    height: var(--author-img-size);
    object-fit: cover;
    border-radius: 50%; }

.story__author-name {
  margin-bottom: var(--space-xxxxs); }
  .story__author-name a {
    text-decoration: none;
    color: var(--color-contrast-higher); }
    .story__author-name a:hover {
      text-decoration: underline; }

.story__meta {
  font-size: var(--text-sm);
  color: var(--color-contrast-medium); }

@media (min-width: 64rem) {
  .story--featured {
    display: grid;
    grid-template-columns: 3fr 2fr;
    grid-gap: var(--space-md);
    align-items: center; }
    .story--featured .story__img {
      margin: 0; }
    .story--featured .story__title {
      font-size: var(--text-xxl); } }

/* -------------------------------- 

File#: _1_article-preview-v2
Title: Article Preview v2
Descr: Blog post excerpt, containing a link to the article page
Usage: codyhouse.co/license

-------------------------------- */
.story-v2__meta a {
  color: var(--color-contrast-high);
  transition: .2s; }
  .story-v2__meta a:hover {
    color: var(--color-primary); }

.story-v2__meta span[role="separator"] {
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  background-color: var(--color-contrast-low);
  border-radius: 50%;
  margin: 0 var(--space-xxxs); }

.story-v2__headline a {
  color: var(--color-contrast-higher);
  text-decoration: underline;
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent 50%, hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2) 50%);
  background-size: 0% 100%;
  will-change: background-size;
  transition: background-size 0.3s var(--ease-in-out); }
  .story-v2__headline a:hover {
    background-size: 100% 100%; }

.story-v2__excerpt {
  color: var(--color-contrast-medium); }

.story-v2__img {
  display: block;
  transition: opacity .2s; }
  .story-v2__img:hover {
    opacity: 0.85; }
  .story-v2__img img {
    display: block;
    width: 100%; }

@media (min-width: 64rem) {
  .story-v2--featured .story-v2__excerpt {
    max-width: 70%;
    margin-left: auto; } }

/* -------------------------------- 

File#: _1_article-preview-v3
Title: Article Preview v3
Descr: Blog post excerpt, containing a link to the article page and a preview image animated on hover
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --story-v3-image-width: 30%; }

.story-v3 {
  position: relative;
  display: block;
  color: inherit;
  text-decoration: none;
  border-top: 1px solid var(--color-contrast-lower);
  box-shadow: 0 1px 0 var(--color-contrast-lower);
  transition: .3s; }
  .story-v3:hover .story-v3__title {
    text-decoration: underline; }
  .story-v3:hover .story-v3__icon line:nth-child(1) {
    transform: rotate(180deg); }
  .story-v3:hover .story-v3__icon line:nth-child(2) {
    transform: rotate(-180deg); }
  .story-v3:hover .story-v3__icon line:nth-child(3) {
    stroke-dashoffset: 14; }

.story-v3__icon {
  font-size: 48px; }
  .story-v3__icon line:nth-child(1),
  .story-v3__icon line:nth-child(2) {
    transition: transform 0.3s var(--ease-out); }
  .story-v3__icon line:nth-child(1) {
    transform-origin: 42px 19px; }
  .story-v3__icon line:nth-child(2) {
    transform-origin: 42px 29px; }
  .story-v3__icon line:nth-child(3) {
    stroke-dasharray: 48;
    transition: stroke-dashoffset 0.3s var(--ease-out); }

.story-v3__preview-img {
  position: absolute;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  top: 50%;
  transform: translateY(-50%) scale(0.9);
  transition: opacity .2s, visibility .2s, transform .2s;
  backface-visibility: hidden;
  will-change: transform; }

.story-v3__preview-img--is-visible {
  transform: translateY(-50%);
  opacity: 1;
  visibility: visible; }

/* -------------------------------- 

File#: _1_author
Title: Author
Descr: Author introduction card
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --author-img-size: 4em; }

.author {
  display: grid;
  grid-template-columns: var(--author-img-size) 1fr;
  grid-gap: var(--space-sm); }

.author__img-wrapper {
  display: inline-block;
  border-radius: 50%;
  width: var(--author-img-size);
  height: var(--author-img-size);
  overflow: hidden;
  transition: transform 0.3s var(--ease-out-back); }
  .author__img-wrapper:hover {
    transform: scale(1.1); }
  .author__img-wrapper img {
    display: block;
    width: inherit;
    height: inherit;
    object-fit: cover; }

.author__content a {
  color: inherit; }
  .author__content a:hover {
    color: var(--color-primary); }

.author--meta {
  --author-img-size: 3em;
  align-items: center;
  grid-gap: var(--space-xs); }

.author--minimal {
  --author-img-size: 2.4em;
  align-items: center;
  grid-gap: var(--space-xxs); }

.author--featured {
  --author-img-size: 6em;
  grid-template-columns: 1fr;
  justify-content: center;
  text-align: center; }
  .author--featured .author__img-wrapper {
    margin-left: auto;
    margin-right: auto; }

.author__social {
  --size: 40px;
  width: var(--size);
  height: var(--size);
  display: flex;
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1);
  border-radius: 50%;
  transition: .2s; }
  .author__social .icon {
    --size: 16px;
    display: block;
    margin: auto;
    color: var(--color-contrast-higher);
    transition: color .2s; }
  .author__social:hover {
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075); }
    .author__social:hover .icon {
      color: var(--color-primary); }

/* -------------------------------- 

File#: _1_auto-sized-grid
Title: Auto Sized Grid
Descr: A grid layout based on CSS Grid where the columns are automatically created according to a min-width value
Usage: codyhouse.co/license

-------------------------------- */
/* #region (if CodyFrame >= 3 👇) */
.grid-auto-xs,
.grid-auto-sm,
.grid-auto-md,
.grid-auto-lg,
.grid-auto-xl {
  display: grid;
  gap: var(--gap-y, 0px) var(--gap-x, 0px);
  grid-template-columns: repeat(auto-fit, minmax(var(--col-min-width), 1fr)); }

.grid-auto-xs {
  --col-min-width: 8rem; }

.grid-auto-sm {
  --col-min-width: 10rem; }

.grid-auto-md {
  --col-min-width: 15rem; }

.grid-auto-lg {
  --col-min-width: 20rem; }

.grid-auto-xl {
  --col-min-width: 25rem; }

@media (min-width: 32rem) {
  .grid-auto-xs\@xs {
    --col-min-width: 8rem; }
  .grid-auto-sm\@xs {
    --col-min-width: 10rem; }
  .grid-auto-md\@xs {
    --col-min-width: 15rem; }
  .grid-auto-lg\@xs {
    --col-min-width: 20rem; }
  .grid-auto-xl\@xs {
    --col-min-width: 25rem; } }

@media (min-width: 48rem) {
  .grid-auto-xs\@sm {
    --col-min-width: 8rem; }
  .grid-auto-sm\@sm {
    --col-min-width: 10rem; }
  .grid-auto-md\@sm {
    --col-min-width: 15rem; }
  .grid-auto-lg\@sm {
    --col-min-width: 20rem; }
  .grid-auto-xl\@sm {
    --col-min-width: 25rem; } }

@media (min-width: 64rem) {
  .grid-auto-xs\@md {
    --col-min-width: 8rem; }
  .grid-auto-sm\@md {
    --col-min-width: 10rem; }
  .grid-auto-md\@md {
    --col-min-width: 15rem; }
  .grid-auto-lg\@md {
    --col-min-width: 20rem; }
  .grid-auto-xl\@md {
    --col-min-width: 25rem; } }

@media (min-width: 80rem) {
  .grid-auto-xs\@lg {
    --col-min-width: 8rem; }
  .grid-auto-sm\@lg {
    --col-min-width: 10rem; }
  .grid-auto-md\@lg {
    --col-min-width: 15rem; }
  .grid-auto-lg\@lg {
    --col-min-width: 20rem; }
  .grid-auto-xl\@lg {
    --col-min-width: 25rem; } }

@media (min-width: 90rem) {
  .grid-auto-xs\@xl {
    --col-min-width: 8rem; }
  .grid-auto-sm\@xl {
    --col-min-width: 10rem; }
  .grid-auto-md\@xl {
    --col-min-width: 15rem; }
  .grid-auto-lg\@xl {
    --col-min-width: 20rem; }
  .grid-auto-xl\@xl {
    --col-min-width: 25rem; } }

/* #endregion */
/* #region (if 2.8.1 <= CodyFrame < 3 👇) */
/* #endregion */
/* #region (if CodyFrame < 2.8.1 👇) */
/* #endregion */
/* -------------------------------- 

File#: _1_back-to-top
Title: Back to top
Descr: Component that triggers scroll-y to the top of the page
Usage: codyhouse.co/license

-------------------------------- */
.back-to-top {
  --size: 50px;
  width: var(--size);
  height: var(--size);
  display: flex;
  position: fixed;
  right: var(--space-md);
  bottom: var(--space-md);
  z-index: var(--z-index-fixed-element, 10);
  border-radius: 50%;
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.9);
  transition: .2s; }
  .back-to-top:hover {
    background-color: var(--color-contrast-higher); }
  .back-to-top .icon {
    --size: 20px;
    display: block;
    margin: auto;
    color: var(--color-bg); }

.back-to-top {
  visibility: hidden;
  opacity: 0; }

.back-to-top--is-visible {
  visibility: visible;
  opacity: 1; }

/* -------------------------------- 

File#: _1_badge
Title: Badge
Descr: A small label containing a text string
Usage: codyhouse.co/license

-------------------------------- */
.badge {
  /* reset - in case the class is applied to a <button> */
  border: 0;
  color: inherit;
  line-height: 1;
  appearance: none;
  display: inline-flex;
  align-items: center;
  border-radius: var(--radius-md);
  background-color: var(--color-contrast-lower);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* 👇 you can ovveride this padding by using the padding utility classes */ }
  .badge:not([class^="padding-"]):not([class*=" padding-"]) {
    padding: var(--space-xxxs) var(--space-xxs); }

.badge--outline {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px var(--color-contrast-lower); }

.badge--contrast-higher {
  background-color: var(--color-contrast-higher);
  color: var(--color-bg); }

.badge--primary {
  background-color: var(--color-primary);
  color: var(--color-white); }

.badge--primary-light {
  background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
  color: var(--color-contrast-higher); }

.badge--accent {
  background-color: var(--color-accent);
  color: var(--color-white); }

.badge--accent-light {
  background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2);
  color: var(--color-contrast-higher); }

.badge--error {
  background-color: var(--color-error);
  color: var(--color-white); }

.badge--error-light {
  background-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2);
  color: var(--color-contrast-higher); }

.badge--success {
  background-color: var(--color-success);
  color: var(--color-white); }

.badge--success-light {
  background-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), 0.2);
  color: var(--color-contrast-higher); }

.badge--warning {
  background-color: var(--color-warning);
  color: var(--color-white); }

.badge--warning-light {
  background-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), 0.2);
  color: var(--color-contrast-higher); }

/* -------------------------------- 

File#: _1_banner
Title: Banner
Descr: A CTA banner containing text + media
Usage: codyhouse.co/license

-------------------------------- */
.banner {
  display: block;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  background-color: var(--color-bg-light);
  box-shadow: var(--inner-glow), var(--shadow-sm);
  border-radius: var(--radius-md);
  transition: .3s; }
  .banner:hover {
    background-color: var(--color-bg-lighter);
    box-shadow: var(--inner-glow), var(--shadow-md); }
    .banner:hover .banner__link {
      transform: scale(1.3); }
      .banner:hover .banner__link i {
        transform: scale(0.7); }
      .banner:hover .banner__link::after {
        height: 100%; }
    .banner:hover .banner__figure {
      transform: scale(1.05); }

.banner__link {
  position: relative;
  text-decoration: none;
  color: var(--color-primary-dark);
  display: inline-block;
  transition: 0.3s var(--ease-out);
  transform-origin: left bottom; }
  .banner__link i {
    position: relative;
    z-index: 2;
    display: inline-block;
    transition: 0.3s var(--ease-out); }
  .banner__link::after {
    content: '';
    background-color: currentColor;
    height: 2px;
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    transition: 0.3s var(--ease-out);
    opacity: 0.15; }

.banner__figure {
  height: 0;
  padding-bottom: 50%;
  transition: 0.3s var(--ease-out);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

@media (min-width: 64rem) {
  .banner__figure {
    height: 100%;
    padding-bottom: 0;
    clip-path: polygon(100px 0%, 100% 0%, 100% 100%, 50px 100%); }
  .banner--invert .banner__figure {
    clip-path: polygon(0% 0%, calc(100% - 100px) 0%, calc(100% - 50px) 100%, 0% 100%); }
  .banner--invert .banner__link {
    transform-origin: right bottom; }
  .banner:hover .banner__figure {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }

/* -------------------------------- 

File#: _1_boxed-feature
Title: Boxed Feature
Descr: Feature section with a "boxed" layout
Usage: codyhouse.co/license

-------------------------------- */
/* -------------------------------- 

File#: _1_breadcrumbs
Title: Breadcrumbs
Descr: List of links to help the user move within website structure
Usage: codyhouse.co/license

-------------------------------- */
.breadcrumbs__item {
  display: inline-block;
  display: inline-flex;
  align-items: center; }

/* -------------------------------- 

File#: _1_btns
Title: Buttons (Group)
Descr: Group of connected buttons
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --btns-button-radius: var(--radius-md);
  --btns-button-padding-x: var(--space-sm);
  --btns-button-padding-y: var(--space-xxs); }

.btns {
  /* button group */ }
  .btns > *:first-child,
  .btns *:first-child .btns__btn {
    border-radius: var(--btns-button-radius) 0 0 var(--btns-button-radius); }
  .btns > *:last-child,
  .btns *:last-child .btns__btn {
    border-radius: 0 var(--btns-button-radius) var(--btns-button-radius) 0; }

.btns[class*="gap-xxxxs"] .btns__btn,
.btns[class*="gap-xxxs"] .btns__btn,
.btns[class*="gap-xxs"] .btns__btn,
.btns[class*="gap-xs"] .btns__btn,
.btns[class*="gap-sm"] .btns__btn,
.btns[class*="gap-md"] .btns__btn,
.btns[class*="gap-lg"] .btns__btn,
.btns[class*="gap-xl"] .btns__btn,
.btns[class*="gap-xxl"] .btns__btn,
.btns[class*="gap-xxxl"] .btns__btn,
.btns[class*="gap-xxxxl"] .btns__btn {
  border-radius: var(--btns-button-radius) !important; }

/* single button */
.btns__btn {
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  appearance: none;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: var(--btns-button-padding-y) var(--btns-button-padding-x);
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1);
  transition: .2s;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .btns__btn:hover:not(.btns__btn--selected) {
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075); }
  .btns__btn:focus {
    z-index: 1;
    outline: none;
    box-shadow: 0 0 0 2px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.2); }

.btns__btn--selected, .btns--radio input[type="radio"]:checked + label,
.btns--radio input[type="checkbox"]:checked + label,
.btns--checkbox input[type="radio"]:checked + label,
.btns--checkbox input[type="checkbox"]:checked + label {
  /* selected style */
  background-color: var(--color-contrast-higher);
  color: var(--color-bg);
  box-shadow: var(--shadow-sm); }

.btns__btn--disabled {
  opacity: 0.7;
  cursor: not-allowed;
  text-decoration: line-through; }

/* --radio, --checkbox */
.btns--radio > *,
.btns--checkbox > * {
  position: relative; }

.btns--radio input[type="radio"],
.btns--radio input[type="checkbox"],
.btns--checkbox input[type="radio"],
.btns--checkbox input[type="checkbox"] {
  /* hide native buttons */
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  height: 0;
  width: 0;
  pointer-events: none; }

.btns--radio input[type="radio"] + label,
.btns--radio input[type="checkbox"] + label,
.btns--checkbox input[type="radio"] + label,
.btns--checkbox input[type="checkbox"] + label {
  user-select: none; }

.btns--radio input[type="radio"]:focus + label,
.btns--radio input[type="checkbox"]:focus + label,
.btns--checkbox input[type="radio"]:focus + label,
.btns--checkbox input[type="checkbox"]:focus + label {
  z-index: 1;
  box-shadow: 0 0 0 2px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.2); }

.btns--radio input[type="radio"]:checked + label,
.btns--radio input[type="checkbox"]:checked + label,
.btns--checkbox input[type="radio"]:checked + label,
.btns--checkbox input[type="checkbox"]:checked + label {
  /* checked state */ }

.btns__btn--icon {
  padding: var(--btns-button-padding-y); }
  .btns__btn--icon .icon {
    display: block; }

/* -------------------------------- 

File#: _1_card
Title: Card
Descr: Container of information used as teaser for further content exploration
Usage: codyhouse.co/license

-------------------------------- */
.card {
  background-color: var(--color-bg-light);
  box-shadow: var(--inner-glow), var(--shadow-sm);
  border-radius: var(--radius-md);
  overflow: hidden; }

.card__img img {
  display: block;
  width: 100%; }

.card__content {
  padding: var(--space-xs); }

.card--is-link {
  will-change: box-shadow;
  transition: box-shadow 0.2s; }
  .card--is-link:hover {
    box-shadow: var(--inner-glow), var(--shadow-md); }
    .card--is-link:hover .card__img::after {
      opacity: 1; }
  .card--is-link .card__img {
    position: relative; }
    .card--is-link .card__img::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.6);
      opacity: 0;
      transition: opacity 0.2s; }

.card__link {
  text-decoration: none;
  display: block;
  color: inherit; }

.card__link-icon {
  position: absolute;
  z-index: 1;
  width: 64px;
  height: 64px;
  top: calc(50% - 32px);
  left: calc(50% - 32px);
  background-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s; }
  .card__link-icon .icon {
    display: block;
    width: 32px;
    height: 32px;
    color: var(--color-black); }

.card--is-link:hover .card__link-icon {
  opacity: 1; }

/* -------------------------------- 

File#: _1_card-v2
Title: Card v2
Descr: Container of information used as teasers for further content, often displayed in a gallery of related items
Usage: codyhouse.co/license

-------------------------------- */
.card-v2 {
  position: relative;
  overflow: hidden; }
  .card-v2 img {
    display: block;
    width: 100%; }

.card-v2__caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: linear-gradient(hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0), hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 1));
  background-blend-mode: multiply;
  color: var(--color-white);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.card-v2--blur-fx .card-v2__caption {
  background: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.8);
  backdrop-filter: blur(10px); }

a.card-v2 {
  display: block;
  text-decoration: none;
  transition: box-shadow .2s; }
  a.card-v2:hover {
    box-shadow: var(--shadow-md); }

/* -------------------------------- 

File#: _1_card-v3
Title: Card v3
Descr: Container of information used as teasers for further content, often displayed in a gallery of related items
Usage: codyhouse.co/license

-------------------------------- */
.card-v3 {
  background-color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 30%); }

.card-v3__link {
  text-decoration: none;
  display: block;
  display: flex;
  flex-direction: column;
  height: 100%;
  color: inherit; }

.card-v3__img img {
  display: block;
  width: 100%; }

.card-v3__content {
  padding: var(--space-sm); }

.card-v3__label {
  font-size: var(--text-sm);
  margin-bottom: var(--space-xs);
  color: var(--color-contrast-medium); }

.card-v3__footer {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-sm);
  margin-top: auto; }
  .card-v3__footer span {
    display: inline-block;
    font-size: var(--text-sm);
    will-change: transform;
    transform: translateY(20%);
    opacity: 0;
    transition: transform .3s, opacity .3s; }
  .card-v3__footer .icon {
    display: block;
    color: inherit; }
  .card-v3__footer::before {
    content: '';
    width: 100%;
    height: 3px;
    background-color: var(--color-primary);
    position: absolute;
    bottom: 0;
    left: 0;
    transform-origin: left center;
    transform: scaleX(0);
    transition: transform 0.3s var(--ease-in-out); }

.card-v3:hover .card-v3__footer span {
  transform: translateY(0);
  opacity: 1; }

.card-v3:hover .card-v3__footer::before {
  transform: scaleX(1); }

/* -------------------------------- 

File#: _1_card-v4
Title: Card v4
Descr: Container of information used as teasers for further content, often displayed in a gallery of related items
Usage: codyhouse.co/license

-------------------------------- */
/* -------------------------------- 

File#: 1_card-v5
Title: Card v5
Descr: Container of information used as teasers for further content, often displayed in a gallery of related items
Usage: codyhouse.co/license

-------------------------------- */
.card-v5 {
  background-color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0.3); }

.card-v5__img-link {
  display: block;
  text-decoration: none;
  color: inherit; }
  .card-v5__img-link:hover .card-v5__img {
    transform: scale(0.95); }
    .card-v5__img-link:hover .card-v5__img img {
      transform: scale(1.05); }

.card-v5__img {
  will-change: transform;
  transition: transform .3s;
  overflow: hidden; }
  .card-v5__img img {
    display: block;
    width: 100%;
    will-change: inherit;
    transition: inherit; }

.card-v5__content {
  padding: var(--space-sm); }

/* -------------------------------- 

File#: _1_card-v6
Title: Card v6
Descr: Container of information used as teasers for further content, often displayed in a gallery of related items
Usage: codyhouse.co/license

-------------------------------- */
.card-v6 {
  display: block;
  text-decoration: none;
  color: var(--color-black);
  position: relative;
  background-color: var(--color-bg-dark);
  transition: .3s; }
  .card-v6:hover {
    background-color: var(--color-bg-light);
    box-shadow: var(--shadow-md);
    color: var(--color-black); }
    .card-v6:hover .card-v6__arrow .icon {
      animation: card-v6-icon .3s; }

.card-v6__img img {
  display: block;
  width: 100%; }

.card-v6__content {
  padding: var(--space-sm);
  text-align: left; }

.card-v6__label {
  font-size: var(--text-sm);
  margin-bottom: var(--space-xs);
  color: var(--color-contrast-medium); }

.card-v6__arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.4em;
  height: 2.4em;
  background-color: var(--color-primary);
  overflow: hidden; }
  .card-v6__arrow .icon {
    font-size: 1.2em;
    width: 1em;
    height: 1em;
    display: block;
    position: absolute;
    left: calc(50% - 0.5em);
    top: calc(50% - 0.5em);
    color: var(--color-white); }

@keyframes card-v6-icon {
  0%,
  100% {
    opacity: 1;
    transform: translateX(0); }
  50% {
    opacity: 0;
    transform: translateX(100%); }
  51% {
    opacity: 0;
    transform: translateX(-100%); } }

/* -------------------------------- 

File#: _1_card-v7
Title: Card v7
Descr: Container of information used as teasers for further content, often displayed in a gallery of related items
Usage: codyhouse.co/license

-------------------------------- */
.card-v7__img-link {
  text-decoration: none;
  display: block;
  overflow: hidden; }
  .card-v7__img-link img {
    display: block;
    width: 100%;
    will-change: transform;
    transition: transform .3s; }
  .card-v7__img-link:hover img {
    transform: scale(1.15); }

/* -------------------------------- 

File#: _1_card-v8
Title: Card v8
Descr: Container of information used as teaser for further content exploration
Usage: codyhouse.co/license

-------------------------------- */
.card-v8 {
  display: block;
  overflow: hidden;
  text-decoration: none;
  transition: .2s; }
  .card-v8 img {
    display: block;
    width: 100%; }
  .card-v8:hover {
    background-color: var(--color-bg-light);
    box-shadow: var(--shadow-md); }
    .card-v8:hover .card-v8__title {
      background-size: 100% 100%; }

.card-v8__title {
  background-repeat: no-repeat;
  will-change: background-size;
  transition: background-size 0.3s var(--ease-in-out);
  text-decoration: none;
  background-image: linear-gradient(transparent 50%, hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2) 50%);
  background-size: 0% 100%; }

/* -------------------------------- 

File#: _1_card-v9
Title: Card v9
Descr: Container of information used as teaser for further content exploration
Usage: codyhouse.co/license

-------------------------------- */
.card-v9 {
  display: block;
  position: relative;
  z-index: 1;
  text-decoration: none;
  color: inherit;
  background-color: var(--color-contrast-lower);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: .3s; }
  .card-v9:hover {
    box-shadow: var(--shadow-md); }

.card-v9__content {
  display: flex;
  height: 100%;
  flex-direction: column;
  position: relative;
  z-index: 2; }

.card-v9__btn {
  position: relative;
  display: inline-block;
  padding: var(--space-xs) var(--space-sm);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .card-v9__btn i {
    position: relative;
    z-index: 2;
    color: var(--color-bg);
    opacity: 0;
    transition: opacity .3s; }
  .card-v9__btn::after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--radius-md);
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.8);
    opacity: 0;
    transform: translateY(25%);
    transition: opacity 0.3s, transform 0.3s var(--ease-out); }

.card-v9:hover .card-v9__btn i {
  opacity: 1; }

.card-v9:hover .card-v9__btn::after {
  opacity: 1;
  transform: translateY(0); }

.card-v9--overlay-bg::before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.5);
  transition: background-color .3s; }

.card-v9--overlay-bg:hover::before {
  background-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.8); }

/* -------------------------------- 

File#: _1_card-v11
Title: Card v11
Descr: Container of information over a background image
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --card-v11-height: 320px;
  --card-v11-btn-height: 50px; }
  @media (min-width: 64rem) {
    :root {
      --card-v11-height: 480px;
      --card-v11-btn-height: 70px; } }

.card-v11 {
  display: block;
  position: relative;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  height: var(--card-v11-height);
  background-color: var(--color-contrast-lower);
  background-size: cover;
  background-repeat: no-repeat; }
  .card-v11:hover .card-v11__btn {
    background-color: var(--color-bg);
    color: var(--color-contrast-higher); }
  .card-v11:hover .card-v11__icon line:nth-child(1),
  .card-v11:hover .card-v11__icon line:nth-child(2) {
    opacity: 1;
    transform: rotate(0deg);
    transition: opacity 0s 0.2s, transform 0.2s 0.2s var(--ease-in-out); }
  .card-v11:hover .card-v11__icon line:nth-child(3) {
    stroke-dashoffset: 96;
    transition: stroke-dashoffset 0.2s var(--ease-in-out); }

.card-v11__box {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.95);
  color: var(--color-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @supports (backdrop-filter: blur(10px)) {
    .card-v11__box {
      background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.7);
      backdrop-filter: blur(10px); } }

.card-v11__btn {
  display: flex;
  align-items: center;
  height: var(--card-v11-btn-height);
  transition: .4s; }

.card-v11__icon {
  font-size: 48px; }
  .card-v11__icon line:nth-child(1),
  .card-v11__icon line:nth-child(2) {
    transform-origin: 47px 24px;
    opacity: 0;
    transition: opacity 0s 0.2s, transform 0.2s var(--ease-in-out); }
  .card-v11__icon line:nth-child(1) {
    transform: rotate(-45deg); }
  .card-v11__icon line:nth-child(2) {
    transform: rotate(45deg); }
  .card-v11__icon line:nth-child(3) {
    stroke-dasharray: 48;
    stroke-dashoffset: 72;
    transition: stroke-dashoffset 0.2s 0.2s var(--ease-in-out); }

/* -------------------------------- 

File#: _1_chips
Title: Chips
Descr: A list of compact pieces of information
Usage: codyhouse.co/license

-------------------------------- */
.chip {
  /* reset - in case the class is applied to a <button> or an <a> */
  border: 0;
  color: inherit;
  line-height: 1;
  appearance: none;
  display: inline-flex;
  align-items: center;
  border-radius: 50em;
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* 👇 you can ovveride this padding by using the padding utility classes */ }
  .chip:not([class^="padding-"]):not([class*=" padding-"]) {
    padding: var(--space-xxxs); }

.chip--outline {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.25); }

.chip--error {
  background-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2);
  color: var(--color-contrast-higher); }

.chip--success {
  background-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), 0.2);
  color: var(--color-contrast-higher); }

.chip--warning {
  background-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), 0.2);
  color: var(--color-contrast-higher); }

.chip--interactive {
  cursor: pointer;
  transition: background, box-shadow, transform;
  transition-duration: .2s; }
  .chip--interactive:hover {
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.2); }
  .chip--interactive:active {
    transform: translateY(1px); }
  .chip--interactive:focus {
    outline: none;
    box-shadow: 0 0 0 3px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.3); }
  .chip--interactive:focus:not(:focus-visible) {
    box-shadow: none; }

.chip__label {
  padding: 0 var(--space-xxs); }

.chip__img {
  display: block;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  object-fit: cover; }

.chip__icon-wrapper {
  display: flex;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.95);
  color: var(--color-bg);
  /* icon color */ }
  .chip__icon-wrapper .icon {
    display: block;
    margin: auto; }

.chip__btn {
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  appearance: none;
  display: flex;
  width: 1.5em;
  height: 1.5em;
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.2);
  border-radius: 50%;
  will-change: transform;
  transition: background, box-shadow, transform;
  transition-duration: .2s; }
  .chip__btn .icon {
    display: block;
    margin: auto; }
  .chip__btn:hover {
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.3); }
  .chip__btn:focus {
    outline: none;
    box-shadow: 0 0 0 2px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.5); }
  .chip__btn:focus:not(:focus-visible) {
    box-shadow: none; }
  .chip__btn:active {
    transform: translateY(1px); }

/* -------------------------------- 

File#: _1_collapse
Title: Collapse
Descr: Control button to toggle the visibility of a panel element
Usage: codyhouse.co/license

-------------------------------- */
/* -------------------------------- 

File#: _1_color-swatches
Title: Color Swatches
Descr: A list of selectable swatches used to show a product color variants
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --color-swatches-gap: var(--space-xxs);
  --color-swatch-size: 32px;
  --color-swatch-radius: 50%; }

.color-swatches__list {
  display: grid;
  grid-gap: var(--color-swatches-gap);
  grid-template-columns: repeat(auto-fit, var(--color-swatch-size)); }

.color-swatches__swatch {
  position: relative;
  display: block;
  height: var(--color-swatch-size);
  width: var(--color-swatch-size);
  border-radius: var(--color-swatch-radius);
  cursor: pointer; }
  .color-swatches__swatch::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border: 1px solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1);
    border-radius: inherit;
    pointer-events: none;
    transition: .2s; }
  .color-swatches__swatch:hover::before {
    border-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.3); }

.color-swatches__item--selected .color-swatches__swatch::before {
  border-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.8);
  width: calc(100% + 6px);
  height: calc(100% + 6px); }

/* -------------------------------- 

File#: _1_col-table
Title: Column Oriented Table
Descr: Data table for cases where each column is a meaningful unit
Usage: codyhouse.co/license

-------------------------------- */
.cl-table {
  position: relative;
  z-index: 1; }

.cl-table__cell {
  padding: var(--space-sm); }

.cl-table__cell--th {
  font-weight: bold;
  color: var(--color-contrast-higher); }

.cl-table__header .cl-table__cell {
  position: relative;
  z-index: 10; }

.cl-table__list {
  display: none; }

.cl-table:not(.cl-table--collapsed) {
  border-bottom: 1px solid var(--color-contrast-lower); }
  .cl-table:not(.cl-table--collapsed) .cl-table__header .cl-table__row {
    background-color: var(--color-bg); }
  .cl-table:not(.cl-table--collapsed) .cl-table__header .cl-table__cell {
    border-bottom: 1px solid var(--color-contrast-lower);
    position: relative;
    background-color: inherit;
    z-index: 10; }
  .cl-table:not(.cl-table--collapsed) .cl-table__body .cl-table__row:nth-child(odd) {
    background-color: hsla(var(--color-bg-dark-h), var(--color-bg-dark-s), var(--color-bg-dark-l), 0.85); }
  .cl-table:not(.cl-table--collapsed) .cl-table__input {
    display: none; }
  .cl-table:not(.cl-table--collapsed) .cl-table__header--sticky .cl-table__cell {
    position: sticky;
    top: 0; }

.cl-table--collapsed .cl-table__body {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden; }

.cl-table--collapsed .cl-table__cell[aria-hidden="true"] {
  display: none; }

.cl-table--collapsed .cl-table__row {
  display: flex;
  flex-direction: column; }

.cl-table--collapsed .cl-table__cell {
  position: relative;
  background-color: var(--color-bg-light);
  box-shadow: var(--inner-glow-top), var(--shadow-sm);
  border-radius: var(--radius-md);
  width: 100%;
  margin-bottom: var(--space-xxs); }

.cl-table--collapsed .cl-table__th-inner {
  font-size: var(--text-md);
  display: flex;
  align-items: center;
  justify-content: space-between; }

.cl-table--collapsed .cl-table__th-icon {
  position: relative;
  height: 24px;
  width: 24px;
  --col-table-arrow-width: 2px; }
  .cl-table--collapsed .cl-table__th-icon::before, .cl-table--collapsed .cl-table__th-icon::after {
    content: '';
    position: absolute;
    top: calc(50% - 6px);
    width: var(--col-table-arrow-width);
    height: 12px;
    background-color: currentColor;
    transform-origin: 50% 100%;
    transition: transform .3s; }
  .cl-table--collapsed .cl-table__th-icon::before {
    right: 50%;
    transform: translateX(50%) rotate(-45deg); }
  .cl-table--collapsed .cl-table__th-icon::after {
    right: calc(50% + var(--col-table-arrow-width)/2);
    transform: translateX(50%) rotate(45deg); }

.cl-table--collapsed .cl-table__list {
  margin-top: var(--space-sm);
  line-height: var(--body-line-height); }

.cl-table--collapsed .cl-table__item {
  display: flex;
  justify-content: space-between;
  font-weight: normal;
  color: var(--color-contrast-high);
  border-top: 1px solid var(--color-contrast-lower);
  text-align: right;
  padding: var(--space-sm) 0; }

.cl-table--collapsed .cl-table__label {
  color: var(--color-contrast-higher);
  font-weight: bold;
  margin-right: var(--space-md);
  text-align: left; }

.cl-table--collapsed .cl-table__cell--show-list .cl-table__th-icon::before {
  transform: translateX(50%) translateY(-80%) rotate(-135deg); }

.cl-table--collapsed .cl-table__cell--show-list .cl-table__th-icon::after {
  transform: translateX(50%) translateY(-80%) rotate(135deg); }

.cl-table--collapsed .cl-table__cell--show-list .cl-table__list {
  display: block; }

.cl-table--collapsed .cl-table__input {
  position: absolute;
  pointer-events: none;
  height: 0;
  width: 0;
  opacity: 0;
  padding: 0;
  border: 0; }

.cl-table--collapsed .cl-table__input:focus + .cl-table__th-inner {
  color: var(--color-primary); }

[class*="cl-table--expanded"]::before {
  display: none;
  content: 'collapsed'; }

@media (min-width: 32rem) {
  .cl-table--expanded\@xs::before {
    content: 'expanded'; } }

@media (min-width: 48rem) {
  .cl-table--expanded\@sm::before {
    content: 'expanded'; } }

@media (min-width: 64rem) {
  .cl-table--expanded\@md::before {
    content: 'expanded'; } }

@media (min-width: 80rem) {
  .cl-table--expanded\@lg::before {
    content: 'expanded'; } }

@media (min-width: 90rem) {
  .cl-table--expanded\@xl::before {
    content: 'expanded'; } }

/* -------------------------------- 

File#: _1_counter
Title: Counter
Descr: A label displaying numeric values, often used to indicate unread notification
Usage: codyhouse.co/license

-------------------------------- */
.counter {
  font-size: var(--text-xs);
  background-color: var(--color-contrast-lower);
  padding: var(--space-xxxxs) var(--space-xxs);
  border-radius: 50em; }

.counter--primary {
  background-color: var(--color-primary);
  color: var(--color-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.counter--critical {
  background-color: var(--color-error);
  color: var(--color-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.counter--light {
  background-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.9);
  color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.85); }

.counter--dark {
  background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.8);
  color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.9);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.counter--docked {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%); }

.counter-container {
  height: 48px;
  width: 48px;
  background-color: var(--color-contrast-lower);
  border-radius: var(--radius-md);
  position: relative; }

/* -------------------------------- 

File#: _1_cta-banner
Title: Call to Action Banner
Descr: A banner containing brief info about a subject, plus links/buttons
Usage: codyhouse.co/license

-------------------------------- */
/* -------------------------------- 

File#: _1_customer-logos
Title: Customer Logos
Descr: A gallery of trusted companies
Usage: codyhouse.co/license

-------------------------------- */
.customer-logos__logo {
  display: block;
  fill: currentColor; }

/* -------------------------------- 

File#: _1_custom-select
Title: Custom Select
Descr: Custom Select Control
Usage: codyhouse.co/license

-------------------------------- */
:root {
  /* --default variation only 👇 */
  --select-icon-size: 16px;
  --select-icon-right-margin: var(--space-sm);
  /* icon margin right */
  --select-text-icon-gap: var(--space-xxxs);
  /* gap between text and icon */ }

.select {
  position: relative; }

.select__input {
  width: 100%;
  height: 100%;
  padding-right: calc(var(--select-icon-size) + var(--select-icon-right-margin) + var(--select-text-icon-gap)) !important;
  user-select: none; }

.select__icon {
  width: var(--select-icon-size);
  height: var(--select-icon-size);
  pointer-events: none;
  position: absolute;
  right: var(--select-icon-right-margin);
  top: 50%;
  transform: translateY(-50%); }

/* --custom-dropdown */
:root {
  --select-dropdown-gap: 4px;
  /* distance between select control and custom dropdown */ }

.select__button {
  /* created in JS - custom select control */
  width: 100%; }

.select__button[aria-expanded="true"] {
  /* custom select control if dropdown = visible */ }

.select__dropdown {
  /* created in JS - custom select dropdown */
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 200px;
  max-height: 1px;
  /* updated in JS */
  background-color: var(--color-bg-light);
  box-shadow: var(--inner-glow), var(--shadow-md);
  padding: var(--space-xxxs) 0;
  border-radius: var(--radius-md);
  z-index: var(--z-index-popover, 5);
  margin-top: var(--select-dropdown-gap);
  margin-bottom: var(--select-dropdown-gap);
  overflow: auto;
  /* use rem units */
  --space-unit:  1rem;
  --text-unit: 1rem;
  font-size: var(--text-unit);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s .2s, opacity .2s; }

.select__dropdown--right {
  /* change dropdown position based on the available space */
  right: 0;
  left: auto; }

.select__dropdown--up {
  bottom: 100%;
  top: auto; }

.select__button[aria-expanded="true"] + .select__dropdown {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity .2s; }

/* custom <optgroup> list - include all <option>s if no <optgroup> available  */
.select__list {
  list-style: none !important; }

.select__list:not(:first-of-type) {
  padding-top: var(--space-xxs); }

.select__list:not(:last-of-type) {
  border-bottom: 1px solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1);
  padding-bottom: var(--space-xxs); }

.select__item {
  /* single item inside .select__list */
  display: flex;
  align-items: center;
  padding: var(--space-xxs) var(--space-sm);
  color: var(--color-contrast-high);
  width: 100%;
  text-align: left;
  /* truncate text */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.select__item--optgroup {
  /* custom <optgroup> label */
  font-size: var(--text-sm);
  color: var(--color-contrast-medium); }

.select__item--option {
  /* custom <option> label */
  cursor: pointer;
  transition: .2s; }
  .select__item--option:hover {
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075); }
  .select__item--option:focus {
    outline: none;
    background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.15); }
  .select__item--option[aria-selected=true] {
    /* selected option */
    background-color: var(--color-primary);
    color: var(--color-white);
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .select__item--option[aria-selected=true]::after {
      /* check icon next to the selected language */
      content: '';
      display: block;
      height: 1em;
      width: 1em;
      margin-left: auto;
      background-color: currentColor;
      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round' points='1,9 5,13 15,3 '/%3E%3C/svg%3E"); }
    .select__item--option[aria-selected=true]:focus {
      box-shadow: inset 0 0 0 2px var(--color-primary-dark); }
  .select__item--option[disabled] {
    opacity: 0.5;
    cursor: not-allowed; }

/* -------------------------------- 

File#: _1_details
Title: Details
Descr: A button that toggles the visibility of additional information
Usage: codyhouse.co/license

-------------------------------- */
.details__summary {
  display: inline-block;
  cursor: pointer;
  user-select: none; }
  .details__summary:hover {
    color: var(--color-primary); }
  .details__summary:focus {
    outline: 2px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
    outline-offset: 4px; }
  .details__summary .icon {
    transition: transform .2s;
    flex-shrink: 0; }

.details__summary {
  list-style: none; }

.details__summary::-webkit-details-marker {
  display: none; }

.details__summary[aria-expanded="true"] .icon {
  transform: rotate(90deg); }

.details__content[aria-hidden="true"] {
  display: none; }

/* -------------------------------- 

File#: _1_details-list
Title: Details List
Descr: Pairs of related information displayed in a list
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --details-list-border-width: 1px;
  --details-list-border-opacity: 0.15; }

.details-list--rows .details-list__item {
  border-bottom: var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--details-list-border-opacity)); }
  .details-list--rows .details-list__item:last-child {
    border-bottom: none; }

.details-list--cols .details-list__item {
  border-right: var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--details-list-border-opacity)); }
  .details-list--cols .details-list__item:last-child {
    border-right: none; }

@media (min-width: 32rem) {
  .details-list--rows\@xs .details-list__item {
    border-right: 0;
    border-bottom: var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--details-list-border-opacity)); }
    .details-list--rows\@xs .details-list__item:last-child {
      border-bottom: none; }
  .details-list--cols\@xs .details-list__item {
    border-bottom: 0;
    border-right: var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--details-list-border-opacity)); }
    .details-list--cols\@xs .details-list__item:last-child {
      border-right: none; } }

@media (min-width: 48rem) {
  .details-list--rows\@sm .details-list__item {
    border-right: 0;
    border-bottom: var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--details-list-border-opacity)); }
    .details-list--rows\@sm .details-list__item:last-child {
      border-bottom: none; }
  .details-list--cols\@sm .details-list__item {
    border-bottom: 0;
    border-right: var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--details-list-border-opacity)); }
    .details-list--cols\@sm .details-list__item:last-child {
      border-right: none; } }

@media (min-width: 64rem) {
  .details-list--rows\@md .details-list__item {
    border-right: 0;
    border-bottom: var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--details-list-border-opacity)); }
    .details-list--rows\@md .details-list__item:last-child {
      border-bottom: none; }
  .details-list--cols\@md .details-list__item {
    border-bottom: 0;
    border-right: var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--details-list-border-opacity)); }
    .details-list--cols\@md .details-list__item:last-child {
      border-right: none; } }

@media (min-width: 80rem) {
  .details-list--rows\@lg .details-list__item {
    border-right: 0;
    border-bottom: var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--details-list-border-opacity)); }
    .details-list--rows\@lg .details-list__item:last-child {
      border-bottom: none; }
  .details-list--cols\@lg .details-list__item {
    border-bottom: 0;
    border-right: var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--details-list-border-opacity)); }
    .details-list--cols\@lg .details-list__item:last-child {
      border-right: none; } }

@media (min-width: 90rem) {
  .details-list--rows\@xl .details-list__item {
    border-right: 0;
    border-bottom: var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--details-list-border-opacity)); }
    .details-list--rows\@xl .details-list__item:last-child {
      border-bottom: none; }
  .details-list--cols\@xl .details-list__item {
    border-bottom: 0;
    border-right: var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--details-list-border-opacity)); }
    .details-list--cols\@xl .details-list__item:last-child {
      border-right: none; } }

/* -------------------------------- 

File#: _1_details-list-v2
Title: Details List v2
Descr: Pairs of related information displayed in a list
Usage: codyhouse.co/license

-------------------------------- */
.dl-v2__item {
  background-color: var(--color-bg-light);
  border-radius: var(--radius-md);
  padding: var(--space-sm);
  border-left: 3px solid var(--color-primary);
  margin-bottom: var(--space-sm);
  box-shadow: var(--inner-glow), var(--shadow-ring, 0 0 0 1px hsla(0, 0%, 0%, 0.05)), var(--shadow-xs); }

.dl-v2__title {
  font-weight: 600;
  color: var(--color-contrast-higher);
  margin-bottom: var(--space-xxs); }

.dl-v2__description {
  font-size: var(--text-sm);
  line-height: 1.4;
  color: var(--color-contrast-medium); }

/* -------------------------------- 

File#: _1_dialog
Title: Dialog
Descr: Overlay informing user about tasks/decisions
Usage: codyhouse.co/license

-------------------------------- */
.dialog {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: var(--z-index-overlay, 15);
  opacity: 0;
  visibility: hidden; }

.dialog__content {
  width: calc(100% - 2*var(--space-md));
  overflow: auto;
  padding: var(--space-md);
  background-color: var(--color-bg-light);
  box-shadow: var(--inner-glow), var(--shadow-lg);
  border-radius: var(--radius-md); }

.dialog--is-visible {
  opacity: 1;
  visibility: visible; }

.dialog--sticky {
  align-items: flex-start; }
  .dialog--sticky .dialog__content {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.dialog[data-animation="on"] {
  transition: opacity .3s, visibility 0s .3s;
  perspective: 800px; }
  .dialog[data-animation="on"] .dialog__content {
    will-change: transform;
    transition: transform 0.3s var(--ease-out);
    transform: translateY(10%); }
  .dialog[data-animation="on"].dialog--is-visible {
    transition: opacity .3s; }
    .dialog[data-animation="on"].dialog--is-visible .dialog__content {
      transform: translateY(0); }
  .dialog[data-animation="on"].dialog--sticky .dialog__content {
    transform: translateY(-100%); }
  .dialog[data-animation="on"].dialog--sticky.dialog--is-visible {
    transition: none; }
    .dialog[data-animation="on"].dialog--sticky.dialog--is-visible .dialog__content {
      transform: translateY(0); }

/* -------------------------------- 

File#: _1_download-list
Title: Download List
Descr: A list of downloadable files
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --dow-list-items-gap: var(--space-xs); }

.dow-list {
  display: grid;
  gap: var(--dow-list-items-gap); }

.dow-list__item {
  border-radius: var(--radius-md);
  background: var(--color-bg-light);
  box-shadow: var(--inner-glow), var(--shadow-xs); }

.dow-list__metadata-list {
  display: flex;
  align-items: center;
  line-height: 1; }
  .dow-list__metadata-list > * {
    display: flex;
    align-items: center; }
  .dow-list__metadata-list > *:not(:last-child)::after {
    /* dot separator */
    content: '';
    display: block;
    flex-shrink: 0;
    --size: 5px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background-color: currentColor;
    margin: 0 var(--space-xs);
    opacity: 0.5; }

/* animated button */
.dow-list__btn {
  --hover-transition-duration: .3s;
  overflow: hidden; }
  .dow-list__btn:hover .dow-list__btn-label, .dow-list__btn.dow-list__btn--is-loading .dow-list__btn-label {
    transform: scale(0.5);
    opacity: 0; }
  .dow-list__btn:hover .dow-list__icon-wrapper, .dow-list__btn.dow-list__btn--is-loading .dow-list__icon-wrapper {
    transform: translateY(0); }

.dow-list__btn--reset .dow-list__btn-label,
.dow-list__btn--reset:hover .dow-list__btn-label {
  transform: scale(1);
  opacity: 1; }

.dow-list__btn--reset .dow-list__icon-wrapper,
.dow-list__btn--reset:hover .dow-list__icon-wrapper {
  transform: translateY(100%); }

.dow-list__btn--reset .dow-list__icon-group *,
.dow-list__btn--reset:hover .dow-list__icon-group * {
  transition: none !important;
  animation: none !important; }

.dow-list__btn-label {
  transition: opacity var(--hover-transition-duration), transform var(--hover-transition-duration); }

.dow-list__icon-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(100%);
  transition: transform var(--hover-transition-duration); }

.dow-list__icon {
  --size: 20px;
  display: block;
  width: 20px;
  height: 20px; }
  .dow-list__icon .dow-list__icon-group > *:nth-child(1) {
    /* arrow main leg */
    stroke-dashoffset: 0;
    stroke-dasharray: 16;
    transition: stroke-dashoffset 0.4s 0.3s var(--ease-in); }
  .dow-list__icon .dow-list__icon-group > *:nth-child(2),
  .dow-list__icon .dow-list__icon-group *:nth-child(3) {
    /* arrow smaller legs */
    opacity: 1;
    transform: rotate(0);
    transition: transform 0.3s var(--ease-out), opacity 0s 0.3s; }
  .dow-list__icon .dow-list__icon-group > *:nth-child(4) {
    /* loading circle */
    stroke-dashoffset: 50;
    stroke-dasharray: 50; }
  .dow-list__icon .dow-list__icon-group > *:nth-child(5) {
    /* checkmark final loading circle */
    stroke-dashoffset: 38;
    stroke-dasharray: 38;
    transition: stroke-dashoffset .7s; }
  .dow-list__icon .dow-list__icon-group > *:nth-child(6) {
    /* checkmark */
    stroke-dashoffset: 24;
    stroke-dasharray: 24;
    transition: stroke-dashoffset 0.5s 0.2s var(--ease-out); }
  .dow-list__icon .dow-list__icon-group > *:nth-child(7) {
    /* exclamation point final loading circle */
    stroke-dashoffset: 25;
    stroke-dasharray: 25;
    transition: stroke-dashoffset .45s; }
  .dow-list__icon .dow-list__icon-group > *:nth-child(8) {
    /* exclamation point leg */
    stroke-dashoffset: 10;
    stroke-dasharray: 10;
    transition: stroke-dashoffset 0.3s 0.2s var(--ease-out); }
  .dow-list__icon .dow-list__icon-group > *:nth-child(9) {
    /* exclamation point dot */
    transform-origin: 10px 17.5px;
    transform: scale(0);
    transition: transform 0.3s 0.5s var(--ease-out-back); }

.dow-list__btn--is-loading .dow-list__icon-group > *:nth-child(1) {
  stroke-dashoffset: 16; }

.dow-list__btn--is-loading .dow-list__icon-group > *:nth-child(2),
.dow-list__btn--is-loading .dow-list__icon-group *:nth-child(3) {
  opacity: 0;
  transform-origin: 10px 18px; }

.dow-list__btn--is-loading .dow-list__icon-group > *:nth-child(2) {
  transform: rotate(45deg); }

.dow-list__btn--is-loading .dow-list__icon-group > *:nth-child(3) {
  transform: rotate(-45deg); }

.dow-list__btn--is-loading .dow-list__icon-group > *:nth-child(4) {
  animation: dow-list-obj-4-anim 1s .6s infinite; }

@media not all and (pointer: fine) {
  /* user hasn't pointing device (e.g., touch device) */
  .dow-list__icon .dow-list__icon-group {
    /* hide arrow icon */ }
    .dow-list__icon .dow-list__icon-group > *:nth-child(1),
    .dow-list__icon .dow-list__icon-group > *:nth-child(2),
    .dow-list__icon .dow-list__icon-group > *:nth-child(3) {
      display: none; }
  .dow-list__btn--is-loading .dow-list__icon-group > *:nth-child(4) {
    animation-delay: 0s; }
  .dow-list__btn:hover .dow-list__btn-label {
    /* keep btn label visible */
    transform: scale(1);
    opacity: 1; }
  .dow-list__btn.dow-list__btn--is-loading .dow-list__btn-label {
    opacity: 0; } }

@keyframes dow-list-obj-4-anim {
  from {
    stroke-dashoffset: 50; }
  to {
    stroke-dashoffset: 150; } }

.dow-list__btn--success .dow-list__icon-group > *:nth-child(4) {
  display: none;
  /* hide loading circle */ }

.dow-list__btn--success .dow-list__icon-group > *:nth-child(5) {
  stroke-dashoffset: 114; }

.dow-list__btn--success .dow-list__icon-group > *:nth-child(6) {
  stroke-dashoffset: 0; }

.dow-list__btn--error {
  animation: dow-list-btn-error-anim .4s .5s; }
  .dow-list__btn--error .dow-list__icon-group > *:nth-child(4) {
    display: none;
    /* hide loading circle */ }
  .dow-list__btn--error .dow-list__icon-group > *:nth-child(7) {
    stroke-dashoffset: 75; }
  .dow-list__btn--error .dow-list__icon-group > *:nth-child(8) {
    stroke-dashoffset: 0; }
  .dow-list__btn--error .dow-list__icon-group > *:nth-child(9) {
    transform: scale(1); }

@keyframes dow-list-btn-error-anim {
  0%,
  100% {
    transform: translateX(0); }
  20%,
  60% {
    transform: translateX(4px); }
  40%,
  80% {
    transform: translateX(-4px); } }

/* -------------------------------- 

File#: _1_drawer
Title: Drawer
Descr: A slide-in panel used to display critical content
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --drawer-width: 400px; }

.drawer {
  position: fixed;
  z-index: var(--z-index-overlay, 15);
  height: 100%;
  width: 100%;
  max-width: var(--drawer-width);
  top: 0;
  right: 0;
  visibility: hidden;
  transition: visibility 0s 0.3s; }
  .drawer:focus {
    outline: none; }

.drawer--is-visible {
  visibility: visible;
  transition: none; }

.drawer--open-left {
  right: auto;
  left: 0; }

.drawer__content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(100%);
  transition: transform 0.3s;
  transition-timing-function: var(--ease-in-out); }
  .drawer--open-left .drawer__content {
    transform: translateX(-100%); }
  .drawer--is-visible .drawer__content {
    transform: translateX(0); }

.drawer__body {
  height: 100%;
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch; }

.drawer__close-btn {
  --size: 32px;
  width: var(--size);
  height: var(--size);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: hsla(var(--color-bg-light-h), var(--color-bg-light-s), var(--color-bg-light-l), 0.95);
  box-shadow: var(--inner-glow), var(--shadow-sm);
  transition: .2s; }
  .drawer__close-btn:hover {
    background-color: var(--color-bg-lighter);
    box-shadow: var(--inner-glow), var(--shadow-md); }
  .drawer__close-btn .icon {
    display: block;
    color: var(--color-contrast-high); }

.drawer--modal {
  max-width: none;
  background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0);
  transition: background-color 0.3s, visibility 0s 0.3s; }
  .drawer--modal.drawer--is-visible {
    background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.75);
    transition: background-color 0.3s; }
  .drawer--modal.drawer--open-left .drawer__content {
    right: auto;
    left: 0; }
  .drawer--modal .drawer__content {
    max-width: var(--drawer-width); }

/* -------------------------------- 

File#: _1_drop-cap
Title: Drop Cap
Descr: Make the first letter of a paragraph larger in size
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --drop-cap-lines: 3; }

.drop-cap::first-letter {
  float: left;
  line-height: 1;
  font-size: calc(1em * var(--drop-cap-lines) * var(--body-line-height));
  padding: 0 0.125em 0 0;
  text-transform: uppercase;
  color: var(--color-contrast-higher); }

.text-component .drop-cap::first-letter {
  font-size: calc(1em * var(--drop-cap-lines) * var(--body-line-height) * var(--line-height-multiplier)); }

/* -------------------------------- 

File#: _1_feature
Title: Feature
Descr: Content group containing text + media (img, video, iframe, inline SVG)
Usage: codyhouse.co/license

-------------------------------- */
/* -------------------------------- 

File#: _1_feature-v3
Title: Feature v3
Descr: Content group containing text + media element that outsets its container at a specific viewport size
Usage: codyhouse.co/license

-------------------------------- */
.feature-v3--media-outset\@sm {
  overflow: hidden; }

@media (min-width: 48rem) {
  .feature-v3--media-outset\@sm .feature-v3__grid {
    align-items: stretch; }
  .feature-v3--media-outset\@sm .feature-v3__media {
    position: relative;
    height: 100%; }
    .feature-v3--media-outset\@sm .feature-v3__media > * {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      max-width: none;
      width: auto; } }

@media (min-width: 48rem) {
  .feature-v3--media-outset\@sm.feature-v3--invert\@sm .feature-v3__grid > *:last-child {
    order: -1; }
    .feature-v3--media-outset\@sm.feature-v3--invert\@sm .feature-v3__grid > *:last-child .feature-v3__media > * {
      left: auto;
      right: 0; } }

.feature-v3--media-outset\@md {
  overflow: hidden; }

@media (min-width: 64rem) {
  .feature-v3--media-outset\@md .feature-v3__grid {
    align-items: stretch; }
  .feature-v3--media-outset\@md .feature-v3__media {
    position: relative;
    height: 100%; }
    .feature-v3--media-outset\@md .feature-v3__media > * {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      max-width: none;
      width: auto; } }

@media (min-width: 64rem) {
  .feature-v3--media-outset\@md.feature-v3--invert\@md .feature-v3__grid > *:last-child {
    order: -1; }
    .feature-v3--media-outset\@md.feature-v3--invert\@md .feature-v3__grid > *:last-child .feature-v3__media > * {
      left: auto;
      right: 0; } }

.feature-v3--media-outset\@lg {
  overflow: hidden; }

@media (min-width: 80rem) {
  .feature-v3--media-outset\@lg .feature-v3__grid {
    align-items: stretch; }
  .feature-v3--media-outset\@lg .feature-v3__media {
    position: relative;
    height: 100%; }
    .feature-v3--media-outset\@lg .feature-v3__media > * {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      max-width: none;
      width: auto; } }

@media (min-width: 80rem) {
  .feature-v3--media-outset\@lg.feature-v3--invert\@lg .feature-v3__grid > *:last-child {
    order: -1; }
    .feature-v3--media-outset\@lg.feature-v3--invert\@lg .feature-v3__grid > *:last-child .feature-v3__media > * {
      left: auto;
      right: 0; } }

/* -------------------------------- 

File#: _1_feature-v4
Title: Feature v4
Descr: Content group containing media element + text that outsets its container at a specific breakpoint
Usage: codyhouse.co/license

-------------------------------- */
.feature-v4 {
  --feature-text-offset: 65%;
  position: relative;
  z-index: 1; }

@media (min-width: 32rem) {
  .feature-v4__text-offset\@xs {
    width: calc(100% + var(--feature-text-offset)); }
  .feature-v4--invert\@xs .feature-v4__grid > *:last-child {
    order: -1; }
  .feature-v4--invert\@xs .feature-v4__text-offset\@xs {
    margin-left: calc(var(--feature-text-offset) * -1); } }

@media (min-width: 48rem) {
  .feature-v4__text-offset\@sm {
    width: calc(100% + var(--feature-text-offset)); }
  .feature-v4--invert\@sm .feature-v4__grid > *:last-child {
    order: -1; }
  .feature-v4--invert\@sm .feature-v4__text-offset\@sm {
    margin-left: calc(var(--feature-text-offset) * -1); } }

@media (min-width: 64rem) {
  .feature-v4__text-offset\@md {
    width: calc(100% + var(--feature-text-offset)); }
  .feature-v4--invert\@md .feature-v4__grid > *:last-child {
    order: -1; }
  .feature-v4--invert\@md .feature-v4__text-offset\@md {
    margin-left: calc(var(--feature-text-offset) * -1); } }

@media (min-width: 80rem) {
  .feature-v4__text-offset\@lg {
    width: calc(100% + var(--feature-text-offset)); }
  .feature-v4--invert\@lg .feature-v4__grid > *:last-child {
    order: -1; }
  .feature-v4--invert\@lg .feature-v4__text-offset\@lg {
    margin-left: calc(var(--feature-text-offset) * -1); } }

@media (min-width: 90rem) {
  .feature-v4__text-offset\@xl {
    width: calc(100% + var(--feature-text-offset)); }
  .feature-v4--invert\@xl .feature-v4__grid > *:last-child {
    order: -1; }
  .feature-v4--invert\@xl .feature-v4__text-offset\@xl {
    margin-left: calc(var(--feature-text-offset) * -1); } }

/* -------------------------------- 

File#: _1_feature-v5
Title: Feature v5
Descr: Content group containing text components and a media element
Usage: codyhouse.co/license

-------------------------------- */
.feature-v5 {
  --feature-media-offset: var(--space-xxl);
  --feature-content-media-gap: var(--space-lg); }

.feature-v5__content {
  background-color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0.5);
  padding-bottom: calc(var(--feature-content-media-gap) + var(--feature-media-offset)); }

.feature-v5__media {
  margin-top: calc(-1 * var(--feature-media-offset)); }

/* -------------------------------- 

File#: _1_feature-v6
Title: Feature v6
Descr: A section containing a list of features
Usage: codyhouse.co/license

-------------------------------- */
/* -------------------------------- 

File#: _1_feature-v7
Title: Feature v7
Descr: A section containing a list of features
Usage: codyhouse.co/license

-------------------------------- */
/* -------------------------------- 

File#: _1_feature-v11
Title: Feature v11
Descr: Feature section containing a boxed content over a background image
Usage: codyhouse.co/license

-------------------------------- */
/* -------------------------------- 

File#: _1_feature-v12
Title: Feature v12
Descr: Feature section containing text that overlaps a background image
Usage: codyhouse.co/license

-------------------------------- */
.feature-v12,
.feature-v12__offset-item,
.feature-v12__bg-item {
  position: relative; }

.feature-v12,
.feature-v12__bg-item {
  z-index: 1; }

.feature-v12__offset-item {
  z-index: 2; }

.feature-v12--left .feature-v12__offset-item,
.feature-v12--right .feature-v12__offset-item {
  width: calc(100% + var(--feature-v12-offset, 3em)); }

.feature-v12--right .feature-v12__offset-item {
  margin-left: calc(-1 * var(--feature-v12-offset, 3em)); }

.feature-v12--top .feature-v12__offset-item {
  margin-bottom: calc(-1 * var(--feature-v12-offset, 3em)); }

.feature-v12--bottom .feature-v12__offset-item {
  margin-top: calc(-1 * var(--feature-v12-offset, 3em)); }

.feature-v12--offset-xs {
  --feature-v12-offset: 2em; }

.feature-v12--offset-sm {
  --feature-v12-offset: 3em; }

.feature-v12--offset-md {
  --feature-v12-offset: 5em; }

.feature-v12--offset-lg {
  --feature-v12-offset: 8em; }

.feature-v12--offset-xl {
  --feature-v12-offset: 13em; }

@media (min-width: 32rem) {
  .feature-v12--left\@xs .feature-v12__offset-item,
  .feature-v12--right\@xs .feature-v12__offset-item {
    width: calc(100% + var(--feature-v12-offset, 3em));
    margin: 0; }
  .feature-v12--right\@xs .feature-v12__offset-item {
    margin-left: calc(-1 * var(--feature-v12-offset, 3em)); }
  .feature-v12--top\@xs .feature-v12__offset-item,
  .feature-v12--bottom\@xs .feature-v12__offset-item {
    width: auto;
    margin: 0; }
  .feature-v12--top\@xs .feature-v12__offset-item {
    margin-bottom: calc(-1 * var(--feature-v12-offset, 3em)); }
  .feature-v12--bottom\@xs .feature-v12__offset-item {
    margin-top: calc(-1 * var(--feature-v12-offset, 3em)); }
  .feature-v12--offset-xs\@xs {
    --feature-v12-offset: 2em; }
  .feature-v12--offset-sm\@xs {
    --feature-v12-offset: 3em; }
  .feature-v12--offset-md\@xs {
    --feature-v12-offset: 5em; }
  .feature-v12--offset-lg\@xs {
    --feature-v12-offset: 8em; }
  .feature-v12--offset-xl\@xs {
    --feature-v12-offset: 13em; } }

@media (min-width: 48rem) {
  .feature-v12--left\@sm .feature-v12__offset-item,
  .feature-v12--right\@sm .feature-v12__offset-item {
    width: calc(100% + var(--feature-v12-offset, 3em));
    margin: 0; }
  .feature-v12--right\@sm .feature-v12__offset-item {
    margin-left: calc(-1 * var(--feature-v12-offset, 3em)); }
  .feature-v12--top\@sm .feature-v12__offset-item,
  .feature-v12--bottom\@sm .feature-v12__offset-item {
    width: auto;
    margin: 0; }
  .feature-v12--top\@sm .feature-v12__offset-item {
    margin-bottom: calc(-1 * var(--feature-v12-offset, 3em)); }
  .feature-v12--bottom\@sm .feature-v12__offset-item {
    margin-top: calc(-1 * var(--feature-v12-offset, 3em)); }
  .feature-v12--offset-xs\@sm {
    --feature-v12-offset: 2em; }
  .feature-v12--offset-sm\@sm {
    --feature-v12-offset: 3em; }
  .feature-v12--offset-md\@sm {
    --feature-v12-offset: 5em; }
  .feature-v12--offset-lg\@sm {
    --feature-v12-offset: 8em; }
  .feature-v12--offset-xl\@sm {
    --feature-v12-offset: 13em; } }

@media (min-width: 64rem) {
  .feature-v12--left\@md .feature-v12__offset-item,
  .feature-v12--right\@md .feature-v12__offset-item {
    width: calc(100% + var(--feature-v12-offset, 3em));
    margin: 0; }
  .feature-v12--right\@md .feature-v12__offset-item {
    margin-left: calc(-1 * var(--feature-v12-offset, 3em)); }
  .feature-v12--top\@md .feature-v12__offset-item,
  .feature-v12--bottom\@md .feature-v12__offset-item {
    width: auto;
    margin: 0; }
  .feature-v12--top\@md .feature-v12__offset-item {
    margin-bottom: calc(-1 * var(--feature-v12-offset, 3em)); }
  .feature-v12--bottom\@md .feature-v12__offset-item {
    margin-top: calc(-1 * var(--feature-v12-offset, 3em)); }
  .feature-v12--offset-xs\@md {
    --feature-v12-offset: 2em; }
  .feature-v12--offset-sm\@md {
    --feature-v12-offset: 3em; }
  .feature-v12--offset-md\@md {
    --feature-v12-offset: 5em; }
  .feature-v12--offset-lg\@md {
    --feature-v12-offset: 8em; }
  .feature-v12--offset-xl\@md {
    --feature-v12-offset: 13em; } }

@media (min-width: 80rem) {
  .feature-v12--left\@lg .feature-v12__offset-item,
  .feature-v12--right\@lg .feature-v12__offset-item {
    width: calc(100% + var(--feature-v12-offset, 3em));
    margin: 0; }
  .feature-v12--right\@lg .feature-v12__offset-item {
    margin-left: calc(-1 * var(--feature-v12-offset, 3em)); }
  .feature-v12--top\@lg .feature-v12__offset-item,
  .feature-v12--bottom\@lg .feature-v12__offset-item {
    width: auto;
    margin: 0; }
  .feature-v12--top\@lg .feature-v12__offset-item {
    margin-bottom: calc(-1 * var(--feature-v12-offset, 3em)); }
  .feature-v12--bottom\@lg .feature-v12__offset-item {
    margin-top: calc(-1 * var(--feature-v12-offset, 3em)); }
  .feature-v12--offset-xs\@lg {
    --feature-v12-offset: 2em; }
  .feature-v12--offset-sm\@lg {
    --feature-v12-offset: 3em; }
  .feature-v12--offset-md\@lg {
    --feature-v12-offset: 5em; }
  .feature-v12--offset-lg\@lg {
    --feature-v12-offset: 8em; }
  .feature-v12--offset-xl\@lg {
    --feature-v12-offset: 13em; } }

@media (min-width: 90rem) {
  .feature-v12--left\@xl .feature-v12__offset-item,
  .feature-v12--right\@xl .feature-v12__offset-item {
    width: calc(100% + var(--feature-v12-offset, 3em));
    margin: 0; }
  .feature-v12--right\@xl .feature-v12__offset-item {
    margin-left: calc(-1 * var(--feature-v12-offset, 3em)); }
  .feature-v12--top\@xl .feature-v12__offset-item,
  .feature-v12--bottom\@xl .feature-v12__offset-item {
    width: auto;
    margin: 0; }
  .feature-v12--top\@xl .feature-v12__offset-item {
    margin-bottom: calc(-1 * var(--feature-v12-offset, 3em)); }
  .feature-v12--bottom\@xl .feature-v12__offset-item {
    margin-top: calc(-1 * var(--feature-v12-offset, 3em)); }
  .feature-v12--offset-xs\@xl {
    --feature-v12-offset: 2em; }
  .feature-v12--offset-sm\@xl {
    --feature-v12-offset: 3em; }
  .feature-v12--offset-md\@xl {
    --feature-v12-offset: 5em; }
  .feature-v12--offset-lg\@xl {
    --feature-v12-offset: 8em; }
  .feature-v12--offset-xl\@xl {
    --feature-v12-offset: 13em; } }

/* -------------------------------- 

File#: _1_filter-navigation
Title: Filter Navigation
Descr: Filter navigation template
Usage: codyhouse.co/license

-------------------------------- */
/* --expanded version */
.filter-nav--expanded {
  /* --v1 */
  /* --v2 */
  /* --v3 */ }
  .filter-nav--expanded .filter-nav__nav {
    display: flex;
    overflow: auto; }
  .filter-nav--expanded .filter-nav__list {
    display: inline-flex;
    position: relative; }
  .filter-nav--expanded .filter-nav__item {
    flex-shrink: 0;
    position: relative;
    z-index: 1; }
  .filter-nav--expanded .filter-nav__btn {
    /* <button> element inside each list item */
    cursor: pointer; }
  .filter-nav--expanded .filter-nav__marker {
    /* animated marker */
    position: absolute;
    width: 0;
    pointer-events: none;
    transition: transform .3s, width .3s;
    transition-timing-function: var(--ease-in-out);
    will-change: width, transform; }
  .filter-nav--expanded.filter-nav--v1 .filter-nav__nav {
    padding: var(--space-xs) 0; }
  .filter-nav--expanded.filter-nav--v1 .filter-nav__btn {
    margin: 0 var(--space-xxxs);
    padding: var(--space-xxxs) var(--space-xs);
    color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.5);
    transition: color .2s; }
    .filter-nav--expanded.filter-nav--v1 .filter-nav__btn:hover {
      color: var(--color-contrast-higher); }
    .filter-nav--expanded.filter-nav--v1 .filter-nav__btn[aria-current="true"] {
      color: var(--color-primary); }
  .filter-nav--expanded.filter-nav--v1 .filter-nav__marker {
    /* animated marker */
    top: 0;
    left: 0;
    height: 100%;
    background-color: var(--color-bg-light);
    box-shadow: var(--inner-glow), var(--shadow-sm);
    border-radius: var(--radius-md); }
  .filter-nav--expanded.filter-nav--v2 .filter-nav__list {
    background-color: var(--color-bg-darker);
    padding: var(--space-xxxs);
    border-radius: 50em; }
  .filter-nav--expanded.filter-nav--v2 .filter-nav__btn {
    padding: var(--space-xxxs) var(--space-sm);
    color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.5);
    transition: color .2s; }
    .filter-nav--expanded.filter-nav--v2 .filter-nav__btn:hover {
      color: var(--color-contrast-higher); }
    .filter-nav--expanded.filter-nav--v2 .filter-nav__btn[aria-current="true"] {
      color: var(--color-primary); }
  .filter-nav--expanded.filter-nav--v2 .filter-nav__marker {
    /* animated marker */
    top: var(--space-xxxs);
    left: 0;
    height: calc(100% - var(--space-xxxs)*2);
    background-color: var(--color-bg-light);
    box-shadow: var(--inner-glow), var(--shadow-sm);
    border-radius: 50em; }
  .filter-nav--expanded.filter-nav--v3 .filter-nav__btn {
    padding: var(--space-xxxs) var(--space-sm);
    color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.5);
    transition: color .2s; }
    .filter-nav--expanded.filter-nav--v3 .filter-nav__btn:hover {
      color: var(--color-contrast-higher); }
    .filter-nav--expanded.filter-nav--v3 .filter-nav__btn[aria-current="true"] {
      color: var(--color-primary); }
  .filter-nav--expanded.filter-nav--v3 .filter-nav__marker {
    /* animated marker */
    bottom: 0;
    left: 0;
    height: 1px;
    background-color: var(--color-primary); }

/* --collapsed version - available horizontal space not enough to contain all list items */
.filter-nav--collapsed .filter-nav__wrapper {
  position: fixed;
  z-index: var(--z-index-overlay, 15);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.9);
  visibility: hidden;
  opacity: 0; }

.filter-nav--collapsed .filter-nav__wrapper--is-visible {
  visibility: visible;
  opacity: 1;
  transition: opacity .3s; }
  .filter-nav--collapsed .filter-nav__wrapper--is-visible .filter-nav__nav {
    transform: translateY(0);
    transition: transform .3s; }

.filter-nav--collapsed .filter-nav__nav {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  background-color: var(--color-bg);
  box-shadow: var(--shadow-md);
  max-height: 100%;
  transform: translateY(-1em); }

.filter-nav--collapsed .filter-nav__list {
  order: 2;
  flex-direction: column;
  overflow: auto;
  padding: 0 0 var(--space-md); }
  .filter-nav--collapsed .filter-nav__list::before {
    /* top shadow - visible if menu height triggers vertical scrolling */
    content: '';
    display: block;
    width: 100%;
    height: 10px;
    background: linear-gradient(hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 1), hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0));
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1; }

.filter-nav--collapsed .filter-nav__btn {
  display: block;
  /* fallback */
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  font-size: var(--text-md);
  padding: var(--space-xs) var(--space-sm);
  color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.5);
  cursor: pointer; }
  .filter-nav--collapsed .filter-nav__btn:hover {
    color: var(--color-contrast-higher); }
  .filter-nav--collapsed .filter-nav__btn[aria-current="true"] {
    color: var(--color-primary); }
  .filter-nav--collapsed .filter-nav__btn::before {
    /* check icon next to the selected button */
    content: '';
    display: block;
    height: 16px;
    width: 16px;
    margin-right: var(--space-xxxs);
    background-color: transparent; }
  .filter-nav--collapsed .filter-nav__btn[aria-current="true"]::before {
    background-color: var(--color-primary);
    /* icon color */
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline stroke-width='2' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round' points='1,9 5,13 15,3 '/%3E%3C/svg%3E"); }

.filter-nav--collapsed .filter-nav__marker {
  /* hide animated marker */
  display: none !important; }

.filter-nav--collapsed .filter-nav__close-btn {
  /* X button */
  --size: 32px;
  width: var(--size);
  height: var(--size);
  display: flex;
  order: 1;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  margin: var(--space-xs) var(--space-xs) 0 auto;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--color-bg-light);
  box-shadow: var(--inner-glow), var(--shadow-sm);
  transition: .2s; }
  .filter-nav--collapsed .filter-nav__close-btn:hover {
    background-color: var(--color-bg-lighter);
    box-shadow: var(--inner-glow), var(--shadow-md); }
  .filter-nav--collapsed .filter-nav__close-btn .icon {
    display: block;
    color: var(--color-contrast-high); }

/* -------------------------------- 

File#: _1_google-maps
Title: Google Maps
Descr: Google Maps component
Usage: codyhouse.co/license

-------------------------------- */
.google-maps {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; }

.google-maps--ratio-4\:1 {
  padding-bottom: 25%; }

.google-maps--ratio-3\:1 {
  padding-bottom: 33%; }

/* -------------------------------- 

File#: _1_hero
Title: Hero
Descr: A full-width callout section
Usage: codyhouse.co/license

-------------------------------- */
.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.hero--overlay-layer::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.5);
  z-index: 1; }

.hero--overlay-layer-darker::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.6);
  z-index: 1; }

/* -------------------------------- 

File#: _1_hero-boxed
Title: Boxed Hero
Descr: Hero section variation displaying a content background wrapper
Usage: codyhouse.co/license

-------------------------------- */
/* -------------------------------- 

File#: _1_image-magnifier
Title: Image Magnifier
Descr: Plugin to create a magnifying effect on an image
Usage: codyhouse.co/license

-------------------------------- */
.img-mag {
  overflow: hidden; }

.img-mag__asset {
  display: block;
  width: 100%;
  transform-origin: left top; }

/* -------------------------------- 

File#: _1_lazy-load
Title: Lazy Load
Descr: A plugin used to load assets when they enter the viewport
Usage: codyhouse.co/license

-------------------------------- */
/* -------------------------------- 

File#: _1_link-card
Title: Link Card
Descr: Link card for app UI
Usage: codyhouse.co/license

-------------------------------- */
.link-card {
  text-decoration: none;
  color: inherit;
  box-shadow: var(--inner-glow), var(--shadow-xs);
  transition: .3s; }
  .link-card:hover {
    box-shadow: var(--inner-glow), var(--shadow-sm); }

.link-card__footer {
  position: relative;
  overflow: hidden;
  height: 60px; }
  .link-card__footer > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s; }
  .link-card__footer > *:last-child {
    transform: translateY(100%);
    opacity: 0; }

.link-card:hover .link-card__footer > *:first-child {
  transform: translateY(-100%);
  opacity: 0; }

.link-card:hover .link-card__footer > *:last-child {
  transform: translateY(0);
  opacity: 1; }

/* -------------------------------- 

File#: _1_link-effects
Title: Link Effects
Descr: A collection of link effects
Usage: codyhouse.co/license

-------------------------------- */
.link-fx-1 {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 0 6px;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .link-fx-1 .icon {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translateX(100%) rotate(90deg);
    font-size: 32px; }
    .link-fx-1 .icon circle {
      stroke-dasharray: 100;
      stroke-dashoffset: 100;
      transition: stroke-dashoffset .2s; }
    .link-fx-1 .icon line {
      transition: transform .4s;
      transform-origin: 13px 15px; }
    .link-fx-1 .icon line:last-child {
      transform-origin: 19px 15px; }
  .link-fx-1::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transform-origin: right center;
    transition: transform .2s .1s; }
  .link-fx-1:hover .icon circle {
    stroke-dashoffset: 200;
    transition: stroke-dashoffset .2s .1s; }
  .link-fx-1:hover .icon line {
    transform: rotate(-180deg); }
  .link-fx-1:hover .icon line:last-child {
    transform: rotate(180deg); }
  .link-fx-1:hover::before {
    transform: translateX(17px) scaleX(0);
    transition: transform .2s; }

.link-fx-2 {
  position: relative;
  display: inline-block;
  padding: 4px 6px;
  color: var(--color-contrast-higher);
  text-decoration: none;
  background-image: linear-gradient(var(--color-contrast-higher), var(--color-contrast-higher));
  background-size: 100% 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
  will-change: background-size;
  transition: background-size 0.3s var(--ease-out);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .link-fx-2::after {
    content: attr(data-link-fx-clone);
    color: var(--color-bg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: inherit;
    will-change: clip-path, transform;
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
    transform: translateY(4px);
    transition: clip-path .3s, transform .3s;
    transition-timing-function: var(--ease-out); }
  .link-fx-2:hover {
    background-size: 100% 100%; }
    .link-fx-2:hover::after {
      clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
      transform: translateY(0px); }

.link-fx-3 {
  position: relative;
  display: inline-flex;
  padding: 4px 6px;
  text-decoration: none;
  align-items: center; }
  .link-fx-3 .icon {
    display: block;
    font-size: 12px;
    margin-left: 8px;
    position: relative;
    opacity: 0;
    visibility: hidden;
    will-change: transform;
    transform: translateY(10px);
    transition: opacity 0.3s, transform 0.3s var(--ease-out), visibility 0s 0.3s; }
    .link-fx-3 .icon line {
      transform-origin: 9px 6px;
      will-change: transform;
      transition: transform 0.3s var(--ease-out); }
    .link-fx-3 .icon line:first-child {
      transform: rotate(20deg); }
    .link-fx-3 .icon line:last-child {
      transform: rotate(-20deg); }
  .link-fx-3::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 18px);
    height: 1px;
    background-color: currentColor;
    transition: 0.3s var(--ease-out); }
  .link-fx-3:hover .icon {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: opacity 0.3s, transform 0.3s var(--ease-out); }
    .link-fx-3:hover .icon line:first-child,
    .link-fx-3:hover .icon line:last-child {
      transform: rotate(0); }
  .link-fx-3:hover::before {
    width: 100%; }

.link-fx-4 {
  position: relative;
  display: inline-block;
  padding: 6px 10px;
  background-color: var(--color-contrast-lower);
  color: var(--color-contrast-higher);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .link-fx-4::before {
    content: attr(data-link-fx-clone);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-contrast-higher);
    color: var(--color-bg);
    will-change: clip-path;
    clip-path: polygon(0% 0%, 1px 0%, 1px 100%, 0% 100%);
    transition: clip-path 0.3s var(--ease-out); }
  .link-fx-4:hover::before {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }

.link-fx-5 {
  display: inline-block;
  padding: 4px 0;
  text-decoration: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4' viewBox='0 0 16 4'%3E%3Cpath d='M0,3.5c4,0,4-3,8-3s4,3,8,3' fill='none' stroke='%232a6df4' opacity='0.5' stroke-miterlimit='10'/%3E%3C/svg%3E");
  background-repeat: repeat-x;
  background-position: 0px 100%;
  background-size: 0; }
  .link-fx-5:hover {
    background-size: 16px 4px;
    animation: link-fx-5-animation .4s linear infinite; }

@keyframes link-fx-5-animation {
  from {
    background-position: 0px 100%; }
  to {
    background-position: 16px 100%; } }

/* -------------------------------- 

File#: _1_list
Title: List
Descr: Custom list component
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --list-space-y: 0.375em;
  --list-offset: 1em;
  --list-line-height-multiplier: 1; }

.list, .text-component .list {
  padding-left: 0;
  list-style: none; }
  .list ul, .list ol, .text-component .list ul, .text-component .list ol {
    list-style: none;
    margin: 0;
    margin-top: calc((var(--list-space-y) / 2) * var(--text-space-y-multiplier, 1));
    padding-top: calc((var(--list-space-y) / 2) * var(--text-space-y-multiplier, 1));
    padding-left: var(--list-offset); }
  .list li, .text-component .list li {
    padding-bottom: calc((var(--list-space-y) / 2) * var(--text-space-y-multiplier, 1));
    margin-bottom: calc((var(--list-space-y) / 2) * var(--text-space-y-multiplier, 1));
    line-height: calc(var(--body-line-height) * var(--list-line-height-multiplier)); }
  .list > li:last-child, .list ul > li:last-child, .list ol > li:last-child, .text-component .list > li:last-child, .text-component .list ul > li:last-child, .text-component .list ol > li:last-child {
    margin-bottom: 0; }
  .list:not(.list--border) > li:last-child, .list ul > li:last-child, .list ol > li:last-child, .text-component .list:not(.list--border) > li:last-child, .text-component .list ul > li:last-child, .text-component .list ol > li:last-child {
    padding-bottom: 0; }

/* #region (ul + ol) */
.list--ul, .text-component .list--ul,
.list--ol, .text-component .list--ol {
  --list-offset: calc(var(--list-bullet-size) + var(--list-bullet-margin-right)); }
  .list--ul ul, .list--ul ol, .text-component .list--ul ul, .text-component .list--ul ol,
  .list--ol ul,
  .list--ol ol, .text-component .list--ol ul, .text-component .list--ol ol {
    padding-left: 0; }
  @supports (--css: variables) {
    .list--ul li, .text-component .list--ul li,
    .list--ol li, .text-component .list--ol li {
      padding-left: var(--list-offset) !important; } }
  .list--ul li::before, .text-component .list--ul li::before,
  .list--ol li::before, .text-component .list--ol li::before {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    position: relative;
    top: -0.1em; }
    @supports (--css: variables) {
      .list--ul li::before, .text-component .list--ul li::before,
      .list--ol li::before, .text-component .list--ol li::before {
        width: var(--list-bullet-size) !important;
        height: var(--list-bullet-size) !important;
        margin-left: calc(var(--list-bullet-size) * -1) !important;
        left: calc(var(--list-bullet-margin-right) * -1) !important; } }

.list--ul, .text-component .list--ul {
  --list-bullet-size: 7px;
  --list-bullet-margin-right: 12px; }
  .list--ul > li,
  .text-component .list--ul > li {
    padding-left: 19px; }
  .list--ul > li::before, .text-component .list--ul > li::before {
    content: '';
    border-radius: 50%;
    color: var(--color-contrast-lower);
    background-color: currentColor;
    width: 7px;
    height: 7px;
    margin-left: -7px;
    left: -12px; }
  .list--ul ul li::before, .text-component .list--ul ul li::before {
    background-color: transparent;
    box-shadow: inset 0 0 0 2px currentColor; }

.list--ol, .text-component .list--ol {
  --list-bullet-size: 26px;
  --list-bullet-margin-right: 6px;
  --list-bullet-font-size: 14px;
  counter-reset: list-items; }
  .list--ol > li, .text-component .list--ol > li {
    counter-increment: list-items;
    padding-left: 32px; }
  .list--ol ol, .text-component .list--ol ol {
    counter-reset: list-items; }
  .list--ol > li::before, .text-component .list--ol > li::before {
    content: counter(list-items);
    font-size: var(--list-bullet-font-size, 14px);
    background-color: var(--color-contrast-lower);
    color: var(--color-contrast-high);
    line-height: 1;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    margin-left: -26px;
    left: -6px; }
  .list--ol ol > li::before, .text-component .list--ol ol > li::before {
    background-color: transparent;
    box-shadow: inset 0 0 0 2px var(--color-contrast-lower); }

/* #endregion */
/* #region (border) */
.list--border li:not(:last-child), .text-component .list--border li:not(:last-child) {
  border-bottom: 1px solid var(--color-contrast-lower); }

.list--border ul, .list--border ol, .text-component .list--border ul, .text-component .list--border ol {
  border-top: 1px solid var(--color-contrast-lower); }

/* #endregion */
/* #region (icons) */
.list--icons, .text-component .list--icons {
  --list-bullet-size: 24px;
  --list-bullet-margin-right: 8px;
  --list-offset: calc(var(--list-bullet-size) + var(--list-bullet-margin-right)); }
  .list--icons ul, .list--icons ol, .text-component .list--icons ul, .text-component .list--icons ol {
    padding-left: 32px; }
    @supports (--css: variables) {
      .list--icons ul, .list--icons ol, .text-component .list--icons ul, .text-component .list--icons ol {
        padding-left: var(--list-offset); } }

.list__icon {
  position: relative;
  width: 24px;
  height: 24px;
  margin-right: 8px; }
  .list__icon:not(.top-0) {
    top: calc((1em * var(--body-line-height) - 24px) / 2); }
  @supports (--css: variables) {
    .list__icon {
      width: var(--list-bullet-size);
      height: var(--list-bullet-size);
      margin-right: var(--list-bullet-margin-right); }
      .list__icon:not(.top-0) {
        top: calc((1em * var(--body-line-height) * var(--list-line-height-multiplier) - var(--list-bullet-size)) / 2); } }

/* #endregion */
/* -------------------------------- 

File#: _1_list-v2
Title: List v2
Descr: Custom list component
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --list-v2-bullet-size: 40px;
  --list-v2-bullet-font-size: 1rem;
  --list-v2-bullet-margin-right: 1rem;
  --list-v2-gap-y: var(--space-lg);
  /* list points gap */ }

.list-v2,
.text-component .list-v2 {
  padding-left: 0;
  list-style: none; }
  .list-v2 > li:not(:last-child),
  .text-component .list-v2 > li:not(:last-child) {
    margin-bottom: var(--list-v2-gap-y); }

.list-v2__title {
  padding-left: calc(var(--list-v2-bullet-size) + var(--list-v2-bullet-margin-right)); }

.list-v2__bullet {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--list-v2-bullet-size);
  height: var(--list-v2-bullet-size);
  margin-right: var(--list-v2-bullet-margin-right);
  margin-left: calc(-1 * var(--list-v2-bullet-size) - var(--list-v2-bullet-margin-right));
  vertical-align: middle;
  position: relative;
  top: -0.1em; }

.list-v2__content {
  margin-left: calc(var(--list-v2-bullet-size) + var(--list-v2-bullet-margin-right)); }

/* ordered list */
.list-v2--ol,
.text-component .list-v2--ol {
  counter-reset: list-items; }
  .list-v2--ol > li,
  .text-component .list-v2--ol > li {
    counter-increment: list-items; }
  .list-v2--ol .list-v2__bullet,
  .text-component .list-v2--ol .list-v2__bullet {
    border-radius: 50%;
    background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
    color: var(--color-primary);
    font-size: var(--list-v2-bullet-font-size);
    font-weight: 500; }
    .list-v2--ol .list-v2__bullet::before,
    .text-component .list-v2--ol .list-v2__bullet::before {
      content: counter(list-items); }

/* unordered list */
.list-v2--ul,
.text-component .list-v2--ul {
  --list-v2-bullet-size: 10px; }
  .list-v2--ul .list-v2__bullet,
  .text-component .list-v2--ul .list-v2__bullet {
    border-radius: 50%;
    background-color: var(--color-primary); }

/* icons */
.list-v2--icons,
.text-component .list-v2--icons {
  --list-v2-bullet-size: 48px; }
  .list-v2--icons .list-v2__bullet,
  .text-component .list-v2--icons .list-v2__bullet {
    border-radius: 50%;
    background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2); }
  .list-v2--icons .list-v2__icon,
  .text-component .list-v2--icons .list-v2__icon {
    --size: 24px;
    color: var(--color-primary);
    /* icon color */ }

/* -------------------------------- 

File#: _1_main-footer
Title: Main Footer
Descr: Footer navigation
Usage: codyhouse.co/license

-------------------------------- */
.main-footer__logo {
  display: inline-block; }
  .main-footer__logo svg,
  .main-footer__logo img {
    display: block; }

.main-footer__link {
  color: var(--color-contrast-medium);
  text-decoration: none; }
  .main-footer__link:hover {
    color: var(--color-contrast-high);
    text-decoration: underline; }

.main-footer__social {
  text-decoration: none;
  display: inline-block;
  color: var(--color-contrast-medium); }
  .main-footer__social:hover {
    color: var(--color-contrast-high); }
  .main-footer__social .icon {
    font-size: 1.2em; }
  @media (min-width: 64rem) {
    .main-footer__social .icon {
      font-size: 1em; } }

/* -------------------------------- 

File#: _1_main-footer-v2
Title: Main Footer v2
Descr: Footer navigation template
Usage: codyhouse.co/license

-------------------------------- */
.footer-v2 {
  position: relative;
  z-index: 1; }

.footer-v2__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-lg); }
  @media (min-width: 32rem) {
    .footer-v2__list {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 64rem) {
    .footer-v2__list {
      grid-template-columns: repeat(4, 1fr); } }

.footer-v2__item {
  display: grid;
  gap: var(--space-sm);
  align-content: start; }
  @media (min-width: 64rem) {
    .footer-v2__item {
      gap: var(--space-xs); } }

.footer-v2__item a {
  color: var(--color-contrast-medium); }
  .footer-v2__item a:hover {
    color: var(--color-contrast-high); }
  @media (min-width: 64rem) {
    .footer-v2__item a {
      font-size: var(--text-sm); } }

.footer-v2__socials {
  display: flex;
  justify-content: center;
  margin-bottom: var(--space-sm); }
  .footer-v2__socials a {
    text-decoration: none;
    display: inline-block;
    margin: 0 var(--space-xxxs);
    color: var(--color-contrast-medium); }
    .footer-v2__socials a:hover {
      color: var(--color-contrast-high); }
    .footer-v2__socials a svg {
      display: block;
      width: 1em;
      height: 1em;
      color: inherit; }

.footer-v2__print {
  font-size: var(--text-sm);
  color: var(--color-contrast-medium);
  text-align: center; }
  .footer-v2__print p {
    margin-bottom: var(--space-sm); }
  .footer-v2__print a {
    color: inherit; }
    .footer-v2__print a:hover {
      color: var(--color-contrast-high); }
  @media (min-width: 64rem) {
    .footer-v2__print {
      font-size: var(--text-xs); } }

/* -------------------------------- 

File#: _1_masonry
Title: Masonry
Descr: Gallery with elements laid out in optimal position based on available vertical space
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --masonry-grid-gap: var(--space-sm);
  --masonry-col-auto-size: 280px; }

.masonry__loader {
  display: none; }

.masonry__list {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(-1 * var(--masonry-grid-gap));
  margin-bottom: calc(-1 * var(--masonry-grid-gap)); }

.masonry__item {
  display: inline-block;
  width: var(--masonry-col-auto-size);
  margin-right: var(--masonry-grid-gap);
  margin-bottom: var(--masonry-grid-gap); }

.masonry {
  position: relative; }

.masonry__loader {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0; }

.masonry__list {
  opacity: 0;
  transition: opacity .4s; }

.masonry--loaded .masonry__loader {
  display: none; }

.masonry--loaded .masonry__list {
  opacity: 1; }

@supports (flex-basis: 0px) {
  .masonry__list {
    flex-direction: column; }
  .masonry__item {
    flex-basis: 0px; } }

/* -------------------------------- 

File#: _1_modal-window
Title: Modal Window
Descr: A modal dialog used to display critical information
Usage: codyhouse.co/license

-------------------------------- */
.ch-modal {
  position: fixed;
  z-index: var(--z-index-overlay, 15);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden; }
  .ch-modal:not(.ch-modal--is-visible) {
    pointer-events: none;
    background-color: transparent; }

.ch-modal--is-visible {
  opacity: 1;
  visibility: visible; }

/* close buttons */
.ch-modal__close-btn {
  display: flex;
  flex-shrink: 0;
  border-radius: 50%;
  transition: 0.2s; }
  .ch-modal__close-btn .icon {
    display: block;
    margin: auto; }

.ch-modal__close-btn--outer {
  /* close button - outside the modal__content */
  --size: 48px;
  width: var(--size);
  height: var(--size);
  position: fixed;
  top: var(--space-sm);
  right: var(--space-sm);
  z-index: var(--z-index-fixed-element, 10);
  background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.9);
  transition: 0.2s; }
  .ch-modal__close-btn--outer .icon {
    color: var(--color-white);
    /* icon color */
    transition: transform 0.3s var(--ease-out-back); }
  .ch-modal__close-btn--outer:hover {
    background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 1); }
    .ch-modal__close-btn--outer:hover .icon {
      transform: scale(1.1); }

.ch-modal__close-btn--inner {
  /* close button - inside the modal__content */
  --size: 32px;
  width: var(--size);
  height: var(--size);
  background-color: var(--color-bg-light);
  box-shadow: var(--inner-glow), var(--shadow-sm);
  transition: 0.2s; }
  .ch-modal__close-btn--inner .icon {
    color: inherit;
    /* icon color */ }
  .ch-modal__close-btn--inner:hover {
    background-color: var(--color-bg-lighter);
    box-shadow: var(--inner-glow), var(--shadow-md); }

/* animations */
:root {
  --modal-transition-duration: 0.2s;
  /* fallback (i.e., unless specified differently in the variations 👇) */ }

@media (prefers-reduced-motion: no-preference) {
  .ch-modal--animate-fade {
    --modal-transition-duration: 0.2s;
    transition: opacity var(--modal-transition-duration), background-color var(--modal-transition-duration), visibility 0s var(--modal-transition-duration); }
    .ch-modal--animate-fade.ch-modal--is-visible {
      transition: opacity var(--modal-transition-duration), background-color var(--modal-transition-duration), visibility 0s; }
  .ch-modal--animate-scale,
  .ch-modal--animate-translate-up,
  .ch-modal--animate-translate-down,
  .ch-modal--animate-translate-right,
  .ch-modal--animate-translate-left {
    --modal-transition-duration: 0.2s;
    transition: opacity var(--modal-transition-duration), background-color var(--modal-transition-duration), visibility 0s var(--modal-transition-duration); }
    .ch-modal--animate-scale .ch-modal__content,
    .ch-modal--animate-translate-up .ch-modal__content,
    .ch-modal--animate-translate-down .ch-modal__content,
    .ch-modal--animate-translate-right .ch-modal__content,
    .ch-modal--animate-translate-left .ch-modal__content {
      will-change: transform;
      transition: transform var(--modal-transition-duration) var(--ease-out); }
    .ch-modal--animate-scale.ch-modal--is-visible,
    .ch-modal--animate-translate-up.ch-modal--is-visible,
    .ch-modal--animate-translate-down.ch-modal--is-visible,
    .ch-modal--animate-translate-right.ch-modal--is-visible,
    .ch-modal--animate-translate-left.ch-modal--is-visible {
      transition: opacity var(--modal-transition-duration), background-color var(--modal-transition-duration), visibility 0s; }
      .ch-modal--animate-scale.ch-modal--is-visible .ch-modal__content,
      .ch-modal--animate-translate-up.ch-modal--is-visible .ch-modal__content,
      .ch-modal--animate-translate-down.ch-modal--is-visible .ch-modal__content,
      .ch-modal--animate-translate-right.ch-modal--is-visible .ch-modal__content,
      .ch-modal--animate-translate-left.ch-modal--is-visible .ch-modal__content {
        transform: scale(1);
        /* reset all transformations */ }
  .ch-modal--animate-slide-up,
  .ch-modal--animate-slide-down,
  .ch-modal--animate-slide-right,
  .ch-modal--animate-slide-left {
    --modal-transition-duration: 0.3s;
    transition: opacity 0s var(--modal-transition-duration), background-color var(--modal-transition-duration), visibility 0s var(--modal-transition-duration); }
    .ch-modal--animate-slide-up .ch-modal__content,
    .ch-modal--animate-slide-down .ch-modal__content,
    .ch-modal--animate-slide-right .ch-modal__content,
    .ch-modal--animate-slide-left .ch-modal__content {
      will-change: transform;
      transition: transform var(--modal-transition-duration) var(--ease-out); }
    .ch-modal--animate-slide-up.ch-modal--is-visible,
    .ch-modal--animate-slide-down.ch-modal--is-visible,
    .ch-modal--animate-slide-right.ch-modal--is-visible,
    .ch-modal--animate-slide-left.ch-modal--is-visible {
      transition: background-color var(--modal-transition-duration), visibility 0s; }
      .ch-modal--animate-slide-up.ch-modal--is-visible .ch-modal__content,
      .ch-modal--animate-slide-down.ch-modal--is-visible .ch-modal__content,
      .ch-modal--animate-slide-right.ch-modal--is-visible .ch-modal__content,
      .ch-modal--animate-slide-left.ch-modal--is-visible .ch-modal__content {
        transform: scale(1);
        /* reset all transformations */ }
  /* scale */
  .ch-modal--animate-scale .ch-modal__content {
    transform: scale(0.95); }
  /* translate */
  .ch-modal--animate-translate-up .ch-modal__content {
    transform: translateY(40px); }
  .ch-modal--animate-translate-down .ch-modal__content {
    transform: translateY(-40px); }
  .ch-modal--animate-translate-right .ch-modal__content {
    transform: translateX(-40px); }
  .ch-modal--animate-translate-left .ch-modal__content {
    transform: translateX(40px); }
  /* slide */
  .ch-modal--animate-slide-up .ch-modal__content {
    transform: translateY(100%); }
  .ch-modal--animate-slide-down .ch-modal__content {
    transform: translateY(-100%); }
  .ch-modal--animate-slide-right .ch-modal__content {
    transform: translateX(-100%); }
  .ch-modal--animate-slide-left .ch-modal__content {
    transform: translateX(100%); } }

/* load content - optional */
.ch-modal--is-loading .ch-modal__content {
  visibility: hidden; }

.ch-modal--is-loading .ch-modal__loader {
  display: flex; }

.ch-modal__loader {
  /* loader icon */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: none;
  pointer-events: none; }

/* --image */
.ch-modal-img-btn {
  position: relative;
  cursor: pointer; }
  .ch-modal-img-btn::after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0);
    transition: background 0.2s; }
  .ch-modal-img-btn:hover::after {
    background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.7); }
  .ch-modal-img-btn:hover .ch-modal-img-btn__icon-wrapper {
    opacity: 1; }

.ch-modal-img-btn__icon-wrapper {
  position: absolute;
  z-index: 2;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.7);
  opacity: 0;
  transition: opacity 0.2s; }
  .ch-modal-img-btn__icon-wrapper .icon {
    color: var(--color-white); }

/* -------------------------------- 

File#: _1_modal-window
Title: modal Window
Descr: A modal dialog used to display critical information
Usage: codyhouse.co/license

-------------------------------- */
/* variables */
:root {
  /* colors */
  --mc4-color-primary-hsl: 250, 84%, 54%;
  --mc4-color-bg-hsl: 0, 0%, 100%;
  --mc4-color-contrast-high-hsl: 230, 7%, 23%;
  --mc4-color-contrast-higher-hsl: 230, 13%, 9%;
  --mc4-color-contrast-lower-hsl: 240, 4%, 85%;
  --mc4-color-bg-light-hsl: 0, 0%, 100%;
  --mc4-color-bg-lighter-hsl: 0, 0%, 100%;
  --mc4-color-black-hsl: 230, 13%, 9%;
  --mc4-color-white-hsl: 0, 0%, 100%;
  --mc4-color-bg-dark-hsl: 240, 4%, 95%;
  --mc4-color-primary-darker-hsl: 250, 84%, 38%;
  --mc4-color-primary-light-hsl: 250, 84%, 60%;
  --mc4-color-accent-hsl: 342, 89%, 48%;
  /* spacing */
  --mc4-space-xs: 0.5rem;
  --mc4-space-sm: 0.75rem;
  --mc4-space-md: 1.25rem;
  --mc4-space-2xs: 0.375rem;
  /* typography */
  --mc4-text-lg: 1.25rem;
  --mc4-text-md: 1.2rem;
  --mc4-text-sm: 0.833rem; }

@media (min-width: 64rem) {
  :root {
    /* spacing */
    --mc4-space-xs: 0.75rem;
    --mc4-space-sm: 1.125rem;
    --mc4-space-md: 2rem;
    --mc4-space-2xs: 0.5625rem;
    /* typography */
    --mc4-text-lg: 1.75rem;
    --mc4-text-md: 1.5625rem;
    --mc4-text-sm: 1rem; } }

/* buttons */
.mc4-btn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  text-decoration: none;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.2s ease;
  will-change: transform;
  padding: var(--mc4-space-2xs) var(--mc4-space-sm);
  border-radius: 0.25em; }

.mc4-btn:focus-visible {
  outline: none; }

.mc4-btn:active {
  transform: translateY(2px); }

/* icons */
.mc4-icon {
  height: var(--mc4-size, 1em);
  width: var(--mc4-size, 1em);
  display: inline-block;
  color: inherit;
  fill: currentColor;
  line-height: 1;
  flex-shrink: 0;
  max-width: initial; }

.mc4-icon--xs {
  --mc4-size: 16px; }

.mc4-icon--sm {
  --mc4-size: 24px; }

/* component */
.ch-modal {
  position: fixed;
  z-index: 15;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden; }

.ch-modal:not(.ch-modal--is-visible) {
  pointer-events: none;
  background-color: transparent; }

.ch-modal--is-visible {
  opacity: 1;
  visibility: visible; }

/* close button */
.ch-modal__close-btn {
  display: flex;
  flex-shrink: 0;
  border-radius: 50%;
  transition: 0.2s; }

.ch-modal__close-btn svg {
  display: block;
  margin: auto; }

.ch-modal__close-btn--outer {
  /* close button - outside the ch-modal__content */
  width: 48px;
  height: 48px;
  position: fixed;
  top: var(--mc4-space-sm);
  right: var(--mc4-space-sm);
  z-index: 10;
  transition: 0.2s; }

.ch-modal__close-btn--outer svg {
  /* icon color */
  transition: -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); }

.ch-modal__close-btn--outer:hover svg {
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

.ch-modal__close-btn--inner {
  /* close button - inside the ch-modal__content */
  --mc4-size: 32px;
  width: var(--mc4-size);
  height: var(--mc4-size);
  transition: 0.2s; }

.ch-modal__close-btn--inner svg {
  color: inherit;
  /* icon color */ }

/* animations */
:root {
  --ch-modal-transition-duration: 0.2s;
  /* fallback (i.e., unless specified differently in the variations 👇) */ }

@media (prefers-reduced-motion: no-preference) {
  .ch-modal--animate-fade {
    --ch-modal-transition-duration: 0.2s;
    transition: opacity var(--ch-modal-transition-duration), background-color var(--ch-modal-transition-duration), visibility 0s var(--ch-modal-transition-duration); }
  .ch-modal--animate-fade.ch-modal--is-visible {
    transition: opacity var(--ch-modal-transition-duration), background-color var(--ch-modal-transition-duration), visibility 0s; }
  .ch-modal--animate-scale,
  .ch-modal--animate-translate-up,
  .ch-modal--animate-translate-down,
  .ch-modal--animate-translate-right,
  .ch-modal--animate-translate-left {
    --ch-modal-transition-duration: 0.2s;
    transition: opacity var(--ch-modal-transition-duration), background-color var(--ch-modal-transition-duration), visibility 0s var(--ch-modal-transition-duration); }
  .ch-modal--animate-scale .ch-modal__content,
  .ch-modal--animate-translate-up .ch-modal__content,
  .ch-modal--animate-translate-down .ch-modal__content,
  .ch-modal--animate-translate-right .ch-modal__content,
  .ch-modal--animate-translate-left .ch-modal__content {
    will-change: transform;
    transition: -webkit-transform var(--ch-modal-transition-duration) cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform var(--ch-modal-transition-duration) cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform var(--ch-modal-transition-duration) cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform var(--ch-modal-transition-duration) cubic-bezier(0.215, 0.61, 0.355, 1); }
  .ch-modal--animate-scale.ch-modal--is-visible,
  .ch-modal--animate-translate-up.ch-modal--is-visible,
  .ch-modal--animate-translate-down.ch-modal--is-visible,
  .ch-modal--animate-translate-right.ch-modal--is-visible,
  .ch-modal--animate-translate-left.ch-modal--is-visible {
    transition: opacity var(--ch-modal-transition-duration), background-color var(--ch-modal-transition-duration), visibility 0s; }
  .ch-modal--animate-scale.ch-modal--is-visible .ch-modal__content,
  .ch-modal--animate-translate-up.ch-modal--is-visible .ch-modal__content,
  .ch-modal--animate-translate-down.ch-modal--is-visible .ch-modal__content,
  .ch-modal--animate-translate-right.ch-modal--is-visible .ch-modal__content,
  .ch-modal--animate-translate-left.ch-modal--is-visible .ch-modal__content {
    -webkit-transform: scale(1);
    transform: scale(1);
    /* reset all transformations */ }
  .ch-modal--animate-slide-up,
  .ch-modal--animate-slide-down,
  .ch-modal--animate-slide-right,
  .ch-modal--animate-slide-left {
    --ch-modal-transition-duration: 0.3s;
    transition: opacity 0s var(--ch-modal-transition-duration), background-color var(--ch-modal-transition-duration), visibility 0s var(--ch-modal-transition-duration); }
  .ch-modal--animate-slide-up .ch-modal__content,
  .ch-modal--animate-slide-down .ch-modal__content,
  .ch-modal--animate-slide-right .ch-modal__content,
  .ch-modal--animate-slide-left .ch-modal__content {
    will-change: transform;
    transition: -webkit-transform var(--ch-modal-transition-duration) cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform var(--ch-modal-transition-duration) cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform var(--ch-modal-transition-duration) cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform var(--ch-modal-transition-duration) cubic-bezier(0.215, 0.61, 0.355, 1); }
  .ch-modal--animate-slide-up.ch-modal--is-visible,
  .ch-modal--animate-slide-down.ch-modal--is-visible,
  .ch-modal--animate-slide-right.ch-modal--is-visible,
  .ch-modal--animate-slide-left.ch-modal--is-visible {
    transition: background-color var(--ch-modal-transition-duration), visibility 0s; }
  .ch-modal--animate-slide-up.ch-modal--is-visible .ch-modal__content,
  .ch-modal--animate-slide-down.ch-modal--is-visible .ch-modal__content,
  .ch-modal--animate-slide-right.ch-modal--is-visible .ch-modal__content,
  .ch-modal--animate-slide-left.ch-modal--is-visible .ch-modal__content {
    -webkit-transform: scale(1);
    transform: scale(1);
    /* reset all transformations */ }
  /* scale */
  .ch-modal--animate-scale .ch-modal__content {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  /* translate */
  .ch-modal--animate-translate-up .ch-modal__content {
    -webkit-transform: translateY(40px);
    transform: translateY(40px); }
  .ch-modal--animate-translate-down .ch-modal__content {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); }
  .ch-modal--animate-translate-right .ch-modal__content {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px); }
  .ch-modal--animate-translate-left .ch-modal__content {
    -webkit-transform: translateX(40px);
    transform: translateX(40px); }
  /* slide */
  .ch-modal--animate-slide-up .ch-modal__content {
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }
  .ch-modal--animate-slide-down .ch-modal__content {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  .ch-modal--animate-slide-right .ch-modal__content {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  .ch-modal--animate-slide-left .ch-modal__content {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }

/* load content - optional */
.ch-modal--is-loading .ch-modal__content {
  visibility: hidden; }

.ch-modal--is-loading .ch-modal__loader {
  display: flex; }

.ch-modal__loader {
  /* loader icon */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: none;
  pointer-events: none; }

/* --image */
.ch-modal-img-btn {
  position: relative;
  cursor: pointer; }

.ch-modal-img-btn::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background 0.2s; }

.ch-modal-img-btn:hover .ch-modal-img-btn__icon-wrapper {
  opacity: 1; }

.ch-modal-img-btn__icon-wrapper {
  position: absolute;
  z-index: 2;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.2s; }

/* utility classes */
.mc4-max-width-100\% {
  max-width: 150rem; }

.mc4-max-height-100\% {
  max-height: 100%; }

.mc4-shadow-md {
  box-shadow: 0 0.9px 1.5px rgba(0, 0, 0, 0.03), 0 3.1px 5.5px rgba(0, 0, 0, 0.08), 0 14px 25px rgba(0, 0, 0, 0.12); }

.mc4-radius-md {
  border-radius: 0.25em; }

.mc4-block {
  display: block; }

.mc4-pointer-events-none {
  pointer-events: none; }

.mc4-flex-center {
  justify-content: center;
  align-items: center; }

.mc4-flex {
  display: flex; }

.mc4-height-100\% {
  height: 100%; }

.mc4-width-100\% {
  width: 100%; }

.mc4-padding-md {
  padding: var(--mc4-space-md); }

.mc4-bg-black {
  --mc4-bg-o: 1; }

.mc4-width-3xl {
  width: 8rem; }

.mc4-overflow-hidden {
  overflow: hidden; }

.mc4-text-lg {
  font-size: var(--mc4-text-lg); }

.mc4-text-component :where(h1, h2, h3, h4) {
  line-height: var(--mc4-heading-line-height, 1.2);
  margin-top: calc(var(--mc4-space-md) * var(--mc4-space-multiplier, 1));
  margin-bottom: calc(var(--mc4-space-sm) * var(--mc4-space-multiplier, 1)); }

.mc4-text-component :where(p, blockquote, ul li, ol li) {
  line-height: var(--mc4-body-line-height, 1.4); }

.mc4-text-component :where(ul, ol, p, blockquote, .mc4-text-component__block) {
  margin-bottom: calc(var(--mc4-space-sm) * var(--mc4-space-multiplier, 1)); }

.mc4-text-component :where(ul, ol) {
  padding-left: 1.25em; }

.mc4-text-component ul :where(ul, ol),
.mc4-text-component ol :where(ul, ol) {
  padding-left: 1em;
  margin-bottom: 0; }

.mc4-text-component ul {
  list-style-type: disc; }

.mc4-text-component ol {
  list-style-type: decimal; }

.mc4-text-component img {
  display: block;
  margin: 0 auto; }

.mc4-text-component figcaption {
  margin-top: calc(var(--mc4-space-xs) * var(--mc4-space-multiplier, 1));
  font-size: var(--mc4-text-sm);
  text-align: center; }

.mc4-text-component em {
  font-style: italic; }

.mc4-text-component strong {
  font-weight: bold; }

.mc4-text-component s {
  text-decoration: line-through; }

.mc4-text-component u {
  text-decoration: underline; }

.mc4-text-component mark {
  color: inherit; }

.mc4-text-component blockquote {
  padding-left: 1em;
  font-style: italic; }

.mc4-text-component hr {
  margin: calc(var(--mc4-space-md) * var(--mc4-space-multiplier, 1)) auto;
  height: 1px; }

.mc4-text-component > *:first-child {
  margin-top: 0; }

.mc4-text-component > *:last-child {
  margin-bottom: 0; }

.mc4-text-component.mc4-line-height-xs {
  --mc4-heading-line-height: 1;
  --mc4-body-line-height: 1.1; }

.mc4-text-component.mc4-line-height-sm {
  --mc4-heading-line-height: 1.1;
  --mc4-body-line-height: 1.2; }

.mc4-text-component.mc4-line-height-md {
  --mc4-heading-line-height: 1.15;
  --mc4-body-line-height: 1.4; }

.mc4-text-component.mc4-line-height-lg {
  --mc4-heading-line-height: 1.22;
  --mc4-body-line-height: 1.58; }

.mc4-text-component.mc4-line-height-xl {
  --mc4-heading-line-height: 1.3;
  --mc4-body-line-height: 1.72; }

.mc4-top-0 {
  top: 0; }

.mc4-position-sticky {
  position: sticky; }

.mc4-float-right {
  float: right; }

:where(.mc4-inner-glow) {
  position: relative; }

.mc4-inner-glow::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  pointer-events: none; }

.mc4-bg {
  --mc4-bg-o: 1; }

.mc4-overflow-auto {
  overflow: auto; }

.mc4-max-width-sm {
  max-width: 48rem; }

@media not all and (min-width: 64rem) {
  .mc4-display\@md {
    display: none !important; } }

.mc4-gap-xs {
  gap: var(--mc4-space-xs); }

.mc4-justify-end {
  justify-content: flex-end; }

.mc4-padding-x-md {
  padding-left: var(--mc4-space-md);
  padding-right: var(--mc4-space-md); }

.mc4-padding-y-sm {
  padding-top: var(--mc4-space-sm);
  padding-bottom: var(--mc4-space-sm); }

.mc4-text-md {
  font-size: var(--mc4-text-md); }

.mc4-text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.mc4-justify-between {
  justify-content: space-between; }

.mc4-items-center {
  align-items: center; }

.mc4-bg-contrast-lower {
  --mc4-bg-o: 1; }

.mc4-max-width-xs {
  max-width: 38rem; }

.mc4-flex-shrink-0 {
  flex-shrink: 0; }

:where(.mc4-inner-glow-top) {
  position: relative; }

.mc4-inner-glow-top::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  pointer-events: none; }

.mc4-momentum-scrolling {
  -webkit-overflow-scrolling: touch; }

.mc4-flex-grow {
  flex-grow: 1; }

.mc4-flex-column {
  flex-direction: column; }

.mc4-bg-opacity-90\% {
  --mc4-bg-o: 0.9; }

.mc4-bg-opacity-50\% {
  --mc4-bg-o: 0.5; }

@media (min-width: 64rem) {
  .mc4-hide\@md {
    display: none !important; } }

/* -------------------------------- 

File#: _1_newsletter
Title: Newsletter 
Descr: Newsletter form template
Usage: codyhouse.co/license

-------------------------------- */
.newsletter {
  position: relative;
  z-index: 1; }

/* --------------------------------

File#: _1_newsletter-card
Title: Newsletter Card
Descr: A card containing a newsletter form
Usage: codyhouse.co/license

-------------------------------- */
/* -------------------------------- 

File#: _1_note
Title: Note
Descr: A brief piece of information given to the user
Usage: codyhouse.co/license

-------------------------------- */
.note {
  background-color: var(--color-bg-light);
  border-left: 3px solid var(--color-primary);
  box-shadow: var(--shadow-sm);
  /* 👇 you can ovveride this padding using the padding utility classes */ }
  .note:not([class^="padding-"]):not([class*=" padding-"]) {
    padding: var(--space-sm); }

.note--warning {
  border-left-color: var(--color-warning); }

.note--error {
  border-left-color: var(--color-error); }

.note--success {
  border-left-color: var(--color-success); }

.text-component {
  /* reset in case the component is used inside a .text-component */ }
  .text-component .note__content > *:last-child {
    margin-bottom: 0; }
  .text-component .note__title {
    margin-bottom: 0; }

/* -------------------------------- 

File#: _1_number-input
Title: Number input
Descr: Number input field with custom increment buttons
Usage: codyhouse.co/license

-------------------------------- */
.number-input__btn {
  display: none; }

.number-input .form-control::-webkit-inner-spin-button,
.number-input .form-control::-webkit-outer-spin-button {
  display: none; }

.number-input .form-control {
  -moz-appearance: textfield;
  display: block; }

.number-input__btn {
  display: flex;
  background: var(--color-contrast-lower); }
  .number-input__btn:hover {
    background-color: var(--color-contrast-low); }
  .number-input__btn:focus {
    outline: none;
    background-color: var(--color-primary); }
    .number-input__btn:focus .icon {
      color: var(--color-white); }
  .number-input__btn:active {
    background-color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) * 0.9)); }
  .number-input__btn .icon {
    --size: var(--number-input-icon-size, 12px);
    display: block;
    margin: auto; }

.number-input--v1 {
  --number-input-btn-width: 1.75em;
  --number-input-btn-gap: 4px;
  --number-input-btn-input-gap: var(--space-xxxs);
  --number-input-icon-size: 8px;
  position: relative; }
  .number-input--v1 .form-control {
    padding-right: calc(var(--number-input-btn-width) + var(--number-input-btn-input-gap) * 2);
    width: 100%;
    height: 100%; }
  .number-input--v1 .number-input__btns {
    position: absolute;
    top: var(--number-input-btn-input-gap);
    right: var(--number-input-btn-input-gap);
    width: var(--number-input-btn-width);
    height: calc(100% - var(--number-input-btn-input-gap) * 2); }
  .number-input--v1 .number-input__btn {
    position: absolute;
    width: 100%;
    height: calc(50% - var(--number-input-btn-gap) / 2);
    border-radius: var(--radius-sm); }
    .number-input--v1 .number-input__btn.number-input__btn--plus {
      top: 0; }
    .number-input--v1 .number-input__btn.number-input__btn--minus {
      bottom: 0; }

.number-input--v2 {
  --number-input-btn-width: 1.6em;
  --number-input-btn-input-gap: var(--space-xxxs);
  --number-input-icon-size: 12px;
  display: flex;
  align-items: center; }
  .number-input--v2 .form-control {
    margin: 0 var(--number-input-btn-input-gap);
    order: 1;
    flex-grow: 1;
    text-align: center; }
  .number-input--v2 .number-input__btn {
    width: var(--number-input-btn-width);
    height: var(--number-input-btn-width);
    border-radius: 50%;
    flex-shrink: 0; }
  .number-input--v2 .number-input__btn--plus {
    order: 2; }

/* -------------------------------- 

File#: _1_order-summary
Title: Order Summary
Descr: A template showing a recap of the cart items
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --order-summary-img-size: 3.6em;
  --order-summary-img-margin-right: var(--space-xs); }

.order-summary__header {
  border-radius: inherit;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.order-summary__footer {
  border-radius: inherit;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px; }

.order-summary__item {
  display: grid;
  grid-template-columns: var(--order-summary-img-size) 1fr;
  grid-gap: var(--order-summary-img-margin-right);
  align-items: center; }

.order-summary__img {
  display: block;
  width: var(--order-summary-img-size);
  height: var(--order-summary-img-size);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: .2s; }
  .order-summary__img img {
    display: block;
    width: 100%;
    object-fit: cover; }
  .order-summary__img:hover {
    transform: translateY(-1px);
    box-shadow: var(--shadow-sm); }

/* -------------------------------- 

File#: _1_pagination
Title: Pagination 
Descr: Component used to navigate through pages of related content
Usage: codyhouse.co/license

-------------------------------- */
.pagination__list > li {
  display: inline-block; }

.pagination--split .pagination__list {
  width: 100%; }
  .pagination--split .pagination__list > *:first-child {
    margin-right: auto; }
  .pagination--split .pagination__list > *:last-child {
    margin-left: auto; }

.pagination__item {
  display: inline-block;
  display: inline-flex;
  height: 100%;
  align-items: center;
  padding: var(--space-xs) calc(1.355 * var(--space-xs));
  white-space: nowrap;
  line-height: 1;
  border-radius: var(--radius-md);
  text-decoration: none;
  color: var(--color-contrast-high);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  will-change: transform;
  transition: .2s; }
  .pagination__item:hover:not(.pagination__item--selected):not(.pagination__item--ellipsis) {
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1); }
  .pagination__item:active {
    transform: translateY(2px); }

.pagination__item--selected {
  background-color: var(--color-contrast-higher);
  color: var(--color-bg);
  box-shadow: var(--shadow-sm); }

.pagination__item--disabled {
  opacity: 0.5;
  pointer-events: none; }

.pagination__jumper .form-control {
  width: 3em;
  margin-right: var(--space-xs); }

.pagination__jumper em {
  flex-shrink: 0;
  white-space: nowrap; }

/* -------------------------------- 

File#: _1_popover
Title: Popover
Descr: A pop-up box controlled by a trigger element
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --popover-width: 250px;
  --popover-control-gap: 4px;
  --popover-viewport-gap: 20px;
  --popover-transition-duration: 0.2s; }

.popover {
  position: fixed;
  width: var(--popover-width);
  z-index: var(--z-index-popover, 5);
  margin-top: var(--popover-control-gap);
  margin-bottom: var(--popover-control-gap);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s var(--popover-transition-duration), opacity var(--popover-transition-duration); }

.popover--is-visible {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity var(--popover-transition-duration); }

/* -------------------------------- 

File#: _1_previous-next-links
Title: Previous/Next Links
Descr: Links to previous/next articles
Usage: codyhouse.co/license

-------------------------------- */
.pn-links {
  border-top: 1px solid var(--color-contrast-lower);
  border-bottom: 1px solid var(--color-contrast-lower); }

.pn-links__item:first-child .pn-links__link {
  border-bottom: 1px solid var(--color-contrast-lower); }

.pn-links__link {
  display: flex;
  align-items: center;
  height: 100%;
  color: inherit;
  text-decoration: none;
  padding: var(--space-md); }
  .pn-links__link:hover {
    text-decoration: underline; }
    .pn-links__link:hover .pn-links__icon line:nth-child(1) {
      transform: rotate(180deg); }
    .pn-links__link:hover .pn-links__icon line:nth-child(2) {
      transform: rotate(-180deg); }
    .pn-links__link:hover .pn-links__icon line:nth-child(3) {
      stroke-dashoffset: 14; }

.pn-links__icon {
  flex-shrink: 0; }
  .pn-links__icon line:nth-child(1),
  .pn-links__icon line:nth-child(2) {
    transition: transform 0.3s var(--ease-out); }
  .pn-links__icon line:nth-child(1) {
    transform-origin: 42px 19px; }
  .pn-links__icon line:nth-child(2) {
    transform-origin: 42px 29px; }
  .pn-links__icon line:nth-child(3) {
    stroke-dasharray: 48;
    transition: stroke-dashoffset 0.3s var(--ease-out); }

@media (min-width: 64rem) {
  .pn-links__item:first-child .pn-links__link {
    border-bottom: none;
    border-right: 1px solid var(--color-contrast-lower); } }

/* -------------------------------- 

File#: _1_product-card
Title: Product Card
Descr: A selection of product information used as teasers for further content
Usage: codyhouse.co/license

-------------------------------- */
.prod-card {
  position: relative; }

.prod-card__img-link {
  text-decoration: none;
  display: block; }
  .prod-card__img-link:hover .prod-card__img {
    opacity: 0.85; }

.prod-card__img {
  transition: opacity .2s; }
  .prod-card__img img {
    display: block;
    width: 100%; }

.prod-card__badge {
  position: absolute;
  z-index: 1;
  top: var(--space-xs);
  right: var(--space-xs);
  background-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95);
  padding: var(--space-xxs) var(--space-sm);
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-contrast-high);
  font-weight: 500; }

.prod-card__price--old {
  color: var(--color-accent);
  text-decoration: line-through; }
  .prod-card__price--old::before {
    content: 'original price';
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%); }

.prod-card__price--new {
  text-decoration: none; }
  .prod-card__price--new::before {
    content: 'discounted price';
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%); }

/* -------------------------------- 

File#: _1_radios-checkboxes
Title: Radios and Checkboxes
Descr: Custom radio and checkbox buttons
Usage: codyhouse.co/license

-------------------------------- */
:root {
  /* radios + checkboxes */
  --checkbox-radio-size: 18px;
  --checkbox-radio-gap: var(--space-xxs);
  /* gap between button and label */
  --checkbox-radio-border-width: 1px;
  --checkbox-radio-line-height: var(--body-line-height);
  /* radios */
  --radio-marker-size: 8px;
  /* checkboxes */
  --checkbox-marker-size: 12px;
  --checkbox-radius: 4px; }

/* hide native buttons */
.radio,
.checkbox {
  position: absolute;
  padding: 0;
  margin: 0;
  margin-top: calc((1em * var(--checkbox-radio-line-height) - var(--checkbox-radio-size)) / 2);
  opacity: 0;
  height: var(--checkbox-radio-size);
  width: var(--checkbox-radio-size);
  pointer-events: none; }

/* label */
.radio + label,
.checkbox + label {
  display: inline-block;
  line-height: var(--checkbox-radio-line-height);
  user-select: none;
  cursor: pointer;
  padding-left: calc(var(--checkbox-radio-size) + var(--checkbox-radio-gap)); }

/* custom inputs - basic style */
.radio + label::before,
.checkbox + label::before {
  content: '';
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  top: -0.1em;
  margin-left: calc(-1 * (var(--checkbox-radio-size) + var(--checkbox-radio-gap)));
  flex-shrink: 0;
  width: var(--checkbox-radio-size);
  height: var(--checkbox-radio-size);
  background-color: var(--color-bg);
  border-width: var(--checkbox-radio-border-width);
  border-color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), 0.65);
  border-style: solid;
  box-shadow: var(--shadow-xs);
  background-repeat: no-repeat;
  background-position: center;
  margin-right: var(--checkbox-radio-gap);
  transition: transform .2s, border .2s; }

/* :hover */
.radio:not(:checked):not(:focus) + label:hover::before,
.checkbox:not(:checked):not(:focus) + label:hover::before {
  border-color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), 1); }

/* radio only style */
.radio + label::before {
  border-radius: 50%; }

/* checkbox only style */
.checkbox + label::before {
  border-radius: var(--checkbox-radius); }

/* :checked */
.radio:checked + label::before,
.checkbox:checked + label::before {
  background-color: var(--color-primary);
  box-shadow: var(--shadow-xs);
  border-color: var(--color-primary);
  transition: transform .2s; }

/* :active */
.radio:active + label::before,
.checkbox:active + label::before {
  transform: scale(0.8);
  transition: transform .2s; }

/* :checked:active */
.radio:checked:active + label::before,
.checkbox:checked:active + label::before {
  transform: none;
  transition: none; }

/* radio button icon */
.radio:checked + label::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg class='nc-icon-wrapper' fill='%23ffffff'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23ffffff'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
  background-size: var(--radio-marker-size); }

/* checkbox button icon */
.checkbox:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolyline points='1 6.5 4 9.5 11 2.5' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
  background-size: var(--checkbox-marker-size); }

/* :focus */
.radio:checked:active + label::before,
.checkbox:checked:active + label::before,
.radio:focus + label::before,
.checkbox:focus + label::before {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2); }

/* --radio--bg, --checkbox--bg -> variation with background color */
.radio--bg + label,
.checkbox--bg + label {
  padding: var(--space-xxxxs) var(--space-xxxs);
  padding-left: calc(var(--checkbox-radio-size) + var(--checkbox-radio-gap) + var(--space-xxxs));
  border-radius: var(--radius-md);
  transition: background .2s; }

.radio--bg + label:hover,
.checkbox--bg + label:hover {
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075); }

.radio--bg:active + label,
.checkbox--bg:active + label,
.radio--bg:focus + label,
.checkbox--bg:focus + label {
  background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.1); }

/* -------------------------------- 

File#: _1_rating
Title: Rating
Descr: A rating plugin that allows users to vote for your products
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --rating-icon-size: 1.75em; }

.rating__control ul {
  display: inline-block;
  display: inline-flex;
  vertical-align: top; }

.rating__control li {
  position: relative;
  height: var(--rating-icon-size);
  width: var(--rating-icon-size);
  float: left;
  cursor: pointer; }
  .rating__control li:focus {
    outline: none; }
    .rating__control li:focus::before {
      transform: scale(1);
      opacity: 0.2; }
  .rating__control li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    transform: scale(0);
    transition: 0.2s; }
  .rating__control li.rating__item--zero {
    display: none; }

.rating__control--is-hidden {
  display: none; }

.rating__icon,
.rating__control li::before,
.rating[data-animation="on"] .rating__control ul:hover .rating__icon {
  color: var(--color-primary); }

.rating__icon--inactive,
.rating[data-animation="on"] .rating__control li:hover ~ li .rating__icon,
.rating__item--checked ~ li .rating__icon {
  color: var(--color-contrast-lower); }

.rating__icon {
  overflow: hidden; }
  .rating__icon svg {
    display: block;
    height: var(--rating-icon-size);
    width: var(--rating-icon-size);
    max-width: var(--rating-icon-size);
    pointer-events: none; }

.rating--read-only .rating__control li {
  cursor: default; }

.rating__icon--inactive {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.rating__item--half .rating__icon:not(.rating__icon--inactive) {
  position: relative;
  z-index: 2;
  width: 50%; }

.rating[data-animation="on"] .rating__control li:active .rating__icon {
  transform: scale(0.8); }

.rating[data-animation="on"] .rating__icon {
  transition: .2s; }

.rating__select {
  display: none; }

.rating__link {
  display: inline-block;
  transition: opacity .2s; }
  .rating__link:hover {
    opacity: 0.85; }

/* -------------------------------- 

File#: _1_read-more
Title: Read More
Descr: A truncated paragraph with the option of reading more content
Usage: codyhouse.co/license

-------------------------------- */
/* -------------------------------- 

File#: _1_responsive-iframe
Title: Resposive Iframe
Descr: Responsive wrapper for iframe elements (e.g., YouTube and Vimeo videos)
Usage: codyhouse.co/license

-------------------------------- */
/* utility classes */
:where(.rh5-media-wrapper-16\:9) {
  position: relative;
  height: 0; }

.rh5-media-wrapper-16\:9 {
  padding-bottom: 56.25%; }

.rh5-media-wrapper-16\:9 > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.rh5-media-wrapper-16\:9 > *:not(iframe) {
  object-fit: cover; }

/* -------------------------------- 

File#: _1_row-table
Title: Row Oriented Table
Descr: Data tables used to organize information, with a specific layout for cases where each row is a meaningful unit
Usage: codyhouse.co/license

-------------------------------- */
.row-table {
  position: relative;
  z-index: 1; }

.row-table__cell {
  padding: var(--space-sm); }

.row-table__cell--th {
  font-weight: bold;
  color: var(--color-contrast-higher); }

.row-table__list {
  display: none; }

.row-table:not(.row-table--collapsed) {
  border-bottom: 1px solid var(--color-contrast-lower); }
  .row-table:not(.row-table--collapsed) .row-table__header .row-table__row {
    background-color: var(--color-bg); }
  .row-table:not(.row-table--collapsed) .row-table__header .row-table__cell {
    position: relative;
    background-color: inherit;
    border-bottom: 1px solid var(--color-contrast-lower);
    z-index: 10; }
  .row-table:not(.row-table--collapsed) .row-table__header--sticky .row-table__cell {
    position: sticky;
    top: 0; }
  .row-table:not(.row-table--collapsed) .row-table__body .row-table__row:nth-child(odd) {
    background-color: hsla(var(--color-bg-dark-h), var(--color-bg-dark-s), var(--color-bg-dark-l), 0.85); }
  .row-table:not(.row-table--collapsed) .row-table__input {
    display: none; }

.row-table--collapsed {
  border-collapse: separate;
  border-spacing: 0 var(--space-xxs);
  margin-top: calc(-2 * var(--space-xxs)); }
  .row-table--collapsed .row-table__header,
  .row-table--collapsed .row-table__cell:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    padding: 0; }
  .row-table--collapsed .row-table__cell:first-child {
    position: relative;
    background-color: var(--color-bg-light);
    box-shadow: var(--inner-glow-top), var(--shadow-sm);
    border-radius: var(--radius-md);
    width: 100%; }
  .row-table--collapsed .row-table__th-inner {
    font-size: var(--text-md);
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .row-table--collapsed .row-table__th-icon {
    position: relative;
    height: 24px;
    width: 24px;
    --row-table-arrow-width: 2px; }
    .row-table--collapsed .row-table__th-icon::before, .row-table--collapsed .row-table__th-icon::after {
      content: '';
      position: absolute;
      top: calc(50% - 6px);
      width: var(--row-table-arrow-width);
      height: 12px;
      background-color: currentColor;
      transform-origin: 50% 100%;
      transition: transform .3s; }
    .row-table--collapsed .row-table__th-icon::before {
      right: 50%;
      transform: translateX(50%) rotate(-45deg); }
    .row-table--collapsed .row-table__th-icon::after {
      right: calc(50% + var(--row-table-arrow-width)/2);
      transform: translateX(50%) rotate(45deg); }
  .row-table--collapsed .row-table__list {
    margin-top: var(--space-sm);
    line-height: var(--body-line-height); }
  .row-table--collapsed .row-table__item {
    display: flex;
    justify-content: space-between;
    font-weight: normal;
    color: var(--color-contrast-high);
    border-top: 1px solid var(--color-contrast-lower);
    text-align: right;
    padding: var(--space-sm) 0; }
  .row-table--collapsed .row-table__label {
    color: var(--color-contrast-higher);
    font-weight: bold;
    margin-right: var(--space-md);
    text-align: left; }
  .row-table--collapsed .row-table__cell--show-list .row-table__th-icon::before {
    transform: translateX(50%) translateY(-80%) rotate(-135deg); }
  .row-table--collapsed .row-table__cell--show-list .row-table__th-icon::after {
    transform: translateX(50%) translateY(-80%) rotate(135deg); }
  .row-table--collapsed .row-table__cell--show-list .row-table__list {
    display: block; }
  .row-table--collapsed .row-table__input {
    position: absolute;
    pointer-events: none;
    height: 0;
    width: 0;
    opacity: 0;
    padding: 0;
    border: 0; }
  .row-table--collapsed .row-table__input:focus + .row-table__th-inner {
    color: var(--color-primary); }

[class*="row-table--expanded"]::before {
  display: none;
  content: 'expanded'; }

@media (min-width: 32rem) {
  .row-table--expanded\@xs::before {
    content: 'merged'; } }

@media (min-width: 48rem) {
  .row-table--expanded\@sm::before {
    content: 'merged'; } }

@media (min-width: 64rem) {
  .row-table--expanded\@md::before {
    content: 'merged'; } }

@media (min-width: 80rem) {
  .row-table--expanded\@lg::before {
    content: 'merged'; } }

@media (min-width: 90rem) {
  .row-table--expanded\@xl::before {
    content: 'merged'; } }

/* -------------------------------- 

File#: _1_scrollbar
Title: Scrollbar
Descr: (WebKit) custom scrollbar
Usage: codyhouse.co/license

-------------------------------- */
.custom-scrollbar::-webkit-scrollbar {
  width: 16px; }

.custom-scrollbar::-webkit-scrollbar-track {
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0); }

.custom-scrollbar::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-clip: content-box;
  border-radius: 50em;
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.125); }

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.2); }

/* -------------------------------- 

File#: _1_search-input
Title: Search input
Descr: Search input field with custom button
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --search-input-btn-width: 2.2em;
  --search-input-icon-size: 1em;
  --search-input-shortcut-margin: 0.325em;
  /* gap between the shortcut badge and the input edges */ }

.search-input {
  position: relative; }

.search-input__input {
  width: 100%;
  height: 100%; }
  .search-input__input::-webkit-search-decoration, .search-input__input::-webkit-search-cancel-button, .search-input__input::-webkit-search-results-button, .search-input__input::-webkit-search-results-decoration {
    -webkit-appearance: none; }
  .search-input__input::-ms-clear, .search-input__input::-ms-reveal {
    display: none;
    width: 0;
    height: 0; }
  .search-input--icon-right .search-input__input {
    padding-right: var(--search-input-btn-width); }
  .search-input--icon-left .search-input__input {
    padding-left: var(--search-input-btn-width); }

.search-input__btn {
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  appearance: none;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: var(--search-input-btn-width); }
  .search-input__btn:active .icon {
    transform: translateY(2px); }
  .search-input__btn .icon {
    display: block;
    --size: var(--search-input-icon-size);
    margin-left: auto;
    margin-right: auto;
    color: var(--color-contrast-low);
    /* icon color */
    transition: .2s; }
  .search-input--icon-left .search-input__btn {
    left: 0;
    right: auto;
    pointer-events: none; }

.search-input__btn:focus .icon,
.search-input .search-input__input:focus + .search-input__btn .icon {
  color: var(--color-primary);
  /* active icon color */ }

/* --shortcut */
.search-input__shortcut {
  position: absolute;
  right: var(--search-input-shortcut-margin);
  top: var(--search-input-shortcut-margin);
  height: calc(100% - var(--search-input-shortcut-margin)*2);
  display: flex;
  align-items: center;
  background-color: var(--color-bg);
  border: 1px solid var(--color-contrast-lower);
  border-radius: var(--radius-sm);
  --space-unit: 1em;
  padding: 0 var(--space-xxxs);
  line-height: 1;
  color: var(--color-contrast-medium); }

.search-input:focus-within .search-input__shortcut {
  display: none; }

/* -------------------------------- 

File#: _1_section-divider
Title: Section divider
Descr: A collection of SVG section dividers.
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --section-divider-width: 1920;
  --section-divider-height: 60;
  --section-divider-ratio: calc(100% * var(--section-divider-height) / var(--section-divider-width)); }

[class*="has-section-divider"] {
  position: relative; }

.has-section-dividers {
  padding-top: var(--section-divider-ratio);
  padding-bottom: var(--section-divider-ratio); }
  .has-section-dividers .section-divider + .section-divider {
    bottom: auto;
    top: -1px;
    transform: scaleY(-1); }

.has-section-divider-top {
  padding-top: var(--section-divider-ratio); }
  .has-section-divider-top .section-divider {
    bottom: auto;
    top: -1px;
    transform: scaleY(-1); }

.has-section-divider-bottom {
  padding-bottom: var(--section-divider-ratio); }

.section-divider {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  overflow: hidden; }
  .section-divider svg {
    position: relative;
    display: block;
    height: auto;
    max-width: none;
    width: 102%;
    left: -1%; }

/* -------------------------------- 

File#: _1_skip-link
Title: Skip Link
Descr: Accessibility feature that allows users to jump to the main content of the page
Usage: codyhouse.co/license

-------------------------------- */
.skip-link {
  position: absolute;
  z-index: var(--z-index-fixed-element, 10);
  top: 0;
  left: 0;
  display: inline-block;
  padding: var(--space-sm) var(--space-md);
  background-color: var(--color-bg-light);
  box-shadow: var(--shadow-lg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%); }
  .skip-link:focus, .skip-link.skip-link--focus {
    clip: auto;
    clip-path: none;
    outline: 3px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2); }

@media screen and (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth; } }

/* -------------------------------- 

File#: _1_smooth-scrolling
Title: Smooth Scrolling
Descr: Replace the default browser behaviour (jump) with a smooth scrolling transition
Usage: codyhouse.co/license

-------------------------------- */
html {
  scroll-behavior: smooth; }

/* -------------------------------- 

File#: _1_social-sharing
Title: Social Sharing
Descr: Social sharing plugin
Usage: codyhouse.co/license

-------------------------------- */
.sharebar__btn {
  --size: 60px;
  width: var(--size);
  height: var(--size);
  display: flex;
  background: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1);
  border-radius: 50%;
  transition: .2s; }
  .sharebar__btn .icon {
    --size: 24px;
    display: block;
    margin: auto;
    color: var(--color-contrast-high);
    transition: color .2s; }
  .sharebar__btn:hover {
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075);
    box-shadow: var(--shadow-sm); }
    .sharebar__btn:hover .icon {
      color: var(--color-contrast-higher); }

/* -------------------------------- 

File#: _1_stories
Title: Stories
Descr: A collection of related article tasters
Usage: codyhouse.co/license

-------------------------------- */
.stories {
  background-color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0.3);
  padding: var(--component-padding);
  border-radius: var(--radius-lg); }
  @media (min-width: 64rem) {
    .stories {
      --text-unit: 1em;
      /* use Em units */
      font-size: var(--text-sm);
      /* reduce font size of all text elements */
      padding: var(--space-sm); } }

.stories__legend {
  font-size: 1em;
  margin-bottom: var(--space-md);
  color: var(--color-contrast-medium); }

.stories__story {
  display: flex; }
  .stories__story:not(:last-child) {
    margin-bottom: var(--space-sm);
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--color-contrast-lower); }

.stories__img-wrapper {
  display: block;
  width: 3.6em;
  height: 3.6em;
  border-radius: var(--radius-md);
  overflow: hidden;
  flex-shrink: 0;
  transition: opacity .2s;
  margin-right: var(--space-xs); }
  .stories__img-wrapper figure,
  .stories__img-wrapper img {
    width: inherit;
    height: inherit; }
  .stories__img-wrapper img {
    display: block;
    object-fit: cover; }
  .stories__img-wrapper:hover {
    opacity: 0.85; }

.stories__text {
  margin-top: var(--space-xxxs); }

.stories__headline {
  font-size: var(--text-md); }

.stories__metadata {
  color: var(--color-contrast-medium);
  font-size: var(--text-sm);
  text-transform: uppercase; }

.stories__headline a,
.stories__metadata a {
  color: var(--color-contrast-higher);
  text-decoration: none; }
  .stories__headline a:hover,
  .stories__metadata a:hover {
    text-decoration: underline; }

.stories__separator {
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  background-color: var(--color-contrast-low);
  border-radius: 50%;
  margin: 0 var(--space-xxxs); }

/* -------------------------------- 

File#: _1_tabbed-navigation
Title: Tabbed Navigation
Descr: Tabbed secondary navigation
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --s-tabs-border-bottom-width: 1px;
  --s-tabs-selected-item-border-bottom-width: 1px; }

.s-tabs {
  position: relative; }
  .s-tabs::after {
    /* gradient - truncate text */
    content: '';
    position: absolute;
    right: -1px;
    top: 0;
    height: calc(100% - var(--s-tabs-border-bottom-width));
    width: 2em;
    background: linear-gradient(90deg, hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0), var(--color-bg));
    pointer-events: none;
    z-index: 1; }

.s-tabs__list {
  display: flex;
  overflow: auto;
  -webkit-overflow-scrolling: auto; }
  .s-tabs__list::after {
    /* border bottom */
    content: '';
    position: absolute;
    width: 100%;
    height: var(--s-tabs-border-bottom-width);
    left: 0;
    bottom: 0;
    background-color: var(--color-contrast-lower); }

.s-tabs__link {
  color: var(--color-contrast-medium);
  text-decoration: none;
  display: inline-block;
  padding: var(--space-xs) var(--space-sm);
  white-space: nowrap;
  border-bottom: var(--s-tabs-selected-item-border-bottom-width) solid transparent;
  z-index: 1;
  transition: .2s; }
  .s-tabs__link:hover:not(.s-tabs__link--current) {
    color: var(--color-contrast-high); }

.s-tabs__link--current {
  position: relative;
  color: var(--color-primary);
  border-bottom-color: var(--color-primary); }

/* -------------------------------- 

File#: _1_tabbed-navigation-v2
Title: Tabbed Navigation v2
Descr: Tabbed (secondary) navigation
Usage: codyhouse.co/license

-------------------------------- */
.tabs-nav-v2 {
  --tabs-nav-border-width: 1px;
  display: flex;
  flex-wrap: wrap;
  border-bottom: var(--tabs-nav-border-width) solid var(--color-contrast-lower); }
  .tabs-nav-v2 li {
    display: inline-block;
    margin-right: var(--space-xs);
    margin-bottom: var(--space-xs); }

.tabs-nav-v2__item {
  display: inline-block;
  padding: var(--space-xs) var(--space-sm);
  border-radius: var(--radius-md);
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1);
  color: inherit;
  white-space: nowrap;
  text-decoration: none; }

.tabs-nav-v2__item--selected,
.tabs-nav-v2__item[aria-selected="true"] {
  color: var(--color-bg);
  background-color: var(--color-contrast-higher); }

@media (min-width: 64rem) {
  .tabs-nav-v2 li {
    margin: 0; }
  .tabs-nav-v2__item {
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    background-color: transparent;
    border: var(--tabs-nav-border-width) solid transparent;
    border-bottom-width: 0;
    transition: .2s; }
    .tabs-nav-v2__item:hover {
      background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075); }
  .tabs-nav-v2__item--selected,
  .tabs-nav-v2__item[aria-selected="true"] {
    position: relative;
    background-color: var(--color-bg);
    color: var(--color-primary);
    border-color: var(--color-contrast-lower); }
    .tabs-nav-v2__item--selected::after,
    .tabs-nav-v2__item[aria-selected="true"]::after {
      content: '';
      position: absolute;
      bottom: calc(var(--tabs-nav-border-width) * -1);
      left: 0;
      width: 100%;
      height: var(--tabs-nav-border-width);
      background-color: var(--color-bg); }
    .tabs-nav-v2__item--selected:hover,
    .tabs-nav-v2__item[aria-selected="true"]:hover {
      background-color: var(--color-bg); } }

/* -------------------------------- 

File#: _1_table
Title: Table
Descr: Data tables used to organize and display information in rows and columns
Usage: codyhouse.co/license

-------------------------------- */
.table {
  position: relative;
  z-index: 1; }

.table:not(.table--expanded) {
  border-collapse: separate;
  border-spacing: 0 var(--space-md);
  margin-top: calc(-2 * var(--space-md)); }
  .table:not(.table--expanded) .table__header {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%); }
  .table:not(.table--expanded) .table__row .table__cell:first-child {
    border-radius: var(--radius-md) var(--radius-md) 0 0; }
  .table:not(.table--expanded) .table__row .table__cell:last-child {
    border-radius: 0 0 var(--radius-md) var(--radius-md); }
    .table:not(.table--expanded) .table__row .table__cell:last-child::after {
      display: none; }
  .table:not(.table--expanded) .table__cell {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-align: right;
    padding: var(--space-md);
    background-color: var(--color-bg-light); }
    .table:not(.table--expanded) .table__cell::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: var(--space-md);
      width: calc(100% - (2 * var(--space-md)));
      height: 1px;
      background-color: var(--color-contrast-lower); }
  .table:not(.table--expanded) .table__label {
    font-weight: bold;
    text-align: left;
    color: var(--color-contrast-higher);
    margin-right: var(--space-md); }

.table--expanded {
  border-bottom: 1px solid var(--color-contrast-lower); }
  .table--expanded .table__header .table__cell {
    position: relative;
    z-index: 10;
    background-color: var(--color-bg);
    border-bottom: 1px solid var(--color-contrast-lower);
    font-weight: bold;
    color: var(--color-contrast-higher); }
  .table--expanded .table__body .table__row:nth-child(odd) {
    background-color: hsla(var(--color-bg-dark-h), var(--color-bg-dark-s), var(--color-bg-dark-l), 0.85); }
  .table--expanded .table__cell {
    padding: var(--space-sm); }
  .table--expanded .table__label {
    display: none; }
  .table--expanded .table__header--sticky .table__cell {
    position: sticky;
    top: 0; }

.table--loaded {
  opacity: 1; }

[class*="table--expanded"]::before {
  display: none; }

.table--expanded\@xs::before {
  content: 'collapsed'; }
  @media (min-width: 32rem) {
    .table--expanded\@xs::before {
      content: 'expanded'; } }

.table--expanded\@sm::before {
  content: 'collapsed'; }
  @media (min-width: 48rem) {
    .table--expanded\@sm::before {
      content: 'expanded'; } }

.table--expanded\@md::before {
  content: 'collapsed'; }
  @media (min-width: 64rem) {
    .table--expanded\@md::before {
      content: 'expanded'; } }

.table--expanded\@lg::before {
  content: 'collapsed'; }
  @media (min-width: 80rem) {
    .table--expanded\@lg::before {
      content: 'expanded'; } }

.table--expanded\@xl::before {
  content: 'collapsed'; }
  @media (min-width: 90rem) {
    .table--expanded\@xl::before {
      content: 'expanded'; } }

/* -------------------------------- 

File#: _1_tabs
Title: Tabs
Descr: A list of content sections (panels), accessible one at a time using control labels
Usage: codyhouse.co/license

-------------------------------- */
.tabs__control {
  text-decoration: none;
  color: var(--color-contrast-medium); }
  .tabs__control:focus {
    outline: 2px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
    outline-offset: 2px; }
  .tabs__control:hover {
    color: var(--color-contrast-high); }

.tabs__control[aria-selected="true"] {
  color: var(--color-contrast-high);
  text-decoration: underline; }

/* -------------------------------- 

File#: _1_text-divider
Title: Text divider
Descr: Labelled horizontal divider for text components
Usage: codyhouse.co/license

-------------------------------- */
.text-divider {
  margin: var(--space-lg) auto;
  display: flex;
  text-align: center;
  align-items: center; }
  .text-divider span {
    font-size: var(--text-xs);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 0 var(--space-sm); }
  .text-divider::before, .text-divider::after {
    content: '';
    display: inline-block;
    height: 1px;
    width: 20px;
    flex-grow: 1;
    background: var(--color-contrast-lower);
    vertical-align: middle; }

.text-component .text-divider {
  margin: calc(var(--space-md) * var(--text-space-y-multiplier)) auto; }

/* -------------------------------- 

File#: _1_text-points
Title: Text Points
Descr: A list of text components
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --text-points-bullet-size: 32px;
  --text-points-bullet-font-size: 14px;
  --text-points-bullet-margin-right: var(--space-xs); }

.text-points--counter .text-points__text,
.text-points--letter .text-points__text,
.text-points--icon .text-points__text {
  padding-left: calc(var(--text-points-bullet-size) + var(--text-points-bullet-margin-right)); }

.text-points--counter .text-points__bullet,
.text-points--letter .text-points__bullet,
.text-points--icon .text-points__bullet {
  position: relative;
  margin-left: calc(-1 * var(--text-points-bullet-size));
  left: calc(-1 * var(--text-points-bullet-margin-right)); }
  .text-points--counter .text-points__bullet::before,
  .text-points--letter .text-points__bullet::before,
  .text-points--icon .text-points__bullet::before {
    content: 'X';
    display: inline-flex;
    width: var(--text-points-bullet-size);
    overflow: hidden;
    pointer-events: none;
    opacity: 0; }
  .text-points--counter .text-points__bullet::after,
  .text-points--letter .text-points__bullet::after,
  .text-points--icon .text-points__bullet::after {
    content: '';
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: var(--text-points-bullet-size);
    height: var(--text-points-bullet-size);
    background-color: var(--color-bg-dark);
    border-radius: 50%;
    font-size: var(--text-points-bullet-font-size);
    font-weight: 600;
    color: var(--color-contrast-medium); }

.text-points--counter .text-points__item {
  counter-increment: text-points; }

.text-points--counter .text-points__bullet::after {
  content: counter(text-points); }

.text-points--letter .text-points__bullet::after {
  content: '?'; }

.text-points--icon .text-points__bullet::after {
  content: '';
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='%23000000'%3E%3Ccircle cx='16' cy='16' r='16' opacity='.15'%3E%3C/circle%3E%3Cpath d='M16 24a1 1 0 0 1-1-1v-9a1 1 0 0 1 2 0v9a1 1 0 0 1-1 1z'%3E%3C/path%3E%3Ccircle cx='16' cy='9.5' r='1.5'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
  background: var(--color-primary); }

.text-points__image-bullet {
  position: relative;
  margin-left: calc(-1 * var(--text-points-bullet-size)) !important;
  left: calc(-1 * var(--text-points-bullet-margin-right));
  background: #ffe5cc;
  padding: 5px;
  border-radius: 2rem; }

/* -------------------------------- 

File#: _1_thank-you
Title: Thank You
Descr: Order confirmation template
Usage: codyhouse.co/license

-------------------------------- */
.thank-you {
  position: relative;
  z-index: 1; }

.thank-you__icon {
  width: 80px;
  height: 80px; }

.thank-you__icon-group {
  transform-origin: 50% 50%;
  animation: thank-you-icon 0.5s var(--ease-out); }
  .thank-you__icon-group > *:last-child {
    transform-origin: 50% 50%;
    stroke-dashoffset: 55;
    stroke-dasharray: 55;
    animation: thank-you-icon-check 0.5s var(--ease-out) forwards; }

@keyframes thank-you-icon {
  from {
    transform: scale(0.5);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

@keyframes thank-you-icon-check {
  from {
    stroke-dashoffset: 55; }
  to {
    stroke-dashoffset: 0; } }

/* -------------------------------- 

File#: _1_tooltip
Title: Tooltip
Descr: A popup displaying additional text information
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --tooltip-triangle-size: 12px; }

.tooltip-trigger {
  /* style inline-text tooltip trigger */
  white-space: nowrap;
  border-bottom: 1px dotted var(--color-contrast-high);
  cursor: help; }

.tooltip {
  /* tooltip element - created using js */
  position: absolute;
  z-index: var(--z-index-popover, 5);
  display: inline-block;
  padding: var(--space-xxs) var(--space-xs);
  border-radius: var(--radius-md);
  max-width: 200px;
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.98);
  box-shadow: var(--shadow-md);
  color: var(--color-bg);
  font-size: var(--text-sm);
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: opacity 0.2s, visibility 0.2s; }
  .tooltip a {
    color: inherit;
    text-decoration: underline; }
  @supports (clip-path: inset(50%)) {
    .tooltip::before {
      /* tooltip triangle  */
      content: '';
      position: absolute;
      background-color: inherit;
      border: inherit;
      width: var(--tooltip-triangle-size);
      height: var(--tooltip-triangle-size);
      clip-path: polygon(0% 0%, 100% 100%, 100% 100%, 0% 100%); } }

.tootip:not(.tooltip--sticky) {
  pointer-events: none; }

.tooltip--product {
  max-width: 400px;
  font-size: var(--text-xs);
  background-color: var(--color-white);
  color: var(--color-black);
  border: 1px solid var(--color-black);
  font-weight: bold; }

/* size variations */
.tooltip--sm {
  max-width: 150px;
  font-size: var(--text-xs);
  padding: var(--space-xxxs) var(--space-xxs); }

.tooltip--md {
  max-width: 300px;
  padding: var(--space-xs) var(--space-sm); }

.tooltip--lg {
  max-width: 350px;
  font-size: var(--text-base-size);
  padding: var(--space-xs) var(--space-sm); }

/* tooltip position */
.tooltip {
  /* variable used in JS to proper place tooltip triangle */
  --tooltip-triangle-translate: 0px; }

.tooltip--top::before,
.tooltip--bottom::before {
  left: calc(50% - var(--tooltip-triangle-size) / 2); }

.tooltip--top::before {
  bottom: calc(var(--tooltip-triangle-size) * -0.5);
  transform: translateX(var(--tooltip-triangle-translate)) rotate(-45deg); }

.tooltip--bottom::before {
  top: calc(var(--tooltip-triangle-size) * -0.5);
  transform: translateX(var(--tooltip-triangle-translate)) rotate(135deg); }

.tooltip--left::before,
.tooltip--right::before {
  top: calc(50% - var(--tooltip-triangle-size) / 2); }

.tooltip--left::before {
  right: calc(var(--tooltip-triangle-size) * -0.5);
  transform: translateX(var(--tooltip-triangle-translate)) rotate(-135deg); }

.tooltip--right::before {
  left: calc(var(--tooltip-triangle-size) * -0.5);
  transform: translateX(var(--tooltip-triangle-translate)) rotate(45deg); }

.tooltip--is-hidden {
  /* class used in JS to hide the tooltip element before its top/left positions are set */
  visibility: hidden;
  opacity: 0; }

/* -------------------------------- 

File#: _1_vertical-timeline
Title: Vertical Timeline
Descr: A vertical timeline used to display a sequence of events/steps
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --v-timeline-marker-size: 16px;
  --v-timeline-track-width: 2px;
  --v-timeline-triangle-size: 12px;
  --v-timeline-sections-gap: var(--space-lg);
  --v-timeline-items-gap: var(--space-sm); }

.v-timeline {
  position: relative;
  padding: var(--space-lg) 0; }
  .v-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: calc((var(--v-timeline-marker-size) - var(--v-timeline-track-width))*0.5);
    height: 100%;
    width: var(--v-timeline-track-width);
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1); }

.v-timeline__section {
  position: relative;
  display: flex; }
  .v-timeline__section:not(:last-of-type) {
    margin-bottom: var(--v-timeline-sections-gap); }

.v-timeline__marker {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  height: var(--v-timeline-marker-size);
  width: var(--v-timeline-marker-size);
  border-radius: 50%;
  margin-right: calc(var(--v-timeline-triangle-size) + var(--space-xxs)); }

.v-timeline__item {
  position: relative;
  top: calc(0.5 * var(--v-timeline-marker-size));
  flex-grow: 1; }
  .v-timeline__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: calc(-1 * var(--v-timeline-triangle-size) + 1px);
    height: var(--v-timeline-triangle-size);
    width: var(--v-timeline-triangle-size);
    background-color: inherit;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%); }
  .v-timeline__item:not(:last-child) {
    margin-bottom: var(--v-timeline-items-gap); }
  .v-timeline__item:not(:first-child) .v-timeline__date {
    display: none; }
  .v-timeline__item:not(:first-child)::before {
    display: none; }

.v-timeline__date-value {
  color: var(--color-contrast-medium);
  font-size: var(--text-sm);
  text-transform: uppercase;
  letter-spacing: 0.1em; }

@media not all and (min-width: 64rem) {
  .v-timeline__item:first-child {
    border-top-left-radius: 0; } }

@media (min-width: 64rem) {
  .v-timeline::before {
    left: calc(50% - var(--v-timeline-track-width)/2); }
  .v-timeline__section {
    width: calc(50% + var(--v-timeline-marker-size)/2); }
    .v-timeline__section:nth-child(odd) {
      flex-direction: row-reverse; }
      .v-timeline__section:nth-child(odd) .v-timeline__marker {
        margin-right: 0;
        margin-left: calc(var(--v-timeline-triangle-size) + var(--space-xxs)); }
      .v-timeline__section:nth-child(odd) .v-timeline__item::before {
        left: auto;
        right: calc(-1 * var(--v-timeline-triangle-size) + 1px);
        transform: scaleX(-1); }
      .v-timeline__section:nth-child(odd) .v-timeline__item:first-child {
        border-top-right-radius: 0; }
      .v-timeline__section:nth-child(odd) .v-timeline__date {
        right: calc(-2 * (var(--v-timeline-triangle-size) + var(--space-xxs)) - var(--v-timeline-marker-size));
        transform: translateX(100%) translateY(-50%); }
    .v-timeline__section:nth-child(even) {
      margin-left: auto; }
      .v-timeline__section:nth-child(even) .v-timeline__item:first-child {
        border-top-left-radius: 0; }
      .v-timeline__section:nth-child(even) .v-timeline__date {
        left: calc(-2 * (var(--v-timeline-triangle-size) + var(--space-xxs)) - var(--v-timeline-marker-size));
        transform: translateX(-100%) translateY(-50%); }
  .v-timeline__section--is-hidden {
    opacity: 0; }
  .v-timeline__date {
    position: absolute;
    top: 0;
    white-space: nowrap; }
  .v-timeline[data-animation="on"] .v-timeline__marker {
    opacity: 0;
    transform: scale(0.5);
    transition: transform 0.6s var(--ease-out), opacity 0.6s; }
  .v-timeline[data-animation="on"] .v-timeline__item {
    opacity: 0;
    transition: transform 0.6s var(--ease-out), opacity 0.6s; }
  .v-timeline[data-animation="on"] .v-timeline__section:nth-child(odd) .v-timeline__item {
    transform: translateX(-50px); }
  .v-timeline[data-animation="on"] .v-timeline__section:nth-child(even) .v-timeline__item {
    transform: translateX(50px); }
  .v-timeline[data-animation="on"] .v-timeline__section--animate .v-timeline__item {
    transform: translateX(0) !important;
    opacity: 1; }
  .v-timeline[data-animation="on"] .v-timeline__section--animate .v-timeline__marker {
    transform: scale(1);
    opacity: 1; } }

.v-timeline--icons {
  --v-timeline-marker-size: 3em; }

/* -------------------------------- 

File#: _2_accordion-v2
Title: Accordion v2
Descr: Stacked, expandable content sections
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --accordion-v2-icon-size: 20px;
  --accordion-v2-icon-stroke-width: 2px; }

.accordion-v2__item {
  background-color: var(--color-bg-light);
  box-shadow: var(--inner-glow-top), var(--shadow-sm);
  border-radius: var(--radius-md);
  transition: .3s; }
  .accordion-v2__item:hover {
    box-shadow: var(--inner-glow-top), var(--shadow-md); }

.accordion-v2__header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  cursor: pointer; }
  .accordion-v2__header .icon {
    --size: var(--accordion-v2-icon-size); }
    .accordion-v2__header .icon .icon__group {
      stroke-width: var(--accordion-v2-icon-stroke-width); }

.accordion-v2__icon-arrow .icon__group {
  will-change: transform;
  transform-origin: 50% 50%; }
  .accordion-v2__icon-arrow .icon__group > * {
    transform-origin: 50% 50%;
    stroke-dasharray: 20;
    transform: translateY(4px); }
  .accordion-v2__icon-arrow .icon__group > *:first-child {
    stroke-dashoffset: 10.15; }
  .accordion-v2__icon-arrow .icon__group > *:last-child {
    stroke-dashoffset: 10.15; }

.accordion-v2__item--is-open > .accordion-v2__header > .accordion-v2__icon-arrow .icon__group {
  transform: rotate(-90deg); }
  .accordion-v2__item--is-open > .accordion-v2__header > .accordion-v2__icon-arrow .icon__group > *:first-child,
  .accordion-v2__item--is-open > .accordion-v2__header > .accordion-v2__icon-arrow .icon__group *:last-child {
    stroke-dashoffset: 0;
    transform: translateY(0px); }

.accordion-v2__panel {
  display: none;
  will-change: height;
  transform: translateZ(0px); }

.accordion-v2__item--is-open > .accordion-v2__panel {
  display: block; }

.accordion-v2[data-animation="on"] .accordion-v2__item--is-open .accordion-v2__panel > * {
  animation: accordion-v2-entry-animation 0.4s var(--ease-out); }

.accordion-v2[data-animation="on"] .accordion-v2__icon-arrow .icon__group {
  transition: transform 0.3s var(--ease-out); }
  .accordion-v2[data-animation="on"] .accordion-v2__icon-arrow .icon__group > * {
    transition: transform .3s, stroke-dashoffset .3s;
    transition-timing-function: var(--ease-out); }

@keyframes accordion-v2-entry-animation {
  from {
    opacity: 0;
    transform: translateY(-10px); }
  to {
    opacity: 1;
    transform: translateY(0px); } }

/* -------------------------------- 

File#: _2_article-gallery
Title: Article Gallery
Descr: A gallery of blog articles
Usage: codyhouse.co/license

-------------------------------- */
/* -------------------------------- 

File#: _2_article-gallery-v2
Title: Article Gallery v2
Descr: A gallery of blog articles
Usage: codyhouse.co/license

-------------------------------- */
/* -------------------------------- 

File#: _2_article-gallery-v4
Title: Article Gallery v4
Descr: A gallery of blog articles
Usage: codyhouse.co/license

-------------------------------- */
.articles-v4.masonry {
  --masonry-grid-gap: var(--space-sm);
  --masonry-col-auto-size: 320px; }

/* -------------------------------- 

File#: _2_article-preview-v4
Title: Article Preview v4
Descr: Blog post excerpt, containing a link to the article page and a preview image
Usage: codyhouse.co/license

-------------------------------- */
.story-v4 {
  position: relative;
  z-index: 1; }

.story-v4__title {
  color: var(--color-contrast-higher);
  text-decoration-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.2);
  transition: .2s; }
  .story-v4__title:hover {
    text-decoration-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 1); }

.story-v4__img-link {
  display: block; }
  .story-v4__img-link img {
    display: block;
    width: 100%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    transition: 0.3s var(--ease-out); }
  .story-v4__img-link:hover img {
    clip-path: polygon(2% 2%, 98% 2%, 98% 98%, 2% 98%); }

/* -------------------------------- 

File#: _2_article-v2
Title: Article v2
Descr: Article template
Usage: codyhouse.co/license

-------------------------------- */
.t-article-v2__cover {
  height: 200px;
  background-color: var(--color-contrast-low);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  @media (min-width: 64rem) {
    .t-article-v2__cover {
      height: 400px; } }

.t-article-v2__intro {
  background-color: var(--color-bg);
  padding: var(--space-md);
  margin-top: calc(-1 * var(--space-xxl)); }

.t-article-v2__divider {
  display: flex;
  align-items: center; }
  .t-article-v2__divider span {
    display: block;
    margin: 0 var(--space-xs);
    height: 10px;
    width: 10px;
    transform: rotate(45deg);
    background-color: var(--color-contrast-low); }
  .t-article-v2__divider::before, .t-article-v2__divider::after {
    content: '';
    display: block;
    height: 1px;
    width: auto;
    flex-grow: 1;
    background-color: var(--color-contrast-lower); }

/* -------------------------------- 

File#: _2_article-v4
Title: Article v4
Descr: Article template
Usage: codyhouse.co/license

-------------------------------- */
.t-article-v4__divider {
  display: flex;
  align-items: center; }
  .t-article-v4__divider span {
    display: block;
    margin: 0 var(--space-xs);
    height: 10px;
    width: 10px;
    transform: rotate(45deg);
    background-color: var(--color-contrast-lower); }
  .t-article-v4__divider::before, .t-article-v4__divider::after {
    content: '';
    display: block;
    height: 1px;
    width: auto;
    flex-grow: 1;
    background-color: var(--color-contrast-lower); }

/* -------------------------------- 

File#: _2_cart
Title: Cart
Descr: Cart template
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --cart-product-image-size: 96px; }
  @media (min-width: 64rem) {
    :root {
      --cart-product-image-size: 128px; } }

.cart {
  position: relative;
  z-index: 1; }

.cart__product {
  border-bottom: 1px solid var(--color-contrast-lower); }
  .cart__product:first-child {
    border-top: 1px solid var(--color-contrast-lower); }

.cart__product-img {
  width: var(--cart-product-image-size);
  flex-shrink: 0; }
  .cart__product-img a,
  .cart__product-img img {
    display: block;
    width: 100%; }
  .cart__product-img a {
    overflow: hidden;
    transition: opacity .2s; }
  .cart__product-img a:hover {
    opacity: 0.85; }

.cart__product-info {
  flex-grow: 1;
  display: grid;
  grid-gap: var(--space-xs); }

.cart__product-tot {
  display: grid;
  grid-gap: var(--space-xs); }

.cart__select {
  --select-icon-size: 12px;
  --select-icon-right-margin: var(--space-sm);
  --select-text-icon-gap: var(--space-xxxs);
  font-size: var(--text-sm);
  width: 6em; }

.cart__remove-btn {
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  appearance: none;
  font-size: var(--text-sm);
  color: var(--color-primary);
  cursor: pointer; }
  .cart__remove-btn:hover {
    text-decoration: underline; }
  .cart__remove-btn:focus {
    outline: 2px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
    outline-offset: 2px; }

.cart__gift-message {
  width: 100%;
  margin-top: var(--space-xxs);
  margin-bottom: var(--space-sm);
  display: none; }

.cart__gift .radio:checked ~ .cart__gift-message {
  display: block; }

@media (min-width: 32rem) {
  .cart__product-info {
    grid-template-columns: 1fr auto;
    grid-gap: var(--space-md);
    justify-content: space-between;
    align-items: start; }
  .cart__product-tot {
    text-align: right; }
  .cart__select {
    margin-left: auto; } }

@media (min-width: 48rem) {
  .cart__product,
  .cart__product-info {
    align-items: center; }
  .cart__product-tot {
    grid-template-columns: auto minmax(6em, auto);
    grid-gap: var(--space-sm); }
  .cart__select {
    align-self: start; } }

@media (min-width: 64rem) {
  .cart__subtotal {
    position: sticky;
    top: var(--space-md);
    background-color: var(--color-bg-light);
    box-shadow: var(--inner-glow), var(--shadow-sm);
    border-radius: var(--radius-md);
    padding: var(--space-sm); } }

/* -------------------------------- 

File#: _2_cart-drawer
Title: Cart Drawer
Descr: A cart template in a drawer panel
Usage: codyhouse.co/license

-------------------------------- */
.dr-cart__product {
  display: grid;
  grid-template-columns: 80px 1fr auto;
  grid-gap: var(--space-xs);
  align-items: start;
  padding: var(--space-sm) 0; }
  .dr-cart__product:not(:last-child) {
    border-bottom: 1px solid var(--color-contrast-lower); }

.dr-cart__img {
  display: block;
  overflow: hidden;
  border-radius: var(--radius-md);
  transition: .2s; }
  .dr-cart__img img {
    display: block; }
  .dr-cart__img:hover {
    opacity: 0.85; }

.dr-cart__select {
  --select-icon-size: 0.85em;
  --select-icon-right-margin: var(--space-xxs);
  font-size: 0.875em;
  width: 3.6em; }
  .dr-cart__select .select__input {
    padding: var(--space-xxxxs) var(--space-xxxs); }

.dr-cart__remove-btn {
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  appearance: none;
  font-size: var(--text-sm);
  color: var(--color-primary);
  cursor: pointer; }
  .dr-cart__remove-btn:hover {
    text-decoration: underline; }
  .dr-cart__remove-btn:focus {
    outline: 2px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
    outline-offset: 2px; }

/* -------------------------------- 

File#: _2_contact-v2
Title: Contact v2
Descr: Contact block w/ info about how to get in touch
Usage: codyhouse.co/license

-------------------------------- */
/* -------------------------------- 

File#: _2_dropdown
Title: Dropdown
Descr: A hoverable link that toggles the visibility of a dropdown list
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --dropdown-item-padding: var(--space-xxs) var(--space-sm); }

.dropdown {
  position: relative; }

.dropdown__menu {
  width: 200px;
  border-radius: var(--radius-md);
  padding: var(--space-xxxs) 0;
  background-color: var(--color-bg-light);
  box-shadow: var(--inner-glow), var(--shadow-sm);
  z-index: var(--z-index-popover, 5);
  position: absolute;
  left: 0;
  top: 100%;
  --space-unit:  1rem;
  --text-unit: 1rem;
  font-size: var(--text-unit);
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s, visibility 0s .2s; }

@media (pointer: fine) {
  .dropdown__wrapper:hover > .dropdown__menu,
  .dropdown__sub-wrapper:hover > .dropdown__menu {
    opacity: 1;
    visibility: visible;
    transition: opacity .2s; }
  .dropdown__sub-wrapper:hover > .dropdown__menu {
    left: 100%; } }

@media not all and (pointer: fine) {
  .dropdown__trigger-icon {
    display: none; } }

.dropdown__item {
  display: block;
  text-decoration: none;
  color: var(--color-contrast-high);
  padding: var(--dropdown-item-padding);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: .2s; }
  .dropdown__item:hover, .dropdown__item.dropdown__item--hover {
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075); }

.dropdown__separator {
  height: 1px;
  background-color: var(--color-contrast-lower);
  margin: var(--dropdown-item-padding); }

.dropdown__sub-wrapper {
  position: relative; }
  .dropdown__sub-wrapper > .dropdown__item {
    position: relative;
    padding-right: calc(var(--space-sm) + 12px); }
    .dropdown__sub-wrapper > .dropdown__item .icon {
      position: absolute;
      display: block;
      width: 12px;
      height: 12px;
      right: var(--space-xxs);
      top: calc(50% - 6px); }
  .dropdown__sub-wrapper > .dropdown__menu {
    top: calc(var(--space-xxs) * -1);
    box-shadow: var(--inner-glow), var(--shadow-md); }

.dropdown__menu {
  top: calc(100% + 4px); }

.dropdown__sub-wrapper .dropdown__menu {
  top: calc(var(--space-xxs) * -1); }

@media (pointer: fine) {
  .dropdown__menu--is-visible {
    opacity: 1;
    visibility: visible;
    transition: opacity .2s; } }

.dropdown__menu--is-hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s, visibility 0s .2s; }

.dropdown__sub-wrapper > .dropdown__menu--is-visible,
.dropdown__sub-wrapper > .dropdown__menu--is-hidden {
  left: 100%; }
  .dropdown__sub-wrapper > .dropdown__menu--is-visible.dropdown__menu--left,
  .dropdown__sub-wrapper > .dropdown__menu--is-hidden.dropdown__menu--left {
    left: -100%; }

/* -------------------------------- 

File#: _2_feature-v16
Title: Feature v16
Descr: A gallery of images linking to different pages
Usage: codyhouse.co/license

-------------------------------- */
/* -------------------------------- 

File#: _2_flexi-header
Title: Flexi Header
Descr: Customizable header template
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --f-header-height: 50px;
  --f-header-logo-width: 104px; }
  @media (min-width: 64rem) {
    :root {
      --f-header-height: 70px; } }

.f-header {
  height: var(--f-header-height);
  width: 100%;
  z-index: var(--z-index-header, 3); }
  .f-header::before {
    /* used in JS to detect menu style */
    display: none;
    content: 'mobile'; }

.f-header--expanded {
  /* class added when navigation is visible - small devices only */ }

.f-header__mobile-content {
  /* logo + menu button on small devices */
  position: relative;
  display: flex;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  z-index: 2; }

.f-header__logo {
  display: block;
  width: var(--f-header-logo-width);
  flex-shrink: 0;
  text-decoration: none; }
  .f-header__logo svg,
  .f-header__logo img {
    display: block; }

.f-header__nav-control {
  /* menu button */
  --anim-menu-btn-size: 40px;
  /* 🍔 icon */
  --anim-menu-btn-icon-size: 28px;
  --anim-menu-btn-icon-stroke: 2px; }

.f-header__nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-height: calc(100vh - var(--f-header-offset, 0px));
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding: 0 0 var(--space-md);
  background-color: var(--color-bg);
  box-shadow: var(--shadow-md);
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-1em); }
  .f-header__nav::before {
    /* top header bg + border */
    content: '';
    display: block;
    position: sticky;
    top: 0;
    height: var(--f-header-height);
    background-color: inherit;
    border-bottom: 1px solid var(--color-contrast-lower); }

.f-header__nav--is-visible {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: visibility 0s, opacity .3s, transform .3s; }

.f-header__nav-logo-wrapper {
  display: none;
  /* hide logo nav on small devices */ }

.f-header__item {
  flex-shrink: 0;
  border-bottom: 1px solid var(--color-contrast-lower); }

.f-header__dropdown-icon {
  --size: 16px;
  flex-shrink: 0;
  margin: 0 10px 0 auto;
  display: none;
  /* hide on mobile if link */ }
  .f-header__dropdown-control .f-header__dropdown-icon {
    display: block; }

.f-header__link,
.f-header__dropdown-control,
.f-header__dropdown-link,
.f-header__btn,
.f-header__form-control {
  font-size: var(--text-md); }

.f-header__link,
.f-header__dropdown-control,
.f-header__dropdown-link {
  display: flex;
  align-items: center;
  color: var(--color-contrast-high);
  text-decoration: none;
  padding: var(--space-xs) 0; }
  .f-header__link:hover, .f-header__link[aria-current="page"],
  .f-header__dropdown-control:hover,
  .f-header__dropdown-control[aria-current="page"],
  .f-header__dropdown-link:hover,
  .f-header__dropdown-link[aria-current="page"] {
    color: var(--color-primary); }

.f-header__btn,
.f-header__form-control {
  width: 100%;
  margin: var(--space-xs) 0; }

.f-header__dropdown-control {
  width: 100%; }

.f-header__dropdown {
  /* sub navigation */
  padding-left: var(--space-md);
  /* offset sub nav */ }

.f-header__dropdown-control + .f-header__dropdown {
  display: none; }

.f-header__dropdown-control[aria-expanded="true"] + .f-header__dropdown {
  display: block; }

@media (min-width: 64rem) {
  .f-header::before {
    content: 'desktop'; }
  .f-header__mobile-content {
    display: none;
    /* hide logo + menu (mobile content) */ }
  .f-header__nav {
    /* reset */
    position: static;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition: none;
    max-height: none;
    overflow: visible;
    overscroll-behavior: auto;
    height: var(--f-header-height); }
    .f-header__nav::before {
      /* reset */
      display: none; }
  .f-header__nav-logo-wrapper {
    display: flex; }
  .f-header__nav-grid,
  .f-header__list {
    display: flex;
    align-items: center; }
  .f-header__nav-grid {
    height: 100%; }
  .f-header__item {
    position: relative;
    border-bottom: none;
    margin-right: var(--space-xs);
    /* margin between nav items */ }
    .f-header__item:last-child {
      margin-right: 0; }
  .f-header__dropdown-icon {
    --size: 12px;
    display: block;
    margin: 0 0 0 var(--space-xxxxs); }
  .f-header__link,
  .f-header__dropdown-control,
  .f-header__dropdown-link,
  .f-header__btn,
  .f-header__form-control {
    font-size: 1.125rem; }
  .f-header__link {
    padding: var(--space-xxxs) var(--space-xxs); }
  .f-header__link--icon span {
    display: none;
    /* hide icon label */ }
  .f-header__btn,
  .f-header__form-control {
    margin: 0;
    /* reset */ }
  .f-header__dropdown {
    position: absolute;
    top: 100%;
    width: 220px;
    left: calc(50% - 110px);
    padding: var(--space-xxxs) 0;
    background-color: var(--color-bg-light);
    border-radius: var(--radius-md);
    box-shadow: var(--inner-glow), var(--shadow-md);
    z-index: var(--z-index-popover, 5);
    /* hide */
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.2s 0.2s, opacity 0.2s 0s; }
    .f-header__dropdown-control + .f-header__dropdown {
      display: block;
      /* reset style */ }
    .f-header__item:hover .f-header__dropdown,
    .f-header__dropdown-control[aria-expanded="true"] + .f-header__dropdown {
      pointer-events: auto;
      visibility: visible;
      opacity: 1;
      transition: visibility 0.2s 0s, opacity 0.2s 0s; }
  .f-header__dropdown-link {
    color: var(--color-contrast-high);
    padding: var(--space-xs) var(--space-sm);
    transition: .2s; }
    .f-header__dropdown-link:hover {
      background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075);
      color: var(--color-contrast-higher); } }

/* -------------------------------- 

File#: _2_footnotes
Title: Footnotes
Descr: A list of notes placed at the bottom of a text component, and linked to elements within the article for quick access
Usage: codyhouse.co/license

-------------------------------- */
.text-component--has-footnotes {
  counter-reset: footnotes; }

.footnotes {
  border-top: 1px solid var(--color-contrast-lower); }

.footnotes-link,
.footnotes__back-link {
  counter-increment: footnotes;
  font-size: 0.75em;
  vertical-align: super; }

.footnotes-link::before {
  content: "[" counter(footnotes) "]"; }

.footnotes__back-link::before {
  content: '['; }

.footnotes__back-link::after {
  content: ']'; }

.footnotes-link:target,
.footnotes__item:target {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px; }

/* -------------------------------- 

File#: _2_form-template
Title: Form Template
Descr: Form template example
Usage: codyhouse.co/license

-------------------------------- */
/* -------------------------------- 

File#: _2_modal-video
Title: Modal Video
Descr: A modal window used to display a responsive video
Usage: codyhouse.co/license

-------------------------------- */
/* -------------------------------- 

File#: _3_video-gallery
Title: Video Gallery
Descr: A list of video previews opening a modal window
Usage: codyhouse.co/license

-------------------------------- */
.video-card__modal-control {
  display: block;
  color: inherit;
  text-decoration: none;
  position: relative;
  margin-bottom: var(--space-sm); }
  .video-card__modal-control:hover .video-card__preview {
    filter: contrast(110%);
    box-shadow: var(--shadow-md); }
  .video-card__modal-control:hover .video-card__play-btn::before {
    transform: scale(1.2); }

.video-card__preview {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: filter 0.3s, box-shadow 0.3s; }

.video-card__play-btn {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white); }
  .video-card__play-btn .icon {
    position: relative;
    z-index: 1; }
  .video-card__play-btn::before {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.8);
    border-radius: 50%;
    transition: transform 0.3s var(--ease-out-back); }

/* -------------------------------- 

File#: _2_product-v3
Title: Product v3
Descr: Product info section with CTA
Usage: codyhouse.co/license

-------------------------------- */
.product-v3__panel {
  position: sticky;
  top: var(--space-md); }

.product-v3__cta-clone {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: var(--space-sm) var(--space-md);
  background-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.9);
  backdrop-filter: blur(5px);
  box-shadow: var(--shadow-lg);
  z-index: var(--z-index-fixed-element, 10);
  transform: translateY(100%);
  visibility: hidden;
  transition: transform .3s, visibility 0s 0.3s; }

.product-v3__cta-clone--is-visible {
  transform: translateY(0);
  visibility: visible;
  transition: transform .3s; }

/* -------------------------------- 

File#: _2_related-articles
Title: Related Articles
Descr: A list of related stories
Usage: codyhouse.co/license

-------------------------------- */
/* -------------------------------- 

File#: _2_slideshow
Title: Slideshow
Descr: Show a collection of items one at a time
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --slideshow-height: 280px;
  --slideshow-fade-transition-duration: 0.25s;
  --slideshow-slide-transition-duration: 0.35s;
  --slideshow-prx-transition-duration: 0.5s;
  --slideshow-btn-width: 1.6em;
  --slideshow-btn-height: 3.2em;
  --slideshow-btn-icon-size: 1.6em;
  --slideshow-btn-offset: var(--space-xs); }
  @media (min-width: 48rem) {
    :root {
      --slideshow-height: 380px; } }
  @media (min-width: 64rem) {
    :root {
      --slideshow-height: 480px; } }
  @media (min-width: 80rem) {
    :root {
      --slideshow-height: 580px; } }

.slideshow__item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--slideshow-height);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  .slideshow__item:focus {
    outline: none; }

.slideshow--ratio-16\:9 .slideshow__item {
  height: 0;
  padding-bottom: 56.25%; }

.slideshow--ratio-4\:3 .slideshow__item {
  height: 0;
  padding-bottom: 75%; }

.slideshow--ratio-1\:1 .slideshow__item {
  height: 0;
  padding-bottom: 100%; }

.slideshow {
  position: relative;
  z-index: 1;
  overflow: hidden; }

.slideshow__content {
  overflow: hidden; }

.slideshow__item {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden; }

.slideshow__item--selected {
  position: relative;
  z-index: 3;
  visibility: visible; }

.slideshow--transition-fade .slideshow__item {
  opacity: 0;
  transition: opacity 0s var(--slideshow-fade-transition-duration), visibility 0s var(--slideshow-fade-transition-duration); }

.slideshow--transition-fade .slideshow__item--selected {
  opacity: 1;
  transition: opacity var(--slideshow-fade-transition-duration); }

.slideshow--transition-slide .slideshow__item {
  animation-duration: var(--slideshow-slide-transition-duration);
  animation-fill-mode: forwards;
  animation-timing-function: var(--ease-out); }
  .slideshow--transition-slide .slideshow__item > * {
    visibility: hidden; }

.slideshow--transition-slide .slideshow__item--selected > * {
  visibility: visible; }

.slideshow--transition-slide .slideshow__item--slide-in-left {
  animation-name: slide-in-left; }

.slideshow--transition-slide .slideshow__item--slide-in-right {
  animation-name: slide-in-right; }

.slideshow--transition-slide .slideshow__item--slide-out-left {
  animation-name: slide-out-left; }

.slideshow--transition-slide .slideshow__item--slide-out-right {
  animation-name: slide-out-right; }

.slideshow--transition-slide .slideshow__item--slide-out-left,
.slideshow--transition-slide .slideshow__item--slide-out-right {
  z-index: 2; }
  .slideshow--transition-slide .slideshow__item--slide-out-left.slideshow__item--selected,
  .slideshow--transition-slide .slideshow__item--slide-out-right.slideshow__item--selected {
    z-index: 3; }
  .slideshow--transition-slide .slideshow__item--slide-out-left > *,
  .slideshow--transition-slide .slideshow__item--slide-out-right > * {
    visibility: visible; }

@keyframes slide-in-left {
  0% {
    visibility: visible;
    transform: translateX(-100%); }
  100% {
    transform: translateX(0); } }

@keyframes slide-in-right {
  0% {
    visibility: visible;
    transform: translateX(100%); }
  100% {
    transform: translateX(0); } }

@keyframes slide-out-left {
  0% {
    visibility: visible;
    transform: translateX(0); }
  100% {
    transform: translateX(100%); } }

@keyframes slide-out-right {
  0% {
    visibility: visible;
    transform: translateX(0); }
  100% {
    transform: translateX(-100%); } }

.slideshow--transition-prx .slideshow__item {
  animation-duration: var(--slideshow-prx-transition-duration);
  animation-fill-mode: forwards;
  animation-timing-function: var(--ease-out); }
  .slideshow--transition-prx .slideshow__item > * {
    visibility: hidden; }

.slideshow--transition-prx .slideshow__item--selected > * {
  visibility: visible; }

.slideshow--transition-prx .slideshow__item--prx-in-left {
  animation-name: prx-in-left; }

.slideshow--transition-prx .slideshow__item--prx-in-right {
  animation-name: prx-in-right; }

.slideshow--transition-prx .slideshow__item--prx-out-left {
  animation-name: prx-out-left; }

.slideshow--transition-prx .slideshow__item--prx-out-right {
  animation-name: prx-out-right; }

.slideshow--transition-prx .slideshow__item--prx-out-left,
.slideshow--transition-prx .slideshow__item--prx-out-right {
  z-index: 2; }
  .slideshow--transition-prx .slideshow__item--prx-out-left.slideshow__item--selected,
  .slideshow--transition-prx .slideshow__item--prx-out-right.slideshow__item--selected {
    z-index: 3; }
  .slideshow--transition-prx .slideshow__item--prx-out-left > *,
  .slideshow--transition-prx .slideshow__item--prx-out-right > * {
    visibility: visible; }

@keyframes prx-in-left {
  0% {
    visibility: visible;
    transform: translateX(-100%); }
  100% {
    transform: translateX(0); } }

@keyframes prx-in-right {
  0% {
    visibility: visible;
    transform: translateX(100%); }
  100% {
    transform: translateX(0); } }

@keyframes prx-out-left {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateX(0); }
  100% {
    opacity: 0.3;
    transform: translateX(40%); } }

@keyframes prx-out-right {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateX(0); }
  100% {
    opacity: 0.3;
    transform: translateX(-40%); } }

.slideshow[data-swipe="on"] .slideshow__content {
  user-select: none; }
  .slideshow[data-swipe="on"] .slideshow__content img {
    pointer-events: none; }

.slideshow__control {
  display: none; }

.slideshow[data-controls="hover"] .slideshow__control {
  opacity: 0;
  transition: opacity .3s; }

.slideshow[data-controls="hover"]:hover .slideshow__control {
  opacity: 1; }

.slideshow[data-swipe="on"] .slideshow__control {
  display: none; }

.slideshow__control {
  display: block;
  position: absolute;
  z-index: 4;
  top: 50%;
  transform: translateY(-50%); }
  .slideshow__control:first-of-type {
    left: var(--slideshow-btn-offset); }
  .slideshow__control:last-of-type {
    right: var(--slideshow-btn-offset); }

@media (min-width: 64rem) {
  .slideshow[data-swipe="on"] .slideshow__control {
    display: block; } }

.slideshow__btn {
  display: block;
  background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.75);
  height: var(--slideshow-btn-height);
  width: var(--slideshow-btn-width);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background .2s, transform 0.2s; }
  .slideshow__btn:hover {
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.85); }
    .slideshow__btn:hover .icon {
      color: var(--color-bg); }
  .slideshow:not(.slideshow--is-animating) .slideshow__btn:active {
    transform: translateY(2px); }
  .slideshow__btn .icon {
    display: block;
    width: var(--slideshow-btn-icon-size);
    height: var(--slideshow-btn-icon-size);
    margin: 0 auto;
    transition: color .2s;
    color: var(--color-white); }
  @supports (grid-area: auto) {
    .slideshow__btn {
      background-color: transparent; }
      .slideshow__btn .icon {
        color: var(--color-contrast-higher); } }

.slideshow__navigation {
  position: absolute;
  z-index: 4;
  bottom: 0;
  width: 100%;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent; }

.slideshow__nav-item {
  display: inline-block;
  margin: 0 var(--space-xxxs); }
  .slideshow__nav-item button {
    display: block;
    position: relative;
    font-size: 8px;
    color: var(--color-contrast-high);
    height: 1em;
    width: 1em;
    border-radius: 50%;
    background-color: currentColor;
    opacity: 0.4;
    cursor: pointer;
    transition: background .3s; }
    .slideshow__nav-item button::before {
      content: '';
      position: absolute;
      top: calc(50% - 0.5em);
      left: calc(50% - 0.5em);
      height: 1em;
      width: 1em;
      font-size: 14px;
      border-radius: inherit;
      border: 1px solid var(--color-contrast-high);
      opacity: 0;
      transform: scale(0);
      transition: 0.3s; }
    .slideshow__nav-item button:focus {
      outline: none; }
      .slideshow__nav-item button:focus::before {
        opacity: 1;
        transform: scale(1); }

.slideshow__nav-item--selected button {
  opacity: 1; }

@media (min-width: 64rem) {
  .slideshow__navigation {
    height: 40px; }
  .slideshow__nav-item button {
    font-size: 10px; }
    .slideshow__nav-item button::before {
      font-size: 16px; } }

/* -------------------------------- 

File#: _2_slideshow-preview-mode
Title: Preview-Mode Slideshow
Descr: Show a collection of items one at a time with a preview of the next/previous elements
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --slideshow-pm-item-width: 80%;
  --slideshow-pm-item-gap: var(--space-sm); }
  @media (min-width: 64rem) {
    :root {
      --slideshow-pm-item-width: 66%; } }

.slideshow-pm {
  overflow: hidden;
  opacity: 0; }

.slideshow-pm--js-loaded {
  opacity: 1; }

.slideshow-pm__content {
  position: relative; }

.slideshow-pm__list {
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
  align-items: center;
  overflow: visible; }

.slideshow-pm__list--has-transition {
  transition: transform 0.4s;
  will-change: transform; }

.slideshow-pm__list--has-transition .slideshow-pm__item {
  transition: all 0.3s;
  will-change: transform, opacity; }

.slideshow-pm__item {
  display: inline-flex;
  width: var(--slideshow-pm-item-width);
  flex-shrink: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transform: scale(0.95);
  opacity: 0.4; }
  .slideshow-pm__item:not(:last-of-type) {
    margin-right: var(--slideshow-pm-item-gap); }
  .slideshow-pm__item:focus {
    outline: none; }

.slideshow-pm__item--selected {
  transform: scale(1);
  opacity: 1; }

.slideshow-pm[data-swipe="on"] .slideshow-pm__content {
  user-select: none; }
  .slideshow-pm[data-swipe="on"] .slideshow-pm__content img {
    pointer-events: none; }

.slideshow-pm__control-wrapper {
  display: none; }

.slideshow-pm[data-swipe="on"] .slideshow-pm__control-wrapper {
  display: none; }

.slideshow-pm__control-wrapper {
  display: block;
  position: absolute;
  z-index: 4;
  top: 50%;
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s, visibility 0s .2s; }
  .slideshow-pm__control-wrapper:first-of-type {
    left: calc((100% - var(--slideshow-pm-item-width))*0.25);
    transform: translateY(-50%) translateX(-50%); }
  .slideshow-pm__control-wrapper:last-of-type {
    right: calc((100% - var(--slideshow-pm-item-width))*0.25);
    transform: translateY(-50%) translateX(50%); }

.slideshow-pm__control-wrapper--active {
  opacity: 1;
  visibility: visible;
  transition: opacity .2s; }

.slideshow-pm__control {
  display: flex;
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.8);
  height: 60px;
  width: 30px;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background 0.2s, transform 0.2s; }
  .slideshow-pm__control:hover {
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.85); }
  .slideshow-pm__control:active {
    transform: translateY(2px); }
  .slideshow-pm__control .icon {
    --size: 30px;
    display: block;
    margin: auto;
    transition: color 0.2s;
    color: var(--color-bg); }

@media (min-width: 64rem) {
  .slideshow-pm[data-swipe="on"] .slideshow-pm__control-wrapper {
    display: block; } }

.slideshow-pm__navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--space-sm); }

.slideshow-pm__nav-item {
  margin: 0 var(--space-xxxs); }

.slideshow-pm__nav-btn {
  display: block;
  position: relative;
  --size: 8px;
  height: var(--size);
  width: var(--size);
  border-radius: 50%;
  background-color: currentColor;
  opacity: 0.4;
  cursor: pointer; }
  .slideshow-pm__nav-btn::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    height: calc(var(--size) + 6px);
    width: calc(var(--size) + 6px);
    border-radius: inherit;
    border: 1px solid currentColor;
    opacity: 0;
    transform: scale(0); }
  .slideshow-pm__nav-btn:focus-visible {
    outline: none; }
    .slideshow-pm__nav-btn:focus-visible::before {
      opacity: 1;
      transform: scale(1); }

.slideshow-pm__nav-item--selected .slideshow-pm__nav-btn {
  opacity: 1; }

/* -------------------------------- 

File#: _2_sticky-sharebar
Title: Sticky Sharebar
Descr: Sticky social sharing bar
Usage: codyhouse.co/license

-------------------------------- */
.sticky-sharebar {
  display: flex;
  align-items: center;
  position: fixed;
  height: 100%;
  top: 0;
  right: var(--space-md);
  pointer-events: none;
  z-index: var(--z-index-fixed-element, 10);
  transition: visibility 0s 0.3s, opacity 0.3s, transform 0.3s var(--ease-in-out);
  transform: translateX(10%);
  opacity: 0;
  visibility: hidden; }

.sticky-sharebar--on-target {
  transition: visibility 0s, opacity 0.3s, transform 0.3s var(--ease-in-out);
  transform: translateX(0);
  opacity: 1;
  visibility: visible; }

.sticky-sharebar__list {
  pointer-events: auto;
  background-color: hsla(var(--color-bg-light-h), var(--color-bg-light-s), var(--color-bg-light-l), 0.95);
  backdrop-filter: blur(5px);
  border-radius: 50em;
  box-shadow: var(--inner-glow), var(--shadow-md);
  padding: 4px; }

.sticky-sharebar__btn {
  --size: 2.2em;
  width: var(--size);
  height: var(--size);
  position: relative;
  display: flex;
  border-radius: 50%; }
  .sticky-sharebar__btn .icon {
    position: relative;
    color: var(--color-contrast-medium);
    /* icon color */
    display: block;
    margin: auto;
    z-index: 2;
    transition: color .2s; }
  .sticky-sharebar__btn::before {
    /* animated bg */
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: inherit;
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1);
    transform: scale(0);
    transition: transform 0.2s var(--ease-out); }
  .sticky-sharebar__btn:hover .icon {
    color: var(--color-contrast-higher); }
  .sticky-sharebar__btn:hover::before {
    transform: scale(1); }

/* -------------------------------- 

File#: _2_table-of-contents
Title: Table of Contents
Descr: A navigation with a list of links to the main sections of the page 
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --toc-border-width: 1px;
  /* static version only */ }

/* #region (style affecting collapsed + static versions) 👇 */
.toc {
  --space-unit:  1rem;
  /* use rem units for spacing */ }

.toc__list {
  position: relative; }
  .toc__list .toc__list .toc__link {
    padding-left: calc(var(--space-sm) * 2);
    /* offset sub nav */ }

.toc__link,
.toc__label {
  padding: var(--space-xxxs) var(--space-sm); }

.toc__link {
  position: relative;
  color: var(--color-contrast-medium);
  text-decoration: none; }
  .toc__link::before {
    /* left mark */
    content: '';
    width: var(--toc-border-width);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .toc__link:hover {
    color: var(--color-contrast-high); }

.toc__link--selected {
  color: var(--color-primary); }
  .toc__link--selected:hover {
    color: var(--color-primary); }

.toc__label {
  /* label style */
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: var(--text-sm); }

.toc__control {
  /* control button */
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.toc__control-text {
  /* text inside control button */
  position: relative; }
  .toc__control-text > * {
    display: inline-block;
    transition: opacity 0.4s, transform 0.4s var(--ease-out); }
  .toc__control-text > *:last-child {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-10px); }

.toc__icon-arrow {
  /* arrow icon  */ }
  .toc__icon-arrow .icon__group {
    will-change: transform;
    transform-origin: 8px 8px;
    transition: transform 0.3s var(--ease-out); }
    .toc__icon-arrow .icon__group > * {
      transform-origin: 8px 8px;
      stroke-dasharray: 17;
      transform: translateY(3px);
      transition: transform .3s, stroke-dashoffset .3s;
      transition-timing-function: var(--ease-out); }
    .toc__icon-arrow .icon__group > *:first-child {
      stroke-dashoffset: 10; }
    .toc__icon-arrow .icon__group > *:last-child {
      stroke-dashoffset: 10; }

.toc-content__target {
  scroll-margin-top: var(--space-xxxxs); }

/* #endregion */
/* #region (collapsed version only - mobile 👇) */
.toc:not(.toc--static) {
  border-radius: var(--radius-md);
  background-color: var(--color-bg-light);
  box-shadow: var(--inner-glow), var(--shadow-sm);
  transition: .3s; }
  .toc:not(.toc--static):hover {
    box-shadow: var(--inner-glow), var(--shadow-md); }
  .toc:not(.toc--static) .toc__nav {
    /* navigation */
    display: none;
    margin: var(--space-xxs) 0; }
  .toc:not(.toc--static) .toc__list {
    padding-bottom: var(--space-xs); }
  .toc:not(.toc--static) .toc__label {
    display: none; }
  .toc:not(.toc--static) .toc__link {
    display: flex; }
  .toc:not(.toc--static).toc--expanded .toc__control-text > *:first-child {
    transform: translateY(10px);
    opacity: 0;
    pointer-events: none; }
  .toc:not(.toc--static).toc--expanded .toc__control-text > *:last-child {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0); }
  .toc:not(.toc--static).toc--expanded .toc__nav {
    display: block;
    animation: toc-entry-animation 0.4s var(--ease-out); }
  .toc:not(.toc--static).toc--expanded .toc__icon-arrow .icon__group {
    /* animate arrow icon */
    transform: rotate(-90deg); }
    .toc:not(.toc--static).toc--expanded .toc__icon-arrow .icon__group > *:first-child,
    .toc:not(.toc--static).toc--expanded .toc__icon-arrow .icon__group *:last-child {
      stroke-dashoffset: 0;
      transform: translateY(0px); }

/* #endregion */
/* #region (static version only - desktop 👇) */
.toc--static {
  box-shadow: inset var(--toc-border-width) 0 0 var(--color-contrast-lower);
  /* left border */ }
  .toc--static[class*="position-sticky"] {
    top: var(--space-md);
    /* used if position = sticky */
    max-height: calc(100vh - var(--space-md) * 2);
    /* set max height */
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
  .toc--static .toc__label {
    font-size: var(--text-xs); }
  .toc--static .toc__link {
    display: inline-flex;
    font-size: var(--text-sm); }
  .toc--static .toc__link--selected::before {
    background-color: var(--color-primary); }
  .toc--static .toc__control {
    /* control - static version only */
    display: none; }

.toc-content--toc-static *:target {
  animation: toc-target 2s;
  /* highlight section on target */ }

/* #endregion */
@keyframes toc-target {
  0%,
  50% {
    outline: 2px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.5); }
  100% {
    outline: 2px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0); } }

@keyframes toc-entry-animation {
  from {
    opacity: 0;
    transform: translateY(-10px); }
  to {
    opacity: 1;
    transform: translateY(0px); } }

/* used in JS - detect when the TOC needs to switch from a collapsed to a static version */
[class*="toc--static"]::before {
  display: none;
  content: 'collapsed'; }

@media (min-width: 32rem) {
  .toc--static\@xs::before {
    content: 'static'; } }

@media (min-width: 48rem) {
  .toc--static\@sm::before {
    content: 'static'; } }

@media (min-width: 64rem) {
  .toc--static\@md::before {
    content: 'static'; } }

@media (min-width: 80rem) {
  .toc--static\@lg::before {
    content: 'static'; } }

@media (min-width: 90rem) {
  .toc--static\@xl::before {
    content: 'static'; } }

/* -------------------------------- 

File#: _2_tabs-v2
Title: Tabs v2
Descr: Accessible tabbed content v2
Usage: codyhouse.co/license

-------------------------------- */
/* -------------------------------- 

File#: _2_tabs-v3
Title: Tabs v3
Descr: Accessible tabbed content v3
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --tabs-v3-border-width: 1px;
  --tabs-v3-radius: var(--radius-md);
  --tabs-v3-control-gap: var(--tabs-v3-border-width);
  --tabs-v3-control-radius: 0; }

.tabs-v3 {
  border: var(--tabs-v3-border-width) solid var(--color-contrast-lower);
  padding: var(--component-padding);
  border-radius: var(--tabs-v3-radius);
  background-color: var(--color-bg); }

.tabs-v3__controls {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: var(--space-xs); }
  .tabs-v3__controls li {
    display: inline-block;
    margin: 0 var(--space-xs) var(--space-xs) 0; }

.tabs-v3__control {
  display: inline-flex;
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1);
  padding: var(--space-xs) var(--space-sm);
  white-space: nowrap;
  color: inherit;
  border-radius: var(--tabs-v3-control-radius); }
  .tabs-v3__control:hover {
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075); }

.tabs-v3__panel {
  margin-bottom: var(--space-md); }

.tabs-v3__control {
  text-decoration: none; }
  .tabs-v3__control[aria-selected="true"] {
    background-color: var(--color-primary);
    color: var(--color-white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .tabs-v3__control[aria-selected="true"]:hover {
      background-color: var(--color-primary-light); }

.tabs-v3__panel {
  margin-bottom: 0; }

@media (min-width: 64rem) {
  .tabs-v3 {
    padding: 0;
    border: none;
    background-color: transparent; }
  .tabs-v3__controls {
    margin-bottom: 0; }
    .tabs-v3__controls li {
      margin-top: 0;
      margin-left: calc(-1 * var(--tabs-v3-border-width));
      margin-right: var(--tabs-v3-control-gap);
      margin-bottom: 0; }
    .tabs-v3__controls li:first-child {
      margin-left: 0; }
    .tabs-v3__controls li:first-child a {
      border-radius: var(--tabs-v3-radius) var(--tabs-v3-control-radius) 0 0; }
    .tabs-v3__controls li:last-child a {
      border-radius: var(--tabs-v3-control-radius) var(--tabs-v3-radius) 0 0; }
  .tabs-v3__control {
    height: 100%;
    border: var(--tabs-v3-border-width) solid transparent;
    border-bottom-width: 0;
    border-radius: var(--tabs-v3-control-radius) var(--tabs-v3-control-radius) 0 0; }
    .tabs-v3__control[aria-selected="true"] {
      background-color: var(--color-bg);
      color: var(--color-primary);
      position: relative;
      border-color: var(--color-contrast-low); }
      .tabs-v3__control[aria-selected="true"]:hover {
        background-color: inherit; }
      .tabs-v3__control[aria-selected="true"]::after {
        /* border bottom -> it covers the border of the panel element */
        content: '';
        position: absolute;
        left: 0;
        bottom: calc(-1 * var(--tabs-v3-border-width));
        width: 100%;
        height: var(--tabs-v3-border-width);
        background-color: var(--color-bg);
        z-index: 1; }
  .tabs-v3__panels {
    border: var(--tabs-v3-border-width) solid var(--color-contrast-low);
    border-radius: 0 var(--tabs-v3-radius) var(--tabs-v3-radius) var(--tabs-v3-radius);
    background-color: var(--color-bg); }
  .tabs-v3__panel {
    padding: var(--space-sm); } }

/* -------------------------------- 

File#: _2_team
Title: Team
Descr: A gallery of team members
Usage: codyhouse.co/license

-------------------------------- */
.team {
  position: relative;
  z-index: 1; }

/* -------------------------------- 

File#: _3_article-gallery-v5
Title: Article Gallery v5
Descr: A gallery of blog articles
Usage: codyhouse.co/license

-------------------------------- */
/* -------------------------------- 

File#: _3_article-v3
Title: Article v3
Descr: Article template
Usage: codyhouse.co/license

-------------------------------- */
.t-article-v3__hero {
  background-color: var(--color-contrast-lower);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: var(--space-xxl) 0;
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 2em), 0% 100%); }

.t-article-v3__intro-text {
  padding: var(--space-md);
  color: var(--color-bg);
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.75);
  backdrop-filter: blur(10px);
  border-radius: var(--radius-lg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .t-article-v3__intro-text p {
    opacity: 0.75; }

.t-article-v3__divider {
  display: flex;
  align-items: center; }
  .t-article-v3__divider span {
    display: block;
    margin: 0 var(--space-xs);
    height: 10px;
    width: 10px;
    transform: rotate(45deg);
    background-color: var(--color-contrast-low); }
  .t-article-v3__divider::before, .t-article-v3__divider::after {
    content: '';
    display: block;
    height: 1px;
    width: auto;
    flex-grow: 1;
    background-color: var(--color-contrast-lower); }

/* -------------------------------- 

File#: _3_faq-v3
Title: FAQ v3
Descr: Q&A template based on the table of contents and accordion components
Usage: codyhouse.co/license

-------------------------------- */
/* -------------------------------- 

File#: _3_intro-v3
Title: Intro v3
Descr: Intro section including the main header and a feature block
Usage: codyhouse.co/license

-------------------------------- */
/* -------------------------------- 

File#: _3_mega-site-navigation
Title: Mega-Site Navigation
Descr: Navigation template for mega-sites
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --mega-nav-height: 50px;
  --mega-nav-content-max-width: var(--max-width-lg);
  /* set max-width for navigation content */ }
  @media (min-width: 64rem) {
    :root {
      --mega-nav-height: 70px; } }

.mega-nav {
  height: var(--mega-nav-height);
  width: 100%;
  z-index: var(--z-index-header, 3);
  box-shadow: inset 0px -1px 0px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1);
  /* border bottom */ }

/* change mega-nav style if menu = expanded */
.mega-nav--expanded {
  background-color: var(--color-bg); }

.mega-nav__container {
  width: calc(100% - 2*var(--component-padding));
  height: 100%;
  max-width: var(--mega-nav-content-max-width);
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: space-between; }

/* logo */
.mega-nav__logo {
  display: block;
  width: 104px;
  /* logo width */
  height: 30px;
  /* logo height */ }
  .mega-nav__logo > * {
    /* logo SVG */
    width: inherit;
    height: inherit; }

/* mobile buttons */
.mega-nav__icon-btns {
  display: flex;
  align-items: center; }

.mega-nav__icon-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 24px;
  /* icon size */
  color: var(--color-contrast-high);
  /* icon color */
  cursor: pointer;
  transition: .2s; }
  .mega-nav__icon-btn .icon {
    display: block; }
  .mega-nav__icon-btn .icon__group {
    stroke-width: 1px;
    /* icon stroke width */ }
    .mega-nav__icon-btn .icon__group > * {
      transition: transform 0.3s var(--ease-in-out), stroke-dashoffset 0.3s, opacity 0.3s; }

/* animated menu button */
.mega-nav__icon-btn--menu .icon__group > * {
  stroke-dasharray: 24; }

.mega-nav__icon-btn--menu .icon__group > *:nth-child(1) {
  transform-origin: 12px 6px; }

.mega-nav__icon-btn--menu .icon__group > *:nth-child(2) {
  stroke-dashoffset: 0; }

.mega-nav__icon-btn--menu .icon__group > *:nth-child(3) {
  transform-origin: 12px 18px; }

.mega-nav__icon-btn--menu.mega-nav__icon-btn--state-b .icon__group > *:nth-child(1) {
  transform: translateY(6px) rotate(-45deg); }

.mega-nav__icon-btn--menu.mega-nav__icon-btn--state-b .icon__group > *:nth-child(2) {
  stroke-dashoffset: 24; }

.mega-nav__icon-btn--menu.mega-nav__icon-btn--state-b .icon__group > *:nth-child(3) {
  transform: translateY(-6px) rotate(45deg); }

/* animated search button */
.mega-nav__icon-btn--search .icon__group {
  transform-origin: 12px 12px;
  transform: rotate(0deg);
  transition: transform 0.3s var(--ease-out); }
  .mega-nav__icon-btn--search .icon__group > *:nth-child(1) {
    stroke-dashoffset: 34;
    stroke-dasharray: 24; }
  .mega-nav__icon-btn--search .icon__group > *:nth-child(2) {
    stroke-dashoffset: 24;
    stroke-dasharray: 24; }
  .mega-nav__icon-btn--search .icon__group > *:nth-child(3) {
    transform-origin: 9.5px 9.5px;
    transform: rotate(45deg);
    stroke-dashoffset: 84;
    stroke-dasharray: 42;
    opacity: 1; }

.mega-nav__icon-btn--search.mega-nav__icon-btn--state-b .icon__group {
  transform: rotate(-90deg); }
  .mega-nav__icon-btn--search.mega-nav__icon-btn--state-b .icon__group > *:nth-child(1) {
    stroke-dashoffset: 48; }
  .mega-nav__icon-btn--search.mega-nav__icon-btn--state-b .icon__group > *:nth-child(2) {
    stroke-dashoffset: 48; }
  .mega-nav__icon-btn--search.mega-nav__icon-btn--state-b .icon__group > *:nth-child(3) {
    stroke-dashoffset: 42;
    opacity: 0; }

/* animated arrow icon */
.mega-nav__arrow-icon {
  font-size: 16px;
  /* icon size */
  color: currentColor;
  /* icon color */
  transition: color .2s; }
  .mega-nav__arrow-icon .icon {
    display: block; }
  .mega-nav__arrow-icon .icon__group {
    stroke-width: 1px;
    /* icon stroke width */
    will-change: transform;
    transform-origin: 8px 8px;
    transition: transform 0.3s var(--ease-out); }
    .mega-nav__arrow-icon .icon__group > * {
      stroke-dasharray: 17;
      transform-origin: 8px 8px;
      transform: translateY(3px);
      transition: transform .3s, stroke-dashoffset .3s;
      transition-timing-function: var(--ease-out); }
    .mega-nav__arrow-icon .icon__group > *:first-child {
      stroke-dashoffset: 8.5; }
    .mega-nav__arrow-icon .icon__group > *:last-child {
      stroke-dashoffset: 8.5; }

/* label/divider */
.mega-nav__label {
  color: var(--color-contrast-medium);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: var(--text-xs); }

/* card */
.mega-nav__card img {
  transition: opacity .3s; }
  .mega-nav__card img:hover {
    opacity: 0.85; }

.mega-nav__card-title {
  color: var(--color-contrast-higher);
  text-decoration: none; }
  .mega-nav__card-title:hover {
    text-decoration: underline; }

/* -------------------------------- 

--mobile - style affecting only small screens 👇

-------------------------------- */
.mega-nav--mobile {
  /* sub navigation */ }
  .mega-nav--mobile .mega-nav__icon-btns--desktop {
    display: none;
    /* hide --desktop icon buttons */ }
  .mega-nav--mobile .mega-nav__nav,
  .mega-nav--mobile .mega-nav__search {
    display: none;
    position: absolute;
    top: var(--mega-nav-height);
    left: 0;
    width: 100%;
    height: calc(100vh - var(--mega-nav-height) - var(--mega-nav-offset-y, 0px));
    /* set --mega-nav-offset-y in JS */
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background-color: var(--color-bg);
    box-shadow: var(--shadow-lg); }
  .mega-nav--mobile .mega-nav__nav--is-visible,
  .mega-nav--mobile .mega-nav__search--is-visible {
    display: block; }
    .mega-nav--mobile .mega-nav__nav--is-visible > *,
    .mega-nav--mobile .mega-nav__search--is-visible > * {
      animation: mega-nav-entry-animation 0.5s var(--ease-out); }
  .mega-nav--mobile .mega-nav__nav-inner,
  .mega-nav--mobile .mega-nav__search-inner {
    padding: var(--space-md) 0;
    width: calc(100% - 2*var(--component-padding));
    max-width: var(--mega-nav-content-max-width);
    margin-left: auto;
    margin-right: auto; }
  .mega-nav--mobile .mega-nav__label {
    /* label/divider */
    margin: var(--space-lg) 0 var(--space-xs); }
  .mega-nav--mobile .mega-nav__item {
    /* main navigation items */
    border-bottom: 1px solid var(--color-contrast-lower); }
  .mega-nav--mobile .mega-nav__control {
    /* navigation main controls (buttons/links) */
    display: flex;
    align-items: center;
    width: 100%;
    font-size: var(--text-md);
    text-align: left;
    padding: var(--space-sm) 0;
    color: var(--color-contrast-higher);
    text-decoration: none;
    cursor: pointer; }
  .mega-nav--mobile a[aria-current="page"] {
    /* current page */
    color: var(--color-primary); }
  .mega-nav--mobile .mega-nav__arrow-icon {
    margin-left: auto;
    margin-right: 12px; }
  .mega-nav--mobile .mega-nav__btn {
    /* button */
    width: 100%;
    margin: var(--space-sm) 0;
    font-size: var(--text-md); }
  .mega-nav--mobile .mega-nav__sub-nav-wrapper {
    /* sub navigation content */
    display: none;
    padding: 0 var(--space-md) var(--space-lg);
    overflow: hidden; }
  .mega-nav--mobile .mega-nav__sub-items {
    /* list of sub items */ }
    .mega-nav--mobile .mega-nav__sub-items:not(:last-child) {
      margin-bottom: var(--space-lg); }
  .mega-nav--mobile .mega-nav__sub-item {
    /* sub item */
    border-bottom: 1px solid var(--color-contrast-lower); }
  .mega-nav--mobile .mega-nav__sub-link {
    /* sub link */
    display: block;
    color: var(--color-contrast-higher);
    text-decoration: none;
    padding: var(--space-xxs) 0; }
  .mega-nav--mobile .mega-nav__quick-link {
    /* search quick links */
    display: block;
    color: var(--color-contrast-higher);
    text-decoration: none;
    border-bottom: 1px solid var(--color-contrast-lower);
    padding: var(--space-xs) 0; }
  .mega-nav--mobile .mega-nav__sub-nav--layout-1 {
    /* layout 1 -> tabbed content */ }
    .mega-nav--mobile .mega-nav__sub-nav--layout-1 .mega-nav__sub-items {
      margin-bottom: 0; }
    .mega-nav--mobile .mega-nav__sub-nav--layout-1 .mega-nav__tabs {
      display: none;
      /* hide tabbed content on smaller screens */ }
  .mega-nav--mobile .mega-nav__sub-nav--layout-3 {
    /* layout 3 -> gallery */
    padding-top: var(--space-md);
    display: grid;
    gap: var(--space-md);
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    /* auto add new cols */ }
  .mega-nav--mobile .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group {
    /* animated arrow icon */ }
    .mega-nav--mobile .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group > *:first-child {
      transform: translateY(-3px) rotate(-90deg); }
    .mega-nav--mobile .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group > *:last-child {
      transform: translateY(-3px) rotate(90deg); }
  .mega-nav--mobile .mega-nav__item--expanded .mega-nav__sub-nav-wrapper {
    display: block; }
    .mega-nav--mobile .mega-nav__item--expanded .mega-nav__sub-nav-wrapper > * {
      animation: mega-nav-entry-animation 0.5s var(--ease-out); }

/* -------------------------------- 

--desktop - style affecting only big screens 👇

-------------------------------- */
.mega-nav--desktop {
  /* tabs */
  /* icon animation on click */
  /* icon buttons */ }
  .mega-nav--desktop .mega-nav__icon-btns--mobile,
  .mega-nav--desktop .mega-nav__sub-nav-wrapper,
  .mega-nav--desktop .mega-nav__search,
  .mega-nav--desktop .mega-nav__label {
    display: none; }
  .mega-nav--desktop .mega-nav__logo {
    flex-shrink: 0;
    margin-right: var(--space-sm); }
  .mega-nav--desktop .mega-nav__nav {
    flex-grow: 1;
    height: 100%; }
  .mega-nav--desktop .mega-nav__nav-inner {
    height: 100%;
    display: flex;
    justify-content: space-between;
    /* navigation layout - change to "flex-end" to push the navigation to the right */ }
  .mega-nav--desktop .mega-nav__items {
    display: flex;
    height: 100%; }
  .mega-nav--desktop .mega-nav__item {
    display: flex;
    align-items: center; }
  .mega-nav--desktop .mega-nav__control {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 var(--space-md);
    height: 100%;
    font-size: var(--text-sm);
    color: var(--color-contrast-higher);
    text-decoration: none;
    transition: .2s; }
    .mega-nav--desktop .mega-nav__control::after {
      /* marker */
      content: '';
      position: absolute;
      bottom: 0px;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: var(--color-contrast-higher);
      pointer-events: none;
      opacity: 0;
      transition: opacity .2s; }
    .mega-nav--desktop .mega-nav__control .mega-nav__arrow-icon {
      margin-left: var(--space-xxs); }
    .mega-nav--desktop .mega-nav__control:hover {
      cursor: pointer;
      background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.05); }
  .mega-nav--desktop .mega-nav__sub-nav-wrapper,
  .mega-nav--desktop .mega-nav__search {
    position: absolute;
    top: var(--mega-nav-height);
    left: 0;
    width: 100%;
    background-color: var(--color-bg);
    box-shadow: var(--shadow-lg);
    max-height: calc(100vh - var(--mega-nav-height) - var(--mega-nav-offset-y, 0px));
    /* set --mega-nav-offset-y in JS */
    overflow: auto; }
  .mega-nav--desktop .mega-nav__sub-nav,
  .mega-nav--desktop .mega-nav__search-inner {
    width: calc(100% - 2*var(--component-padding));
    margin: 0 auto;
    padding: var(--space-xl) 0; }
    .mega-nav--desktop .mega-nav__sub-nav .mega-nav__label,
    .mega-nav--desktop .mega-nav__search-inner .mega-nav__label {
      display: block; }
  .mega-nav--desktop .mega-nav__sub-nav {
    max-width: var(--mega-nav-content-max-width); }
  .mega-nav--desktop .mega-nav__search-inner {
    max-width: var(--max-width-xs);
    /* reduce max-width for search content */ }
  .mega-nav--desktop .mega-nav__label {
    margin-bottom: var(--space-md); }
  .mega-nav--desktop .mega-nav__sub-item:not(:last-child) {
    margin-bottom: var(--space-xxs); }
  .mega-nav--desktop .mega-nav__sub-link {
    font-size: var(--text-sm);
    color: var(--color-contrast-higher);
    text-decoration: none; }
    .mega-nav--desktop .mega-nav__sub-link:hover {
      text-decoration: underline; }
  .mega-nav--desktop .mega-nav__quick-link {
    /* search quick links */
    display: inline-block;
    margin-bottom: var(--space-xxs);
    font-size: var(--text-sm);
    color: var(--color-contrast-higher);
    text-decoration: none; }
    .mega-nav--desktop .mega-nav__quick-link:hover {
      text-decoration: underline; }
  .mega-nav--desktop .mega-nav__btn {
    font-size: var(--text-sm);
    margin-left: var(--space-sm); }
  .mega-nav--desktop .mega-nav__sub-nav--layout-1 {
    /* layout 1 -> tabbed content */ }
    .mega-nav--desktop .mega-nav__sub-nav--layout-1 .mega-nav__sub-items {
      display: none;
      /* hide links */ }
    .mega-nav--desktop .mega-nav__sub-nav--layout-1 .mega-nav__tabs {
      display: flex; }
  .mega-nav--desktop .mega-nav__sub-nav--layout-2 {
    /* layout 2 -> multi lists */
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--space-sm); }
  .mega-nav--desktop .mega-nav__sub-nav--layout-3 {
    /* layout 3 -> gallery */
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-md); }
  .mega-nav--desktop .mega-nav__sub-nav--layout-4 {
    /* layout 4 -> single list */
    text-align: center; }
    .mega-nav--desktop .mega-nav__sub-nav--layout-4 .mega-nav__sub-link {
      font-size: var(--text-lg); }
  .mega-nav--desktop .mega-nav__tabs-controls > *:not(:last-child) {
    border-bottom: 1px solid var(--color-contrast-lower); }
  .mega-nav--desktop .mega-nav__tabs-control {
    display: block;
    width: 100%;
    padding: var(--space-xs);
    overflow: hidden;
    color: var(--color-contrast-higher);
    text-decoration: none;
    cursor: pointer;
    transition: .2s; }
    .mega-nav--desktop .mega-nav__tabs-control .icon {
      opacity: 0;
      transform: translateX(-10px);
      transition: transform 0.5s var(--ease-out), opacity 0.5s; }
    .mega-nav--desktop .mega-nav__tabs-control:hover, .mega-nav--desktop .mega-nav__tabs-control[aria-selected="true"] {
      color: var(--color-primary); }
    .mega-nav--desktop .mega-nav__tabs-control[aria-selected="true"] .icon {
      opacity: 1;
      transform: translateX(0px); }
  .mega-nav--desktop .mega-nav__tabs-img {
    display: block;
    overflow: hidden;
    border-radius: var(--radius-lg);
    transition: opacity .3s; }
    .mega-nav--desktop .mega-nav__tabs-img:hover {
      opacity: 0.85; }
  .mega-nav--desktop .mega-nav__item--expanded .mega-nav__control {
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.05); }
    .mega-nav--desktop .mega-nav__item--expanded .mega-nav__control::after {
      /* marker */
      opacity: 1; }
  .mega-nav--desktop .mega-nav__item--expanded .mega-nav__sub-nav-wrapper {
    display: block; }
  .mega-nav--desktop .mega-nav__item--expanded .mega-nav__sub-nav {
    animation: mega-nav-entry-animation 0.5s var(--ease-out); }
  .mega-nav--desktop:not([data-hover="on"]) .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group {
    transform: rotate(-90deg); }
    .mega-nav--desktop:not([data-hover="on"]) .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group > *:first-child,
    .mega-nav--desktop:not([data-hover="on"]) .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group *:last-child {
      stroke-dashoffset: 0;
      transform: translateY(0px); }
  .mega-nav--desktop .mega-nav__icon-btn {
    border-radius: 50%;
    margin-left: var(--space-xxxxs); }
  .mega-nav--desktop .mega-nav__icon-btn:hover,
  .mega-nav--desktop .mega-nav__icon-btn--state-b {
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.05); }
  .mega-nav--desktop .mega-nav__search--is-visible {
    display: block; }
    .mega-nav--desktop .mega-nav__search--is-visible .mega-nav__search-inner {
      animation: mega-nav-entry-animation 0.5s var(--ease-out); }

/* animations */
@keyframes mega-nav-entry-animation {
  from {
    opacity: 0;
    transform: translateY(-10px); }
  to {
    opacity: 1;
    transform: translateY(0px); } }

/* used in JS - detect when the menu needs to switch from --mobile to --desktop layout */
[class*="mega-nav--desktop"]::before {
  display: none;
  content: 'mobile'; }

@media (min-width: 32rem) {
  .mega-nav--desktop\@xs::before {
    content: 'desktop'; } }

@media (min-width: 48rem) {
  .mega-nav--desktop\@sm::before {
    content: 'desktop'; } }

@media (min-width: 64rem) {
  .mega-nav--desktop\@md::before {
    content: 'desktop'; } }

@media (min-width: 80rem) {
  .mega-nav--desktop\@lg::before {
    content: 'desktop'; } }

@media (min-width: 90rem) {
  .mega-nav--desktop\@xl::before {
    content: 'desktop'; } }

/* -------------------------------- 

File#: _3_thumbnail-slideshow
Title: Thumbnail Slideshow
Descr: Show a collection of items one at a time with additional preview images for easier selection
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --thumbslide-thumbnail-auto-size: 100px;
  --thumbslide-thumbnail-grid-gap: var(--space-xs); }

.thumbslide .slideshow {
  --slideshow-fade-transition-duration: 0.3s;
  --slideshow-slide-transition-duration: 0.3s; }

.thumbslide__nav {
  display: flex;
  overflow: hidden;
  padding: var(--thumbslide-thumbnail-grid-gap) 0;
  position: relative; }
  .thumbslide__nav::after, .thumbslide__nav::before {
    content: '';
    position: absolute;
    z-index: 2;
    height: 80%;
    width: 0;
    top: 10%;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.9);
    pointer-events: none;
    transition: opacity .2s;
    opacity: 0; }
  .thumbslide__nav::before {
    left: 0; }
  .thumbslide__nav::after {
    right: 0; }

.thumbslide__nav--scroll-end::after {
  opacity: 1; }

.thumbslide__nav--scroll-start::before {
  opacity: 1; }

.thumbslide__nav-list {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  will-change: transform;
  transition: transform 0.5s; }
  .thumbslide__nav-list:hover .thumbslide__nav-item {
    opacity: 0.6; }

.thumbslide__nav-list--dragging {
  cursor: grabbing; }

.thumbslide__nav-list--no-transition {
  transition: none; }

.thumbslide__nav-item {
  float: left;
  flex-shrink: 0;
  width: var(--thumbslide-thumbnail-auto-size);
  margin-right: var(--thumbslide-thumbnail-grid-gap);
  transition: opacity 0.3s, transform 0.3s;
  will-change: transform, opacity;
  backface-visibility: hidden;
  user-select: none; }
  .thumbslide__nav-item img {
    display: block;
    pointer-events: none; }
  .thumbslide__nav-item:hover {
    opacity: 1 !important; }

.thumbslide__nav-item--active {
  position: relative;
  opacity: 1 !important; }
  .thumbslide__nav-item--active::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.7) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg stroke-width='1.5' stroke='%23ffffff'%3E%3Cpolyline fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='1,9 5,13 15,3 ' %3E%3C/polyline%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
    background-size: 1.25em;
    backdrop-filter: blur(5px); }

.thumbslide__caption {
  background-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.85);
  padding: var(--component-padding);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }

.thumbslide--top {
  display: flex;
  flex-direction: column; }
  .thumbslide--top .slideshow {
    order: 1; }

.thumbslide--vertical {
  display: flex; }
  @media not all and (min-width: 48rem) {
    .thumbslide--vertical {
      --thumbslide-thumbnail-auto-size: 50px; } }

.thumbslide--vertical .slideshow {
  display: inline-block;
  flex-grow: 1; }

.thumbslide--vertical .thumbslide__nav-wrapper {
  float: right;
  width: var(--thumbslide-thumbnail-auto-size);
  flex-shrink: 0; }

.thumbslide--vertical .thumbslide__nav {
  padding: 0 var(--thumbslide-thumbnail-grid-gap);
  width: 100%;
  height: 100%; }
  .thumbslide--vertical .thumbslide__nav::after, .thumbslide--vertical .thumbslide__nav::before {
    width: 80%;
    height: 0;
    left: 10%; }
  .thumbslide--vertical .thumbslide__nav::before {
    top: 0; }
  .thumbslide--vertical .thumbslide__nav::after {
    top: auto;
    bottom: 0; }

.thumbslide--vertical .thumbslide__nav-list {
  flex-direction: column;
  position: absolute;
  top: 0; }

.thumbslide--vertical .thumbslide__nav-item {
  margin-right: 0;
  margin-bottom: var(--thumbslide-thumbnail-grid-gap); }
  .thumbslide--vertical .thumbslide__nav-item img {
    height: 100%;
    width: 100%;
    object-fit: cover; }

.thumbslide--left .slideshow {
  order: 1; }

/* -------------------------------- 

File#: _4_intro
Title: Intro
Descr: Intro section including the main header and a hero component
Usage: codyhouse.co/license

-------------------------------- */
.intro {
  padding-top: var(--mega-nav-height);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

/* -------------------------------- 

File#: _4_product-v2
Title: Product v2
Descr: Product info section with CTA
Usage: codyhouse.co/license

-------------------------------- */
.product-v2 .thumbslide {
  --thumbslide-thumbnail-auto-size: 90px;
  --thumbslide-thumbnail-grid-gap: var(--space-xxxs); }

/* -------------------------------- 

File#: _2_hash-link
Title: Hash Link
Descr: Add a hash anchor to heading elements
Usage: codyhouse.co/license

-------------------------------- */
.hash-link__anchor {
  opacity: 0;
  text-decoration: none;
  color: var(--color-contrast-low); }

.hash-link:hover .hash-link__anchor,
.hash-link__anchor:focus {
  opacity: 1; }

.hash-link--visible .hash-link__anchor {
  opacity: 1; }

.hash-link--left {
  position: relative; }

.hash-link--left .hash-link__anchor {
  position: absolute;
  left: 0%;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0 var(--space-xxxxs); }

/* -------------------------------- 

File#: _2_carousel
Title: Carousel
Descr: Display and cycle through a collection of items
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --carousel-grid-gap: var(--space-xs);
  --carousel-item-auto-size: 260px;
  --carousel-transition-duration: 0.5s; }

.carousel {
  position: relative; }

.carousel__list {
  display: flex;
  flex-wrap: nowrap;
  will-change: transform; }

.carousel__item {
  flex-shrink: 0;
  width: var(--carousel-item-auto-size);
  margin-right: var(--carousel-grid-gap);
  margin-bottom: var(--carousel-grid-gap); }

.carousel__list--animating {
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: var(--carousel-transition-duration);
  transition-timing-function: var(--ease-out); }

.carousel__item {
  opacity: 0;
  margin-bottom: 0; }

.carousel--loaded .carousel__item {
  opacity: 1; }

.carousel:not(.carousel--is-dragging) .carousel__list:not(.carousel__list--animating) .carousel__item[tabindex="-1"] > * {
  visibility: hidden; }

.carousel[data-drag=on] .carousel__item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.carousel[data-drag=on] .carousel__item img {
  pointer-events: none; }

.carousel__control {
  --size: 40px;
  width: 40px;
  height: 40px;
  display: flex;
  background-color: var(--color-primary);
  border-radius: 50%;
  box-shadow: var(--inner-glow), var(--shadow-sm);
  z-index: 1;
  transition: 0.2s; }
  .carousel__control svg {
    color: var(--color-white); }

.carousel__control:active {
  -webkit-transform: translateY(1px);
  transform: translateY(1px); }

.carousel__control:hover {
  background-color: var(--color-primary-light);
  box-shadow: var(--inner-glow), var(--shadow-md); }

.carousel__control[disabled] {
  pointer-events: none;
  opacity: 0.5;
  box-shadow: none; }

.carousel__control .icon {
  --size: 20px;
  display: block;
  margin: auto; }

.carousel__navigation {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, 10px);
  gap: var(--space-xs);
  justify-content: center;
  align-items: center;
  margin-top: var(--space-sm); }

.carousel__nav-item {
  display: inline-block;
  margin: 0 var(--space-xxxs); }

@supports (grid-area: auto) {
  .carousel__nav-item {
    margin: 0; } }

.carousel__nav-item button {
  display: block;
  position: relative;
  font-size: 10px;
  height: 1em;
  width: 1em;
  border-radius: 50%;
  background-color: var(--color-contrast-high);
  opacity: 0.4;
  cursor: pointer;
  transition: background 0.3s; }

.carousel__nav-item button::before {
  content: "";
  position: absolute;
  top: calc(50% - 0.5em);
  left: calc(50% - 0.5em);
  font-size: 16px;
  height: 1em;
  width: 1em;
  border-radius: inherit;
  border: 1px solid var(--color-contrast-high);
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: 3s; }

.carousel__nav-item button:focus {
  outline: none; }

.carousel__nav-item button:focus::before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.carousel__nav-item--selected button {
  opacity: 1; }

.carousel__navigation--pagination {
  grid-template-columns: repeat(auto-fit, 24px); }

.carousel__navigation--pagination .carousel__nav-item button {
  width: 24px;
  height: 24px;
  color: var(--color-bg);
  font-size: 12px;
  line-height: 24px;
  border-radius: var(--radius-md);
  text-align: center; }

.carousel__navigation--pagination .carousel__nav-item button:focus {
  outline: 1px solid var(--color-primary);
  outline-offset: 2px; }

.carousel--hide-controls .carousel__navigation,
.carousel--hide-controls .carousel__control {
  display: none; }

/* -------------------------------- 

File#: _3_carousel-v3
Title: Carousel v3
Descr: Display a collection of items and navigate through them
Usage: codyhouse.co/license

-------------------------------- */
/* variables */
:root {
  /* colors */
  --cm0-color-primary-hsl: 250, 84%, 54%;
  --cm0-color-bg-hsl: 0, 0%, 100%;
  --cm0-color-contrast-high-hsl: 230, 7%, 23%;
  --cm0-color-contrast-higher-hsl: 230, 13%, 9%;
  --cm0-color-black-hsl: 230, 13%, 9%;
  --cm0-color-white-hsl: 0, 0%, 100%;
  /* spacing */
  --cm0-space-xs: 0.5rem;
  --cm0-space-md: 1.25rem; }

@media (min-width: 64rem) {
  :root {
    /* spacing */
    --cm0-space-xs: 0.75rem;
    --cm0-space-md: 2rem; } }

/* icons */
.cm0-icon {
  height: var(--cm0-size, 1em);
  width: var(--cm0-size, 1em);
  display: inline-block;
  color: inherit;
  fill: currentColor;
  line-height: 1;
  flex-shrink: 0;
  max-width: initial; }

/* component */
.carousel-v3 {
  --carousel-grid-gap: var(--cm0-space-xs);
  --carousel-item-auto-size: 260px;
  --carousel-transition-duration: 0.5s; }
  .carousel-v3 ul,
  .carousel-v3 ol {
    list-style: none; }

.carousel-v3__control {
  --cm0-size: 60px;
  height: var(--cm0-size);
  width: var(--cm0-size);
  background-color: #000;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  pointer-events: auto;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s; }

.carousel-v3__control:hover {
  background-color: #000; }

.carousel-v3__control[disabled] {
  display: none; }

.carousel-v3__control:active {
  -webkit-transform: translateY(2px);
  transform: translateY(2px); }

.carousel-v3__control .cm0-icon {
  --cm0-size: 20px;
  display: block;
  color: #fff; }

/* utility classes */
.cm0-justify-between {
  justify-content: space-between; }

.cm0-items-center {
  align-items: center; }

.cm0-flex {
  display: flex; }

.cm0-pointer-events-none {
  pointer-events: none; }

.cm0-right-0 {
  right: 0; }

.cm0-bottom-0 {
  bottom: 0; }

.cm0-left-0 {
  left: 0; }

.cm0-top-0 {
  top: 0; }

.cm0-position-absolute {
  position: absolute; }

.cm0-width-100\% {
  width: 100%; }

.cm0-block {
  display: block; }

.cm0-position-relative {
  position: relative; }

.cm0-sr-only {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  white-space: nowrap; }

.cm0-max-width-md {
  max-width: 64rem; }

.cm0-container {
  width: calc(100% - 2*var(--cm0-space-md));
  margin-left: auto;
  margin-right: auto; }

.cm0-flex-column {
  flex-direction: column; }

.cm0-overflow-hidden {
  overflow: hidden; }

/* -------------------------------- 

File#: _1_background-decoration
Title: Background Decoration
Descr: A collection of background effects
Usage: codyhouse.co/license

-------------------------------- */
.bg-decoration {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.bg-decoration__svg {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 134%;
  min-width: 1280px;
  max-width: 1920px;
  height: auto; }

/* -------------------------------- 

File#: _3_testimonial-slideshow
Title: Testimonial Slideshow
Descr: A Slideshow to display a gallery of testimonials
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --testimonial-slideshow-profile-img-size: 48px; }

@media (min-width: 64rem) {
  :root {
    --testimonial-slideshow-profile-img-size: 64px; } }

.testimonial-slideshow {
  --slideshow-height: 220px; }

@media (min-width: 64rem) {
  .testimonial-slideshow {
    --slideshow-height: 320px; } }

.testimonial-slideshow__profile-img {
  width: var(--testimonial-slideshow-profile-img-size);
  height: var(--testimonial-slideshow-profile-img-size);
  overflow: hidden; }

.testimonial-slideshow__profile-img img {
  display: block;
  width: 100%; }

/* -------------------------------- 

File#: _1_card-v14
Title: Card v14
Descr: Container of information used as teaser for further content exploration
Usage: codyhouse.co/license

-------------------------------- */
.card-v14 {
  background-color: var(--color-bg-light);
  border-radius: var(--radius-md);
  color: inherit;
  text-decoration: none;
  transition: 0.3s; }

.card-v14:hover {
  background-color: var(--color-bg-lighter); }

.card-v14__icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2); }

.card-v14__icon {
  --size: 24px;
  color: var(--color-accent); }

/* -------------------------------- 

File#: _3_interactive-table
Title: Interactive Table
Descr: Table with the option of sorting data and selecting rows to perform specific actions
Usage: codyhouse.co/license

-------------------------------- */
.int-table {
  overflow: hidden;
  border-bottom: 2px solid var(--color-contrast-lower); }

.int-table__inner {
  position: relative;
  overflow: auto; }

.int-table__inner::-webkit-scrollbar {
  height: 8px;
  width: 8px; }

.int-table__inner::-webkit-scrollbar-track {
  background-color: var(--color-contrast-lower); }

.int-table__inner::-webkit-scrollbar-thumb {
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.9);
  border-radius: 50em; }

.int-table__inner::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-contrast-higher); }

.int-table__table {
  width: 100%; }

.int-table__header .int-table__cell {
  background-color: var(--color-bg);
  box-shadow: 0 2px 0 var(--color-contrast-lower); }

.int-table__body .int-table__row {
  border-bottom: 1px solid var(--color-contrast-lower); }

.int-table__body .int-table__row:last-child {
  border-bottom: none; }

.int-table__body .int-table__row--checked {
  background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.1);
  border-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.25); }

.int-table__cell {
  padding: var(--space-xs); }

.int-table__cell--th {
  font-weight: 600; }

.int-table__cell--sort {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.int-table__cell--sort:hover,
.int-table__cell--sort:focus-within {
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075); }

.int-table__cell--sort:hover {
  cursor: pointer; }

.int-table__cell--focus {
  background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.15); }

.int-table__sort-icon .arrow-up,
.int-table__sort-icon .arrow-down {
  fill: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.3); }

.int-table__cell--asc .int-table__sort-icon .arrow-up,
.int-table__cell--desc .int-table__sort-icon .arrow-down {
  fill: var(--color-contrast-higher); }

.int-table__checkbox {
  --custom-checkbox-size: 18px;
  --custom-checkbox-marker-size: 16px;
  display: block;
  width: var(--custom-checkbox-size);
  height: var(--custom-checkbox-size); }

.int-table__menu-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  border-radius: 50%; }

.int-table__menu-btn .icon {
  display: block;
  width: 16px;
  height: 16px; }

.int-table__menu-btn:hover,
.int-table__menu-btn.menu-control--active {
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1); }

.int-table__menu-btn:active {
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075); }

.int-table--sticky-header {
  position: relative;
  z-index: 1; }

.int-table--sticky-header .int-table__inner {
  max-height: 480px; }

.int-table--sticky-header .int-table__header .int-table__cell {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2; }

.int-table-actions .menu-bar {
  --menu-bar-button-size: 38px;
  --menu-bar-icon-size: 16px;
  --menu-bar-horizontal-gap: var(--space-xxxxs);
  --menu-bar-vertical-gap: 4px;
  --menu-bar-label-size: var(--text-xs); }

.int-table-actions .menu-bar__icon {
  color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.5); }

/* -------------------------------- 

File#: _1_prop-table
Title: Property Table
Descr: A table used to display a list of properties and their values
Usage: codyhouse.co/license

-------------------------------- */
.prop-table__cell {
  padding: var(--space-sm) var(--space-sm) var(--space-sm) 0;
  border-bottom: 1px solid var(--color-contrast-lower);
  width: 50%; }

.prop-table__cell--th {
  font-weight: bold;
  text-align: left; }

.prop-table--v2 {
  background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.15);
  border-left: 4px solid var(--color-primary); }

.prop-table--v2 .prop-table__cell {
  padding: var(--space-xxxs);
  border-width: 0; }

/* --------------------------------   
File#: _2_split-button
Title: Split Button
Descr: A button group with a default option an a list of alternative options
Usage: codyhouse.co/license

-------------------------------- */
.split-btn > *:first-child {
  height: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.split-btn > *:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.split-btn__separator {
  width: 1.5px;
  /* gap between buttons */ }

/* popover */
.split-btn-popover {
  width: 200px;
  background-color: var(--color-bg-light);
  padding: var(--space-2xs) 0;
  border-radius: var(--radius-md);
  box-shadow: var(--inner-glow), var(--shadow-md); }

.split-btn-popover__list {
  list-style: none; }

.split-btn-popover__item {
  display: flex;
  width: 100%;
  align-items: center;
  padding: var(--space-3xs) var(--space-xs);
  text-decoration: none;
  color: var(--color-contrast-high);
  cursor: pointer;
  transition: .2s; }
  .split-btn-popover__item:hover {
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075); }
  .split-btn-popover__item:focus {
    outline: none;
    background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.15); }

/* variables */
:root {
  /* colors */
  --pc9-color-primary-hsl: 250, 84%, 54%;
  --pc9-color-bg-hsl: 0, 0%, 100%;
  --pc9-color-contrast-high-hsl: 230, 7%, 23%;
  --pc9-color-contrast-higher-hsl: 230, 13%, 9%;
  --pc9-color-contrast-medium-hsl: 225, 4%, 47%;
  --pc9-color-bg-dark-hsl: 240, 4%, 95%;
  --pc9-color-white-hsl: 0, 0%, 100%;
  --pc9-color-primary-darker-hsl: 250, 84%, 38%;
  --pc9-color-primary-light-hsl: 250, 84%, 60%;
  --pc9-color-accent-hsl: 342, 89%, 48%;
  --pc9-color-contrast-lower-hsl: 240, 4%, 85%;
  /* spacing */
  --pc9-space-2xs: 0.375rem;
  --pc9-space-xs: 0.5rem;
  --pc9-space-sm: 0.75rem;
  --pc9-space-md: 1.25rem;
  --pc9-space-xl: 3.25rem;
  /* typography */
  --pc9-text-sm: 0.833rem;
  --pc9-text-sm: 0.833rem; }

@media (min-width: 64rem) {
  :root {
    /* spacing */
    --pc9-space-2xs: 0.5625rem;
    --pc9-space-xs: 0.75rem;
    --pc9-space-sm: 1.125rem;
    --pc9-space-md: 2rem;
    --pc9-space-xl: 5.125rem;
    /* typography */
    --pc9-text-sm: 1rem;
    --pc9-text-sm: 1rem; } }

/* buttons */
.pc9-btn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  white-space: nowrap;
  text-decoration: none;
  background: hsl(240, 4%, 95%);
  color: hsl(230, 13%, 9%);
  cursor: pointer;
  text-decoration: none;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.2s ease;
  will-change: transform;
  padding: var(--pc9-space-2xs) var(--pc9-space-sm);
  border-radius: 0.25em; }

.pc9-btn:focus-visible {
  box-shadow: 0px 0px 0px 2px hsl(0, 0%, 100%), 0px 0px 0px 4px hsla(230, 13%, 9%, 0.15);
  outline: none; }

.pc9-btn:active {
  transform: translateY(2px); }

.pc9-btn--primary {
  background: hsl(250, 84%, 54%);
  color: hsl(0, 0%, 100%);
  box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.15), 0px 1px 3px hsla(250, 84%, 38%, 0.25), 0px 2px 6px hsla(250, 84%, 38%, 0.1), 0px 6px 10px -2px hsla(250, 84%, 38%, 0.25); }

.pc9-btn--primary:hover {
  background: hsl(250, 84%, 60%);
  box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.15), 0px 1px 2px hsla(250, 84%, 38%, 0.25), 0px 1px 4px hsla(250, 84%, 38%, 0.1), 0px 3px 6px -2px hsla(250, 84%, 38%, 0.25); }

.pc9-btn--primary:focus {
  box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.15), 0px 1px 2px hsla(250, 84%, 38%, 0.25), 0px 1px 4px hsla(250, 84%, 38%, 0.1), 0px 3px 6px -2px hsla(250, 84%, 38%, 0.25), 0px 0px 0px 2px hsl(0, 0%, 100%), 0px 0px 0px 4px hsl(250, 84%, 54%); }

/* component */
.prod-color-feature {
  --slideshow-height: auto; }

@media (min-width: 64rem) {
  .prod-color-feature .color-swatches {
    --color-swatch-size: 24px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 !important; }
  .prod-color-feature .color-swatches__legend {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%); }
  .prod-color-feature .color-swatches__list {
    grid-template-columns: var(--color-swatch-size); } }

/* utility classes */
.pc9-width-100\% {
  width: 100%; }

.pc9-block {
  display: block; }

.pc9-bg {
  background-color: hsla(0, 0%, 100%, 1); }

.pc9-sr-only {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  white-space: nowrap; }

.pc9-margin-top-md {
  margin-top: var(--pc9-space-md); }

.pc9-color-contrast-high {
  --pc9-color-o: 1;
  color: hsla(230, 7%, 23%, var(--pc9-color-o, 1)); }

.pc9-margin-bottom-xs {
  margin-bottom: var(--pc9-space-xs); }

.pc9-color-contrast-medium {
  --pc9-color-o: 1;
  color: hsla(225, 4%, 47%, var(--pc9-color-o, 1)); }

.pc9-text-sm {
  font-size: var(--pc9-text-sm); }

.pc9-z-index-2 {
  z-index: 2; }

.pc9-text-component :where(h1, h2, h3, h4) {
  line-height: var(--pc9-heading-line-height, 1.2);
  margin-top: calc(var(--pc9-space-md) * var(--pc9-space-multiplier, 1));
  margin-bottom: calc(var(--pc9-space-sm) * var(--pc9-space-multiplier, 1)); }

.pc9-text-component :where(p, blockquote, ul li, ol li) {
  line-height: var(--pc9-body-line-height, 1.4); }

.pc9-text-component :where(ul, ol, p, blockquote, .pc9-text-component__block) {
  margin-bottom: calc(var(--pc9-space-sm) * var(--pc9-space-multiplier, 1)); }

.pc9-text-component :where(ul, ol) {
  padding-left: 1.25em; }

.pc9-text-component ul :where(ul, ol), .pc9-text-component ol :where(ul, ol) {
  padding-left: 1em;
  margin-bottom: 0; }

.pc9-text-component ul {
  list-style-type: disc; }

.pc9-text-component ol {
  list-style-type: decimal; }

.pc9-text-component img {
  display: block;
  margin: 0 auto; }

.pc9-text-component figcaption {
  margin-top: calc(var(--pc9-space-xs) * var(--pc9-space-multiplier, 1));
  font-size: var(--pc9-text-sm);
  text-align: center; }

.pc9-text-component em {
  font-style: italic; }

.pc9-text-component strong {
  font-weight: bold; }

.pc9-text-component s {
  text-decoration: line-through; }

.pc9-text-component u {
  text-decoration: underline; }

.pc9-text-component mark {
  background-color: hsla(342, 89%, 48%, 0.2);
  color: inherit; }

.pc9-text-component blockquote {
  padding-left: 1em;
  border-left: 4px solid hsl(240, 4%, 85%);
  font-style: italic; }

.pc9-text-component hr {
  margin: calc(var(--pc9-space-md) * var(--pc9-space-multiplier, 1)) auto;
  background: hsl(240, 4%, 85%);
  height: 1px; }

.pc9-text-component > *:first-child {
  margin-top: 0; }

.pc9-text-component > *:last-child {
  margin-bottom: 0; }

.pc9-text-component.pc9-line-height-xs {
  --pc9-heading-line-height: 1;
  --pc9-body-line-height: 1.1; }

.pc9-text-component.pc9-line-height-sm {
  --pc9-heading-line-height: 1.1;
  --pc9-body-line-height: 1.2; }

.pc9-text-component.pc9-line-height-md {
  --pc9-heading-line-height: 1.15;
  --pc9-body-line-height: 1.4; }

.pc9-text-component.pc9-line-height-lg {
  --pc9-heading-line-height: 1.22;
  --pc9-body-line-height: 1.58; }

.pc9-text-component.pc9-line-height-xl {
  --pc9-heading-line-height: 1.3;
  --pc9-body-line-height: 1.72; }

.pc9-margin-bottom-2xs {
  margin-bottom: var(--pc9-space-2xs); }

.pc9-items-center {
  align-items: center; }

.pc9-gap-md {
  gap: var(--pc9-space-md); }

.pc9-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr); }

.pc9-grid > * {
  min-width: 0;
  grid-column-end: span 12; }

.pc9-position-relative {
  position: relative; }

.pc9-max-width-adaptive-lg {
  max-width: 32rem; }

@media (min-width: 48rem) {
  .pc9-max-width-adaptive-lg {
    max-width: 48rem; } }

@media (min-width: 64rem) {
  .pc9-max-width-adaptive-lg {
    max-width: 64rem; } }

@media (min-width: 80rem) {
  .pc9-max-width-adaptive-lg {
    max-width: 80rem; } }

.pc9-container {
  width: calc(100% - 2*var(--pc9-space-md));
  margin-left: auto;
  margin-right: auto; }

.pc9-z-index-1 {
  z-index: 1; }

.pc9-padding-y-xl {
  padding-top: var(--pc9-space-xl);
  padding-bottom: var(--pc9-space-xl); }

@media (min-width: 64rem) {
  .pc9-order-1\@md {
    order: 1; }
  .pc9-padding-sm\@md {
    padding: var(--pc9-space-sm); }
  .pc9-left-0\@md {
    left: 0; }
  .pc9-order-2\@md {
    order: 2; }
  .pc9-right-0\@md {
    right: 0; }
  .pc9-col-6\@md {
    grid-column-end: span 6; } }

@media (min-width: 80rem) {
  .pc9-col-5\@lg {
    grid-column-end: span 5; }
  .pc9-col-7\@lg {
    grid-column-end: span 7; } }

/* -------------------------------- 
File#: _1_link-card
Title: Link Card
Descr: Link card for app UI
-------------------------------- */
/* icons */
.lm0-icon {
  height: 1em;
  width: 1em;
  display: inline-block;
  color: inherit;
  fill: currentColor;
  line-height: 1;
  flex-shrink: 0;
  max-width: initial; }

.lm0-icon--sm {
  height: 24px;
  width: 24px; }

/* component */
.link-card {
  text-decoration: none;
  color: inherit;
  box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075), 0 0.1px 0.3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  transition: 0.3s; }

.link-card:hover {
  box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075), 0 0.3px 0.4px rgba(0, 0, 0, 0.025), 0 0.9px 1.5px rgba(0, 0, 0, 0.05), 0 3.5px 6px rgba(0, 0, 0, 0.1); }

.link-card__footer {
  position: relative;
  overflow: hidden;
  height: 60px; }

.link-card__footer > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s; }

.link-card__footer > *:last-child {
  transform: translateY(100%);
  opacity: 0; }

.link-card:hover .link-card__footer > *:first-child {
  transform: translateY(-100%);
  opacity: 0; }

.link-card:hover .link-card__footer > *:last-child {
  transform: translateY(0);
  opacity: 1; }

/* utility classes */
.lm0-text-sm {
  font-size: 0.833rem;
  /* Small text size */ }

.lm0-border-top {
  border-top: 1px solid hsla(240, 4%, 85%, 1); }

.lm0-margin-top-auto {
  margin-top: auto; }

.lm0-margin-top-3xs {
  margin-top: 0.25rem;
  /* Very small margin */ }

.lm0-color-contrast-low {
  color: hsla(240, 4%, 65%, 1);
  /* Low contrast text color */ }

.lm0-color-contrast-higher {
  color: hsla(230, 13%, 9%, 1);
  /* Higher contrast text color */ }

.lm0-font-semibold {
  font-weight: 600; }

.lm0-text-lg {
  font-size: 1.25rem;
  /* Large text size */ }

.lm0-line-height-xs {
  line-height: 1.1; }

.lm0-color-primary {
  color: hsla(250, 84%, 54%, 1);
  /* Primary color */ }

.lm0-block {
  display: block; }

.lm0-items-center {
  align-items: center; }

.lm0-gap-xs {
  gap: 0.5rem;
  /* Small gap size */ }

.lm0-flex-wrap {
  flex-wrap: wrap; }

.lm0-flex {
  display: flex; }

.lm0-padding-md {
  padding: 1.25rem;
  /* Medium padding */ }

.lm0-radius-md {
  border-radius: 0.25em; }

.lm0-bg-light {
  background-color: hsla(0, 0%, 100%, 1);
  /* Light background color */ }

.lm0-flex-column {
  flex-direction: column; }

.lm0-border-contrast-lower {
  border-color: hsla(240, 4%, 85%, 1); }

/* -------------------------------- 

File#: _2_image-interest-points
Title: Points Of Interest
Descr: Highlight the points of interest of an image and provide additional details for each one.
Usage: codyhouse.co/license

-------------------------------- */
:root {
  /* spacing */
  --im5-space-sm: 0.75rem;
  --im5-space-md: 1.25rem;
  --im5-space-2xs: 0.375rem;
  --im5-space-xs: 0.5rem;
  /* typography */
  --im5-text-lg: 1.25rem;
  --im5-text-md: 1.2rem;
  --im5-text-sm: 0.833rem; }

@media (min-width: 64rem) {
  :root {
    /* spacing */
    --im5-space-sm: 1.125rem;
    --im5-space-md: 2rem;
    --im5-space-2xs: 0.5625rem;
    --im5-space-xs: 0.75rem;
    /* typography */
    --im5-text-lg: 1.75rem;
    --im5-text-md: 1.5625rem;
    --im5-text-sm: 1rem; } }

/* buttons */
.im5-btn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  white-space: nowrap;
  text-decoration: none;
  background-color: var(--color-primary);
  color: white;
  cursor: pointer;
  text-decoration: none;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.2s ease;
  will-change: transform;
  padding: var(--im5-space-2xs) var(--im5-space-sm);
  border-radius: 0.25em;
  font-weight: bold; }

.im5-btn:focus-visible {
  box-shadow: var(--shadow-sm);
  outline: none; }

.im5-btn:active {
  transform: translateY(2px); }

.im5-btn--primary {
  background-color: var(--color-primary);
  color: white !important;
  font-weight: bold;
  box-shadow: var(--shadow-sm); }

.im5-btn--primary:hover {
  background-color: var(--color-primary-dark);
  box-shadow: var(--shadow-sm);
  color: white !important;
  font-weight: bold; }

.im5-btn--primary:focus {
  box-shadow: var(--shadow-sm);
  font-weight: bold;
  color: white !important; }

/* icons */
.im5-icon {
  height: var(--im5-size, 1em);
  width: var(--im5-size, 1em);
  display: inline-block;
  color: inherit;
  fill: currentColor;
  line-height: 1;
  flex-shrink: 0;
  max-width: initial; }

.im5-icon--sm {
  --im5-size: 24px; }

/* component */
.poi {
  pointer-events: none;
  list-style: none; }

.poi__item {
  position: absolute;
  pointer-events: auto; }

.poi__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  --im5-size: 32px;
  height: var(--im5-size);
  width: var(--im5-size);
  border-radius: 50%;
  background-color: var(--color-primary);
  box-shadow: var(--shadow-sm);
  cursor: pointer;
  transition: 0.2s; }

.poi__btn::after {
  /* pulse ring */
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: var(--shadow-sm);
  -webkit-animation: poi-pulse 2s infinite;
  animation: poi-pulse 2s infinite; }

.poi__btn .im5-icon {
  color: white;
  /* icon color */
  --im5-size: 12px;
  transition: -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); }

.poi__btn:hover .im5-icon {
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

.poi__item--visited button {
  /* style of clicked button */
  background-color: var(--color-primary-dark);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px); }

.poi__item--visited button::after {
  display: none; }

@-webkit-keyframes poi-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0; } }

@keyframes poi-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0; } }

/* utility classes */
.im5-items-center {
  align-items: center; }

.im5-justify-between {
  justify-content: space-between; }

.im5-flex {
  display: flex; }

.im5-margin-top-sm {
  margin-top: var(--im5-space-sm); }

.im5-color-contrast-medium {
  color: black; }

.im5-text-md {
  font-size: var(--im5-text-md); }

.im5-text-component :where(h1, h2, h3, h4) {
  line-height: var(--im5-heading-line-height, 1.2);
  margin-top: calc(var(--im5-space-md) * var(--im5-space-multiplier, 1));
  margin-bottom: calc(var(--im5-space-sm) * var(--im5-space-multiplier, 1)); }

.im5-text-component :where(p, blockquote, ul li, ol li) {
  line-height: var(--im5-body-line-height, 1.4); }

.im5-text-component :where(ul, ol, p, blockquote, .im5-text-component__block) {
  margin-bottom: calc(var(--im5-space-sm) * var(--im5-space-multiplier, 1)); }

.im5-text-component :where(ul, ol) {
  padding-left: 1.25em; }

.im5-text-component ul :where(ul, ol), .im5-text-component ol :where(ul, ol) {
  padding-left: 1em;
  margin-bottom: 0; }

.im5-text-component ul {
  list-style-type: disc; }

.im5-text-component ol {
  list-style-type: decimal; }

.im5-text-component img {
  display: block;
  margin: 0 auto; }

.im5-text-component figcaption {
  margin-top: calc(var(--im5-space-xs) * var(--im5-space-multiplier, 1));
  font-size: var(--im5-text-sm);
  text-align: center; }

.im5-text-component em {
  font-style: italic; }

.im5-text-component strong {
  font-weight: bold; }

.im5-text-component s {
  text-decoration: line-through; }

.im5-text-component u {
  text-decoration: underline; }

.im5-text-component mark {
  background-color: green;
  color: inherit; }

.im5-text-component blockquote {
  padding-left: 1em;
  border-left: 4px solid red;
  font-style: italic; }

.im5-text-component hr {
  margin: calc(var(--im5-space-md) * var(--im5-space-multiplier, 1)) auto;
  background: black;
  height: 1px; }

.im5-text-component > *:first-child {
  margin-top: 0; }

.im5-text-component > *:last-child {
  margin-bottom: 0; }

.im5-text-component.im5-line-height-xs {
  --im5-heading-line-height: 1;
  --im5-body-line-height: 1.1; }

.im5-text-component.im5-line-height-sm {
  --im5-heading-line-height: 1.1;
  --im5-body-line-height: 1.2; }

.im5-text-component.im5-line-height-md {
  --im5-heading-line-height: 1.15;
  --im5-body-line-height: 1.4; }

.im5-text-component.im5-line-height-lg {
  --im5-heading-line-height: 1.22;
  --im5-body-line-height: 1.58; }

.im5-text-component.im5-line-height-xl {
  --im5-heading-line-height: 1.3;
  --im5-body-line-height: 1.72; }

.im5-padding-sm {
  padding: var(--im5-space-sm); }

.im5-shadow-md {
  box-shadow: 0 0.9px 1.5px rgba(0, 0, 0, 0.03), 0 3.1px 5.5px rgba(0, 0, 0, 0.08), 0 14px 25px rgba(0, 0, 0, 0.12); }

:where(.im5-inner-glow) {
  position: relative; }

.im5-inner-glow::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: var(--shadow-sm); }

.im5-radius-md {
  border-radius: 0.25em; }

.im5-bg {
  --im5-bg-o: 1;
  background-color: rgba(255, 255, 255, 0.9); }

.im5-overflow-auto {
  overflow: auto; }

.im5-max-height-100\% {
  max-height: 100%; }

.im5-max-width-xs {
  max-width: 38rem; }

.im5-width-100\% {
  width: 100%; }

.im5-padding-md {
  padding: var(--im5-space-md); }

.im5-bg-black {
  --im5-bg-o: 1;
  background-color: rgba(20, 21, 26, 0.9); }

.im5-flex-center {
  justify-content: center;
  align-items: center; }

.im5-text-lg {
  font-size: var(--im5-text-lg); }

.im5-block {
  display: block; }

.im5-gap-sm {
  gap: var(--im5-space-sm); }

.im5-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr); }

.im5-grid > * {
  min-width: 0;
  grid-column-end: span 12; }

.im5-max-width-2xs {
  max-width: 32rem; }

.im5-z-index-1 {
  z-index: 1; }

.im5-position-relative {
  position: relative; }

.im5-bg-opacity-90\% {
  --im5-bg-o: 0.9; }

@media (min-width: 64rem) {
  .im5-max-width-xs\@md {
    max-width: 38rem; }
  .im5-col-5\@md {
    grid-column-end: span 5; }
  .im5-col-7\@md {
    grid-column-end: span 7; } }

:root {
  --btn-font-size: var(--text-sm);
  --btn-padding-x: var(--space-sm);
  --btn-padding-y: var(--space-xxs);
  --btn-radius: var(--radius-md); }

.btn {
  background: var(--color-bg-dark);
  color: var(--color-contrast-higher);
  cursor: pointer;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.2;
  letter-spacing: 1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.2s ease;
  will-change: transform; }
  .btn:focus {
    box-shadow: 0px 0px 0px 2px var(--color-bg), 0px 0px 0px 4px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.15);
    outline: none; }
  .btn:active {
    transform: translateY(2px); }

.btn--primary {
  background: var(--color-primary);
  color: var(--color-white);
  box-shadow: inset 0px 1px 0px hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0px 1px 3px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25), 0px 2px 6px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.1), 0px 6px 10px -2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25); }
  .btn--primary:hover {
    background: var(--color-primary-light);
    color: var(--color-white);
    box-shadow: inset 0px 1px 0px hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0px 1px 2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25), 0px 1px 4px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.1), 0px 3px 6px -2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25); }
  .btn--primary:focus {
    box-shadow: inset 0px 1px 0px hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0px 1px 2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25), 0px 1px 4px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.1), 0px 3px 6px -2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25), 0px 0px 0px 2px var(--color-bg), 0px 0px 0px 4px var(--color-primary); }

.btn--subtle {
  background: var(--color-bg-lighter);
  color: var(--color-contrast-higher);
  box-shadow: inset 0px 1px 0px hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.1), 0px 0px 0px 1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.02), 0px 1px 3px -1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.2), var(--shadow-sm); }
  .btn--subtle:hover {
    background: var(--color-bg-light);
    box-shadow: inset 0px 1px 0px hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.1), 0px 0px 0px 1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.02), 0px 1px 3px -1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.2), var(--shadow-xs); }
  .btn--subtle:focus {
    box-shadow: inset 0px 1px 0px hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.1), 0px 0px 0px 1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.02), 0px 1px 3px -1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.2), var(--shadow-xs), 0px 0px 0px 2px var(--color-bg), 0px 0px 0px 4px var(--color-contrast-high); }

.btn--accent {
  background: var(--color-accent);
  color: var(--color-white);
  box-shadow: inset 0px 1px 0px hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0px 1px 3px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.25), 0px 2px 6px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.1), 0px 6px 10px -2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.25); }
  .btn--accent:hover {
    background: var(--color-accent-light);
    box-shadow: inset 0px 1px 0px hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0px 1px 2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.25), 0px 1px 4px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.1), 0px 3px 6px -2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.1); }
  .btn--accent:focus {
    box-shadow: inset 0px 1px 0px hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0px 1px 2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.25), 0px 1px 4px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.1), 0px 3px 6px -2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.1), 0px 0px 0px 2px var(--color-bg), 0px 0px 0px 4px var(--color-accent); }

.btn--disabled, .btn[disabled], .btn[readonly] {
  opacity: 0.6;
  cursor: not-allowed; }

.btn--sm {
  font-size: 0.8em; }

.btn--md {
  font-size: 1.2em; }

.btn--lg {
  font-size: 1.4em; }

:root, [data-theme=default] {
  --color-primary-darker: hsl(30, 100%, 33%);
  --color-primary-darker-h: 30;
  --color-primary-darker-s: 100%;
  --color-primary-darker-l: 33%;
  --color-primary-dark: hsl(30, 100%, 39%);
  --color-primary-dark-h: 30;
  --color-primary-dark-s: 100%;
  --color-primary-dark-l: 39%;
  --color-primary: hsl(30, 100%, 45%);
  --color-primary-h: 30;
  --color-primary-s: 100%;
  --color-primary-l: 45%;
  --color-primary-light: hsl(30, 100%, 51%);
  --color-primary-light-h: 30;
  --color-primary-light-s: 100%;
  --color-primary-light-l: 51%;
  --color-primary-lighter: hsl(30, 100%, 57%);
  --color-primary-lighter-h: 30;
  --color-primary-lighter-s: 100%;
  --color-primary-lighter-l: 57%;
  --color-accent-darker: hsl(191, 94%, 16%);
  --color-accent-darker-h: 191;
  --color-accent-darker-s: 94%;
  --color-accent-darker-l: 16%;
  --color-accent-dark: hsl(191, 94%, 22%);
  --color-accent-dark-h: 191;
  --color-accent-dark-s: 94%;
  --color-accent-dark-l: 22%;
  --color-accent: hsl(191, 94%, 28%);
  --color-accent-h: 191;
  --color-accent-s: 94%;
  --color-accent-l: 28%;
  --color-accent-light: hsl(191, 94%, 34%);
  --color-accent-light-h: 191;
  --color-accent-light-s: 94%;
  --color-accent-light-l: 34%;
  --color-accent-lighter: hsl(191, 94%, 40%);
  --color-accent-lighter-h: 191;
  --color-accent-lighter-s: 94%;
  --color-accent-lighter-l: 40%;
  --color-clarion-gray-darker: hsl(57, 16%, 10%);
  --color-clarion-gray-darker-h: 57;
  --color-clarion-gray-darker-s: 16%;
  --color-clarion-gray-darker-l: 10%;
  --color-clarion-gray-dark: hsl(57, 16%, 16%);
  --color-clarion-gray-dark-h: 57;
  --color-clarion-gray-dark-s: 16%;
  --color-clarion-gray-dark-l: 16%;
  --color-clarion-gray: hsl(57, 16%, 22%);
  --color-clarion-gray-h: 57;
  --color-clarion-gray-s: 16%;
  --color-clarion-gray-l: 22%;
  --color-clarion-gray-light: hsl(57, 16%, 28%);
  --color-clarion-gray-light-h: 57;
  --color-clarion-gray-light-s: 16%;
  --color-clarion-gray-light-l: 28%;
  --color-clarion-gray-lighter: hsl(57, 16%, 34%);
  --color-clarion-gray-lighter-h: 57;
  --color-clarion-gray-lighter-s: 16%;
  --color-clarion-gray-lighter-l: 34%;
  --color-black: hsl(230, 13%, 9%);
  --color-black-h: 230;
  --color-black-s: 13%;
  --color-black-l: 9%;
  --color-white: hsl(0, 0%, 100%);
  --color-white-h: 0;
  --color-white-s: 0%;
  --color-white-l: 100%;
  --color-warning-darker: hsl(35, 79%, 48%);
  --color-warning-darker-h: 35;
  --color-warning-darker-s: 79%;
  --color-warning-darker-l: 48%;
  --color-warning-dark: hsl(35, 79%, 56%);
  --color-warning-dark-h: 35;
  --color-warning-dark-s: 79%;
  --color-warning-dark-l: 56%;
  --color-warning: hsl(35, 79%, 66%);
  --color-warning-h: 35;
  --color-warning-s: 79%;
  --color-warning-l: 66%;
  --color-warning-light: hsl(35, 79%, 74%);
  --color-warning-light-h: 35;
  --color-warning-light-s: 79%;
  --color-warning-light-l: 74%;
  --color-warning-lighter: hsl(35, 79%, 82%);
  --color-warning-lighter-h: 35;
  --color-warning-lighter-s: 79%;
  --color-warning-lighter-l: 82%;
  --color-success-darker: hsl(136, 96%, 23%);
  --color-success-darker-h: 136;
  --color-success-darker-s: 96%;
  --color-success-darker-l: 23%;
  --color-success-dark: hsl(136, 96%, 29%);
  --color-success-dark-h: 136;
  --color-success-dark-s: 96%;
  --color-success-dark-l: 29%;
  --color-success: hsl(136, 96%, 35%);
  --color-success-h: 136;
  --color-success-s: 96%;
  --color-success-l: 35%;
  --color-success-light: hsl(136, 96%, 41%);
  --color-success-light-h: 136;
  --color-success-light-s: 96%;
  --color-success-light-l: 41%;
  --color-success-lighter: hsl(136, 96%, 47%);
  --color-success-lighter-h: 136;
  --color-success-lighter-s: 96%;
  --color-success-lighter-l: 47%;
  --color-error-darker: hsl(342, 89%, 38%);
  --color-error-darker-h: 342;
  --color-error-darker-s: 89%;
  --color-error-darker-l: 38%;
  --color-error-dark: hsl(342, 89%, 43%);
  --color-error-dark-h: 342;
  --color-error-dark-s: 89%;
  --color-error-dark-l: 43%;
  --color-error: hsl(342, 89%, 48%);
  --color-error-h: 342;
  --color-error-s: 89%;
  --color-error-l: 48%;
  --color-error-light: hsl(342, 89%, 56%);
  --color-error-light-h: 342;
  --color-error-light-s: 89%;
  --color-error-light-l: 56%;
  --color-error-lighter: hsl(342, 89%, 62%);
  --color-error-lighter-h: 342;
  --color-error-lighter-s: 89%;
  --color-error-lighter-l: 62%;
  --color-bg-darker: hsl(240, 4%, 90%);
  --color-bg-darker-h: 240;
  --color-bg-darker-s: 4%;
  --color-bg-darker-l: 90%;
  --color-bg-dark: hsl(240, 4%, 95%);
  --color-bg-dark-h: 240;
  --color-bg-dark-s: 4%;
  --color-bg-dark-l: 95%;
  --color-bg: hsl(0, 0%, 100%);
  --color-bg-h: 0;
  --color-bg-s: 0%;
  --color-bg-l: 100%;
  --color-bg-light: hsl(0, 0%, 100%);
  --color-bg-light-h: 0;
  --color-bg-light-s: 0%;
  --color-bg-light-l: 100%;
  --color-bg-lighter: hsl(0, 0%, 100%);
  --color-bg-lighter-h: 0;
  --color-bg-lighter-s: 0%;
  --color-bg-lighter-l: 100%;
  --color-contrast-lower: hsl(240, 4%, 85%);
  --color-contrast-lower-h: 240;
  --color-contrast-lower-s: 4%;
  --color-contrast-lower-l: 85%;
  --color-contrast-low: hsl(240, 4%, 65%);
  --color-contrast-low-h: 240;
  --color-contrast-low-s: 4%;
  --color-contrast-low-l: 65%;
  --color-contrast-medium: hsl(225, 4%, 47%);
  --color-contrast-medium-h: 225;
  --color-contrast-medium-s: 4%;
  --color-contrast-medium-l: 47%;
  --color-contrast-high: hsl(230, 7%, 23%);
  --color-contrast-high-h: 230;
  --color-contrast-high-s: 7%;
  --color-contrast-high-l: 23%;
  --color-contrast-higher: hsl(230, 13%, 9%);
  --color-contrast-higher-h: 230;
  --color-contrast-higher-s: 13%;
  --color-contrast-higher-l: 9%;
  --gradient-primary-stop-1: hsl(30, 100%, 45%);
  --gradient-primary-stop-1-h: 30;
  --gradient-primary-stop-1-s: 100%;
  --gradient-primary-stop-1-l: 45%;
  --gradient-primary-stop-2: hsl(30, 95%, 66%);
  --gradient-primary-stop-2-h: 30;
  --gradient-primary-stop-2-s: 95%;
  --gradient-primary-stop-2-l: 66%; }

[data-theme=dark] {
  --color-primary-darker: hsl(30, 100%, 33%);
  --color-primary-darker-h: 30;
  --color-primary-darker-s: 100%;
  --color-primary-darker-l: 33%;
  --color-primary-dark: hsl(30, 100%, 39%);
  --color-primary-dark-h: 30;
  --color-primary-dark-s: 100%;
  --color-primary-dark-l: 39%;
  --color-primary: hsl(30, 100%, 45%);
  --color-primary-h: 30;
  --color-primary-s: 100%;
  --color-primary-l: 45%;
  --color-primary-light: hsl(30, 100%, 51%);
  --color-primary-light-h: 30;
  --color-primary-light-s: 100%;
  --color-primary-light-l: 51%;
  --color-primary-lighter: hsl(30, 100%, 57%);
  --color-primary-lighter-h: 30;
  --color-primary-lighter-s: 100%;
  --color-primary-lighter-l: 57%;
  --color-accent-darker: hsl(191, 94%, 16%);
  --color-accent-darker-h: 191;
  --color-accent-darker-s: 94%;
  --color-accent-darker-l: 16%;
  --color-accent-dark: hsl(191, 94%, 22%);
  --color-accent-dark-h: 191;
  --color-accent-dark-s: 94%;
  --color-accent-dark-l: 22%;
  --color-accent: hsl(191, 94%, 28%);
  --color-accent-h: 191;
  --color-accent-s: 94%;
  --color-accent-l: 28%;
  --color-accent-light: hsl(191, 94%, 34%);
  --color-accent-light-h: 191;
  --color-accent-light-s: 94%;
  --color-accent-light-l: 34%;
  --color-accent-lighter: hsl(191, 94%, 40%);
  --color-accent-lighter-h: 191;
  --color-accent-lighter-s: 94%;
  --color-accent-lighter-l: 40%;
  --color-clarion-gray-darker: hsl(30, 100%, 33%);
  --color-clarion-gray-darker-h: 30;
  --color-clarion-gray-darker-s: 100%;
  --color-clarion-gray-darker-l: 33%;
  --color-clarion-gray-dark: hsl(30, 100%, 39%);
  --color-clarion-gray-dark-h: 30;
  --color-clarion-gray-dark-s: 100%;
  --color-clarion-gray-dark-l: 39%;
  --color-clarion-gray: hsl(30, 100%, 45%);
  --color-clarion-gray-h: 30;
  --color-clarion-gray-s: 100%;
  --color-clarion-gray-l: 45%;
  --color-clarion-gray-light: hsl(30, 100%, 51%);
  --color-clarion-gray-light-h: 30;
  --color-clarion-gray-light-s: 100%;
  --color-clarion-gray-light-l: 51%;
  --color-clarion-gray-lighter: hsl(30, 100%, 57%);
  --color-clarion-gray-lighter-h: 30;
  --color-clarion-gray-lighter-s: 100%;
  --color-clarion-gray-lighter-l: 57%;
  --color-black: hsl(230, 13%, 9%);
  --color-black-h: 230;
  --color-black-s: 13%;
  --color-black-l: 9%;
  --color-white: hsl(0, 0%, 100%);
  --color-white-h: 0;
  --color-white-s: 0%;
  --color-white-l: 100%;
  --color-warning-darker: hsl(35, 79%, 48%);
  --color-warning-darker-h: 35;
  --color-warning-darker-s: 79%;
  --color-warning-darker-l: 48%;
  --color-warning-dark: hsl(35, 79%, 56%);
  --color-warning-dark-h: 35;
  --color-warning-dark-s: 79%;
  --color-warning-dark-l: 56%;
  --color-warning: hsl(35, 79%, 66%);
  --color-warning-h: 35;
  --color-warning-s: 79%;
  --color-warning-l: 66%;
  --color-warning-light: hsl(35, 79%, 74%);
  --color-warning-light-h: 35;
  --color-warning-light-s: 79%;
  --color-warning-light-l: 74%;
  --color-warning-lighter: hsl(35, 79%, 82%);
  --color-warning-lighter-h: 35;
  --color-warning-lighter-s: 79%;
  --color-warning-lighter-l: 82%;
  --color-success-darker: hsl(170, 78%, 26%);
  --color-success-darker-h: 170;
  --color-success-darker-s: 78%;
  --color-success-darker-l: 26%;
  --color-success-dark: hsl(170, 78%, 31%);
  --color-success-dark-h: 170;
  --color-success-dark-s: 78%;
  --color-success-dark-l: 31%;
  --color-success: hsl(170, 78%, 36%);
  --color-success-h: 170;
  --color-success-s: 78%;
  --color-success-l: 36%;
  --color-success-light: hsl(170, 78%, 42%);
  --color-success-light-h: 170;
  --color-success-light-s: 78%;
  --color-success-light-l: 42%;
  --color-success-lighter: hsl(170, 78%, 47%);
  --color-success-lighter-h: 170;
  --color-success-lighter-s: 78%;
  --color-success-lighter-l: 47%;
  --color-error-darker: hsl(342, 92%, 41%);
  --color-error-darker-h: 342;
  --color-error-darker-s: 92%;
  --color-error-darker-l: 41%;
  --color-error-dark: hsl(342, 92%, 47%);
  --color-error-dark-h: 342;
  --color-error-dark-s: 92%;
  --color-error-dark-l: 47%;
  --color-error: hsl(342, 92%, 54%);
  --color-error-h: 342;
  --color-error-s: 92%;
  --color-error-l: 54%;
  --color-error-light: hsl(342, 92%, 60%);
  --color-error-light-h: 342;
  --color-error-light-s: 92%;
  --color-error-light-l: 60%;
  --color-error-lighter: hsl(342, 92%, 65%);
  --color-error-lighter-h: 342;
  --color-error-lighter-s: 92%;
  --color-error-lighter-l: 65%;
  --color-bg-darker: hsl(232, 7%, 8%);
  --color-bg-darker-h: 232;
  --color-bg-darker-s: 7%;
  --color-bg-darker-l: 8%;
  --color-bg-dark: hsl(233, 8%, 11%);
  --color-bg-dark-h: 233;
  --color-bg-dark-s: 8%;
  --color-bg-dark-l: 11%;
  --color-bg: hsl(232, 11%, 15%);
  --color-bg-h: 232;
  --color-bg-s: 11%;
  --color-bg-l: 15%;
  --color-bg-light: hsl(233, 8%, 19%);
  --color-bg-light-h: 233;
  --color-bg-light-s: 8%;
  --color-bg-light-l: 19%;
  --color-bg-lighter: hsl(232, 7%, 22%);
  --color-bg-lighter-h: 232;
  --color-bg-lighter-s: 7%;
  --color-bg-lighter-l: 22%;
  --color-contrast-lower: hsl(240, 6%, 26%);
  --color-contrast-lower-h: 240;
  --color-contrast-lower-s: 6%;
  --color-contrast-lower-l: 26%;
  --color-contrast-low: hsl(240, 3%, 41%);
  --color-contrast-low-h: 240;
  --color-contrast-low-s: 3%;
  --color-contrast-low-l: 41%;
  --color-contrast-medium: hsl(213, 3%, 57%);
  --color-contrast-medium-h: 213;
  --color-contrast-medium-s: 3%;
  --color-contrast-medium-l: 57%;
  --color-contrast-high: hsl(240, 5%, 82%);
  --color-contrast-high-h: 240;
  --color-contrast-high-s: 5%;
  --color-contrast-high-l: 82%;
  --color-contrast-higher: hsl(240, 100%, 99%);
  --color-contrast-higher-h: 240;
  --color-contrast-higher-s: 100%;
  --color-contrast-higher-l: 99%;
  --gradient-primary-stop-1: hsl(30, 100%, 45%);
  --gradient-primary-stop-1-h: 30;
  --gradient-primary-stop-1-s: 100%;
  --gradient-primary-stop-1-l: 45%;
  --gradient-primary-stop-2: hsl(80, 100%, 45%);
  --gradient-primary-stop-2-h: 80;
  --gradient-primary-stop-2-s: 100%;
  --gradient-primary-stop-2-l: 45%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.bg-clarion-gray-darker {
  background-color: hsla(var(--color-clarion-gray-darker-h), var(--color-clarion-gray-darker-s), var(--color-clarion-gray-darker-l), var(--bg-o, 1)); }

.bg-clarion-gray-dark {
  background-color: hsla(var(--color-clarion-gray-dark-h), var(--color-clarion-gray-dark-s), var(--color-clarion-gray-dark-l), var(--bg-o, 1)); }

.bg-clarion-gray {
  background-color: hsla(var(--color-clarion-gray-h), var(--color-clarion-gray-s), var(--color-clarion-gray-l), var(--bg-o, 1)); }

.bg-clarion-gray-light {
  background-color: hsla(var(--color-clarion-gray-light-h), var(--color-clarion-gray-light-s), var(--color-clarion-gray-light-l), var(--bg-o, 1)); }

.bg-clarion-gray-lighter {
  background-color: hsla(var(--color-clarion-gray-lighter-h), var(--color-clarion-gray-lighter-s), var(--color-clarion-gray-lighter-l), var(--bg-o, 1)); }

.bg-gradient-primary {
  background-image: radial-gradient(var(--gradient-primary-stop-1), var(--gradient-primary-stop-2)); }

.bg-gradient-primary-top {
  background-image: linear-gradient(0deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2)); }

.bg-gradient-primary-right {
  background-image: linear-gradient(90deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2)); }

.bg-gradient-primary-bottom {
  background-image: linear-gradient(180deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2)); }

.bg-gradient-primary-left {
  background-image: linear-gradient(270deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2)); }

.border-gradient-primary {
  border-image: radial-gradient(var(--gradient-primary-stop-1), var(--gradient-primary-stop-2)) 1; }

.border-gradient-primary-top {
  border-image: linear-gradient(0deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2)) 1; }

.border-gradient-primary-right {
  border-image: linear-gradient(90deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2)) 1; }

.border-gradient-primary-bottom {
  border-image: linear-gradient(180deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2)) 1; }

.border-gradient-primary-left {
  border-image: linear-gradient(270deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2)) 1; }

.border-clarion-gray-darker {
  border-color: hsla(var(--color-clarion-gray-darker-h), var(--color-clarion-gray-darker-s), var(--color-clarion-gray-darker-l), var(--bg-o, 1)); }

.border-clarion-gray-dark {
  border-color: hsla(var(--color-clarion-gray-dark-h), var(--color-clarion-gray-dark-s), var(--color-clarion-gray-dark-l), var(--bg-o, 1)); }

.border-clarion-gray {
  border-color: hsla(var(--color-clarion-gray-h), var(--color-clarion-gray-s), var(--color-clarion-gray-l), var(--bg-o, 1)); }

.border-clarion-gray-light {
  border-color: hsla(var(--color-clarion-gray-light-h), var(--color-clarion-gray-light-s), var(--color-clarion-gray-light-l), var(--bg-o, 1)); }

.border-clarion-gray-lighter {
  border-color: hsla(var(--color-clarion-gray-lighter-h), var(--color-clarion-gray-lighter-s), var(--color-clarion-gray-lighter-l), var(--bg-o, 1)); }

:root {
  --form-control-font-size: 1em;
  --form-control-padding-x: var(--space-xs);
  --form-control-padding-y: var(--space-xxs);
  --form-control-radius: var(--radius-md); }

.form-control {
  background: var(--color-bg-dark);
  line-height: 1.2;
  box-shadow: inset 0px 0px 0px 1px var(--color-contrast-lower);
  transition: all 0.2s ease; }
  .form-control::placeholder {
    opacity: 1;
    color: var(--color-contrast-low); }
  .form-control:focus, .form-control:focus-within {
    background: var(--color-bg);
    box-shadow: inset 0px 0px 0px 1px hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0), 0px 0px 0px 2px var(--color-primary), var(--shadow-sm);
    outline: none; }

.form-control--disabled, .form-control[disabled], .form-control[readonly] {
  opacity: 0.5;
  cursor: not-allowed; }

.form-control[aria-invalid=true], .form-control.form-control--error {
  box-shadow: inset 0px 0px 0px 1px hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0), 0px 0px 0px 2px var(--color-error); }
  .form-control[aria-invalid=true]:focus, .form-control[aria-invalid=true]:focus-within, .form-control.form-control--error:focus, .form-control.form-control--error:focus-within {
    box-shadow: inset 0px 0px 0px 1px hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0), 0px 0px 0px 2px var(--color-error), var(--shadow-sm); }

:root {
  --radius: 0.375em; }

.hover\:reduce-opacity {
  opacity: 1;
  transition: all 0.3s ease; }
  .hover\:reduce-opacity:hover {
    opacity: 0.8; }

.hover\:scale {
  transition: transform 0.3s var(--ease-out-back); }
  .hover\:scale:hover {
    transform: scale(1.1); }

.hover\:elevate {
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease; }
  .hover\:elevate:hover {
    box-shadow: var(--shadow-md); }

.link-subtle {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.2s ease; }
  .link-subtle:hover {
    color: var(--color-primary); }

@media (min-width: 64rem) {
  :root, * {
    --space-xxxxs: calc(0.1875 * var(--space-unit));
    --space-xxxs: calc(0.375 * var(--space-unit));
    --space-xxs: calc(0.5625 * var(--space-unit));
    --space-xs: calc(0.75 * var(--space-unit));
    --space-sm: calc(1.125 * var(--space-unit));
    --space-md: calc(2 * var(--space-unit));
    --space-lg: calc(3.125 * var(--space-unit));
    --space-xl: calc(5.125 * var(--space-unit));
    --space-xxl: calc(8.25 * var(--space-unit));
    --space-xxxl: calc(13.25 * var(--space-unit));
    --space-xxxxl: calc(21.5 * var(--space-unit)); } }

:root {
  --font-primary: 'Source Sans Pro', system-ui, sans-serif;
  --text-base-size: 1rem;
  --text-scale-ratio: 1.2;
  --body-line-height: 1.4;
  --heading-line-height: 1.2;
  --font-primary-capital-letter: 1;
  --text-unit: var(--text-base-size); }

:root, * {
  --text-xs: calc((var(--text-unit) / var(--text-scale-ratio)) / var(--text-scale-ratio));
  --text-sm: calc(var(--text-xs) * var(--text-scale-ratio));
  --text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));
  --text-lg: calc(var(--text-md) * var(--text-scale-ratio));
  --text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
  --text-xxl: calc(var(--text-xl) * var(--text-scale-ratio));
  --text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio));
  --text-xxxxl: calc(var(--text-xxxl) * var(--text-scale-ratio)); }

@media (min-width: 64rem) {
  :root {
    --text-base-size: 1.25rem;
    --text-scale-ratio: 1.25; } }

body {
  font-family: var(--font-primary); }

h1, h2, h3, h4 {
  font-family: var(--font-primary);
  --heading-font-weight: 700; }

.font-primary {
  font-family: var(--font-primary); }

.color-clarion-gray-darker {
  color: hsla(var(--color-clarion-gray-darker-h), var(--color-clarion-gray-darker-s), var(--color-clarion-gray-darker-l), var(--color-o, 1)); }

.color-clarion-gray-dark {
  color: hsla(var(--color-clarion-gray-dark-h), var(--color-clarion-gray-dark-s), var(--color-clarion-gray-dark-l), var(--color-o, 1)); }

.color-clarion-gray {
  color: hsla(var(--color-clarion-gray-h), var(--color-clarion-gray-s), var(--color-clarion-gray-l), var(--color-o, 1)); }

.color-clarion-gray-light {
  color: hsla(var(--color-clarion-gray-light-h), var(--color-clarion-gray-light-s), var(--color-clarion-gray-light-l), var(--color-o, 1)); }

.color-clarion-gray-lighter {
  color: hsla(var(--color-clarion-gray-lighter-h), var(--color-clarion-gray-lighter-s), var(--color-clarion-gray-lighter-l), var(--color-o, 1)); }

.color-gradient-primary-top {
  background-image: linear-gradient(0deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2)); }

.color-gradient-primary-right {
  background-image: linear-gradient(90deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2)); }

.color-gradient-primary-bottom {
  background-image: linear-gradient(180deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2)); }

.color-gradient-primary-left {
  background-image: linear-gradient(270deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2)); }

mark {
  color: inherit; }

.text-component {
  --line-height-multiplier: 1;
  --text-space-y-multiplier: 1; }
  .text-component > * {
    --text-unit: 1em;
    --space-unit: 1em; }
  .text-component blockquote {
    padding-left: 1em;
    border-left: 4px solid var(--color-contrast-lower);
    font-style: italic; }
  .text-component hr {
    background: var(--color-contrast-lower);
    height: 1px; }
  .text-component figcaption {
    font-size: var(--text-sm);
    color: var(--color-contrast-low); }

.article {
  --body-line-height: 1.58;
  --text-space-y-multiplier: 1.2; }

.text-white {
  color: var(--color-white) !important; }

.text-black {
  color: var(--color-black) !important; }

.text-primary {
  color: var(--color-primary) !important; }

.text-primary-dark {
  color: var(--color-primary-dark) !important; }

.text-primary-darker {
  color: var(--color-primary-darker) !important; }

.bg-img-darken {
  filter: brightness(50%); }

.text-xs {
  font-size: var(--text-xs) !important; }

.text-sm {
  font-size: var(--text-sm) !important; }

.text-md {
  font-size: var(--text-md) !important; }

.text-lg {
  font-size: var(--text-lg) !important; }

.text-xl {
  font-size: var(--text-xl) !important; }

.text-xxl {
  font-size: var(--text-xxl) !important; }

.text-xxxl {
  font-size: var(--text-xxxl) !important; }

.text-xxxxl {
  font-size: var(--text-xxxxl) !important; }

.text-heading-line-height {
  line-height: var(--heading-line-height) !important; }

.text-body-line-height {
  line-height: var(--body-line-height) !important; }

.margin-0-auto {
  margin: 0 auto !important; }

.border-top-white {
  border-top: 2px solid var(--color-white) !important; }

.list-style-none {
  list-style: none !important; }

.carousel--slideshow {
  --carousel-item-auto-size: 100%;
  --carousel-grid-gap: 0; }

.back-to-top {
  bottom: 148px !important;
  right: 17px !important;
  border: 2px solid white; }

.lighten {
  box-shadow: inset 3000px 0 0 0 rgba(255, 255, 255, 0.5);
  border-color: white; }

.mid_dark {
  box-shadow: inset 3000px 0 0 0 rgba(0, 0, 0, 0.25);
  border-color: black; }

.darken {
  box-shadow: inset 3000px 0 0 0 rgba(0, 0, 0, 0.5);
  border-color: black; }

#homepage-carousel ul {
  margin: 0; }

@media (min-width: 64rem) {
  #homepage-carousel .slideshow__item {
    height: calc(var(--slideshow-height) - 180px) !important; } }

#homepage-carousel .slideshow__navigation {
  display: none; }
  @media (min-width: 64rem) {
    #homepage-carousel .slideshow__navigation {
      display: flex; } }

#ProductPage .icon--ratingEmpty svg use {
  fill: #757575; }

#ProductPage .icon--ratingFull svg use {
  fill: #ef6600; }

.carousel {
  position: relative;
  overflow: hidden; }
  .carousel__slider {
    display: flex;
    transition: transform 0.5s ease;
    margin: 0 3rem; }
  .carousel__slide {
    flex: 0 0 auto;
    width: 100px;
    margin: 0 10px;
    text-decoration: none;
    text-align: center; }
  .carousel__item {
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #f5f5f5;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
  .carousel__item-icon {
    width: 50px;
    height: 50px; }
    .carousel__item-icon img {
      max-width: 100%;
      max-height: 100%; }
  .carousel__item-label {
    margin-top: 5px; }
  .carousel__prev, .carousel__next {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    font-size: 65px;
    background-color: transparent;
    border: none;
    cursor: pointer; }
  .carousel__prev {
    left: 10px; }
  .carousel__next {
    right: 10px; }

@media (max-width: 768px) {
  .carousel__slide {
    width: 80px;
    margin: 0 5px; }
  .carousel__item {
    width: 80px;
    height: 80px; }
  .carousel__item-icon {
    width: 40px;
    height: 40px; } }