/*!*************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../shared/styles/styles.scss ***!
  \*************************************************************************************************************************************************************************************/
@import url(https://fast.fonts.net/lt/1.css?apiType=css&c=bd28bfc2-605b-4a22-b328-994cee61d380&fontids=672853,691880,691889);
/*!******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../../node_modules/sanitize.css/sanitize.css ***!
  \******************************************************************************************************************************/
/* Document
 * ========================================================================== */

/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Backgrounds do not repeat by default (opinionated).
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  background-repeat: no-repeat; /* 2 */
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */

::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Breaks words to prevent overflow in all browsers (opinionated).
 * 4. Use a 4-space tab width in all browsers (opinionated).
 * 5. Remove the grey highlight on links in iOS (opinionated).
 * 6. Prevent adjustments of font size after orientation changes in iOS.
 */

:where(:root) {
  cursor: default; /* 1 */
  line-height: 1.5; /* 2 */
  overflow-wrap: break-word; /* 3 */
  -moz-tab-size: 4; /* 4 */
  tab-size: 4; /* 4 */
  -webkit-tap-highlight-color: transparent; /* 5 */
  -webkit-text-size-adjust: 100%; /* 6 */
}

/* Sections
 * ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

:where(body) {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */

:where(h1) {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */

/**
 * Remove the margin on nested lists in Chrome, Edge, and Safari.
 */

:where(dl, ol, ul) :where(dl, ol, ul) {
  margin: 0;
}

/**
 * 1. Correct the inheritance of border color in Firefox.
 * 2. Add the correct box sizing in Firefox.
 */

:where(hr) {
  color: inherit; /* 1 */
  height: 0; /* 2 */
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */

:where(nav) :where(ol, ul) {
  list-style-type: none;
  padding: 0;
}

/**
 * Prevent VoiceOver from ignoring list semantics in Safari (opinionated).
 */

:where(nav li)::before {
  content: "\200B";
  float: left;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 * 3. Prevent overflow of the container in all browsers (opinionated).
 */

:where(pre) {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
  overflow: auto; /* 3 */
}

/* Text-level semantics
 * ========================================================================== */

/**
 * Add the correct text decoration in Safari.
 */

:where(abbr[title]) {
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

:where(b, strong) {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

:where(code, kbd, samp) {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

:where(small) {
  font-size: 80%;
}

/* Embedded content
 * ========================================================================== */

/*
 * Change the alignment on media elements in all browsers (opinionated).
 */

:where(audio, canvas, iframe, img, svg, video) {
  vertical-align: middle;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */

:where(iframe) {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */

:where(svg:not([fill])) {
  fill: currentColor;
}

/* Tabular data
 * ========================================================================== */

/**
 * 1. Collapse border spacing in all browsers (opinionated).
 * 2. Correct table border color inheritance in all Chrome, Edge, and Safari.
 * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */

:where(table) {
  border-collapse: collapse; /* 1 */
  border-color: inherit; /* 2 */
  text-indent: 0; /* 3 */
}

/* Forms
 * ========================================================================== */

/**
 * Remove the margin on controls in Safari.
 */

:where(button, input, select) {
  margin: 0;
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */

:where(button, [type="button" i], [type="reset" i], [type="submit" i]) {
  -webkit-appearance: button;
}

/**
 * Change the inconsistent appearance in all browsers (opinionated).
 */

:where(fieldset) {
  border: 1px solid #a0a0a0;
}

/**
 * Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */

:where(progress) {
  vertical-align: baseline;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 3. Change the resize direction in all browsers (opinionated).
 */

:where(textarea) {
  margin: 0; /* 1 */
  resize: vertical; /* 3 */
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */

:where([type="search" i]) {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
 * ========================================================================== */

/*
 * Add the correct styles in Safari.
 */

:where(dialog) {
  background-color: white;
  border: solid;
  color: black;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
}

:where(dialog:not([open])) {
  display: none;
}

/*
 * Add the correct display in Safari.
 */

:where(details > summary:first-of-type) {
  display: list-item;
}

/* Accessibility
 * ========================================================================== */

/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */

:where([aria-busy="true" i]) {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */

:where([aria-controls]) {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */

:where([aria-disabled="true" i], [disabled]) {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */

:where([aria-hidden="false" i][hidden]) {
  display: initial;
}

:where([aria-hidden="false" i][hidden]:not(:focus)) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../shared/styles/styles.scss (1) ***!
  \*****************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Simpler shortcut to create easily break points
 */
/**
 * Object mixin to make polyfill working.
 */
/**
 * Easy functions to create easily pure css arrows anywhere
 */
/**
 * Mixin to print any kind of font contained in the $font-types map
 * @param   { String } $id:        'font-type-1'
 * @param   { Boolean } $use-media: true
 */
.m-xxxl {
  margin: 128px;
}
@media only screen and (max-width: 1024px) {
  .m-xxxl {
    margin: 96px;
  }
}
@media only screen and (max-width: 600px) {
  .m-xxxl {
    margin: 88px;
  }
}

.p-xxxl {
  padding: 128px;
}
@media only screen and (max-width: 1024px) {
  .p-xxxl {
    padding: 96px;
  }
}
@media only screen and (max-width: 600px) {
  .p-xxxl {
    padding: 88px;
  }
}

.m-t-xxxl {
  margin-top: 128px;
}
@media only screen and (max-width: 1024px) {
  .m-t-xxxl {
    margin-top: 96px;
  }
}
@media only screen and (max-width: 600px) {
  .m-t-xxxl {
    margin-top: 88px;
  }
}

.p-t-xxxl {
  padding-top: 128px;
}
@media only screen and (max-width: 1024px) {
  .p-t-xxxl {
    padding-top: 96px;
  }
}
@media only screen and (max-width: 600px) {
  .p-t-xxxl {
    padding-top: 88px;
  }
}

.m-r-xxxl {
  margin-right: 128px;
}
@media only screen and (max-width: 1024px) {
  .m-r-xxxl {
    margin-right: 96px;
  }
}
@media only screen and (max-width: 600px) {
  .m-r-xxxl {
    margin-right: 88px;
  }
}

.p-r-xxxl {
  padding-right: 128px;
}
@media only screen and (max-width: 1024px) {
  .p-r-xxxl {
    padding-right: 96px;
  }
}
@media only screen and (max-width: 600px) {
  .p-r-xxxl {
    padding-right: 88px;
  }
}

.m-b-xxxl {
  margin-bottom: 128px;
}
@media only screen and (max-width: 1024px) {
  .m-b-xxxl {
    margin-bottom: 96px;
  }
}
@media only screen and (max-width: 600px) {
  .m-b-xxxl {
    margin-bottom: 88px;
  }
}

.p-b-xxxl {
  padding-bottom: 128px;
}
@media only screen and (max-width: 1024px) {
  .p-b-xxxl {
    padding-bottom: 96px;
  }
}
@media only screen and (max-width: 600px) {
  .p-b-xxxl {
    padding-bottom: 88px;
  }
}

.m-l-xxxl {
  margin-left: 128px;
}
@media only screen and (max-width: 1024px) {
  .m-l-xxxl {
    margin-left: 96px;
  }
}
@media only screen and (max-width: 600px) {
  .m-l-xxxl {
    margin-left: 88px;
  }
}

.p-l-xxxl {
  padding-left: 128px;
}
@media only screen and (max-width: 1024px) {
  .p-l-xxxl {
    padding-left: 96px;
  }
}
@media only screen and (max-width: 600px) {
  .p-l-xxxl {
    padding-left: 88px;
  }
}

.m-xxl {
  margin: 96px;
}
@media only screen and (max-width: 1024px) {
  .m-xxl {
    margin: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .m-xxl {
    margin: 64px;
  }
}

.p-xxl {
  padding: 96px;
}
@media only screen and (max-width: 1024px) {
  .p-xxl {
    padding: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .p-xxl {
    padding: 64px;
  }
}

.m-t-xxl {
  margin-top: 96px;
}
@media only screen and (max-width: 1024px) {
  .m-t-xxl {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .m-t-xxl {
    margin-top: 64px;
  }
}

.p-t-xxl {
  padding-top: 96px;
}
@media only screen and (max-width: 1024px) {
  .p-t-xxl {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .p-t-xxl {
    padding-top: 64px;
  }
}

.m-r-xxl {
  margin-right: 96px;
}
@media only screen and (max-width: 1024px) {
  .m-r-xxl {
    margin-right: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .m-r-xxl {
    margin-right: 64px;
  }
}

.p-r-xxl {
  padding-right: 96px;
}
@media only screen and (max-width: 1024px) {
  .p-r-xxl {
    padding-right: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .p-r-xxl {
    padding-right: 64px;
  }
}

.m-b-xxl {
  margin-bottom: 96px;
}
@media only screen and (max-width: 1024px) {
  .m-b-xxl {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .m-b-xxl {
    margin-bottom: 64px;
  }
}

.p-b-xxl {
  padding-bottom: 96px;
}
@media only screen and (max-width: 1024px) {
  .p-b-xxl {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .p-b-xxl {
    padding-bottom: 64px;
  }
}

.m-l-xxl {
  margin-left: 96px;
}
@media only screen and (max-width: 1024px) {
  .m-l-xxl {
    margin-left: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .m-l-xxl {
    margin-left: 64px;
  }
}

.p-l-xxl {
  padding-left: 96px;
}
@media only screen and (max-width: 1024px) {
  .p-l-xxl {
    padding-left: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .p-l-xxl {
    padding-left: 64px;
  }
}

.m-xl {
  margin: 72px;
}
@media only screen and (max-width: 1024px) {
  .m-xl {
    margin: 64px;
  }
}
@media only screen and (max-width: 600px) {
  .m-xl {
    margin: 48px;
  }
}

.p-xl {
  padding: 72px;
}
@media only screen and (max-width: 1024px) {
  .p-xl {
    padding: 64px;
  }
}
@media only screen and (max-width: 600px) {
  .p-xl {
    padding: 48px;
  }
}

.m-t-xl {
  margin-top: 72px;
}
@media only screen and (max-width: 1024px) {
  .m-t-xl {
    margin-top: 64px;
  }
}
@media only screen and (max-width: 600px) {
  .m-t-xl {
    margin-top: 48px;
  }
}

.p-t-xl {
  padding-top: 72px;
}
@media only screen and (max-width: 1024px) {
  .p-t-xl {
    padding-top: 64px;
  }
}
@media only screen and (max-width: 600px) {
  .p-t-xl {
    padding-top: 48px;
  }
}

.m-r-xl {
  margin-right: 72px;
}
@media only screen and (max-width: 1024px) {
  .m-r-xl {
    margin-right: 64px;
  }
}
@media only screen and (max-width: 600px) {
  .m-r-xl {
    margin-right: 48px;
  }
}

.p-r-xl {
  padding-right: 72px;
}
@media only screen and (max-width: 1024px) {
  .p-r-xl {
    padding-right: 64px;
  }
}
@media only screen and (max-width: 600px) {
  .p-r-xl {
    padding-right: 48px;
  }
}

.m-b-xl {
  margin-bottom: 72px;
}
@media only screen and (max-width: 1024px) {
  .m-b-xl {
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 600px) {
  .m-b-xl {
    margin-bottom: 48px;
  }
}

.p-b-xl {
  padding-bottom: 72px;
}
@media only screen and (max-width: 1024px) {
  .p-b-xl {
    padding-bottom: 64px;
  }
}
@media only screen and (max-width: 600px) {
  .p-b-xl {
    padding-bottom: 48px;
  }
}

.m-l-xl {
  margin-left: 72px;
}
@media only screen and (max-width: 1024px) {
  .m-l-xl {
    margin-left: 64px;
  }
}
@media only screen and (max-width: 600px) {
  .m-l-xl {
    margin-left: 48px;
  }
}

.p-l-xl {
  padding-left: 72px;
}
@media only screen and (max-width: 1024px) {
  .p-l-xl {
    padding-left: 64px;
  }
}
@media only screen and (max-width: 600px) {
  .p-l-xl {
    padding-left: 48px;
  }
}

.m-lg {
  margin: 48px;
}
@media only screen and (max-width: 1024px) {
  .m-lg {
    margin: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .m-lg {
    margin: 32px;
  }
}

.p-lg {
  padding: 48px;
}
@media only screen and (max-width: 1024px) {
  .p-lg {
    padding: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .p-lg {
    padding: 32px;
  }
}

.m-t-lg {
  margin-top: 48px;
}
@media only screen and (max-width: 1024px) {
  .m-t-lg {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .m-t-lg {
    margin-top: 32px;
  }
}

.p-t-lg {
  padding-top: 48px;
}
@media only screen and (max-width: 1024px) {
  .p-t-lg {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .p-t-lg {
    padding-top: 32px;
  }
}

.m-r-lg {
  margin-right: 48px;
}
@media only screen and (max-width: 1024px) {
  .m-r-lg {
    margin-right: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .m-r-lg {
    margin-right: 32px;
  }
}

.p-r-lg {
  padding-right: 48px;
}
@media only screen and (max-width: 1024px) {
  .p-r-lg {
    padding-right: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .p-r-lg {
    padding-right: 32px;
  }
}

.m-b-lg {
  margin-bottom: 48px;
}
@media only screen and (max-width: 1024px) {
  .m-b-lg {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .m-b-lg {
    margin-bottom: 32px;
  }
}

.p-b-lg {
  padding-bottom: 48px;
}
@media only screen and (max-width: 1024px) {
  .p-b-lg {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .p-b-lg {
    padding-bottom: 32px;
  }
}

.m-l-lg {
  margin-left: 48px;
}
@media only screen and (max-width: 1024px) {
  .m-l-lg {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .m-l-lg {
    margin-left: 32px;
  }
}

.p-l-lg {
  padding-left: 48px;
}
@media only screen and (max-width: 1024px) {
  .p-l-lg {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .p-l-lg {
    padding-left: 32px;
  }
}

.m-md {
  margin: 48px;
}
@media only screen and (max-width: 1024px) {
  .m-md {
    margin: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .m-md {
    margin: 24px;
  }
}

.p-md {
  padding: 48px;
}
@media only screen and (max-width: 1024px) {
  .p-md {
    padding: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .p-md {
    padding: 24px;
  }
}

.m-t-md {
  margin-top: 48px;
}
@media only screen and (max-width: 1024px) {
  .m-t-md {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .m-t-md {
    margin-top: 24px;
  }
}

.p-t-md {
  padding-top: 48px;
}
@media only screen and (max-width: 1024px) {
  .p-t-md {
    padding-top: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .p-t-md {
    padding-top: 24px;
  }
}

.m-r-md {
  margin-right: 48px;
}
@media only screen and (max-width: 1024px) {
  .m-r-md {
    margin-right: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .m-r-md {
    margin-right: 24px;
  }
}

.p-r-md {
  padding-right: 48px;
}
@media only screen and (max-width: 1024px) {
  .p-r-md {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .p-r-md {
    padding-right: 24px;
  }
}

.m-b-md {
  margin-bottom: 48px;
}
@media only screen and (max-width: 1024px) {
  .m-b-md {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .m-b-md {
    margin-bottom: 24px;
  }
}

.p-b-md {
  padding-bottom: 48px;
}
@media only screen and (max-width: 1024px) {
  .p-b-md {
    padding-bottom: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .p-b-md {
    padding-bottom: 24px;
  }
}

.m-l-md {
  margin-left: 48px;
}
@media only screen and (max-width: 1024px) {
  .m-l-md {
    margin-left: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .m-l-md {
    margin-left: 24px;
  }
}

.p-l-md {
  padding-left: 48px;
}
@media only screen and (max-width: 1024px) {
  .p-l-md {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .p-l-md {
    padding-left: 24px;
  }
}

.m-sm {
  margin: 40px;
}
@media only screen and (max-width: 1024px) {
  .m-sm {
    margin: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .m-sm {
    margin: 24px;
  }
}

.p-sm {
  padding: 40px;
}
@media only screen and (max-width: 1024px) {
  .p-sm {
    padding: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .p-sm {
    padding: 24px;
  }
}

.m-t-sm {
  margin-top: 40px;
}
@media only screen and (max-width: 1024px) {
  .m-t-sm {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .m-t-sm {
    margin-top: 24px;
  }
}

.p-t-sm {
  padding-top: 40px;
}
@media only screen and (max-width: 1024px) {
  .p-t-sm {
    padding-top: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .p-t-sm {
    padding-top: 24px;
  }
}

.m-r-sm {
  margin-right: 40px;
}
@media only screen and (max-width: 1024px) {
  .m-r-sm {
    margin-right: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .m-r-sm {
    margin-right: 24px;
  }
}

.p-r-sm {
  padding-right: 40px;
}
@media only screen and (max-width: 1024px) {
  .p-r-sm {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .p-r-sm {
    padding-right: 24px;
  }
}

.m-b-sm {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1024px) {
  .m-b-sm {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .m-b-sm {
    margin-bottom: 24px;
  }
}

.p-b-sm {
  padding-bottom: 40px;
}
@media only screen and (max-width: 1024px) {
  .p-b-sm {
    padding-bottom: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .p-b-sm {
    padding-bottom: 24px;
  }
}

.m-l-sm {
  margin-left: 40px;
}
@media only screen and (max-width: 1024px) {
  .m-l-sm {
    margin-left: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .m-l-sm {
    margin-left: 24px;
  }
}

.p-l-sm {
  padding-left: 40px;
}
@media only screen and (max-width: 1024px) {
  .p-l-sm {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .p-l-sm {
    padding-left: 24px;
  }
}

.m-xs {
  margin: 32px;
}
@media only screen and (max-width: 1024px) {
  .m-xs {
    margin: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .m-xs {
    margin: 16px;
  }
}

.p-xs {
  padding: 32px;
}
@media only screen and (max-width: 1024px) {
  .p-xs {
    padding: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .p-xs {
    padding: 16px;
  }
}

.m-t-xs {
  margin-top: 32px;
}
@media only screen and (max-width: 1024px) {
  .m-t-xs {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .m-t-xs {
    margin-top: 16px;
  }
}

.p-t-xs {
  padding-top: 32px;
}
@media only screen and (max-width: 1024px) {
  .p-t-xs {
    padding-top: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .p-t-xs {
    padding-top: 16px;
  }
}

.m-r-xs {
  margin-right: 32px;
}
@media only screen and (max-width: 1024px) {
  .m-r-xs {
    margin-right: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .m-r-xs {
    margin-right: 16px;
  }
}

.p-r-xs {
  padding-right: 32px;
}
@media only screen and (max-width: 1024px) {
  .p-r-xs {
    padding-right: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .p-r-xs {
    padding-right: 16px;
  }
}

.m-b-xs {
  margin-bottom: 32px;
}
@media only screen and (max-width: 1024px) {
  .m-b-xs {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .m-b-xs {
    margin-bottom: 16px;
  }
}

.p-b-xs {
  padding-bottom: 32px;
}
@media only screen and (max-width: 1024px) {
  .p-b-xs {
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .p-b-xs {
    padding-bottom: 16px;
  }
}

.m-l-xs {
  margin-left: 32px;
}
@media only screen and (max-width: 1024px) {
  .m-l-xs {
    margin-left: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .m-l-xs {
    margin-left: 16px;
  }
}

.p-l-xs {
  padding-left: 32px;
}
@media only screen and (max-width: 1024px) {
  .p-l-xs {
    padding-left: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .p-l-xs {
    padding-left: 16px;
  }
}

.m-xs2 {
  margin: 32px;
}
@media only screen and (max-width: 1024px) {
  .m-xs2 {
    margin: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .m-xs2 {
    margin: 16px;
  }
}

.p-xs2 {
  padding: 32px;
}
@media only screen and (max-width: 1024px) {
  .p-xs2 {
    padding: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .p-xs2 {
    padding: 16px;
  }
}

.m-t-xs2 {
  margin-top: 32px;
}
@media only screen and (max-width: 1024px) {
  .m-t-xs2 {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .m-t-xs2 {
    margin-top: 16px;
  }
}

.p-t-xs2 {
  padding-top: 32px;
}
@media only screen and (max-width: 1024px) {
  .p-t-xs2 {
    padding-top: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .p-t-xs2 {
    padding-top: 16px;
  }
}

.m-r-xs2 {
  margin-right: 32px;
}
@media only screen and (max-width: 1024px) {
  .m-r-xs2 {
    margin-right: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .m-r-xs2 {
    margin-right: 16px;
  }
}

.p-r-xs2 {
  padding-right: 32px;
}
@media only screen and (max-width: 1024px) {
  .p-r-xs2 {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .p-r-xs2 {
    padding-right: 16px;
  }
}

.m-b-xs2 {
  margin-bottom: 32px;
}
@media only screen and (max-width: 1024px) {
  .m-b-xs2 {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .m-b-xs2 {
    margin-bottom: 16px;
  }
}

.p-b-xs2 {
  padding-bottom: 32px;
}
@media only screen and (max-width: 1024px) {
  .p-b-xs2 {
    padding-bottom: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .p-b-xs2 {
    padding-bottom: 16px;
  }
}

.m-l-xs2 {
  margin-left: 32px;
}
@media only screen and (max-width: 1024px) {
  .m-l-xs2 {
    margin-left: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .m-l-xs2 {
    margin-left: 16px;
  }
}

.p-l-xs2 {
  padding-left: 32px;
}
@media only screen and (max-width: 1024px) {
  .p-l-xs2 {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .p-l-xs2 {
    padding-left: 16px;
  }
}

.m-xxs {
  margin: 24px;
}
@media only screen and (max-width: 1024px) {
  .m-xxs {
    margin: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .m-xxs {
    margin: 16px;
  }
}

.p-xxs {
  padding: 24px;
}
@media only screen and (max-width: 1024px) {
  .p-xxs {
    padding: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .p-xxs {
    padding: 16px;
  }
}

.m-t-xxs {
  margin-top: 24px;
}
@media only screen and (max-width: 1024px) {
  .m-t-xxs {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .m-t-xxs {
    margin-top: 16px;
  }
}

.p-t-xxs {
  padding-top: 24px;
}
@media only screen and (max-width: 1024px) {
  .p-t-xxs {
    padding-top: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .p-t-xxs {
    padding-top: 16px;
  }
}

.m-r-xxs {
  margin-right: 24px;
}
@media only screen and (max-width: 1024px) {
  .m-r-xxs {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .m-r-xxs {
    margin-right: 16px;
  }
}

.p-r-xxs {
  padding-right: 24px;
}
@media only screen and (max-width: 1024px) {
  .p-r-xxs {
    padding-right: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .p-r-xxs {
    padding-right: 16px;
  }
}

.m-b-xxs {
  margin-bottom: 24px;
}
@media only screen and (max-width: 1024px) {
  .m-b-xxs {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .m-b-xxs {
    margin-bottom: 16px;
  }
}

.p-b-xxs {
  padding-bottom: 24px;
}
@media only screen and (max-width: 1024px) {
  .p-b-xxs {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .p-b-xxs {
    padding-bottom: 16px;
  }
}

.m-l-xxs {
  margin-left: 24px;
}
@media only screen and (max-width: 1024px) {
  .m-l-xxs {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .m-l-xxs {
    margin-left: 16px;
  }
}

.p-l-xxs {
  padding-left: 24px;
}
@media only screen and (max-width: 1024px) {
  .p-l-xxs {
    padding-left: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .p-l-xxs {
    padding-left: 16px;
  }
}

.m-xxs2 {
  margin: 24px;
}
@media only screen and (max-width: 1024px) {
  .m-xxs2 {
    margin: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .m-xxs2 {
    margin: 16px;
  }
}

.p-xxs2 {
  padding: 24px;
}
@media only screen and (max-width: 1024px) {
  .p-xxs2 {
    padding: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .p-xxs2 {
    padding: 16px;
  }
}

.m-t-xxs2 {
  margin-top: 24px;
}
@media only screen and (max-width: 1024px) {
  .m-t-xxs2 {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .m-t-xxs2 {
    margin-top: 16px;
  }
}

.p-t-xxs2 {
  padding-top: 24px;
}
@media only screen and (max-width: 1024px) {
  .p-t-xxs2 {
    padding-top: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .p-t-xxs2 {
    padding-top: 16px;
  }
}

.m-r-xxs2 {
  margin-right: 24px;
}
@media only screen and (max-width: 1024px) {
  .m-r-xxs2 {
    margin-right: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .m-r-xxs2 {
    margin-right: 16px;
  }
}

.p-r-xxs2 {
  padding-right: 24px;
}
@media only screen and (max-width: 1024px) {
  .p-r-xxs2 {
    padding-right: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .p-r-xxs2 {
    padding-right: 16px;
  }
}

.m-b-xxs2 {
  margin-bottom: 24px;
}
@media only screen and (max-width: 1024px) {
  .m-b-xxs2 {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .m-b-xxs2 {
    margin-bottom: 16px;
  }
}

.p-b-xxs2 {
  padding-bottom: 24px;
}
@media only screen and (max-width: 1024px) {
  .p-b-xxs2 {
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .p-b-xxs2 {
    padding-bottom: 16px;
  }
}

.m-l-xxs2 {
  margin-left: 24px;
}
@media only screen and (max-width: 1024px) {
  .m-l-xxs2 {
    margin-left: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .m-l-xxs2 {
    margin-left: 16px;
  }
}

.p-l-xxs2 {
  padding-left: 24px;
}
@media only screen and (max-width: 1024px) {
  .p-l-xxs2 {
    padding-left: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .p-l-xxs2 {
    padding-left: 16px;
  }
}

.m-xxxs {
  margin: 16px;
}
@media only screen and (max-width: 1024px) {
  .m-xxxs {
    margin: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .m-xxxs {
    margin: 8px;
  }
}

.p-xxxs {
  padding: 16px;
}
@media only screen and (max-width: 1024px) {
  .p-xxxs {
    padding: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .p-xxxs {
    padding: 8px;
  }
}

.m-t-xxxs {
  margin-top: 16px;
}
@media only screen and (max-width: 1024px) {
  .m-t-xxxs {
    margin-top: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .m-t-xxxs {
    margin-top: 8px;
  }
}

.p-t-xxxs {
  padding-top: 16px;
}
@media only screen and (max-width: 1024px) {
  .p-t-xxxs {
    padding-top: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .p-t-xxxs {
    padding-top: 8px;
  }
}

.m-r-xxxs {
  margin-right: 16px;
}
@media only screen and (max-width: 1024px) {
  .m-r-xxxs {
    margin-right: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .m-r-xxxs {
    margin-right: 8px;
  }
}

.p-r-xxxs {
  padding-right: 16px;
}
@media only screen and (max-width: 1024px) {
  .p-r-xxxs {
    padding-right: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .p-r-xxxs {
    padding-right: 8px;
  }
}

.m-b-xxxs {
  margin-bottom: 16px;
}
@media only screen and (max-width: 1024px) {
  .m-b-xxxs {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .m-b-xxxs {
    margin-bottom: 8px;
  }
}

.p-b-xxxs {
  padding-bottom: 16px;
}
@media only screen and (max-width: 1024px) {
  .p-b-xxxs {
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .p-b-xxxs {
    padding-bottom: 8px;
  }
}

.m-l-xxxs {
  margin-left: 16px;
}
@media only screen and (max-width: 1024px) {
  .m-l-xxxs {
    margin-left: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .m-l-xxxs {
    margin-left: 8px;
  }
}

.p-l-xxxs {
  padding-left: 16px;
}
@media only screen and (max-width: 1024px) {
  .p-l-xxxs {
    padding-left: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .p-l-xxxs {
    padding-left: 8px;
  }
}

.m-xxxxs {
  margin: 8px;
}
@media only screen and (max-width: 1024px) {
  .m-xxxxs {
    margin: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .m-xxxxs {
    margin: 8px;
  }
}

.p-xxxxs {
  padding: 8px;
}
@media only screen and (max-width: 1024px) {
  .p-xxxxs {
    padding: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .p-xxxxs {
    padding: 8px;
  }
}

.m-t-xxxxs {
  margin-top: 8px;
}
@media only screen and (max-width: 1024px) {
  .m-t-xxxxs {
    margin-top: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .m-t-xxxxs {
    margin-top: 8px;
  }
}

.p-t-xxxxs {
  padding-top: 8px;
}
@media only screen and (max-width: 1024px) {
  .p-t-xxxxs {
    padding-top: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .p-t-xxxxs {
    padding-top: 8px;
  }
}

.m-r-xxxxs {
  margin-right: 8px;
}
@media only screen and (max-width: 1024px) {
  .m-r-xxxxs {
    margin-right: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .m-r-xxxxs {
    margin-right: 8px;
  }
}

.p-r-xxxxs {
  padding-right: 8px;
}
@media only screen and (max-width: 1024px) {
  .p-r-xxxxs {
    padding-right: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .p-r-xxxxs {
    padding-right: 8px;
  }
}

.m-b-xxxxs {
  margin-bottom: 8px;
}
@media only screen and (max-width: 1024px) {
  .m-b-xxxxs {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .m-b-xxxxs {
    margin-bottom: 8px;
  }
}

.p-b-xxxxs {
  padding-bottom: 8px;
}
@media only screen and (max-width: 1024px) {
  .p-b-xxxxs {
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .p-b-xxxxs {
    padding-bottom: 8px;
  }
}

.m-l-xxxxs {
  margin-left: 8px;
}
@media only screen and (max-width: 1024px) {
  .m-l-xxxxs {
    margin-left: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .m-l-xxxxs {
    margin-left: 8px;
  }
}

.p-l-xxxxs {
  padding-left: 8px;
}
@media only screen and (max-width: 1024px) {
  .p-l-xxxxs {
    padding-left: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .p-l-xxxxs {
    padding-left: 8px;
  }
}

.m-none {
  margin: 0;
}
@media only screen and (max-width: 1024px) {
  .m-none {
    margin: 0;
  }
}
@media only screen and (max-width: 600px) {
  .m-none {
    margin: 0;
  }
}

.p-none {
  padding: 0;
}
@media only screen and (max-width: 1024px) {
  .p-none {
    padding: 0;
  }
}
@media only screen and (max-width: 600px) {
  .p-none {
    padding: 0;
  }
}

.m-t-none {
  margin-top: 0;
}
@media only screen and (max-width: 1024px) {
  .m-t-none {
    margin-top: 0;
  }
}
@media only screen and (max-width: 600px) {
  .m-t-none {
    margin-top: 0;
  }
}

.p-t-none {
  padding-top: 0;
}
@media only screen and (max-width: 1024px) {
  .p-t-none {
    padding-top: 0;
  }
}
@media only screen and (max-width: 600px) {
  .p-t-none {
    padding-top: 0;
  }
}

.m-r-none {
  margin-right: 0;
}
@media only screen and (max-width: 1024px) {
  .m-r-none {
    margin-right: 0;
  }
}
@media only screen and (max-width: 600px) {
  .m-r-none {
    margin-right: 0;
  }
}

.p-r-none {
  padding-right: 0;
}
@media only screen and (max-width: 1024px) {
  .p-r-none {
    padding-right: 0;
  }
}
@media only screen and (max-width: 600px) {
  .p-r-none {
    padding-right: 0;
  }
}

.m-b-none {
  margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  .m-b-none {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .m-b-none {
    margin-bottom: 0;
  }
}

.p-b-none {
  padding-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  .p-b-none {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .p-b-none {
    padding-bottom: 0;
  }
}

.m-l-none {
  margin-left: 0;
}
@media only screen and (max-width: 1024px) {
  .m-l-none {
    margin-left: 0;
  }
}
@media only screen and (max-width: 600px) {
  .m-l-none {
    margin-left: 0;
  }
}

.p-l-none {
  padding-left: 0;
}
@media only screen and (max-width: 1024px) {
  .p-l-none {
    padding-left: 0;
  }
}
@media only screen and (max-width: 600px) {
  .p-l-none {
    padding-left: 0;
  }
}

.m-headline-space-h1 {
  margin: 24px;
}
@media only screen and (max-width: 1024px) {
  .m-headline-space-h1 {
    margin: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .m-headline-space-h1 {
    margin: 8px;
  }
}

.p-headline-space-h1 {
  padding: 24px;
}
@media only screen and (max-width: 1024px) {
  .p-headline-space-h1 {
    padding: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .p-headline-space-h1 {
    padding: 8px;
  }
}

.m-t-headline-space-h1 {
  margin-top: 24px;
}
@media only screen and (max-width: 1024px) {
  .m-t-headline-space-h1 {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .m-t-headline-space-h1 {
    margin-top: 8px;
  }
}

.p-t-headline-space-h1 {
  padding-top: 24px;
}
@media only screen and (max-width: 1024px) {
  .p-t-headline-space-h1 {
    padding-top: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .p-t-headline-space-h1 {
    padding-top: 8px;
  }
}

.m-r-headline-space-h1 {
  margin-right: 24px;
}
@media only screen and (max-width: 1024px) {
  .m-r-headline-space-h1 {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .m-r-headline-space-h1 {
    margin-right: 8px;
  }
}

.p-r-headline-space-h1 {
  padding-right: 24px;
}
@media only screen and (max-width: 1024px) {
  .p-r-headline-space-h1 {
    padding-right: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .p-r-headline-space-h1 {
    padding-right: 8px;
  }
}

.m-b-headline-space-h1 {
  margin-bottom: 24px;
}
@media only screen and (max-width: 1024px) {
  .m-b-headline-space-h1 {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .m-b-headline-space-h1 {
    margin-bottom: 8px;
  }
}

.p-b-headline-space-h1 {
  padding-bottom: 24px;
}
@media only screen and (max-width: 1024px) {
  .p-b-headline-space-h1 {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .p-b-headline-space-h1 {
    padding-bottom: 8px;
  }
}

.m-l-headline-space-h1 {
  margin-left: 24px;
}
@media only screen and (max-width: 1024px) {
  .m-l-headline-space-h1 {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .m-l-headline-space-h1 {
    margin-left: 8px;
  }
}

.p-l-headline-space-h1 {
  padding-left: 24px;
}
@media only screen and (max-width: 1024px) {
  .p-l-headline-space-h1 {
    padding-left: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .p-l-headline-space-h1 {
    padding-left: 8px;
  }
}

.m-headline-space-h2 {
  margin: 16px;
}
@media only screen and (max-width: 1024px) {
  .m-headline-space-h2 {
    margin: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .m-headline-space-h2 {
    margin: 8px;
  }
}

.p-headline-space-h2 {
  padding: 16px;
}
@media only screen and (max-width: 1024px) {
  .p-headline-space-h2 {
    padding: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .p-headline-space-h2 {
    padding: 8px;
  }
}

.m-t-headline-space-h2 {
  margin-top: 16px;
}
@media only screen and (max-width: 1024px) {
  .m-t-headline-space-h2 {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .m-t-headline-space-h2 {
    margin-top: 8px;
  }
}

.p-t-headline-space-h2 {
  padding-top: 16px;
}
@media only screen and (max-width: 1024px) {
  .p-t-headline-space-h2 {
    padding-top: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .p-t-headline-space-h2 {
    padding-top: 8px;
  }
}

.m-r-headline-space-h2 {
  margin-right: 16px;
}
@media only screen and (max-width: 1024px) {
  .m-r-headline-space-h2 {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .m-r-headline-space-h2 {
    margin-right: 8px;
  }
}

.p-r-headline-space-h2 {
  padding-right: 16px;
}
@media only screen and (max-width: 1024px) {
  .p-r-headline-space-h2 {
    padding-right: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .p-r-headline-space-h2 {
    padding-right: 8px;
  }
}

.m-b-headline-space-h2 {
  margin-bottom: 16px;
}
@media only screen and (max-width: 1024px) {
  .m-b-headline-space-h2 {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .m-b-headline-space-h2 {
    margin-bottom: 8px;
  }
}

.p-b-headline-space-h2 {
  padding-bottom: 16px;
}
@media only screen and (max-width: 1024px) {
  .p-b-headline-space-h2 {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .p-b-headline-space-h2 {
    padding-bottom: 8px;
  }
}

.m-l-headline-space-h2 {
  margin-left: 16px;
}
@media only screen and (max-width: 1024px) {
  .m-l-headline-space-h2 {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .m-l-headline-space-h2 {
    margin-left: 8px;
  }
}

.p-l-headline-space-h2 {
  padding-left: 16px;
}
@media only screen and (max-width: 1024px) {
  .p-l-headline-space-h2 {
    padding-left: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .p-l-headline-space-h2 {
    padding-left: 8px;
  }
}

.m-headline-space-h3 {
  margin: 8px;
}
@media only screen and (max-width: 1024px) {
  .m-headline-space-h3 {
    margin: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .m-headline-space-h3 {
    margin: 4px;
  }
}

.p-headline-space-h3 {
  padding: 8px;
}
@media only screen and (max-width: 1024px) {
  .p-headline-space-h3 {
    padding: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .p-headline-space-h3 {
    padding: 4px;
  }
}

.m-t-headline-space-h3 {
  margin-top: 8px;
}
@media only screen and (max-width: 1024px) {
  .m-t-headline-space-h3 {
    margin-top: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .m-t-headline-space-h3 {
    margin-top: 4px;
  }
}

.p-t-headline-space-h3 {
  padding-top: 8px;
}
@media only screen and (max-width: 1024px) {
  .p-t-headline-space-h3 {
    padding-top: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .p-t-headline-space-h3 {
    padding-top: 4px;
  }
}

.m-r-headline-space-h3 {
  margin-right: 8px;
}
@media only screen and (max-width: 1024px) {
  .m-r-headline-space-h3 {
    margin-right: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .m-r-headline-space-h3 {
    margin-right: 4px;
  }
}

.p-r-headline-space-h3 {
  padding-right: 8px;
}
@media only screen and (max-width: 1024px) {
  .p-r-headline-space-h3 {
    padding-right: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .p-r-headline-space-h3 {
    padding-right: 4px;
  }
}

.m-b-headline-space-h3 {
  margin-bottom: 8px;
}
@media only screen and (max-width: 1024px) {
  .m-b-headline-space-h3 {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .m-b-headline-space-h3 {
    margin-bottom: 4px;
  }
}

.p-b-headline-space-h3 {
  padding-bottom: 8px;
}
@media only screen and (max-width: 1024px) {
  .p-b-headline-space-h3 {
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .p-b-headline-space-h3 {
    padding-bottom: 4px;
  }
}

.m-l-headline-space-h3 {
  margin-left: 8px;
}
@media only screen and (max-width: 1024px) {
  .m-l-headline-space-h3 {
    margin-left: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .m-l-headline-space-h3 {
    margin-left: 4px;
  }
}

.p-l-headline-space-h3 {
  padding-left: 8px;
}
@media only screen and (max-width: 1024px) {
  .p-l-headline-space-h3 {
    padding-left: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .p-l-headline-space-h3 {
    padding-left: 4px;
  }
}

.m-headline-space-h4 {
  margin: 8px;
}
@media only screen and (max-width: 1024px) {
  .m-headline-space-h4 {
    margin: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .m-headline-space-h4 {
    margin: 0px;
  }
}

.p-headline-space-h4 {
  padding: 8px;
}
@media only screen and (max-width: 1024px) {
  .p-headline-space-h4 {
    padding: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .p-headline-space-h4 {
    padding: 0px;
  }
}

.m-t-headline-space-h4 {
  margin-top: 8px;
}
@media only screen and (max-width: 1024px) {
  .m-t-headline-space-h4 {
    margin-top: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .m-t-headline-space-h4 {
    margin-top: 0px;
  }
}

.p-t-headline-space-h4 {
  padding-top: 8px;
}
@media only screen and (max-width: 1024px) {
  .p-t-headline-space-h4 {
    padding-top: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .p-t-headline-space-h4 {
    padding-top: 0px;
  }
}

.m-r-headline-space-h4 {
  margin-right: 8px;
}
@media only screen and (max-width: 1024px) {
  .m-r-headline-space-h4 {
    margin-right: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .m-r-headline-space-h4 {
    margin-right: 0px;
  }
}

.p-r-headline-space-h4 {
  padding-right: 8px;
}
@media only screen and (max-width: 1024px) {
  .p-r-headline-space-h4 {
    padding-right: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .p-r-headline-space-h4 {
    padding-right: 0px;
  }
}

.m-b-headline-space-h4 {
  margin-bottom: 8px;
}
@media only screen and (max-width: 1024px) {
  .m-b-headline-space-h4 {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .m-b-headline-space-h4 {
    margin-bottom: 0px;
  }
}

.p-b-headline-space-h4 {
  padding-bottom: 8px;
}
@media only screen and (max-width: 1024px) {
  .p-b-headline-space-h4 {
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .p-b-headline-space-h4 {
    padding-bottom: 0px;
  }
}

.m-l-headline-space-h4 {
  margin-left: 8px;
}
@media only screen and (max-width: 1024px) {
  .m-l-headline-space-h4 {
    margin-left: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .m-l-headline-space-h4 {
    margin-left: 0px;
  }
}

.p-l-headline-space-h4 {
  padding-left: 8px;
}
@media only screen and (max-width: 1024px) {
  .p-l-headline-space-h4 {
    padding-left: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .p-l-headline-space-h4 {
    padding-left: 0px;
  }
}

.m-headline-space-h5 {
  margin: 4px;
}
@media only screen and (max-width: 1024px) {
  .m-headline-space-h5 {
    margin: 4px;
  }
}
@media only screen and (max-width: 600px) {
  .m-headline-space-h5 {
    margin: 0px;
  }
}

.p-headline-space-h5 {
  padding: 4px;
}
@media only screen and (max-width: 1024px) {
  .p-headline-space-h5 {
    padding: 4px;
  }
}
@media only screen and (max-width: 600px) {
  .p-headline-space-h5 {
    padding: 0px;
  }
}

.m-t-headline-space-h5 {
  margin-top: 4px;
}
@media only screen and (max-width: 1024px) {
  .m-t-headline-space-h5 {
    margin-top: 4px;
  }
}
@media only screen and (max-width: 600px) {
  .m-t-headline-space-h5 {
    margin-top: 0px;
  }
}

.p-t-headline-space-h5 {
  padding-top: 4px;
}
@media only screen and (max-width: 1024px) {
  .p-t-headline-space-h5 {
    padding-top: 4px;
  }
}
@media only screen and (max-width: 600px) {
  .p-t-headline-space-h5 {
    padding-top: 0px;
  }
}

.m-r-headline-space-h5 {
  margin-right: 4px;
}
@media only screen and (max-width: 1024px) {
  .m-r-headline-space-h5 {
    margin-right: 4px;
  }
}
@media only screen and (max-width: 600px) {
  .m-r-headline-space-h5 {
    margin-right: 0px;
  }
}

.p-r-headline-space-h5 {
  padding-right: 4px;
}
@media only screen and (max-width: 1024px) {
  .p-r-headline-space-h5 {
    padding-right: 4px;
  }
}
@media only screen and (max-width: 600px) {
  .p-r-headline-space-h5 {
    padding-right: 0px;
  }
}

.m-b-headline-space-h5 {
  margin-bottom: 4px;
}
@media only screen and (max-width: 1024px) {
  .m-b-headline-space-h5 {
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 600px) {
  .m-b-headline-space-h5 {
    margin-bottom: 0px;
  }
}

.p-b-headline-space-h5 {
  padding-bottom: 4px;
}
@media only screen and (max-width: 1024px) {
  .p-b-headline-space-h5 {
    padding-bottom: 4px;
  }
}
@media only screen and (max-width: 600px) {
  .p-b-headline-space-h5 {
    padding-bottom: 0px;
  }
}

.m-l-headline-space-h5 {
  margin-left: 4px;
}
@media only screen and (max-width: 1024px) {
  .m-l-headline-space-h5 {
    margin-left: 4px;
  }
}
@media only screen and (max-width: 600px) {
  .m-l-headline-space-h5 {
    margin-left: 0px;
  }
}

.p-l-headline-space-h5 {
  padding-left: 4px;
}
@media only screen and (max-width: 1024px) {
  .p-l-headline-space-h5 {
    padding-left: 4px;
  }
}
@media only screen and (max-width: 600px) {
  .p-l-headline-space-h5 {
    padding-left: 0px;
  }
}

.m-headline-space-h6 {
  margin: 0px;
}
@media only screen and (max-width: 1024px) {
  .m-headline-space-h6 {
    margin: 0px;
  }
}
@media only screen and (max-width: 600px) {
  .m-headline-space-h6 {
    margin: 0px;
  }
}

.p-headline-space-h6 {
  padding: 0px;
}
@media only screen and (max-width: 1024px) {
  .p-headline-space-h6 {
    padding: 0px;
  }
}
@media only screen and (max-width: 600px) {
  .p-headline-space-h6 {
    padding: 0px;
  }
}

.m-t-headline-space-h6 {
  margin-top: 0px;
}
@media only screen and (max-width: 1024px) {
  .m-t-headline-space-h6 {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 600px) {
  .m-t-headline-space-h6 {
    margin-top: 0px;
  }
}

.p-t-headline-space-h6 {
  padding-top: 0px;
}
@media only screen and (max-width: 1024px) {
  .p-t-headline-space-h6 {
    padding-top: 0px;
  }
}
@media only screen and (max-width: 600px) {
  .p-t-headline-space-h6 {
    padding-top: 0px;
  }
}

.m-r-headline-space-h6 {
  margin-right: 0px;
}
@media only screen and (max-width: 1024px) {
  .m-r-headline-space-h6 {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 600px) {
  .m-r-headline-space-h6 {
    margin-right: 0px;
  }
}

.p-r-headline-space-h6 {
  padding-right: 0px;
}
@media only screen and (max-width: 1024px) {
  .p-r-headline-space-h6 {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 600px) {
  .p-r-headline-space-h6 {
    padding-right: 0px;
  }
}

.m-b-headline-space-h6 {
  margin-bottom: 0px;
}
@media only screen and (max-width: 1024px) {
  .m-b-headline-space-h6 {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 600px) {
  .m-b-headline-space-h6 {
    margin-bottom: 0px;
  }
}

.p-b-headline-space-h6 {
  padding-bottom: 0px;
}
@media only screen and (max-width: 1024px) {
  .p-b-headline-space-h6 {
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 600px) {
  .p-b-headline-space-h6 {
    padding-bottom: 0px;
  }
}

.m-l-headline-space-h6 {
  margin-left: 0px;
}
@media only screen and (max-width: 1024px) {
  .m-l-headline-space-h6 {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 600px) {
  .m-l-headline-space-h6 {
    margin-left: 0px;
  }
}

.p-l-headline-space-h6 {
  padding-left: 0px;
}
@media only screen and (max-width: 1024px) {
  .p-l-headline-space-h6 {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 600px) {
  .p-l-headline-space-h6 {
    padding-left: 0px;
  }
}

.m-space-4 {
  margin: 4px;
}

.p-space-4 {
  padding: 4px;
}

.m-t-space-4 {
  margin-top: 4px;
}

.p-t-space-4 {
  padding-top: 4px;
}

.m-r-space-4 {
  margin-right: 4px;
}

.p-r-space-4 {
  padding-right: 4px;
}

.m-b-space-4 {
  margin-bottom: 4px;
}

.p-b-space-4 {
  padding-bottom: 4px;
}

.m-l-space-4 {
  margin-left: 4px;
}

.p-l-space-4 {
  padding-left: 4px;
}

.m-space-8 {
  margin: 8px;
}

.p-space-8 {
  padding: 8px;
}

.m-t-space-8 {
  margin-top: 8px;
}

.p-t-space-8 {
  padding-top: 8px;
}

.m-r-space-8 {
  margin-right: 8px;
}

.p-r-space-8 {
  padding-right: 8px;
}

.m-b-space-8 {
  margin-bottom: 8px;
}

.p-b-space-8 {
  padding-bottom: 8px;
}

.m-l-space-8 {
  margin-left: 8px;
}

.p-l-space-8 {
  padding-left: 8px;
}

.m-space-12 {
  margin: 12px;
}

.p-space-12 {
  padding: 12px;
}

.m-t-space-12 {
  margin-top: 12px;
}

.p-t-space-12 {
  padding-top: 12px;
}

.m-r-space-12 {
  margin-right: 12px;
}

.p-r-space-12 {
  padding-right: 12px;
}

.m-b-space-12 {
  margin-bottom: 12px;
}

.p-b-space-12 {
  padding-bottom: 12px;
}

.m-l-space-12 {
  margin-left: 12px;
}

.p-l-space-12 {
  padding-left: 12px;
}

.m-space-16 {
  margin: 16px;
}

.p-space-16 {
  padding: 16px;
}

.m-t-space-16 {
  margin-top: 16px;
}

.p-t-space-16 {
  padding-top: 16px;
}

.m-r-space-16 {
  margin-right: 16px;
}

.p-r-space-16 {
  padding-right: 16px;
}

.m-b-space-16 {
  margin-bottom: 16px;
}

.p-b-space-16 {
  padding-bottom: 16px;
}

.m-l-space-16 {
  margin-left: 16px;
}

.p-l-space-16 {
  padding-left: 16px;
}

.m-space-20 {
  margin: 20px;
}

.p-space-20 {
  padding: 20px;
}

.m-t-space-20 {
  margin-top: 20px;
}

.p-t-space-20 {
  padding-top: 20px;
}

.m-r-space-20 {
  margin-right: 20px;
}

.p-r-space-20 {
  padding-right: 20px;
}

.m-b-space-20 {
  margin-bottom: 20px;
}

.p-b-space-20 {
  padding-bottom: 20px;
}

.m-l-space-20 {
  margin-left: 20px;
}

.p-l-space-20 {
  padding-left: 20px;
}

.m-space-24 {
  margin: 24px;
}

.p-space-24 {
  padding: 24px;
}

.m-t-space-24 {
  margin-top: 24px;
}

.p-t-space-24 {
  padding-top: 24px;
}

.m-r-space-24 {
  margin-right: 24px;
}

.p-r-space-24 {
  padding-right: 24px;
}

.m-b-space-24 {
  margin-bottom: 24px;
}

.p-b-space-24 {
  padding-bottom: 24px;
}

.m-l-space-24 {
  margin-left: 24px;
}

.p-l-space-24 {
  padding-left: 24px;
}

.m-space-32 {
  margin: 32px;
}

.p-space-32 {
  padding: 32px;
}

.m-t-space-32 {
  margin-top: 32px;
}

.p-t-space-32 {
  padding-top: 32px;
}

.m-r-space-32 {
  margin-right: 32px;
}

.p-r-space-32 {
  padding-right: 32px;
}

.m-b-space-32 {
  margin-bottom: 32px;
}

.p-b-space-32 {
  padding-bottom: 32px;
}

.m-l-space-32 {
  margin-left: 32px;
}

.p-l-space-32 {
  padding-left: 32px;
}

.m-space-40 {
  margin: 40px;
}

.p-space-40 {
  padding: 40px;
}

.m-t-space-40 {
  margin-top: 40px;
}

.p-t-space-40 {
  padding-top: 40px;
}

.m-r-space-40 {
  margin-right: 40px;
}

.p-r-space-40 {
  padding-right: 40px;
}

.m-b-space-40 {
  margin-bottom: 40px;
}

.p-b-space-40 {
  padding-bottom: 40px;
}

.m-l-space-40 {
  margin-left: 40px;
}

.p-l-space-40 {
  padding-left: 40px;
}

.m-space-48 {
  margin: 48px;
}

.p-space-48 {
  padding: 48px;
}

.m-t-space-48 {
  margin-top: 48px;
}

.p-t-space-48 {
  padding-top: 48px;
}

.m-r-space-48 {
  margin-right: 48px;
}

.p-r-space-48 {
  padding-right: 48px;
}

.m-b-space-48 {
  margin-bottom: 48px;
}

.p-b-space-48 {
  padding-bottom: 48px;
}

.m-l-space-48 {
  margin-left: 48px;
}

.p-l-space-48 {
  padding-left: 48px;
}

.m-space-56 {
  margin: 56px;
}

.p-space-56 {
  padding: 56px;
}

.m-t-space-56 {
  margin-top: 56px;
}

.p-t-space-56 {
  padding-top: 56px;
}

.m-r-space-56 {
  margin-right: 56px;
}

.p-r-space-56 {
  padding-right: 56px;
}

.m-b-space-56 {
  margin-bottom: 56px;
}

.p-b-space-56 {
  padding-bottom: 56px;
}

.m-l-space-56 {
  margin-left: 56px;
}

.p-l-space-56 {
  padding-left: 56px;
}

.m-space-64 {
  margin: 64px;
}

.p-space-64 {
  padding: 64px;
}

.m-t-space-64 {
  margin-top: 64px;
}

.p-t-space-64 {
  padding-top: 64px;
}

.m-r-space-64 {
  margin-right: 64px;
}

.p-r-space-64 {
  padding-right: 64px;
}

.m-b-space-64 {
  margin-bottom: 64px;
}

.p-b-space-64 {
  padding-bottom: 64px;
}

.m-l-space-64 {
  margin-left: 64px;
}

.p-l-space-64 {
  padding-left: 64px;
}

.m-space-72 {
  margin: 72px;
}

.p-space-72 {
  padding: 72px;
}

.m-t-space-72 {
  margin-top: 72px;
}

.p-t-space-72 {
  padding-top: 72px;
}

.m-r-space-72 {
  margin-right: 72px;
}

.p-r-space-72 {
  padding-right: 72px;
}

.m-b-space-72 {
  margin-bottom: 72px;
}

.p-b-space-72 {
  padding-bottom: 72px;
}

.m-l-space-72 {
  margin-left: 72px;
}

.p-l-space-72 {
  padding-left: 72px;
}

.m-space-80 {
  margin: 80px;
}

.p-space-80 {
  padding: 80px;
}

.m-t-space-80 {
  margin-top: 80px;
}

.p-t-space-80 {
  padding-top: 80px;
}

.m-r-space-80 {
  margin-right: 80px;
}

.p-r-space-80 {
  padding-right: 80px;
}

.m-b-space-80 {
  margin-bottom: 80px;
}

.p-b-space-80 {
  padding-bottom: 80px;
}

.m-l-space-80 {
  margin-left: 80px;
}

.p-l-space-80 {
  padding-left: 80px;
}

.m-space-88 {
  margin: 88px;
}

.p-space-88 {
  padding: 88px;
}

.m-t-space-88 {
  margin-top: 88px;
}

.p-t-space-88 {
  padding-top: 88px;
}

.m-r-space-88 {
  margin-right: 88px;
}

.p-r-space-88 {
  padding-right: 88px;
}

.m-b-space-88 {
  margin-bottom: 88px;
}

.p-b-space-88 {
  padding-bottom: 88px;
}

.m-l-space-88 {
  margin-left: 88px;
}

.p-l-space-88 {
  padding-left: 88px;
}

.m-space-96 {
  margin: 96px;
}

.p-space-96 {
  padding: 96px;
}

.m-t-space-96 {
  margin-top: 96px;
}

.p-t-space-96 {
  padding-top: 96px;
}

.m-r-space-96 {
  margin-right: 96px;
}

.p-r-space-96 {
  padding-right: 96px;
}

.m-b-space-96 {
  margin-bottom: 96px;
}

.p-b-space-96 {
  padding-bottom: 96px;
}

.m-l-space-96 {
  margin-left: 96px;
}

.p-l-space-96 {
  padding-left: 96px;
}

.m-space-128 {
  margin: 128px;
}

.p-space-128 {
  padding: 128px;
}

.m-t-space-128 {
  margin-top: 128px;
}

.p-t-space-128 {
  padding-top: 128px;
}

.m-r-space-128 {
  margin-right: 128px;
}

.p-r-space-128 {
  padding-right: 128px;
}

.m-b-space-128 {
  margin-bottom: 128px;
}

.p-b-space-128 {
  padding-bottom: 128px;
}

.m-l-space-128 {
  margin-left: 128px;
}

.p-l-space-128 {
  padding-left: 128px;
}

.font-default {
  font-size: 18px;
  line-height: 1.5;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 1440px) {
  .font-default {
    font-size: 17px;
  }
}
@media only screen and (max-width: 600px) {
  .font-default {
    font-size: 15px;
  }
}

.font-form-element {
  font-size: inherit;
  line-height: 16px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 300;
}

.font-h1-headline {
  font-size: 48px;
  letter-spacing: 0;
  line-height: 56px;
  font-family: "adobe-caslon-pro", "Times New Roman", Times, serif;
  font-weight: 700;
}
@media only screen and (max-width: 600px) {
  .font-h1-headline {
    font-size: 32px;
    line-height: 40px;
  }
}

.font-h2-headline {
  font-size: 40px;
  letter-spacing: 0;
  line-height: 45px;
  font-family: "adobe-caslon-pro", "Times New Roman", Times, serif;
  font-weight: 700;
}
@media only screen and (max-width: 600px) {
  .font-h2-headline {
    font-size: 28px;
    line-height: 36px;
  }
}

.font-h3-headline {
  font-size: 32px;
  letter-spacing: 0;
  line-height: 40px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 600px) {
  .font-h3-headline {
    font-size: 24px;
    line-height: 32px;
  }
}

.font-h4-headline {
  font-size: 24px;
  letter-spacing: -0.25px;
  line-height: 30px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 600px) {
  .font-h4-headline {
    font-size: 20px;
    line-height: 28px;
  }
}

.font-h5-headline {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 600px) {
  .font-h5-headline {
    font-size: 18px;
    line-height: 26px;
  }
}

.font-h6-headline {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 600px) {
  .font-h6-headline {
    font-size: 16px;
    line-height: 22px;
  }
}

.font-text-type-1 {
  font-size: 32px;
  letter-spacing: 0;
  line-height: 48px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 600px) {
  .font-text-type-1 {
    font-size: 22px;
    line-height: 28px;
  }
}

.font-text-type-2 {
  font-size: 22px;
  letter-spacing: 0;
  line-height: 28px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
@media only screen and (max-width: 600px) {
  .font-text-type-2 {
    font-size: 20px;
    line-height: 26px;
  }
}

.font-text-type-3 {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
@media only screen and (max-width: 600px) {
  .font-text-type-3 {
    font-size: 16px;
    line-height: 22px;
  }
}

.font-text-type-4 {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
@media only screen and (max-width: 600px) {
  .font-text-type-4 {
    font-size: 14px;
    line-height: 20px;
  }
}

.font-text-type-5 {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 600px) {
  .font-text-type-5 {
    font-size: 12px;
    line-height: 14px;
  }
}

.font-text-type-6 {
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.25px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 600px) {
  .font-text-type-6 {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.15px;
  }
}

.font-text-type-7 {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 600px) {
  .font-text-type-7 {
    font-size: 14px;
    line-height: 18px;
  }
}

.font-text-type-8 {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
@media only screen and (max-width: 600px) {
  .font-text-type-8 {
    font-size: 14px;
    line-height: 18px;
  }
}

.font-button-link {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 16px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 600px) {
  .font-button-link {
    font-size: 16px;
    line-height: 16px;
  }
}

.font-swiper-card {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
  font-family: "adobe-caslon-pro", "Times New Roman", Times, serif;
  font-weight: 700;
}
@media only screen and (max-width: 600px) {
  .font-swiper-card {
    font-size: 18px;
    line-height: 26px;
  }
}

.font-swiper-card-detail-heading {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 600px) {
  .font-swiper-card-detail-heading {
    font-size: 18px;
    line-height: 26px;
  }
}

.font-swiper-card-detail-text {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 600px) {
  .font-swiper-card-detail-text {
    font-size: 16px;
    line-height: 22px;
  }
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Remove margin of last element in div.
 */
.rlem > *:last-child {
  margin-bottom: 0;
}

/*
 * Height 100% alternative (thanks safari) with flexbox.
 */
.fit-container {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
}
.fit-container .fit {
  flex-grow: 1;
}

.flex {
  display: flex;
}

.justify-content-space-between {
  justify-content: space-between;
}

.align-content-flex-end {
  align-content: flex-end;
}

.align-items-flex-end {
  align-items: flex-end;
}

.flex-align-items-center {
  align-items: center;
}

.flex-justify-content-between {
  justify-content: space-between;
}

.flex-wrap-wrap {
  flex-wrap: wrap;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.cursor-pointer {
  cursor: pointer;
}

.hardware-accelerated {
  transform: translate3d(0, 0, 0);
}

.remove-button-styles {
  appearance: none;
  border: none;
  background: none;
}

@media only screen and (max-width: 800px) {
  .row.-reverse-order\@medium-small {
    flex-direction: column-reverse;
  }
}

.icon-box {
  height: 1em;
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  display: inline-flex;
  align-self: center;
  user-select: none;
  bottom: -0.125em;
}
.icon-box > .icon-canvas {
  display: block;
  height: 100%;
  visibility: hidden;
}
.icon-box > .icon-svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.icon-box.-equal {
  width: 1.125em;
  height: 1em;
}
.icon-box.-original > .icon-svg, .icon-box.-resonsive > .icon-svg {
  bottom: auto;
}
.icon-box.-responsive {
  display: block;
  width: 100%;
}

.handorgel {
  display: block;
  width: 100%;
  border: 1px solid #eee;
  border-top: none;
}
.handorgel__header {
  display: block;
  margin: 0;
}
.handorgel__header--open .handorgel__header__button {
  background-color: #eee;
}
.handorgel__header--focus .handorgel__header__button {
  background-color: #dfdfdf;
  outline: none;
}
.handorgel__header__button {
  display: block;
  width: 100%;
  padding: 20px 24px;
  margin: 0;
  border: none;
  border-top: 1px solid #eee;
  background-color: #fff;
  border-radius: 0;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  text-align: left;
  transition: background-color 0.2s ease;
  user-select: none;
}
.handorgel__header__button::-moz-focus-inner {
  border: 0;
}
.handorgel__content {
  display: none;
  overflow: hidden;
  height: 0;
  border-top: 1px solid #eee;
  background-color: #fff;
  transition: height 0.1s ease 0.1s;
}
.handorgel__content--open {
  display: block;
  transition: height 0.2s ease;
}
.handorgel__content--opened {
  overflow: visible;
}
.handorgel__content__inner {
  padding: 20px 24px;
  opacity: 0;
  transition: opacity 0.1s ease;
}
.handorgel__content--opened .handorgel__content__inner {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.ft-accordion {
  width: 100%;
}
.ft-accordion .toggle {
  flex-shrink: 0;
  display: block;
  width: 1em;
  height: 1em;
  transition: transform 0.1s;
}
.ft-accordion .handorgel__header__button {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ft-accordion .handorgel__header--open .toggle {
  transform: rotate(90deg);
  transition: transform 0.5s;
}

.ft-fit-bg {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.ft-fit-bg > img,
.ft-fit-bg > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  font-family: "object-fit: cover; object-position: center center";
}
.ft-fit-bg.-darkened::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.ft-fit-bg.-contain > img,
.ft-fit-bg.-contain > video {
  object-fit: contain;
  font-family: "object-fit: contain; object-position: center center;";
}
.ft-fit-bg.-fill > img,
.ft-fit-bg.-fill > video {
  object-fit: fill;
  font-family: "object-fit: fill; object-position: center center;";
}
.ft-fit-bg.-initial-hide {
  visibility: hidden;
  opacity: 0;
}
.ft-fit-bg.-video {
  overflow: hidden;
}

.IIV::-webkit-media-controls-play-button,
.IIV::-webkit-media-controls-start-playback-button {
  opacity: 0;
  pointer-events: none;
  width: 5px;
}

/**
 * Internal variables
 */
/**
 * Import utils
 */
/**
 * Import the API
 */
/**
 * Generate custom class using gridle states
 */
/*
 * Gridle state
 *
 * @param 	string|map|list 	$states 		A list of states, a state name or a state map
 * @param 	boolean 			$has-parent 	Mostly always true, mean that the mixin is used in a css selector and not in css root level
 */
/**
 * Import functions
 */
/**
 * Get states count
 * @return 	{Integer} 	The number of states defined
 * @author 		Olivier Bossel <olivier.bossel@gmail.com>
 */
/**
 * Get the current state map
 * @return 		{Map} 	The current state map
 * @author 		Olivier Bossel <olivier.bossel@gmail.com>
 */
/**
 * Get the current state name
 * @return 		{String} 	The current state name
 * @author 		Olivier Bossel <olivier.bossel@gmail.com>
 */
/*
 * Get a state map
 *
 * @param 	{String} 		[$state=current] 		The name of the state to get
 * @return 	{Map} 				A state map object
 * @author 		Olivier Bossel <olivier.bossel@gmail.com>
 */
/**
 * Check if a state exist :
 * @param 	{String} 		$name 		The name of the state to check
 * @return 	{Boolean} 					true if exist
 * @author 		Olivier Bossel <olivier.bossel@gmail.com>
 */
/**
 * Get a state variable
 *
 * @param 	{String} 		$varName 								The variable name
 * @param  	{String} 		[$stateMap-or-stateName=current] 	 	The state name or a map state value
 * @return 	{Mixed} 												The finded value
 */
/**
 * get the registered gridle states
 * @return 	{Map} 		All the registered states
 * @author 	Olivier Bossel <olivier.bossel@gmail.com>
 */
/**
 * get the registered gridle states names
 * @return 	{List} 		All the registered states names
 * @author 	Olivier Bossel <olivier.bossel@gmail.com>
 */
/**
 * Return a multiple of the gutter-unit variable
 * @param    {Number}    $miltiplicator    The multiplicator to use
 * @return    {String}    The calc representation of the multiplied value
 */
/**
 * Return a multiple of the column-unit variable
 * @param    {Number}    $miltiplicator    The multiplicator to use
 * @return    {String}    The calc representation of the multiplied value
 */
/**
 * Return a multiple of the gutter AND column unit variables
 * @param    {Number}    $miltiplicator    The multiplicator to use
 * @return    {String}    The calc representation of the multiplied value
 */
/**
 * Get the media query for a particular state, or width, etc...
 *
 * @param 	{Mixed} 		[$stateName=current] 		The state name to generate the media query for
 * @return 	{String} 												The media query string without the @media
 */
/**
 * Process a selector by:
 * 1. replacing @default with ''
 * @param    {String}    $selector    The selector to process
 * @return    {String}    The processed selector
 */
/**
 * Import the generate mixins
 */
/**
 * Generate the classes
 */
/**
 * Import the setup mixins
 */
/**
 * Setting up your grid
 * @param 		{Map} 		$settings 		Your default grid settings
 * @example 	scss
 * // default settings
 * $_gridle-settings : (
 *	name : default,
 *	min-width : null,
 *	max-width : null,
 *	query : null,
 *  columns: 12,
 *  rows: 12,
 *	column-width : 60,
 *  width: 1200,
 *  gutter-width: null,
 *  container-width: 90vw,
 *  container-max-width: 1200px
 * );
 *
 * // setting up your grid
 * \@include g-setup((
 * 	columns : 12
 * 	// other settings
 * ));
 *
 * @author 		Olivier Bossel <olivier.bossel@gmail.com>
 */
/**
 * Register a new state with some settings
 * @param 		{String} 		$name 		The new state name
 * @param 		{Map} 			$settings 	The state settings
 * @example 	scss
 * \@include g-register-state(mobile, (
 * 	max-width : 600px
 * ));
 *
 * @author 		Olivier Bossel <olivier.bossel@gmail.com>
 */
/**
 * Register some basics mobile first states:
 *
 * - tablet : 640px to infinite
 * - desktop : 992px to infinite
 * - large : 1200px to infinite
 *
 * @example 	scss
 * \@include g-register-mobile-first-states();
 *
 * @author 		Olivier Bossel <olivier.bossel@gmail.com>
 */
/**
 * @name 	default State
 * Here's the settings for the **default** state.
 * @styleguide 	Gridle / States
 * @display 	gridle-settings
 * @gridle-name 	default
 * @gridle-min-width 	
 * @gridle-max-width 	
 * @gridle-query 	
 * @gridle-columns    12
 * @gridle-rows     12
 * @gridle-column-width    60
 * @gridle-width    960
 * @gridle-gutter-width    44px
 * @gridle-container-width    90vw
 * @gridle-container-max-width    1200px
 */
/**
 * @name 	large State
 * Here's the settings for the **large** state.
 * @styleguide 	Gridle / States
 * @display 	gridle-settings
 * @gridle-name 	large
 * @gridle-min-width 	
 * @gridle-max-width 	
 * @gridle-query 	only screen and (max-width: 1440px)
 * @gridle-columns    12
 * @gridle-rows     12
 * @gridle-column-width    60
 * @gridle-width    960
 * @gridle-gutter-width    44px
 * @gridle-container-width    90vw
 * @gridle-container-max-width    1200px
 */
/**
 * @name 	medium-large State
 * Here's the settings for the **medium-large** state.
 * @styleguide 	Gridle / States
 * @display 	gridle-settings
 * @gridle-name 	medium-large
 * @gridle-min-width 	
 * @gridle-max-width 	
 * @gridle-query 	only screen and (max-width: 1200px)
 * @gridle-columns    12
 * @gridle-rows     12
 * @gridle-column-width    60
 * @gridle-width    960
 * @gridle-gutter-width    34px
 * @gridle-container-width    90vw
 * @gridle-container-max-width    1200px
 */
/**
 * @name 	medium State
 * Here's the settings for the **medium** state.
 * @styleguide 	Gridle / States
 * @display 	gridle-settings
 * @gridle-name 	medium
 * @gridle-min-width 	
 * @gridle-max-width 	
 * @gridle-query 	only screen and (max-width: 1024px)
 * @gridle-columns    12
 * @gridle-rows     12
 * @gridle-column-width    60
 * @gridle-width    960
 * @gridle-gutter-width    34px
 * @gridle-container-width    90vw
 * @gridle-container-max-width    1200px
 */
/**
 * @name 	medium-small State
 * Here's the settings for the **medium-small** state.
 * @styleguide 	Gridle / States
 * @display 	gridle-settings
 * @gridle-name 	medium-small
 * @gridle-min-width 	
 * @gridle-max-width 	
 * @gridle-query 	only screen and (max-width: 800px)
 * @gridle-columns    12
 * @gridle-rows     12
 * @gridle-column-width    60
 * @gridle-width    960
 * @gridle-gutter-width    34px
 * @gridle-container-width    90vw
 * @gridle-container-max-width    1200px
 */
/**
 * @name 	small-medium State
 * Here's the settings for the **small-medium** state.
 * @styleguide 	Gridle / States
 * @display 	gridle-settings
 * @gridle-name 	small-medium
 * @gridle-min-width 	
 * @gridle-max-width 	
 * @gridle-query 	only screen and (max-width: 700px)
 * @gridle-columns    12
 * @gridle-rows     12
 * @gridle-column-width    60
 * @gridle-width    960
 * @gridle-gutter-width    34px
 * @gridle-container-width    90vw
 * @gridle-container-max-width    1200px
 */
/**
 * @name 	small State
 * Here's the settings for the **small** state.
 * @styleguide 	Gridle / States
 * @display 	gridle-settings
 * @gridle-name 	small
 * @gridle-min-width 	
 * @gridle-max-width 	
 * @gridle-query 	only screen and (max-width: 600px)
 * @gridle-columns    12
 * @gridle-rows     12
 * @gridle-column-width    60
 * @gridle-width    960
 * @gridle-gutter-width    16px
 * @gridle-container-width    90vw
 * @gridle-container-max-width    1200px
 */
/**
 * Container
 */
.container {
  max-width: var(--g-container-max-width);
  width: var(--g-container-width);
  margin: 0 auto;
  box-sizing: border-box;
}

/**
 * Grid
 */
.gr {
  display: grid;
  grid-template-columns: repeat(var(--g-columns), 1fr);
  grid-column-gap: var(--g-gutter-unit);
  justify-items: stretch;
  align-items: stretch;
  justify-content: stretch;
  align-content: stretch;
  box-sizing: border-box;
}

/**
 * Grid flex
 */
.gr--flex {
  display: flex;
  margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2 * -1);
}

/**
 * Column
 */
.col {
  box-sizing: border-box;
}

/**
 * Row
 */
.row {
  box-sizing: border-box;
}

/**
 * Grid gutters
 */
.gr--gutters {
  grid-column-gap: var(--g-gutter-unit);
  grid-row-gap: var(--g-gutter-unit);
}
.gr--gutters.gr--flex {
  margin-top: calc(calc(var(--g-gutter-unit) * 1) / 2 * -1);
  margin-bottom: calc(calc(var(--g-gutter-unit) * 1) / 2 * -1);
}
.gr--gutters.gr--flex > .col {
  margin: calc(calc(var(--g-gutter-unit) * 1) / 2);
}

.gr--no-gutter {
  grid-row-gap: 0;
  grid-column-gap: 0;
  margin-left: 0;
  margin-right: 0;
}
.gr--no-gutter.gr--flex > .col {
  margin: 0;
}

.gr--gutters-side {
  grid-column-gap: var(--g-gutter-unit);
  grid-row-gap: 0;
}
.gr--gutters-side.gr--flex {
  margin-left: calc(calc(var(--g-gutter-unit) * 1) / 2 * -1);
  margin-right: calc(calc(var(--g-gutter-unit) * 1) / 2 * -1);
}
.gr--gutters-side.gr--flex > .col {
  margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
}

.gr--gutters-updown {
  grid-column-gap: 0;
  grid-row-gap: var(--g-gutter-unit);
}
.gr--gutters-updown.gr--flex {
  margin-top: calc(calc(var(--g-gutter-unit) * 1) / 2 * -1);
  margin-bottom: calc(calc(var(--g-gutter-unit) * 1) / 2 * -1);
}
.gr--gutters-updown.gr--flex > .col {
  margin: calc(calc(var(--g-gutter-unit) * 1) / 2) 0;
}

.gr--no-gutter-side {
  grid-row-gap: 0;
}
.gr--no-gutter-side.gr--flex {
  margin-left: 0;
  margin-right: 0;
}
.gr--no-gutter-side.gr--flex > .col {
  margin-left: 0;
  margin-right: 0;
}

.gr--no-gutter-updown {
  grid-column-gap: 0;
}
.gr--no-gutter-updown.gr--flex {
  margin-top: 0;
  margin-bottom: 0;
}
.gr--no-gutter-updown.gr--flex > .col {
  margin-top: 0;
  margin-bottom: 0;
}

/**
 * Apply the settings through variables
 */
:root {
  /* Grid proportions */
  --g-width: 960;
  --g-column-width: 60;
  --g-columns: 12;
  --g-rows: 12;
  /* Grid logic */
  --g-gutters: calc(var(--g-columns) - 1);
  /* Grid proportion logic */
  --g-column-proportion: calc(var(--g-column-width) / var(--g-width));
  --g-gutter-proportion: calc((1 - (var(--g-columns) * var(--g-column-proportion))) / var(--g-gutters));
  /* Container Units */
  --g-column-unit: calc(var(--g-column-proportion) * var(--g-container-width));
  --g-gutter-unit: 44px;
  --g-column-and-gutter-unit: calc(var(--g-column-unit) + var(--g-gutter-unit));
  /* Container Width */
  --g-container-width: 90vw;
  --g-container-max-width: 1200px;
}

/**
 * Row wrap and nowrap
 */
.gr--wrap {
  flex-wrap: wrap;
}

.gr--nowrap {
  flex-wrap: nowrap;
}

/**
 * Row alignements
 */
.gr--start {
  align-content: start;
  align-items: flex-start;
}

.gr--middle {
  align-content: center;
  align-items: center;
}

.gr--end {
  align-content: end;
  align-items: flex-end;
}

/**
 * Grid cells alignements
 */
.col--start {
  align-self: start;
}
.gr--flex .col--start {
  align-self: flex-start;
}

.col--middle {
  align-self: center;
}

.col--end {
  align-self: end;
}
.gr--flex .col--end {
  align-self: flex-end;
}

/**
 * Grid cells
 */
.col--1 {
  grid-column-end: span 1;
}
.gr--flex .col--1 {
  flex: 0 0 auto;
  width: calc(100% / var(--g-columns) * 1 - calc(var(--g-gutter-unit) * 1));
  flex-basis: calc(100% / var(--g-columns) * 1 - calc(var(--g-gutter-unit) * 1));
  margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
}
.gr--flex.gr--no-gutter .col--1, .gr--flex.gr--no-gutter-side .col--1 {
  width: calc(100% / var(--g-columns) * 1);
  flex-basis: calc(100% / var(--g-columns) * 1);
}

.col--start-1 {
  grid-column-start: 1;
}

.col--height-1 {
  height: calc(calc(var(--g-column-unit) * 1) + calc(var(--g-gutter-unit) * 0));
}

.col--2 {
  grid-column-end: span 2;
}
.gr--flex .col--2 {
  flex: 0 0 auto;
  width: calc(100% / var(--g-columns) * 2 - calc(var(--g-gutter-unit) * 1));
  flex-basis: calc(100% / var(--g-columns) * 2 - calc(var(--g-gutter-unit) * 1));
  margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
}
.gr--flex.gr--no-gutter .col--2, .gr--flex.gr--no-gutter-side .col--2 {
  width: calc(100% / var(--g-columns) * 2);
  flex-basis: calc(100% / var(--g-columns) * 2);
}

.col--start-2 {
  grid-column-start: 2;
}

.col--height-2 {
  height: calc(calc(var(--g-column-unit) * 2) + calc(var(--g-gutter-unit) * 1));
}

.col--3 {
  grid-column-end: span 3;
}
.gr--flex .col--3 {
  flex: 0 0 auto;
  width: calc(100% / var(--g-columns) * 3 - calc(var(--g-gutter-unit) * 1));
  flex-basis: calc(100% / var(--g-columns) * 3 - calc(var(--g-gutter-unit) * 1));
  margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
}
.gr--flex.gr--no-gutter .col--3, .gr--flex.gr--no-gutter-side .col--3 {
  width: calc(100% / var(--g-columns) * 3);
  flex-basis: calc(100% / var(--g-columns) * 3);
}

.col--start-3 {
  grid-column-start: 3;
}

.col--height-3 {
  height: calc(calc(var(--g-column-unit) * 3) + calc(var(--g-gutter-unit) * 2));
}

.col--4 {
  grid-column-end: span 4;
}
.gr--flex .col--4 {
  flex: 0 0 auto;
  width: calc(100% / var(--g-columns) * 4 - calc(var(--g-gutter-unit) * 1));
  flex-basis: calc(100% / var(--g-columns) * 4 - calc(var(--g-gutter-unit) * 1));
  margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
}
.gr--flex.gr--no-gutter .col--4, .gr--flex.gr--no-gutter-side .col--4 {
  width: calc(100% / var(--g-columns) * 4);
  flex-basis: calc(100% / var(--g-columns) * 4);
}

.col--start-4 {
  grid-column-start: 4;
}

.col--height-4 {
  height: calc(calc(var(--g-column-unit) * 4) + calc(var(--g-gutter-unit) * 3));
}

.col--5 {
  grid-column-end: span 5;
}
.gr--flex .col--5 {
  flex: 0 0 auto;
  width: calc(100% / var(--g-columns) * 5 - calc(var(--g-gutter-unit) * 1));
  flex-basis: calc(100% / var(--g-columns) * 5 - calc(var(--g-gutter-unit) * 1));
  margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
}
.gr--flex.gr--no-gutter .col--5, .gr--flex.gr--no-gutter-side .col--5 {
  width: calc(100% / var(--g-columns) * 5);
  flex-basis: calc(100% / var(--g-columns) * 5);
}

.col--start-5 {
  grid-column-start: 5;
}

.col--height-5 {
  height: calc(calc(var(--g-column-unit) * 5) + calc(var(--g-gutter-unit) * 4));
}

.col--6 {
  grid-column-end: span 6;
}
.gr--flex .col--6 {
  flex: 0 0 auto;
  width: calc(100% / var(--g-columns) * 6 - calc(var(--g-gutter-unit) * 1));
  flex-basis: calc(100% / var(--g-columns) * 6 - calc(var(--g-gutter-unit) * 1));
  margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
}
.gr--flex.gr--no-gutter .col--6, .gr--flex.gr--no-gutter-side .col--6 {
  width: calc(100% / var(--g-columns) * 6);
  flex-basis: calc(100% / var(--g-columns) * 6);
}

.col--start-6 {
  grid-column-start: 6;
}

.col--height-6 {
  height: calc(calc(var(--g-column-unit) * 6) + calc(var(--g-gutter-unit) * 5));
}

.col--7 {
  grid-column-end: span 7;
}
.gr--flex .col--7 {
  flex: 0 0 auto;
  width: calc(100% / var(--g-columns) * 7 - calc(var(--g-gutter-unit) * 1));
  flex-basis: calc(100% / var(--g-columns) * 7 - calc(var(--g-gutter-unit) * 1));
  margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
}
.gr--flex.gr--no-gutter .col--7, .gr--flex.gr--no-gutter-side .col--7 {
  width: calc(100% / var(--g-columns) * 7);
  flex-basis: calc(100% / var(--g-columns) * 7);
}

.col--start-7 {
  grid-column-start: 7;
}

.col--height-7 {
  height: calc(calc(var(--g-column-unit) * 7) + calc(var(--g-gutter-unit) * 6));
}

.col--8 {
  grid-column-end: span 8;
}
.gr--flex .col--8 {
  flex: 0 0 auto;
  width: calc(100% / var(--g-columns) * 8 - calc(var(--g-gutter-unit) * 1));
  flex-basis: calc(100% / var(--g-columns) * 8 - calc(var(--g-gutter-unit) * 1));
  margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
}
.gr--flex.gr--no-gutter .col--8, .gr--flex.gr--no-gutter-side .col--8 {
  width: calc(100% / var(--g-columns) * 8);
  flex-basis: calc(100% / var(--g-columns) * 8);
}

.col--start-8 {
  grid-column-start: 8;
}

.col--height-8 {
  height: calc(calc(var(--g-column-unit) * 8) + calc(var(--g-gutter-unit) * 7));
}

.col--9 {
  grid-column-end: span 9;
}
.gr--flex .col--9 {
  flex: 0 0 auto;
  width: calc(100% / var(--g-columns) * 9 - calc(var(--g-gutter-unit) * 1));
  flex-basis: calc(100% / var(--g-columns) * 9 - calc(var(--g-gutter-unit) * 1));
  margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
}
.gr--flex.gr--no-gutter .col--9, .gr--flex.gr--no-gutter-side .col--9 {
  width: calc(100% / var(--g-columns) * 9);
  flex-basis: calc(100% / var(--g-columns) * 9);
}

.col--start-9 {
  grid-column-start: 9;
}

.col--height-9 {
  height: calc(calc(var(--g-column-unit) * 9) + calc(var(--g-gutter-unit) * 8));
}

.col--10 {
  grid-column-end: span 10;
}
.gr--flex .col--10 {
  flex: 0 0 auto;
  width: calc(100% / var(--g-columns) * 10 - calc(var(--g-gutter-unit) * 1));
  flex-basis: calc(100% / var(--g-columns) * 10 - calc(var(--g-gutter-unit) * 1));
  margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
}
.gr--flex.gr--no-gutter .col--10, .gr--flex.gr--no-gutter-side .col--10 {
  width: calc(100% / var(--g-columns) * 10);
  flex-basis: calc(100% / var(--g-columns) * 10);
}

.col--start-10 {
  grid-column-start: 10;
}

.col--height-10 {
  height: calc(calc(var(--g-column-unit) * 10) + calc(var(--g-gutter-unit) * 9));
}

.col--11 {
  grid-column-end: span 11;
}
.gr--flex .col--11 {
  flex: 0 0 auto;
  width: calc(100% / var(--g-columns) * 11 - calc(var(--g-gutter-unit) * 1));
  flex-basis: calc(100% / var(--g-columns) * 11 - calc(var(--g-gutter-unit) * 1));
  margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
}
.gr--flex.gr--no-gutter .col--11, .gr--flex.gr--no-gutter-side .col--11 {
  width: calc(100% / var(--g-columns) * 11);
  flex-basis: calc(100% / var(--g-columns) * 11);
}

.col--start-11 {
  grid-column-start: 11;
}

.col--height-11 {
  height: calc(calc(var(--g-column-unit) * 11) + calc(var(--g-gutter-unit) * 10));
}

.col--12 {
  grid-column-end: span 12;
}
.gr--flex .col--12 {
  flex: 0 0 auto;
  width: calc(100% / var(--g-columns) * 12 - calc(var(--g-gutter-unit) * 1));
  flex-basis: calc(100% / var(--g-columns) * 12 - calc(var(--g-gutter-unit) * 1));
  margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
}
.gr--flex.gr--no-gutter .col--12, .gr--flex.gr--no-gutter-side .col--12 {
  width: calc(100% / var(--g-columns) * 12);
  flex-basis: calc(100% / var(--g-columns) * 12);
}

.col--start-12 {
  grid-column-start: 12;
}

.col--height-12 {
  height: calc(calc(var(--g-column-unit) * 12) + calc(var(--g-gutter-unit) * 11));
}

.gr--rows-1 {
  grid-template-rows: repeat(1, 1fr);
}

.row--1 {
  grid-row-end: span 1;
}

.row--start-1 {
  grid-row-start: 1;
}

.gr--rows-2 {
  grid-template-rows: repeat(2, 1fr);
}

.row--2 {
  grid-row-end: span 2;
}

.row--start-2 {
  grid-row-start: 2;
}

.gr--rows-3 {
  grid-template-rows: repeat(3, 1fr);
}

.row--3 {
  grid-row-end: span 3;
}

.row--start-3 {
  grid-row-start: 3;
}

.gr--rows-4 {
  grid-template-rows: repeat(4, 1fr);
}

.row--4 {
  grid-row-end: span 4;
}

.row--start-4 {
  grid-row-start: 4;
}

.gr--rows-5 {
  grid-template-rows: repeat(5, 1fr);
}

.row--5 {
  grid-row-end: span 5;
}

.row--start-5 {
  grid-row-start: 5;
}

.gr--rows-6 {
  grid-template-rows: repeat(6, 1fr);
}

.row--6 {
  grid-row-end: span 6;
}

.row--start-6 {
  grid-row-start: 6;
}

.gr--rows-7 {
  grid-template-rows: repeat(7, 1fr);
}

.row--7 {
  grid-row-end: span 7;
}

.row--start-7 {
  grid-row-start: 7;
}

.gr--rows-8 {
  grid-template-rows: repeat(8, 1fr);
}

.row--8 {
  grid-row-end: span 8;
}

.row--start-8 {
  grid-row-start: 8;
}

.gr--rows-9 {
  grid-template-rows: repeat(9, 1fr);
}

.row--9 {
  grid-row-end: span 9;
}

.row--start-9 {
  grid-row-start: 9;
}

.gr--rows-10 {
  grid-template-rows: repeat(10, 1fr);
}

.row--10 {
  grid-row-end: span 10;
}

.row--start-10 {
  grid-row-start: 10;
}

.gr--rows-11 {
  grid-template-rows: repeat(11, 1fr);
}

.row--11 {
  grid-row-end: span 11;
}

.row--start-11 {
  grid-row-start: 11;
}

.gr--rows-12 {
  grid-template-rows: repeat(12, 1fr);
}

.row--12 {
  grid-row-end: span 12;
}

.row--start-12 {
  grid-row-start: 12;
}

/**
 * Flex grid cells
 */
.gr--flex .col--adapt {
  width: auto !important;
  flex-basis: auto !important;
  flex: 0 0 auto;
  margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
}

.gr--flex .col--grow {
  width: auto !important;
  flex-basis: auto !important;
  flex: 1 1 auto;
  margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
}

/**
 * Utilities
 */
.hide {
  display: none;
}

.show {
  display: block;
}

.show-inline {
  display: inline-block;
}

@media only screen and (max-width: 1440px) {
  /**
   * Apply the settings through variables
   */
  :root {
    /* Grid proportions */
    --g-width: 960;
    --g-column-width: 60;
    --g-columns: 12;
    --g-rows: 12;
    /* Grid logic */
    --g-gutters: calc(var(--g-columns) - 1);
    /* Grid proportion logic */
    --g-column-proportion: calc(var(--g-column-width) / var(--g-width));
    --g-gutter-proportion: calc((1 - (var(--g-columns) * var(--g-column-proportion))) / var(--g-gutters));
    /* Container Units */
    --g-column-unit: calc(var(--g-column-proportion) * var(--g-container-width));
    --g-gutter-unit: 44px;
    --g-column-and-gutter-unit: calc(var(--g-column-unit) + var(--g-gutter-unit));
    /* Container Width */
    --g-container-width: 90vw;
    --g-container-max-width: 1200px;
  }
  /**
   * Row wrap and nowrap
   */
  .gr--wrap\@large {
    flex-wrap: wrap;
  }
  .gr--nowrap\@large {
    flex-wrap: nowrap;
  }
  /**
   * Row alignements
   */
  .gr--start\@large {
    align-content: start;
    align-items: flex-start;
  }
  .gr--middle\@large {
    align-content: center;
    align-items: center;
  }
  .gr--end\@large {
    align-content: end;
    align-items: flex-end;
  }
  /**
   * Grid cells alignements
   */
  .col--start\@large {
    align-self: start;
  }
  .gr--flex .col--start\@large {
    align-self: flex-start;
  }
  .col--middle\@large {
    align-self: center;
  }
  .col--end\@large {
    align-self: end;
  }
  .gr--flex .col--end\@large {
    align-self: flex-end;
  }
  /**
   * Grid cells
   */
  .col--1\@large {
    grid-column-end: span 1;
  }
  .gr--flex .col--1\@large {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 1 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 1 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--1\@large, .gr--flex.gr--no-gutter-side .col--1\@large {
    width: calc(100% / var(--g-columns) * 1);
    flex-basis: calc(100% / var(--g-columns) * 1);
  }
  .col--start-1\@large {
    grid-column-start: 1;
  }
  .col--height-1\@large {
    height: calc(calc(var(--g-column-unit) * 1) + calc(var(--g-gutter-unit) * 0));
  }
  .col--2\@large {
    grid-column-end: span 2;
  }
  .gr--flex .col--2\@large {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 2 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 2 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--2\@large, .gr--flex.gr--no-gutter-side .col--2\@large {
    width: calc(100% / var(--g-columns) * 2);
    flex-basis: calc(100% / var(--g-columns) * 2);
  }
  .col--start-2\@large {
    grid-column-start: 2;
  }
  .col--height-2\@large {
    height: calc(calc(var(--g-column-unit) * 2) + calc(var(--g-gutter-unit) * 1));
  }
  .col--3\@large {
    grid-column-end: span 3;
  }
  .gr--flex .col--3\@large {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 3 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 3 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--3\@large, .gr--flex.gr--no-gutter-side .col--3\@large {
    width: calc(100% / var(--g-columns) * 3);
    flex-basis: calc(100% / var(--g-columns) * 3);
  }
  .col--start-3\@large {
    grid-column-start: 3;
  }
  .col--height-3\@large {
    height: calc(calc(var(--g-column-unit) * 3) + calc(var(--g-gutter-unit) * 2));
  }
  .col--4\@large {
    grid-column-end: span 4;
  }
  .gr--flex .col--4\@large {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 4 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 4 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--4\@large, .gr--flex.gr--no-gutter-side .col--4\@large {
    width: calc(100% / var(--g-columns) * 4);
    flex-basis: calc(100% / var(--g-columns) * 4);
  }
  .col--start-4\@large {
    grid-column-start: 4;
  }
  .col--height-4\@large {
    height: calc(calc(var(--g-column-unit) * 4) + calc(var(--g-gutter-unit) * 3));
  }
  .col--5\@large {
    grid-column-end: span 5;
  }
  .gr--flex .col--5\@large {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 5 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 5 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--5\@large, .gr--flex.gr--no-gutter-side .col--5\@large {
    width: calc(100% / var(--g-columns) * 5);
    flex-basis: calc(100% / var(--g-columns) * 5);
  }
  .col--start-5\@large {
    grid-column-start: 5;
  }
  .col--height-5\@large {
    height: calc(calc(var(--g-column-unit) * 5) + calc(var(--g-gutter-unit) * 4));
  }
  .col--6\@large {
    grid-column-end: span 6;
  }
  .gr--flex .col--6\@large {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 6 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 6 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--6\@large, .gr--flex.gr--no-gutter-side .col--6\@large {
    width: calc(100% / var(--g-columns) * 6);
    flex-basis: calc(100% / var(--g-columns) * 6);
  }
  .col--start-6\@large {
    grid-column-start: 6;
  }
  .col--height-6\@large {
    height: calc(calc(var(--g-column-unit) * 6) + calc(var(--g-gutter-unit) * 5));
  }
  .col--7\@large {
    grid-column-end: span 7;
  }
  .gr--flex .col--7\@large {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 7 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 7 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--7\@large, .gr--flex.gr--no-gutter-side .col--7\@large {
    width: calc(100% / var(--g-columns) * 7);
    flex-basis: calc(100% / var(--g-columns) * 7);
  }
  .col--start-7\@large {
    grid-column-start: 7;
  }
  .col--height-7\@large {
    height: calc(calc(var(--g-column-unit) * 7) + calc(var(--g-gutter-unit) * 6));
  }
  .col--8\@large {
    grid-column-end: span 8;
  }
  .gr--flex .col--8\@large {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 8 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 8 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--8\@large, .gr--flex.gr--no-gutter-side .col--8\@large {
    width: calc(100% / var(--g-columns) * 8);
    flex-basis: calc(100% / var(--g-columns) * 8);
  }
  .col--start-8\@large {
    grid-column-start: 8;
  }
  .col--height-8\@large {
    height: calc(calc(var(--g-column-unit) * 8) + calc(var(--g-gutter-unit) * 7));
  }
  .col--9\@large {
    grid-column-end: span 9;
  }
  .gr--flex .col--9\@large {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 9 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 9 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--9\@large, .gr--flex.gr--no-gutter-side .col--9\@large {
    width: calc(100% / var(--g-columns) * 9);
    flex-basis: calc(100% / var(--g-columns) * 9);
  }
  .col--start-9\@large {
    grid-column-start: 9;
  }
  .col--height-9\@large {
    height: calc(calc(var(--g-column-unit) * 9) + calc(var(--g-gutter-unit) * 8));
  }
  .col--10\@large {
    grid-column-end: span 10;
  }
  .gr--flex .col--10\@large {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 10 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 10 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--10\@large, .gr--flex.gr--no-gutter-side .col--10\@large {
    width: calc(100% / var(--g-columns) * 10);
    flex-basis: calc(100% / var(--g-columns) * 10);
  }
  .col--start-10\@large {
    grid-column-start: 10;
  }
  .col--height-10\@large {
    height: calc(calc(var(--g-column-unit) * 10) + calc(var(--g-gutter-unit) * 9));
  }
  .col--11\@large {
    grid-column-end: span 11;
  }
  .gr--flex .col--11\@large {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 11 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 11 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--11\@large, .gr--flex.gr--no-gutter-side .col--11\@large {
    width: calc(100% / var(--g-columns) * 11);
    flex-basis: calc(100% / var(--g-columns) * 11);
  }
  .col--start-11\@large {
    grid-column-start: 11;
  }
  .col--height-11\@large {
    height: calc(calc(var(--g-column-unit) * 11) + calc(var(--g-gutter-unit) * 10));
  }
  .col--12\@large {
    grid-column-end: span 12;
  }
  .gr--flex .col--12\@large {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 12 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 12 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--12\@large, .gr--flex.gr--no-gutter-side .col--12\@large {
    width: calc(100% / var(--g-columns) * 12);
    flex-basis: calc(100% / var(--g-columns) * 12);
  }
  .col--start-12\@large {
    grid-column-start: 12;
  }
  .col--height-12\@large {
    height: calc(calc(var(--g-column-unit) * 12) + calc(var(--g-gutter-unit) * 11));
  }
  .gr--rows-1\@large {
    grid-template-rows: repeat(1, 1fr);
  }
  .row--1\@large {
    grid-row-end: span 1;
  }
  .row--start-1\@large {
    grid-row-start: 1;
  }
  .gr--rows-2\@large {
    grid-template-rows: repeat(2, 1fr);
  }
  .row--2\@large {
    grid-row-end: span 2;
  }
  .row--start-2\@large {
    grid-row-start: 2;
  }
  .gr--rows-3\@large {
    grid-template-rows: repeat(3, 1fr);
  }
  .row--3\@large {
    grid-row-end: span 3;
  }
  .row--start-3\@large {
    grid-row-start: 3;
  }
  .gr--rows-4\@large {
    grid-template-rows: repeat(4, 1fr);
  }
  .row--4\@large {
    grid-row-end: span 4;
  }
  .row--start-4\@large {
    grid-row-start: 4;
  }
  .gr--rows-5\@large {
    grid-template-rows: repeat(5, 1fr);
  }
  .row--5\@large {
    grid-row-end: span 5;
  }
  .row--start-5\@large {
    grid-row-start: 5;
  }
  .gr--rows-6\@large {
    grid-template-rows: repeat(6, 1fr);
  }
  .row--6\@large {
    grid-row-end: span 6;
  }
  .row--start-6\@large {
    grid-row-start: 6;
  }
  .gr--rows-7\@large {
    grid-template-rows: repeat(7, 1fr);
  }
  .row--7\@large {
    grid-row-end: span 7;
  }
  .row--start-7\@large {
    grid-row-start: 7;
  }
  .gr--rows-8\@large {
    grid-template-rows: repeat(8, 1fr);
  }
  .row--8\@large {
    grid-row-end: span 8;
  }
  .row--start-8\@large {
    grid-row-start: 8;
  }
  .gr--rows-9\@large {
    grid-template-rows: repeat(9, 1fr);
  }
  .row--9\@large {
    grid-row-end: span 9;
  }
  .row--start-9\@large {
    grid-row-start: 9;
  }
  .gr--rows-10\@large {
    grid-template-rows: repeat(10, 1fr);
  }
  .row--10\@large {
    grid-row-end: span 10;
  }
  .row--start-10\@large {
    grid-row-start: 10;
  }
  .gr--rows-11\@large {
    grid-template-rows: repeat(11, 1fr);
  }
  .row--11\@large {
    grid-row-end: span 11;
  }
  .row--start-11\@large {
    grid-row-start: 11;
  }
  .gr--rows-12\@large {
    grid-template-rows: repeat(12, 1fr);
  }
  .row--12\@large {
    grid-row-end: span 12;
  }
  .row--start-12\@large {
    grid-row-start: 12;
  }
  /**
   * Flex grid cells
   */
  .gr--flex .col--adapt\@large {
    width: auto !important;
    flex-basis: auto !important;
    flex: 0 0 auto;
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex .col--grow\@large {
    width: auto !important;
    flex-basis: auto !important;
    flex: 1 1 auto;
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  /**
   * Utilities
   */
  .hide\@large {
    display: none;
  }
  .show\@large {
    display: block;
  }
  .show-inline\@large {
    display: inline-block;
  }
}
@media only screen and (max-width: 1200px) {
  /**
   * Apply the settings through variables
   */
  :root {
    /* Grid proportions */
    --g-width: 960;
    --g-column-width: 60;
    --g-columns: 12;
    --g-rows: 12;
    /* Grid logic */
    --g-gutters: calc(var(--g-columns) - 1);
    /* Grid proportion logic */
    --g-column-proportion: calc(var(--g-column-width) / var(--g-width));
    --g-gutter-proportion: calc((1 - (var(--g-columns) * var(--g-column-proportion))) / var(--g-gutters));
    /* Container Units */
    --g-column-unit: calc(var(--g-column-proportion) * var(--g-container-width));
    --g-gutter-unit: 34px;
    --g-column-and-gutter-unit: calc(var(--g-column-unit) + var(--g-gutter-unit));
    /* Container Width */
    --g-container-width: 90vw;
    --g-container-max-width: 1200px;
  }
  /**
   * Row wrap and nowrap
   */
  .gr--wrap\@medium-large {
    flex-wrap: wrap;
  }
  .gr--nowrap\@medium-large {
    flex-wrap: nowrap;
  }
  /**
   * Row alignements
   */
  .gr--start\@medium-large {
    align-content: start;
    align-items: flex-start;
  }
  .gr--middle\@medium-large {
    align-content: center;
    align-items: center;
  }
  .gr--end\@medium-large {
    align-content: end;
    align-items: flex-end;
  }
  /**
   * Grid cells alignements
   */
  .col--start\@medium-large {
    align-self: start;
  }
  .gr--flex .col--start\@medium-large {
    align-self: flex-start;
  }
  .col--middle\@medium-large {
    align-self: center;
  }
  .col--end\@medium-large {
    align-self: end;
  }
  .gr--flex .col--end\@medium-large {
    align-self: flex-end;
  }
  /**
   * Grid cells
   */
  .col--1\@medium-large {
    grid-column-end: span 1;
  }
  .gr--flex .col--1\@medium-large {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 1 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 1 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--1\@medium-large, .gr--flex.gr--no-gutter-side .col--1\@medium-large {
    width: calc(100% / var(--g-columns) * 1);
    flex-basis: calc(100% / var(--g-columns) * 1);
  }
  .col--start-1\@medium-large {
    grid-column-start: 1;
  }
  .col--height-1\@medium-large {
    height: calc(calc(var(--g-column-unit) * 1) + calc(var(--g-gutter-unit) * 0));
  }
  .col--2\@medium-large {
    grid-column-end: span 2;
  }
  .gr--flex .col--2\@medium-large {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 2 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 2 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--2\@medium-large, .gr--flex.gr--no-gutter-side .col--2\@medium-large {
    width: calc(100% / var(--g-columns) * 2);
    flex-basis: calc(100% / var(--g-columns) * 2);
  }
  .col--start-2\@medium-large {
    grid-column-start: 2;
  }
  .col--height-2\@medium-large {
    height: calc(calc(var(--g-column-unit) * 2) + calc(var(--g-gutter-unit) * 1));
  }
  .col--3\@medium-large {
    grid-column-end: span 3;
  }
  .gr--flex .col--3\@medium-large {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 3 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 3 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--3\@medium-large, .gr--flex.gr--no-gutter-side .col--3\@medium-large {
    width: calc(100% / var(--g-columns) * 3);
    flex-basis: calc(100% / var(--g-columns) * 3);
  }
  .col--start-3\@medium-large {
    grid-column-start: 3;
  }
  .col--height-3\@medium-large {
    height: calc(calc(var(--g-column-unit) * 3) + calc(var(--g-gutter-unit) * 2));
  }
  .col--4\@medium-large {
    grid-column-end: span 4;
  }
  .gr--flex .col--4\@medium-large {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 4 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 4 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--4\@medium-large, .gr--flex.gr--no-gutter-side .col--4\@medium-large {
    width: calc(100% / var(--g-columns) * 4);
    flex-basis: calc(100% / var(--g-columns) * 4);
  }
  .col--start-4\@medium-large {
    grid-column-start: 4;
  }
  .col--height-4\@medium-large {
    height: calc(calc(var(--g-column-unit) * 4) + calc(var(--g-gutter-unit) * 3));
  }
  .col--5\@medium-large {
    grid-column-end: span 5;
  }
  .gr--flex .col--5\@medium-large {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 5 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 5 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--5\@medium-large, .gr--flex.gr--no-gutter-side .col--5\@medium-large {
    width: calc(100% / var(--g-columns) * 5);
    flex-basis: calc(100% / var(--g-columns) * 5);
  }
  .col--start-5\@medium-large {
    grid-column-start: 5;
  }
  .col--height-5\@medium-large {
    height: calc(calc(var(--g-column-unit) * 5) + calc(var(--g-gutter-unit) * 4));
  }
  .col--6\@medium-large {
    grid-column-end: span 6;
  }
  .gr--flex .col--6\@medium-large {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 6 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 6 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--6\@medium-large, .gr--flex.gr--no-gutter-side .col--6\@medium-large {
    width: calc(100% / var(--g-columns) * 6);
    flex-basis: calc(100% / var(--g-columns) * 6);
  }
  .col--start-6\@medium-large {
    grid-column-start: 6;
  }
  .col--height-6\@medium-large {
    height: calc(calc(var(--g-column-unit) * 6) + calc(var(--g-gutter-unit) * 5));
  }
  .col--7\@medium-large {
    grid-column-end: span 7;
  }
  .gr--flex .col--7\@medium-large {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 7 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 7 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--7\@medium-large, .gr--flex.gr--no-gutter-side .col--7\@medium-large {
    width: calc(100% / var(--g-columns) * 7);
    flex-basis: calc(100% / var(--g-columns) * 7);
  }
  .col--start-7\@medium-large {
    grid-column-start: 7;
  }
  .col--height-7\@medium-large {
    height: calc(calc(var(--g-column-unit) * 7) + calc(var(--g-gutter-unit) * 6));
  }
  .col--8\@medium-large {
    grid-column-end: span 8;
  }
  .gr--flex .col--8\@medium-large {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 8 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 8 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--8\@medium-large, .gr--flex.gr--no-gutter-side .col--8\@medium-large {
    width: calc(100% / var(--g-columns) * 8);
    flex-basis: calc(100% / var(--g-columns) * 8);
  }
  .col--start-8\@medium-large {
    grid-column-start: 8;
  }
  .col--height-8\@medium-large {
    height: calc(calc(var(--g-column-unit) * 8) + calc(var(--g-gutter-unit) * 7));
  }
  .col--9\@medium-large {
    grid-column-end: span 9;
  }
  .gr--flex .col--9\@medium-large {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 9 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 9 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--9\@medium-large, .gr--flex.gr--no-gutter-side .col--9\@medium-large {
    width: calc(100% / var(--g-columns) * 9);
    flex-basis: calc(100% / var(--g-columns) * 9);
  }
  .col--start-9\@medium-large {
    grid-column-start: 9;
  }
  .col--height-9\@medium-large {
    height: calc(calc(var(--g-column-unit) * 9) + calc(var(--g-gutter-unit) * 8));
  }
  .col--10\@medium-large {
    grid-column-end: span 10;
  }
  .gr--flex .col--10\@medium-large {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 10 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 10 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--10\@medium-large, .gr--flex.gr--no-gutter-side .col--10\@medium-large {
    width: calc(100% / var(--g-columns) * 10);
    flex-basis: calc(100% / var(--g-columns) * 10);
  }
  .col--start-10\@medium-large {
    grid-column-start: 10;
  }
  .col--height-10\@medium-large {
    height: calc(calc(var(--g-column-unit) * 10) + calc(var(--g-gutter-unit) * 9));
  }
  .col--11\@medium-large {
    grid-column-end: span 11;
  }
  .gr--flex .col--11\@medium-large {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 11 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 11 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--11\@medium-large, .gr--flex.gr--no-gutter-side .col--11\@medium-large {
    width: calc(100% / var(--g-columns) * 11);
    flex-basis: calc(100% / var(--g-columns) * 11);
  }
  .col--start-11\@medium-large {
    grid-column-start: 11;
  }
  .col--height-11\@medium-large {
    height: calc(calc(var(--g-column-unit) * 11) + calc(var(--g-gutter-unit) * 10));
  }
  .col--12\@medium-large {
    grid-column-end: span 12;
  }
  .gr--flex .col--12\@medium-large {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 12 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 12 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--12\@medium-large, .gr--flex.gr--no-gutter-side .col--12\@medium-large {
    width: calc(100% / var(--g-columns) * 12);
    flex-basis: calc(100% / var(--g-columns) * 12);
  }
  .col--start-12\@medium-large {
    grid-column-start: 12;
  }
  .col--height-12\@medium-large {
    height: calc(calc(var(--g-column-unit) * 12) + calc(var(--g-gutter-unit) * 11));
  }
  .gr--rows-1\@medium-large {
    grid-template-rows: repeat(1, 1fr);
  }
  .row--1\@medium-large {
    grid-row-end: span 1;
  }
  .row--start-1\@medium-large {
    grid-row-start: 1;
  }
  .gr--rows-2\@medium-large {
    grid-template-rows: repeat(2, 1fr);
  }
  .row--2\@medium-large {
    grid-row-end: span 2;
  }
  .row--start-2\@medium-large {
    grid-row-start: 2;
  }
  .gr--rows-3\@medium-large {
    grid-template-rows: repeat(3, 1fr);
  }
  .row--3\@medium-large {
    grid-row-end: span 3;
  }
  .row--start-3\@medium-large {
    grid-row-start: 3;
  }
  .gr--rows-4\@medium-large {
    grid-template-rows: repeat(4, 1fr);
  }
  .row--4\@medium-large {
    grid-row-end: span 4;
  }
  .row--start-4\@medium-large {
    grid-row-start: 4;
  }
  .gr--rows-5\@medium-large {
    grid-template-rows: repeat(5, 1fr);
  }
  .row--5\@medium-large {
    grid-row-end: span 5;
  }
  .row--start-5\@medium-large {
    grid-row-start: 5;
  }
  .gr--rows-6\@medium-large {
    grid-template-rows: repeat(6, 1fr);
  }
  .row--6\@medium-large {
    grid-row-end: span 6;
  }
  .row--start-6\@medium-large {
    grid-row-start: 6;
  }
  .gr--rows-7\@medium-large {
    grid-template-rows: repeat(7, 1fr);
  }
  .row--7\@medium-large {
    grid-row-end: span 7;
  }
  .row--start-7\@medium-large {
    grid-row-start: 7;
  }
  .gr--rows-8\@medium-large {
    grid-template-rows: repeat(8, 1fr);
  }
  .row--8\@medium-large {
    grid-row-end: span 8;
  }
  .row--start-8\@medium-large {
    grid-row-start: 8;
  }
  .gr--rows-9\@medium-large {
    grid-template-rows: repeat(9, 1fr);
  }
  .row--9\@medium-large {
    grid-row-end: span 9;
  }
  .row--start-9\@medium-large {
    grid-row-start: 9;
  }
  .gr--rows-10\@medium-large {
    grid-template-rows: repeat(10, 1fr);
  }
  .row--10\@medium-large {
    grid-row-end: span 10;
  }
  .row--start-10\@medium-large {
    grid-row-start: 10;
  }
  .gr--rows-11\@medium-large {
    grid-template-rows: repeat(11, 1fr);
  }
  .row--11\@medium-large {
    grid-row-end: span 11;
  }
  .row--start-11\@medium-large {
    grid-row-start: 11;
  }
  .gr--rows-12\@medium-large {
    grid-template-rows: repeat(12, 1fr);
  }
  .row--12\@medium-large {
    grid-row-end: span 12;
  }
  .row--start-12\@medium-large {
    grid-row-start: 12;
  }
  /**
   * Flex grid cells
   */
  .gr--flex .col--adapt\@medium-large {
    width: auto !important;
    flex-basis: auto !important;
    flex: 0 0 auto;
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex .col--grow\@medium-large {
    width: auto !important;
    flex-basis: auto !important;
    flex: 1 1 auto;
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  /**
   * Utilities
   */
  .hide\@medium-large {
    display: none;
  }
  .show\@medium-large {
    display: block;
  }
  .show-inline\@medium-large {
    display: inline-block;
  }
}
@media only screen and (max-width: 1024px) {
  /**
   * Apply the settings through variables
   */
  :root {
    /* Grid proportions */
    --g-width: 960;
    --g-column-width: 60;
    --g-columns: 12;
    --g-rows: 12;
    /* Grid logic */
    --g-gutters: calc(var(--g-columns) - 1);
    /* Grid proportion logic */
    --g-column-proportion: calc(var(--g-column-width) / var(--g-width));
    --g-gutter-proportion: calc((1 - (var(--g-columns) * var(--g-column-proportion))) / var(--g-gutters));
    /* Container Units */
    --g-column-unit: calc(var(--g-column-proportion) * var(--g-container-width));
    --g-gutter-unit: 34px;
    --g-column-and-gutter-unit: calc(var(--g-column-unit) + var(--g-gutter-unit));
    /* Container Width */
    --g-container-width: 90vw;
    --g-container-max-width: 1200px;
  }
  /**
   * Row wrap and nowrap
   */
  .gr--wrap\@medium {
    flex-wrap: wrap;
  }
  .gr--nowrap\@medium {
    flex-wrap: nowrap;
  }
  /**
   * Row alignements
   */
  .gr--start\@medium {
    align-content: start;
    align-items: flex-start;
  }
  .gr--middle\@medium {
    align-content: center;
    align-items: center;
  }
  .gr--end\@medium {
    align-content: end;
    align-items: flex-end;
  }
  /**
   * Grid cells alignements
   */
  .col--start\@medium {
    align-self: start;
  }
  .gr--flex .col--start\@medium {
    align-self: flex-start;
  }
  .col--middle\@medium {
    align-self: center;
  }
  .col--end\@medium {
    align-self: end;
  }
  .gr--flex .col--end\@medium {
    align-self: flex-end;
  }
  /**
   * Grid cells
   */
  .col--1\@medium {
    grid-column-end: span 1;
  }
  .gr--flex .col--1\@medium {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 1 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 1 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--1\@medium, .gr--flex.gr--no-gutter-side .col--1\@medium {
    width: calc(100% / var(--g-columns) * 1);
    flex-basis: calc(100% / var(--g-columns) * 1);
  }
  .col--start-1\@medium {
    grid-column-start: 1;
  }
  .col--height-1\@medium {
    height: calc(calc(var(--g-column-unit) * 1) + calc(var(--g-gutter-unit) * 0));
  }
  .col--2\@medium {
    grid-column-end: span 2;
  }
  .gr--flex .col--2\@medium {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 2 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 2 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--2\@medium, .gr--flex.gr--no-gutter-side .col--2\@medium {
    width: calc(100% / var(--g-columns) * 2);
    flex-basis: calc(100% / var(--g-columns) * 2);
  }
  .col--start-2\@medium {
    grid-column-start: 2;
  }
  .col--height-2\@medium {
    height: calc(calc(var(--g-column-unit) * 2) + calc(var(--g-gutter-unit) * 1));
  }
  .col--3\@medium {
    grid-column-end: span 3;
  }
  .gr--flex .col--3\@medium {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 3 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 3 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--3\@medium, .gr--flex.gr--no-gutter-side .col--3\@medium {
    width: calc(100% / var(--g-columns) * 3);
    flex-basis: calc(100% / var(--g-columns) * 3);
  }
  .col--start-3\@medium {
    grid-column-start: 3;
  }
  .col--height-3\@medium {
    height: calc(calc(var(--g-column-unit) * 3) + calc(var(--g-gutter-unit) * 2));
  }
  .col--4\@medium {
    grid-column-end: span 4;
  }
  .gr--flex .col--4\@medium {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 4 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 4 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--4\@medium, .gr--flex.gr--no-gutter-side .col--4\@medium {
    width: calc(100% / var(--g-columns) * 4);
    flex-basis: calc(100% / var(--g-columns) * 4);
  }
  .col--start-4\@medium {
    grid-column-start: 4;
  }
  .col--height-4\@medium {
    height: calc(calc(var(--g-column-unit) * 4) + calc(var(--g-gutter-unit) * 3));
  }
  .col--5\@medium {
    grid-column-end: span 5;
  }
  .gr--flex .col--5\@medium {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 5 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 5 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--5\@medium, .gr--flex.gr--no-gutter-side .col--5\@medium {
    width: calc(100% / var(--g-columns) * 5);
    flex-basis: calc(100% / var(--g-columns) * 5);
  }
  .col--start-5\@medium {
    grid-column-start: 5;
  }
  .col--height-5\@medium {
    height: calc(calc(var(--g-column-unit) * 5) + calc(var(--g-gutter-unit) * 4));
  }
  .col--6\@medium {
    grid-column-end: span 6;
  }
  .gr--flex .col--6\@medium {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 6 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 6 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--6\@medium, .gr--flex.gr--no-gutter-side .col--6\@medium {
    width: calc(100% / var(--g-columns) * 6);
    flex-basis: calc(100% / var(--g-columns) * 6);
  }
  .col--start-6\@medium {
    grid-column-start: 6;
  }
  .col--height-6\@medium {
    height: calc(calc(var(--g-column-unit) * 6) + calc(var(--g-gutter-unit) * 5));
  }
  .col--7\@medium {
    grid-column-end: span 7;
  }
  .gr--flex .col--7\@medium {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 7 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 7 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--7\@medium, .gr--flex.gr--no-gutter-side .col--7\@medium {
    width: calc(100% / var(--g-columns) * 7);
    flex-basis: calc(100% / var(--g-columns) * 7);
  }
  .col--start-7\@medium {
    grid-column-start: 7;
  }
  .col--height-7\@medium {
    height: calc(calc(var(--g-column-unit) * 7) + calc(var(--g-gutter-unit) * 6));
  }
  .col--8\@medium {
    grid-column-end: span 8;
  }
  .gr--flex .col--8\@medium {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 8 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 8 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--8\@medium, .gr--flex.gr--no-gutter-side .col--8\@medium {
    width: calc(100% / var(--g-columns) * 8);
    flex-basis: calc(100% / var(--g-columns) * 8);
  }
  .col--start-8\@medium {
    grid-column-start: 8;
  }
  .col--height-8\@medium {
    height: calc(calc(var(--g-column-unit) * 8) + calc(var(--g-gutter-unit) * 7));
  }
  .col--9\@medium {
    grid-column-end: span 9;
  }
  .gr--flex .col--9\@medium {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 9 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 9 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--9\@medium, .gr--flex.gr--no-gutter-side .col--9\@medium {
    width: calc(100% / var(--g-columns) * 9);
    flex-basis: calc(100% / var(--g-columns) * 9);
  }
  .col--start-9\@medium {
    grid-column-start: 9;
  }
  .col--height-9\@medium {
    height: calc(calc(var(--g-column-unit) * 9) + calc(var(--g-gutter-unit) * 8));
  }
  .col--10\@medium {
    grid-column-end: span 10;
  }
  .gr--flex .col--10\@medium {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 10 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 10 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--10\@medium, .gr--flex.gr--no-gutter-side .col--10\@medium {
    width: calc(100% / var(--g-columns) * 10);
    flex-basis: calc(100% / var(--g-columns) * 10);
  }
  .col--start-10\@medium {
    grid-column-start: 10;
  }
  .col--height-10\@medium {
    height: calc(calc(var(--g-column-unit) * 10) + calc(var(--g-gutter-unit) * 9));
  }
  .col--11\@medium {
    grid-column-end: span 11;
  }
  .gr--flex .col--11\@medium {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 11 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 11 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--11\@medium, .gr--flex.gr--no-gutter-side .col--11\@medium {
    width: calc(100% / var(--g-columns) * 11);
    flex-basis: calc(100% / var(--g-columns) * 11);
  }
  .col--start-11\@medium {
    grid-column-start: 11;
  }
  .col--height-11\@medium {
    height: calc(calc(var(--g-column-unit) * 11) + calc(var(--g-gutter-unit) * 10));
  }
  .col--12\@medium {
    grid-column-end: span 12;
  }
  .gr--flex .col--12\@medium {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 12 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 12 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--12\@medium, .gr--flex.gr--no-gutter-side .col--12\@medium {
    width: calc(100% / var(--g-columns) * 12);
    flex-basis: calc(100% / var(--g-columns) * 12);
  }
  .col--start-12\@medium {
    grid-column-start: 12;
  }
  .col--height-12\@medium {
    height: calc(calc(var(--g-column-unit) * 12) + calc(var(--g-gutter-unit) * 11));
  }
  .gr--rows-1\@medium {
    grid-template-rows: repeat(1, 1fr);
  }
  .row--1\@medium {
    grid-row-end: span 1;
  }
  .row--start-1\@medium {
    grid-row-start: 1;
  }
  .gr--rows-2\@medium {
    grid-template-rows: repeat(2, 1fr);
  }
  .row--2\@medium {
    grid-row-end: span 2;
  }
  .row--start-2\@medium {
    grid-row-start: 2;
  }
  .gr--rows-3\@medium {
    grid-template-rows: repeat(3, 1fr);
  }
  .row--3\@medium {
    grid-row-end: span 3;
  }
  .row--start-3\@medium {
    grid-row-start: 3;
  }
  .gr--rows-4\@medium {
    grid-template-rows: repeat(4, 1fr);
  }
  .row--4\@medium {
    grid-row-end: span 4;
  }
  .row--start-4\@medium {
    grid-row-start: 4;
  }
  .gr--rows-5\@medium {
    grid-template-rows: repeat(5, 1fr);
  }
  .row--5\@medium {
    grid-row-end: span 5;
  }
  .row--start-5\@medium {
    grid-row-start: 5;
  }
  .gr--rows-6\@medium {
    grid-template-rows: repeat(6, 1fr);
  }
  .row--6\@medium {
    grid-row-end: span 6;
  }
  .row--start-6\@medium {
    grid-row-start: 6;
  }
  .gr--rows-7\@medium {
    grid-template-rows: repeat(7, 1fr);
  }
  .row--7\@medium {
    grid-row-end: span 7;
  }
  .row--start-7\@medium {
    grid-row-start: 7;
  }
  .gr--rows-8\@medium {
    grid-template-rows: repeat(8, 1fr);
  }
  .row--8\@medium {
    grid-row-end: span 8;
  }
  .row--start-8\@medium {
    grid-row-start: 8;
  }
  .gr--rows-9\@medium {
    grid-template-rows: repeat(9, 1fr);
  }
  .row--9\@medium {
    grid-row-end: span 9;
  }
  .row--start-9\@medium {
    grid-row-start: 9;
  }
  .gr--rows-10\@medium {
    grid-template-rows: repeat(10, 1fr);
  }
  .row--10\@medium {
    grid-row-end: span 10;
  }
  .row--start-10\@medium {
    grid-row-start: 10;
  }
  .gr--rows-11\@medium {
    grid-template-rows: repeat(11, 1fr);
  }
  .row--11\@medium {
    grid-row-end: span 11;
  }
  .row--start-11\@medium {
    grid-row-start: 11;
  }
  .gr--rows-12\@medium {
    grid-template-rows: repeat(12, 1fr);
  }
  .row--12\@medium {
    grid-row-end: span 12;
  }
  .row--start-12\@medium {
    grid-row-start: 12;
  }
  /**
   * Flex grid cells
   */
  .gr--flex .col--adapt\@medium {
    width: auto !important;
    flex-basis: auto !important;
    flex: 0 0 auto;
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex .col--grow\@medium {
    width: auto !important;
    flex-basis: auto !important;
    flex: 1 1 auto;
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  /**
   * Utilities
   */
  .hide\@medium {
    display: none;
  }
  .show\@medium {
    display: block;
  }
  .show-inline\@medium {
    display: inline-block;
  }
}
@media only screen and (max-width: 800px) {
  /**
   * Apply the settings through variables
   */
  :root {
    /* Grid proportions */
    --g-width: 960;
    --g-column-width: 60;
    --g-columns: 12;
    --g-rows: 12;
    /* Grid logic */
    --g-gutters: calc(var(--g-columns) - 1);
    /* Grid proportion logic */
    --g-column-proportion: calc(var(--g-column-width) / var(--g-width));
    --g-gutter-proportion: calc((1 - (var(--g-columns) * var(--g-column-proportion))) / var(--g-gutters));
    /* Container Units */
    --g-column-unit: calc(var(--g-column-proportion) * var(--g-container-width));
    --g-gutter-unit: 34px;
    --g-column-and-gutter-unit: calc(var(--g-column-unit) + var(--g-gutter-unit));
    /* Container Width */
    --g-container-width: 90vw;
    --g-container-max-width: 1200px;
  }
  /**
   * Row wrap and nowrap
   */
  .gr--wrap\@medium-small {
    flex-wrap: wrap;
  }
  .gr--nowrap\@medium-small {
    flex-wrap: nowrap;
  }
  /**
   * Row alignements
   */
  .gr--start\@medium-small {
    align-content: start;
    align-items: flex-start;
  }
  .gr--middle\@medium-small {
    align-content: center;
    align-items: center;
  }
  .gr--end\@medium-small {
    align-content: end;
    align-items: flex-end;
  }
  /**
   * Grid cells alignements
   */
  .col--start\@medium-small {
    align-self: start;
  }
  .gr--flex .col--start\@medium-small {
    align-self: flex-start;
  }
  .col--middle\@medium-small {
    align-self: center;
  }
  .col--end\@medium-small {
    align-self: end;
  }
  .gr--flex .col--end\@medium-small {
    align-self: flex-end;
  }
  /**
   * Grid cells
   */
  .col--1\@medium-small {
    grid-column-end: span 1;
  }
  .gr--flex .col--1\@medium-small {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 1 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 1 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--1\@medium-small, .gr--flex.gr--no-gutter-side .col--1\@medium-small {
    width: calc(100% / var(--g-columns) * 1);
    flex-basis: calc(100% / var(--g-columns) * 1);
  }
  .col--start-1\@medium-small {
    grid-column-start: 1;
  }
  .col--height-1\@medium-small {
    height: calc(calc(var(--g-column-unit) * 1) + calc(var(--g-gutter-unit) * 0));
  }
  .col--2\@medium-small {
    grid-column-end: span 2;
  }
  .gr--flex .col--2\@medium-small {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 2 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 2 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--2\@medium-small, .gr--flex.gr--no-gutter-side .col--2\@medium-small {
    width: calc(100% / var(--g-columns) * 2);
    flex-basis: calc(100% / var(--g-columns) * 2);
  }
  .col--start-2\@medium-small {
    grid-column-start: 2;
  }
  .col--height-2\@medium-small {
    height: calc(calc(var(--g-column-unit) * 2) + calc(var(--g-gutter-unit) * 1));
  }
  .col--3\@medium-small {
    grid-column-end: span 3;
  }
  .gr--flex .col--3\@medium-small {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 3 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 3 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--3\@medium-small, .gr--flex.gr--no-gutter-side .col--3\@medium-small {
    width: calc(100% / var(--g-columns) * 3);
    flex-basis: calc(100% / var(--g-columns) * 3);
  }
  .col--start-3\@medium-small {
    grid-column-start: 3;
  }
  .col--height-3\@medium-small {
    height: calc(calc(var(--g-column-unit) * 3) + calc(var(--g-gutter-unit) * 2));
  }
  .col--4\@medium-small {
    grid-column-end: span 4;
  }
  .gr--flex .col--4\@medium-small {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 4 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 4 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--4\@medium-small, .gr--flex.gr--no-gutter-side .col--4\@medium-small {
    width: calc(100% / var(--g-columns) * 4);
    flex-basis: calc(100% / var(--g-columns) * 4);
  }
  .col--start-4\@medium-small {
    grid-column-start: 4;
  }
  .col--height-4\@medium-small {
    height: calc(calc(var(--g-column-unit) * 4) + calc(var(--g-gutter-unit) * 3));
  }
  .col--5\@medium-small {
    grid-column-end: span 5;
  }
  .gr--flex .col--5\@medium-small {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 5 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 5 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--5\@medium-small, .gr--flex.gr--no-gutter-side .col--5\@medium-small {
    width: calc(100% / var(--g-columns) * 5);
    flex-basis: calc(100% / var(--g-columns) * 5);
  }
  .col--start-5\@medium-small {
    grid-column-start: 5;
  }
  .col--height-5\@medium-small {
    height: calc(calc(var(--g-column-unit) * 5) + calc(var(--g-gutter-unit) * 4));
  }
  .col--6\@medium-small {
    grid-column-end: span 6;
  }
  .gr--flex .col--6\@medium-small {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 6 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 6 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--6\@medium-small, .gr--flex.gr--no-gutter-side .col--6\@medium-small {
    width: calc(100% / var(--g-columns) * 6);
    flex-basis: calc(100% / var(--g-columns) * 6);
  }
  .col--start-6\@medium-small {
    grid-column-start: 6;
  }
  .col--height-6\@medium-small {
    height: calc(calc(var(--g-column-unit) * 6) + calc(var(--g-gutter-unit) * 5));
  }
  .col--7\@medium-small {
    grid-column-end: span 7;
  }
  .gr--flex .col--7\@medium-small {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 7 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 7 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--7\@medium-small, .gr--flex.gr--no-gutter-side .col--7\@medium-small {
    width: calc(100% / var(--g-columns) * 7);
    flex-basis: calc(100% / var(--g-columns) * 7);
  }
  .col--start-7\@medium-small {
    grid-column-start: 7;
  }
  .col--height-7\@medium-small {
    height: calc(calc(var(--g-column-unit) * 7) + calc(var(--g-gutter-unit) * 6));
  }
  .col--8\@medium-small {
    grid-column-end: span 8;
  }
  .gr--flex .col--8\@medium-small {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 8 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 8 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--8\@medium-small, .gr--flex.gr--no-gutter-side .col--8\@medium-small {
    width: calc(100% / var(--g-columns) * 8);
    flex-basis: calc(100% / var(--g-columns) * 8);
  }
  .col--start-8\@medium-small {
    grid-column-start: 8;
  }
  .col--height-8\@medium-small {
    height: calc(calc(var(--g-column-unit) * 8) + calc(var(--g-gutter-unit) * 7));
  }
  .col--9\@medium-small {
    grid-column-end: span 9;
  }
  .gr--flex .col--9\@medium-small {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 9 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 9 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--9\@medium-small, .gr--flex.gr--no-gutter-side .col--9\@medium-small {
    width: calc(100% / var(--g-columns) * 9);
    flex-basis: calc(100% / var(--g-columns) * 9);
  }
  .col--start-9\@medium-small {
    grid-column-start: 9;
  }
  .col--height-9\@medium-small {
    height: calc(calc(var(--g-column-unit) * 9) + calc(var(--g-gutter-unit) * 8));
  }
  .col--10\@medium-small {
    grid-column-end: span 10;
  }
  .gr--flex .col--10\@medium-small {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 10 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 10 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--10\@medium-small, .gr--flex.gr--no-gutter-side .col--10\@medium-small {
    width: calc(100% / var(--g-columns) * 10);
    flex-basis: calc(100% / var(--g-columns) * 10);
  }
  .col--start-10\@medium-small {
    grid-column-start: 10;
  }
  .col--height-10\@medium-small {
    height: calc(calc(var(--g-column-unit) * 10) + calc(var(--g-gutter-unit) * 9));
  }
  .col--11\@medium-small {
    grid-column-end: span 11;
  }
  .gr--flex .col--11\@medium-small {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 11 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 11 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--11\@medium-small, .gr--flex.gr--no-gutter-side .col--11\@medium-small {
    width: calc(100% / var(--g-columns) * 11);
    flex-basis: calc(100% / var(--g-columns) * 11);
  }
  .col--start-11\@medium-small {
    grid-column-start: 11;
  }
  .col--height-11\@medium-small {
    height: calc(calc(var(--g-column-unit) * 11) + calc(var(--g-gutter-unit) * 10));
  }
  .col--12\@medium-small {
    grid-column-end: span 12;
  }
  .gr--flex .col--12\@medium-small {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 12 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 12 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--12\@medium-small, .gr--flex.gr--no-gutter-side .col--12\@medium-small {
    width: calc(100% / var(--g-columns) * 12);
    flex-basis: calc(100% / var(--g-columns) * 12);
  }
  .col--start-12\@medium-small {
    grid-column-start: 12;
  }
  .col--height-12\@medium-small {
    height: calc(calc(var(--g-column-unit) * 12) + calc(var(--g-gutter-unit) * 11));
  }
  .gr--rows-1\@medium-small {
    grid-template-rows: repeat(1, 1fr);
  }
  .row--1\@medium-small {
    grid-row-end: span 1;
  }
  .row--start-1\@medium-small {
    grid-row-start: 1;
  }
  .gr--rows-2\@medium-small {
    grid-template-rows: repeat(2, 1fr);
  }
  .row--2\@medium-small {
    grid-row-end: span 2;
  }
  .row--start-2\@medium-small {
    grid-row-start: 2;
  }
  .gr--rows-3\@medium-small {
    grid-template-rows: repeat(3, 1fr);
  }
  .row--3\@medium-small {
    grid-row-end: span 3;
  }
  .row--start-3\@medium-small {
    grid-row-start: 3;
  }
  .gr--rows-4\@medium-small {
    grid-template-rows: repeat(4, 1fr);
  }
  .row--4\@medium-small {
    grid-row-end: span 4;
  }
  .row--start-4\@medium-small {
    grid-row-start: 4;
  }
  .gr--rows-5\@medium-small {
    grid-template-rows: repeat(5, 1fr);
  }
  .row--5\@medium-small {
    grid-row-end: span 5;
  }
  .row--start-5\@medium-small {
    grid-row-start: 5;
  }
  .gr--rows-6\@medium-small {
    grid-template-rows: repeat(6, 1fr);
  }
  .row--6\@medium-small {
    grid-row-end: span 6;
  }
  .row--start-6\@medium-small {
    grid-row-start: 6;
  }
  .gr--rows-7\@medium-small {
    grid-template-rows: repeat(7, 1fr);
  }
  .row--7\@medium-small {
    grid-row-end: span 7;
  }
  .row--start-7\@medium-small {
    grid-row-start: 7;
  }
  .gr--rows-8\@medium-small {
    grid-template-rows: repeat(8, 1fr);
  }
  .row--8\@medium-small {
    grid-row-end: span 8;
  }
  .row--start-8\@medium-small {
    grid-row-start: 8;
  }
  .gr--rows-9\@medium-small {
    grid-template-rows: repeat(9, 1fr);
  }
  .row--9\@medium-small {
    grid-row-end: span 9;
  }
  .row--start-9\@medium-small {
    grid-row-start: 9;
  }
  .gr--rows-10\@medium-small {
    grid-template-rows: repeat(10, 1fr);
  }
  .row--10\@medium-small {
    grid-row-end: span 10;
  }
  .row--start-10\@medium-small {
    grid-row-start: 10;
  }
  .gr--rows-11\@medium-small {
    grid-template-rows: repeat(11, 1fr);
  }
  .row--11\@medium-small {
    grid-row-end: span 11;
  }
  .row--start-11\@medium-small {
    grid-row-start: 11;
  }
  .gr--rows-12\@medium-small {
    grid-template-rows: repeat(12, 1fr);
  }
  .row--12\@medium-small {
    grid-row-end: span 12;
  }
  .row--start-12\@medium-small {
    grid-row-start: 12;
  }
  /**
   * Flex grid cells
   */
  .gr--flex .col--adapt\@medium-small {
    width: auto !important;
    flex-basis: auto !important;
    flex: 0 0 auto;
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex .col--grow\@medium-small {
    width: auto !important;
    flex-basis: auto !important;
    flex: 1 1 auto;
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  /**
   * Utilities
   */
  .hide\@medium-small {
    display: none;
  }
  .show\@medium-small {
    display: block;
  }
  .show-inline\@medium-small {
    display: inline-block;
  }
}
@media only screen and (max-width: 700px) {
  /**
   * Apply the settings through variables
   */
  :root {
    /* Grid proportions */
    --g-width: 960;
    --g-column-width: 60;
    --g-columns: 12;
    --g-rows: 12;
    /* Grid logic */
    --g-gutters: calc(var(--g-columns) - 1);
    /* Grid proportion logic */
    --g-column-proportion: calc(var(--g-column-width) / var(--g-width));
    --g-gutter-proportion: calc((1 - (var(--g-columns) * var(--g-column-proportion))) / var(--g-gutters));
    /* Container Units */
    --g-column-unit: calc(var(--g-column-proportion) * var(--g-container-width));
    --g-gutter-unit: 34px;
    --g-column-and-gutter-unit: calc(var(--g-column-unit) + var(--g-gutter-unit));
    /* Container Width */
    --g-container-width: 90vw;
    --g-container-max-width: 1200px;
  }
  /**
   * Row wrap and nowrap
   */
  .gr--wrap\@small-medium {
    flex-wrap: wrap;
  }
  .gr--nowrap\@small-medium {
    flex-wrap: nowrap;
  }
  /**
   * Row alignements
   */
  .gr--start\@small-medium {
    align-content: start;
    align-items: flex-start;
  }
  .gr--middle\@small-medium {
    align-content: center;
    align-items: center;
  }
  .gr--end\@small-medium {
    align-content: end;
    align-items: flex-end;
  }
  /**
   * Grid cells alignements
   */
  .col--start\@small-medium {
    align-self: start;
  }
  .gr--flex .col--start\@small-medium {
    align-self: flex-start;
  }
  .col--middle\@small-medium {
    align-self: center;
  }
  .col--end\@small-medium {
    align-self: end;
  }
  .gr--flex .col--end\@small-medium {
    align-self: flex-end;
  }
  /**
   * Grid cells
   */
  .col--1\@small-medium {
    grid-column-end: span 1;
  }
  .gr--flex .col--1\@small-medium {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 1 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 1 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--1\@small-medium, .gr--flex.gr--no-gutter-side .col--1\@small-medium {
    width: calc(100% / var(--g-columns) * 1);
    flex-basis: calc(100% / var(--g-columns) * 1);
  }
  .col--start-1\@small-medium {
    grid-column-start: 1;
  }
  .col--height-1\@small-medium {
    height: calc(calc(var(--g-column-unit) * 1) + calc(var(--g-gutter-unit) * 0));
  }
  .col--2\@small-medium {
    grid-column-end: span 2;
  }
  .gr--flex .col--2\@small-medium {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 2 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 2 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--2\@small-medium, .gr--flex.gr--no-gutter-side .col--2\@small-medium {
    width: calc(100% / var(--g-columns) * 2);
    flex-basis: calc(100% / var(--g-columns) * 2);
  }
  .col--start-2\@small-medium {
    grid-column-start: 2;
  }
  .col--height-2\@small-medium {
    height: calc(calc(var(--g-column-unit) * 2) + calc(var(--g-gutter-unit) * 1));
  }
  .col--3\@small-medium {
    grid-column-end: span 3;
  }
  .gr--flex .col--3\@small-medium {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 3 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 3 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--3\@small-medium, .gr--flex.gr--no-gutter-side .col--3\@small-medium {
    width: calc(100% / var(--g-columns) * 3);
    flex-basis: calc(100% / var(--g-columns) * 3);
  }
  .col--start-3\@small-medium {
    grid-column-start: 3;
  }
  .col--height-3\@small-medium {
    height: calc(calc(var(--g-column-unit) * 3) + calc(var(--g-gutter-unit) * 2));
  }
  .col--4\@small-medium {
    grid-column-end: span 4;
  }
  .gr--flex .col--4\@small-medium {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 4 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 4 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--4\@small-medium, .gr--flex.gr--no-gutter-side .col--4\@small-medium {
    width: calc(100% / var(--g-columns) * 4);
    flex-basis: calc(100% / var(--g-columns) * 4);
  }
  .col--start-4\@small-medium {
    grid-column-start: 4;
  }
  .col--height-4\@small-medium {
    height: calc(calc(var(--g-column-unit) * 4) + calc(var(--g-gutter-unit) * 3));
  }
  .col--5\@small-medium {
    grid-column-end: span 5;
  }
  .gr--flex .col--5\@small-medium {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 5 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 5 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--5\@small-medium, .gr--flex.gr--no-gutter-side .col--5\@small-medium {
    width: calc(100% / var(--g-columns) * 5);
    flex-basis: calc(100% / var(--g-columns) * 5);
  }
  .col--start-5\@small-medium {
    grid-column-start: 5;
  }
  .col--height-5\@small-medium {
    height: calc(calc(var(--g-column-unit) * 5) + calc(var(--g-gutter-unit) * 4));
  }
  .col--6\@small-medium {
    grid-column-end: span 6;
  }
  .gr--flex .col--6\@small-medium {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 6 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 6 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--6\@small-medium, .gr--flex.gr--no-gutter-side .col--6\@small-medium {
    width: calc(100% / var(--g-columns) * 6);
    flex-basis: calc(100% / var(--g-columns) * 6);
  }
  .col--start-6\@small-medium {
    grid-column-start: 6;
  }
  .col--height-6\@small-medium {
    height: calc(calc(var(--g-column-unit) * 6) + calc(var(--g-gutter-unit) * 5));
  }
  .col--7\@small-medium {
    grid-column-end: span 7;
  }
  .gr--flex .col--7\@small-medium {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 7 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 7 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--7\@small-medium, .gr--flex.gr--no-gutter-side .col--7\@small-medium {
    width: calc(100% / var(--g-columns) * 7);
    flex-basis: calc(100% / var(--g-columns) * 7);
  }
  .col--start-7\@small-medium {
    grid-column-start: 7;
  }
  .col--height-7\@small-medium {
    height: calc(calc(var(--g-column-unit) * 7) + calc(var(--g-gutter-unit) * 6));
  }
  .col--8\@small-medium {
    grid-column-end: span 8;
  }
  .gr--flex .col--8\@small-medium {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 8 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 8 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--8\@small-medium, .gr--flex.gr--no-gutter-side .col--8\@small-medium {
    width: calc(100% / var(--g-columns) * 8);
    flex-basis: calc(100% / var(--g-columns) * 8);
  }
  .col--start-8\@small-medium {
    grid-column-start: 8;
  }
  .col--height-8\@small-medium {
    height: calc(calc(var(--g-column-unit) * 8) + calc(var(--g-gutter-unit) * 7));
  }
  .col--9\@small-medium {
    grid-column-end: span 9;
  }
  .gr--flex .col--9\@small-medium {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 9 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 9 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--9\@small-medium, .gr--flex.gr--no-gutter-side .col--9\@small-medium {
    width: calc(100% / var(--g-columns) * 9);
    flex-basis: calc(100% / var(--g-columns) * 9);
  }
  .col--start-9\@small-medium {
    grid-column-start: 9;
  }
  .col--height-9\@small-medium {
    height: calc(calc(var(--g-column-unit) * 9) + calc(var(--g-gutter-unit) * 8));
  }
  .col--10\@small-medium {
    grid-column-end: span 10;
  }
  .gr--flex .col--10\@small-medium {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 10 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 10 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--10\@small-medium, .gr--flex.gr--no-gutter-side .col--10\@small-medium {
    width: calc(100% / var(--g-columns) * 10);
    flex-basis: calc(100% / var(--g-columns) * 10);
  }
  .col--start-10\@small-medium {
    grid-column-start: 10;
  }
  .col--height-10\@small-medium {
    height: calc(calc(var(--g-column-unit) * 10) + calc(var(--g-gutter-unit) * 9));
  }
  .col--11\@small-medium {
    grid-column-end: span 11;
  }
  .gr--flex .col--11\@small-medium {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 11 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 11 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--11\@small-medium, .gr--flex.gr--no-gutter-side .col--11\@small-medium {
    width: calc(100% / var(--g-columns) * 11);
    flex-basis: calc(100% / var(--g-columns) * 11);
  }
  .col--start-11\@small-medium {
    grid-column-start: 11;
  }
  .col--height-11\@small-medium {
    height: calc(calc(var(--g-column-unit) * 11) + calc(var(--g-gutter-unit) * 10));
  }
  .col--12\@small-medium {
    grid-column-end: span 12;
  }
  .gr--flex .col--12\@small-medium {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 12 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 12 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--12\@small-medium, .gr--flex.gr--no-gutter-side .col--12\@small-medium {
    width: calc(100% / var(--g-columns) * 12);
    flex-basis: calc(100% / var(--g-columns) * 12);
  }
  .col--start-12\@small-medium {
    grid-column-start: 12;
  }
  .col--height-12\@small-medium {
    height: calc(calc(var(--g-column-unit) * 12) + calc(var(--g-gutter-unit) * 11));
  }
  .gr--rows-1\@small-medium {
    grid-template-rows: repeat(1, 1fr);
  }
  .row--1\@small-medium {
    grid-row-end: span 1;
  }
  .row--start-1\@small-medium {
    grid-row-start: 1;
  }
  .gr--rows-2\@small-medium {
    grid-template-rows: repeat(2, 1fr);
  }
  .row--2\@small-medium {
    grid-row-end: span 2;
  }
  .row--start-2\@small-medium {
    grid-row-start: 2;
  }
  .gr--rows-3\@small-medium {
    grid-template-rows: repeat(3, 1fr);
  }
  .row--3\@small-medium {
    grid-row-end: span 3;
  }
  .row--start-3\@small-medium {
    grid-row-start: 3;
  }
  .gr--rows-4\@small-medium {
    grid-template-rows: repeat(4, 1fr);
  }
  .row--4\@small-medium {
    grid-row-end: span 4;
  }
  .row--start-4\@small-medium {
    grid-row-start: 4;
  }
  .gr--rows-5\@small-medium {
    grid-template-rows: repeat(5, 1fr);
  }
  .row--5\@small-medium {
    grid-row-end: span 5;
  }
  .row--start-5\@small-medium {
    grid-row-start: 5;
  }
  .gr--rows-6\@small-medium {
    grid-template-rows: repeat(6, 1fr);
  }
  .row--6\@small-medium {
    grid-row-end: span 6;
  }
  .row--start-6\@small-medium {
    grid-row-start: 6;
  }
  .gr--rows-7\@small-medium {
    grid-template-rows: repeat(7, 1fr);
  }
  .row--7\@small-medium {
    grid-row-end: span 7;
  }
  .row--start-7\@small-medium {
    grid-row-start: 7;
  }
  .gr--rows-8\@small-medium {
    grid-template-rows: repeat(8, 1fr);
  }
  .row--8\@small-medium {
    grid-row-end: span 8;
  }
  .row--start-8\@small-medium {
    grid-row-start: 8;
  }
  .gr--rows-9\@small-medium {
    grid-template-rows: repeat(9, 1fr);
  }
  .row--9\@small-medium {
    grid-row-end: span 9;
  }
  .row--start-9\@small-medium {
    grid-row-start: 9;
  }
  .gr--rows-10\@small-medium {
    grid-template-rows: repeat(10, 1fr);
  }
  .row--10\@small-medium {
    grid-row-end: span 10;
  }
  .row--start-10\@small-medium {
    grid-row-start: 10;
  }
  .gr--rows-11\@small-medium {
    grid-template-rows: repeat(11, 1fr);
  }
  .row--11\@small-medium {
    grid-row-end: span 11;
  }
  .row--start-11\@small-medium {
    grid-row-start: 11;
  }
  .gr--rows-12\@small-medium {
    grid-template-rows: repeat(12, 1fr);
  }
  .row--12\@small-medium {
    grid-row-end: span 12;
  }
  .row--start-12\@small-medium {
    grid-row-start: 12;
  }
  /**
   * Flex grid cells
   */
  .gr--flex .col--adapt\@small-medium {
    width: auto !important;
    flex-basis: auto !important;
    flex: 0 0 auto;
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex .col--grow\@small-medium {
    width: auto !important;
    flex-basis: auto !important;
    flex: 1 1 auto;
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  /**
   * Utilities
   */
  .hide\@small-medium {
    display: none;
  }
  .show\@small-medium {
    display: block;
  }
  .show-inline\@small-medium {
    display: inline-block;
  }
}
@media only screen and (max-width: 600px) {
  /**
   * Apply the settings through variables
   */
  :root {
    /* Grid proportions */
    --g-width: 960;
    --g-column-width: 60;
    --g-columns: 12;
    --g-rows: 12;
    /* Grid logic */
    --g-gutters: calc(var(--g-columns) - 1);
    /* Grid proportion logic */
    --g-column-proportion: calc(var(--g-column-width) / var(--g-width));
    --g-gutter-proportion: calc((1 - (var(--g-columns) * var(--g-column-proportion))) / var(--g-gutters));
    /* Container Units */
    --g-column-unit: calc(var(--g-column-proportion) * var(--g-container-width));
    --g-gutter-unit: 16px;
    --g-column-and-gutter-unit: calc(var(--g-column-unit) + var(--g-gutter-unit));
    /* Container Width */
    --g-container-width: 90vw;
    --g-container-max-width: 1200px;
  }
  /**
   * Row wrap and nowrap
   */
  .gr--wrap\@small {
    flex-wrap: wrap;
  }
  .gr--nowrap\@small {
    flex-wrap: nowrap;
  }
  /**
   * Row alignements
   */
  .gr--start\@small {
    align-content: start;
    align-items: flex-start;
  }
  .gr--middle\@small {
    align-content: center;
    align-items: center;
  }
  .gr--end\@small {
    align-content: end;
    align-items: flex-end;
  }
  /**
   * Grid cells alignements
   */
  .col--start\@small {
    align-self: start;
  }
  .gr--flex .col--start\@small {
    align-self: flex-start;
  }
  .col--middle\@small {
    align-self: center;
  }
  .col--end\@small {
    align-self: end;
  }
  .gr--flex .col--end\@small {
    align-self: flex-end;
  }
  /**
   * Grid cells
   */
  .col--1\@small {
    grid-column-end: span 1;
  }
  .gr--flex .col--1\@small {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 1 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 1 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--1\@small, .gr--flex.gr--no-gutter-side .col--1\@small {
    width: calc(100% / var(--g-columns) * 1);
    flex-basis: calc(100% / var(--g-columns) * 1);
  }
  .col--start-1\@small {
    grid-column-start: 1;
  }
  .col--height-1\@small {
    height: calc(calc(var(--g-column-unit) * 1) + calc(var(--g-gutter-unit) * 0));
  }
  .col--2\@small {
    grid-column-end: span 2;
  }
  .gr--flex .col--2\@small {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 2 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 2 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--2\@small, .gr--flex.gr--no-gutter-side .col--2\@small {
    width: calc(100% / var(--g-columns) * 2);
    flex-basis: calc(100% / var(--g-columns) * 2);
  }
  .col--start-2\@small {
    grid-column-start: 2;
  }
  .col--height-2\@small {
    height: calc(calc(var(--g-column-unit) * 2) + calc(var(--g-gutter-unit) * 1));
  }
  .col--3\@small {
    grid-column-end: span 3;
  }
  .gr--flex .col--3\@small {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 3 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 3 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--3\@small, .gr--flex.gr--no-gutter-side .col--3\@small {
    width: calc(100% / var(--g-columns) * 3);
    flex-basis: calc(100% / var(--g-columns) * 3);
  }
  .col--start-3\@small {
    grid-column-start: 3;
  }
  .col--height-3\@small {
    height: calc(calc(var(--g-column-unit) * 3) + calc(var(--g-gutter-unit) * 2));
  }
  .col--4\@small {
    grid-column-end: span 4;
  }
  .gr--flex .col--4\@small {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 4 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 4 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--4\@small, .gr--flex.gr--no-gutter-side .col--4\@small {
    width: calc(100% / var(--g-columns) * 4);
    flex-basis: calc(100% / var(--g-columns) * 4);
  }
  .col--start-4\@small {
    grid-column-start: 4;
  }
  .col--height-4\@small {
    height: calc(calc(var(--g-column-unit) * 4) + calc(var(--g-gutter-unit) * 3));
  }
  .col--5\@small {
    grid-column-end: span 5;
  }
  .gr--flex .col--5\@small {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 5 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 5 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--5\@small, .gr--flex.gr--no-gutter-side .col--5\@small {
    width: calc(100% / var(--g-columns) * 5);
    flex-basis: calc(100% / var(--g-columns) * 5);
  }
  .col--start-5\@small {
    grid-column-start: 5;
  }
  .col--height-5\@small {
    height: calc(calc(var(--g-column-unit) * 5) + calc(var(--g-gutter-unit) * 4));
  }
  .col--6\@small {
    grid-column-end: span 6;
  }
  .gr--flex .col--6\@small {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 6 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 6 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--6\@small, .gr--flex.gr--no-gutter-side .col--6\@small {
    width: calc(100% / var(--g-columns) * 6);
    flex-basis: calc(100% / var(--g-columns) * 6);
  }
  .col--start-6\@small {
    grid-column-start: 6;
  }
  .col--height-6\@small {
    height: calc(calc(var(--g-column-unit) * 6) + calc(var(--g-gutter-unit) * 5));
  }
  .col--7\@small {
    grid-column-end: span 7;
  }
  .gr--flex .col--7\@small {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 7 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 7 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--7\@small, .gr--flex.gr--no-gutter-side .col--7\@small {
    width: calc(100% / var(--g-columns) * 7);
    flex-basis: calc(100% / var(--g-columns) * 7);
  }
  .col--start-7\@small {
    grid-column-start: 7;
  }
  .col--height-7\@small {
    height: calc(calc(var(--g-column-unit) * 7) + calc(var(--g-gutter-unit) * 6));
  }
  .col--8\@small {
    grid-column-end: span 8;
  }
  .gr--flex .col--8\@small {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 8 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 8 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--8\@small, .gr--flex.gr--no-gutter-side .col--8\@small {
    width: calc(100% / var(--g-columns) * 8);
    flex-basis: calc(100% / var(--g-columns) * 8);
  }
  .col--start-8\@small {
    grid-column-start: 8;
  }
  .col--height-8\@small {
    height: calc(calc(var(--g-column-unit) * 8) + calc(var(--g-gutter-unit) * 7));
  }
  .col--9\@small {
    grid-column-end: span 9;
  }
  .gr--flex .col--9\@small {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 9 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 9 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--9\@small, .gr--flex.gr--no-gutter-side .col--9\@small {
    width: calc(100% / var(--g-columns) * 9);
    flex-basis: calc(100% / var(--g-columns) * 9);
  }
  .col--start-9\@small {
    grid-column-start: 9;
  }
  .col--height-9\@small {
    height: calc(calc(var(--g-column-unit) * 9) + calc(var(--g-gutter-unit) * 8));
  }
  .col--10\@small {
    grid-column-end: span 10;
  }
  .gr--flex .col--10\@small {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 10 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 10 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--10\@small, .gr--flex.gr--no-gutter-side .col--10\@small {
    width: calc(100% / var(--g-columns) * 10);
    flex-basis: calc(100% / var(--g-columns) * 10);
  }
  .col--start-10\@small {
    grid-column-start: 10;
  }
  .col--height-10\@small {
    height: calc(calc(var(--g-column-unit) * 10) + calc(var(--g-gutter-unit) * 9));
  }
  .col--11\@small {
    grid-column-end: span 11;
  }
  .gr--flex .col--11\@small {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 11 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 11 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--11\@small, .gr--flex.gr--no-gutter-side .col--11\@small {
    width: calc(100% / var(--g-columns) * 11);
    flex-basis: calc(100% / var(--g-columns) * 11);
  }
  .col--start-11\@small {
    grid-column-start: 11;
  }
  .col--height-11\@small {
    height: calc(calc(var(--g-column-unit) * 11) + calc(var(--g-gutter-unit) * 10));
  }
  .col--12\@small {
    grid-column-end: span 12;
  }
  .gr--flex .col--12\@small {
    flex: 0 0 auto;
    width: calc(100% / var(--g-columns) * 12 - calc(var(--g-gutter-unit) * 1));
    flex-basis: calc(100% / var(--g-columns) * 12 - calc(var(--g-gutter-unit) * 1));
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex.gr--no-gutter .col--12\@small, .gr--flex.gr--no-gutter-side .col--12\@small {
    width: calc(100% / var(--g-columns) * 12);
    flex-basis: calc(100% / var(--g-columns) * 12);
  }
  .col--start-12\@small {
    grid-column-start: 12;
  }
  .col--height-12\@small {
    height: calc(calc(var(--g-column-unit) * 12) + calc(var(--g-gutter-unit) * 11));
  }
  .gr--rows-1\@small {
    grid-template-rows: repeat(1, 1fr);
  }
  .row--1\@small {
    grid-row-end: span 1;
  }
  .row--start-1\@small {
    grid-row-start: 1;
  }
  .gr--rows-2\@small {
    grid-template-rows: repeat(2, 1fr);
  }
  .row--2\@small {
    grid-row-end: span 2;
  }
  .row--start-2\@small {
    grid-row-start: 2;
  }
  .gr--rows-3\@small {
    grid-template-rows: repeat(3, 1fr);
  }
  .row--3\@small {
    grid-row-end: span 3;
  }
  .row--start-3\@small {
    grid-row-start: 3;
  }
  .gr--rows-4\@small {
    grid-template-rows: repeat(4, 1fr);
  }
  .row--4\@small {
    grid-row-end: span 4;
  }
  .row--start-4\@small {
    grid-row-start: 4;
  }
  .gr--rows-5\@small {
    grid-template-rows: repeat(5, 1fr);
  }
  .row--5\@small {
    grid-row-end: span 5;
  }
  .row--start-5\@small {
    grid-row-start: 5;
  }
  .gr--rows-6\@small {
    grid-template-rows: repeat(6, 1fr);
  }
  .row--6\@small {
    grid-row-end: span 6;
  }
  .row--start-6\@small {
    grid-row-start: 6;
  }
  .gr--rows-7\@small {
    grid-template-rows: repeat(7, 1fr);
  }
  .row--7\@small {
    grid-row-end: span 7;
  }
  .row--start-7\@small {
    grid-row-start: 7;
  }
  .gr--rows-8\@small {
    grid-template-rows: repeat(8, 1fr);
  }
  .row--8\@small {
    grid-row-end: span 8;
  }
  .row--start-8\@small {
    grid-row-start: 8;
  }
  .gr--rows-9\@small {
    grid-template-rows: repeat(9, 1fr);
  }
  .row--9\@small {
    grid-row-end: span 9;
  }
  .row--start-9\@small {
    grid-row-start: 9;
  }
  .gr--rows-10\@small {
    grid-template-rows: repeat(10, 1fr);
  }
  .row--10\@small {
    grid-row-end: span 10;
  }
  .row--start-10\@small {
    grid-row-start: 10;
  }
  .gr--rows-11\@small {
    grid-template-rows: repeat(11, 1fr);
  }
  .row--11\@small {
    grid-row-end: span 11;
  }
  .row--start-11\@small {
    grid-row-start: 11;
  }
  .gr--rows-12\@small {
    grid-template-rows: repeat(12, 1fr);
  }
  .row--12\@small {
    grid-row-end: span 12;
  }
  .row--start-12\@small {
    grid-row-start: 12;
  }
  /**
   * Flex grid cells
   */
  .gr--flex .col--adapt\@small {
    width: auto !important;
    flex-basis: auto !important;
    flex: 0 0 auto;
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  .gr--flex .col--grow\@small {
    width: auto !important;
    flex-basis: auto !important;
    flex: 1 1 auto;
    margin: 0 calc(calc(var(--g-gutter-unit) * 1) / 2);
  }
  /**
   * Utilities
   */
  .hide\@small {
    display: none;
  }
  .show\@small {
    display: block;
  }
  .show-inline\@small {
    display: inline-block;
  }
}
.gr--grid-row-gap {
  row-gap: calc(var(--g-gutter-unit) * 2);
}
@media only screen and (max-width: 600px) {
  .gr--grid-row-gap {
    row-gap: calc(var(--g-gutter-unit) * 3);
  }
}

.no-gutter {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media only screen and (max-width: 1440px) {
  .no-gutter\@large {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 1200px) {
  .no-gutter\@medium-large {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .no-gutter\@medium {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 800px) {
  .no-gutter\@medium-small {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 700px) {
  .no-gutter\@small-medium {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 600px) {
  .no-gutter\@small {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.no-gutter-left {
  padding-left: 0 !important;
}

@media only screen and (max-width: 1440px) {
  .no-gutter-left\@large {
    padding-left: 0 !important;
  }
}
@media only screen and (max-width: 1200px) {
  .no-gutter-left\@medium-large {
    padding-left: 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .no-gutter-left\@medium {
    padding-left: 0 !important;
  }
}
@media only screen and (max-width: 800px) {
  .no-gutter-left\@medium-small {
    padding-left: 0 !important;
  }
}
@media only screen and (max-width: 700px) {
  .no-gutter-left\@small-medium {
    padding-left: 0 !important;
  }
}
@media only screen and (max-width: 600px) {
  .no-gutter-left\@small {
    padding-left: 0 !important;
  }
}
.no-gutter-right {
  padding-right: 0 !important;
}

@media only screen and (max-width: 1440px) {
  .no-gutter-right\@large {
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 1200px) {
  .no-gutter-right\@medium-large {
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .no-gutter-right\@medium {
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 800px) {
  .no-gutter-right\@medium-small {
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 700px) {
  .no-gutter-right\@small-medium {
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 600px) {
  .no-gutter-right\@small {
    padding-right: 0 !important;
  }
}
.gutter-right {
  padding-left: !important;
  padding-right: !important;
}

@media only screen and (max-width: 1440px) {
  .gutter-right\@large {
    padding-left: !important;
    padding-right: !important;
  }
}
@media only screen and (max-width: 1200px) {
  .gutter-right\@medium-large {
    padding-left: !important;
    padding-right: !important;
  }
}
@media only screen and (max-width: 1024px) {
  .gutter-right\@medium {
    padding-left: !important;
    padding-right: !important;
  }
}
@media only screen and (max-width: 800px) {
  .gutter-right\@medium-small {
    padding-left: !important;
    padding-right: !important;
  }
}
@media only screen and (max-width: 700px) {
  .gutter-right\@small-medium {
    padding-left: !important;
    padding-right: !important;
  }
}
@media only screen and (max-width: 600px) {
  .gutter-right\@small {
    padding-left: !important;
    padding-right: !important;
  }
}
.gutter-left {
  padding-left: !important;
}

@media only screen and (max-width: 1440px) {
  .gutter-left\@large {
    padding-left: !important;
  }
}
@media only screen and (max-width: 1200px) {
  .gutter-left\@medium-large {
    padding-left: !important;
  }
}
@media only screen and (max-width: 1024px) {
  .gutter-left\@medium {
    padding-left: !important;
  }
}
@media only screen and (max-width: 800px) {
  .gutter-left\@medium-small {
    padding-left: !important;
  }
}
@media only screen and (max-width: 700px) {
  .gutter-left\@small-medium {
    padding-left: !important;
  }
}
@media only screen and (max-width: 600px) {
  .gutter-left\@small {
    padding-left: !important;
  }
}
.gutter-right {
  padding-right: !important;
}

@media only screen and (max-width: 1440px) {
  .gutter-right\@large {
    padding-right: !important;
  }
}
@media only screen and (max-width: 1200px) {
  .gutter-right\@medium-large {
    padding-right: !important;
  }
}
@media only screen and (max-width: 1024px) {
  .gutter-right\@medium {
    padding-right: !important;
  }
}
@media only screen and (max-width: 800px) {
  .gutter-right\@medium-small {
    padding-right: !important;
  }
}
@media only screen and (max-width: 700px) {
  .gutter-right\@small-medium {
    padding-right: !important;
  }
}
@media only screen and (max-width: 600px) {
  .gutter-right\@small {
    padding-right: !important;
  }
}
.tac {
  text-align: center !important;
}

@media only screen and (max-width: 1440px) {
  .tac\@large {
    text-align: center !important;
  }
}
@media only screen and (max-width: 1200px) {
  .tac\@medium-large {
    text-align: center !important;
  }
}
@media only screen and (max-width: 1024px) {
  .tac\@medium {
    text-align: center !important;
  }
}
@media only screen and (max-width: 800px) {
  .tac\@medium-small {
    text-align: center !important;
  }
}
@media only screen and (max-width: 700px) {
  .tac\@small-medium {
    text-align: center !important;
  }
}
@media only screen and (max-width: 600px) {
  .tac\@small {
    text-align: center !important;
  }
}
.tal {
  text-align: left !important;
}

@media only screen and (max-width: 1440px) {
  .tal\@large {
    text-align: left !important;
  }
}
@media only screen and (max-width: 1200px) {
  .tal\@medium-large {
    text-align: left !important;
  }
}
@media only screen and (max-width: 1024px) {
  .tal\@medium {
    text-align: left !important;
  }
}
@media only screen and (max-width: 800px) {
  .tal\@medium-small {
    text-align: left !important;
  }
}
@media only screen and (max-width: 700px) {
  .tal\@small-medium {
    text-align: left !important;
  }
}
@media only screen and (max-width: 600px) {
  .tal\@small {
    text-align: left !important;
  }
}
.tar {
  text-align: right !important;
}

@media only screen and (max-width: 1440px) {
  .tar\@large {
    text-align: right !important;
  }
}
@media only screen and (max-width: 1200px) {
  .tar\@medium-large {
    text-align: right !important;
  }
}
@media only screen and (max-width: 1024px) {
  .tar\@medium {
    text-align: right !important;
  }
}
@media only screen and (max-width: 800px) {
  .tar\@medium-small {
    text-align: right !important;
  }
}
@media only screen and (max-width: 700px) {
  .tar\@small-medium {
    text-align: right !important;
  }
}
@media only screen and (max-width: 600px) {
  .tar\@small {
    text-align: right !important;
  }
}
.fl {
  float: left !important;
}

@media only screen and (max-width: 1440px) {
  .fl\@large {
    float: left !important;
  }
}
@media only screen and (max-width: 1200px) {
  .fl\@medium-large {
    float: left !important;
  }
}
@media only screen and (max-width: 1024px) {
  .fl\@medium {
    float: left !important;
  }
}
@media only screen and (max-width: 800px) {
  .fl\@medium-small {
    float: left !important;
  }
}
@media only screen and (max-width: 700px) {
  .fl\@small-medium {
    float: left !important;
  }
}
@media only screen and (max-width: 600px) {
  .fl\@small {
    float: left !important;
  }
}
.fr {
  float: right !important;
}

@media only screen and (max-width: 1440px) {
  .fr\@large {
    float: right !important;
  }
}
@media only screen and (max-width: 1200px) {
  .fr\@medium-large {
    float: right !important;
  }
}
@media only screen and (max-width: 1024px) {
  .fr\@medium {
    float: right !important;
  }
}
@media only screen and (max-width: 800px) {
  .fr\@medium-small {
    float: right !important;
  }
}
@media only screen and (max-width: 700px) {
  .fr\@small-medium {
    float: right !important;
  }
}
@media only screen and (max-width: 600px) {
  .fr\@small {
    float: right !important;
  }
}
.fn {
  float: none !important;
}

@media only screen and (max-width: 1440px) {
  .fn\@large {
    float: none !important;
  }
}
@media only screen and (max-width: 1200px) {
  .fn\@medium-large {
    float: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  .fn\@medium {
    float: none !important;
  }
}
@media only screen and (max-width: 800px) {
  .fn\@medium-small {
    float: none !important;
  }
}
@media only screen and (max-width: 700px) {
  .fn\@small-medium {
    float: none !important;
  }
}
@media only screen and (max-width: 600px) {
  .fn\@small {
    float: none !important;
  }
}
.float-none {
  float: none !important;
}

@media only screen and (max-width: 1440px) {
  .float-none\@large {
    float: none !important;
  }
}
@media only screen and (max-width: 1200px) {
  .float-none\@medium-large {
    float: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  .float-none\@medium {
    float: none !important;
  }
}
@media only screen and (max-width: 800px) {
  .float-none\@medium-small {
    float: none !important;
  }
}
@media only screen and (max-width: 700px) {
  .float-none\@small-medium {
    float: none !important;
  }
}
@media only screen and (max-width: 600px) {
  .float-none\@small {
    float: none !important;
  }
}
.float-none {
  float: none !important;
}

@media only screen and (max-width: 1440px) {
  .float-none\@large {
    float: none !important;
  }
}
@media only screen and (max-width: 1200px) {
  .float-none\@medium-large {
    float: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  .float-none\@medium {
    float: none !important;
  }
}
@media only screen and (max-width: 800px) {
  .float-none\@medium-small {
    float: none !important;
  }
}
@media only screen and (max-width: 700px) {
  .float-none\@small-medium {
    float: none !important;
  }
}
@media only screen and (max-width: 600px) {
  .float-none\@small {
    float: none !important;
  }
}
.hide-br br {
  display: none !important;
}

@media only screen and (max-width: 1440px) {
  .hide-br\@large br {
    display: none !important;
  }
}
@media only screen and (max-width: 1200px) {
  .hide-br\@medium-large br {
    display: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  .hide-br\@medium br {
    display: none !important;
  }
}
@media only screen and (max-width: 800px) {
  .hide-br\@medium-small br {
    display: none !important;
  }
}
@media only screen and (max-width: 700px) {
  .hide-br\@small-medium br {
    display: none !important;
  }
}
@media only screen and (max-width: 600px) {
  .hide-br\@small br {
    display: none !important;
  }
}
/**
 * Main page container
 */
.container {
  width: calc(100% - 96px);
  max-width: 1400px;
  margin: 0 auto;
}
@media only screen and (max-width: 1440px) {
  .container {
    width: calc(100% - 96px);
  }
}
@media only screen and (max-width: 1024px) {
  .container {
    width: calc(100% - 96px);
  }
}
@media only screen and (max-width: 600px) {
  .container {
    width: calc(100% - 32px);
  }
}

/**
 * Fix negative margins for breakpoints
 */
@media only screen and (max-width: 1440px) {
  .row {
    margin-left: -22px;
    margin-right: -22px;
  }
}
@media only screen and (max-width: 1024px) {
  .row {
    margin-left: -17px;
    margin-right: -17px;
  }
}
@media only screen and (max-width: 600px) {
  .row {
    margin-left: -8px;
    margin-right: -8px;
  }
}

/**
 * Small hack for a big problem, used to enable the background colors,
 * images inside a grid block
 * 4 ex:
 *  .row
 *    .gr-12
 *      .gr-inner
 *        row style="background:white"
 *          .gr-6
 *          .gr-6
 */
.gr-inner {
  margin-left: 22px;
  margin-right: 22px;
}
@media only screen and (max-width: 1440px) {
  .gr-inner {
    margin-left: 22px;
    margin-right: 22px;
  }
}
@media only screen and (max-width: 1024px) {
  .gr-inner {
    margin-left: 17px;
    margin-right: 17px;
  }
}
@media only screen and (max-width: 600px) {
  .gr-inner {
    margin-left: 8px;
    margin-right: 8px;
  }
}

* {
  background-position: center center;
  background-size: cover;
}

html, body {
  height: 100%;
}

body {
  min-height: 100dvh;
}

html {
  color: #1f1f1f;
  line-height: 1.5;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  background: #ffffff;
  font-size: 16px;
  text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

sub,
sup,
small {
  font-size: 80%;
}

button {
  padding: 0;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

:focus {
  outline: none;
}

::-moz-focus-inner {
  border: 0;
}

:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

:invalid {
  box-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

td,
th {
  vertical-align: top;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

img {
  max-width: 100%;
}

figure {
  margin: 0;
  padding: 0;
}

::placeholder {
  opacity: 1;
  color: rgba(31, 31, 31, 0.65);
}

main iframe {
  position: unset !important;
  inset: unset !important;
}

.g-recaptcha-bubble-arrow {
  display: none;
}

@media only screen and (max-width: 600px) {
  iframe {
    position: fixed;
    bottom: 10%;
  }
}
@font-face {
  font-family: "Basic Commercial W01";
  src: url(../static/2d96c912-e30a-46fd-92a5-bdf139cab30b-b2da9b279d5bf946d0cf.woff2) format("woff2"), url(../static/80fccca1-ffd4-473b-a074-d231aacb770d-ece52eac79ba019303e1.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Basic Commercial W01";
  src: url(../static/259b2e27-d686-457d-bee9-027466b3b679-febff4001f3c940b3358.woff2) format("woff2"), url(../static/fb411e31-380f-4a7f-a4c3-daaacd9aa217-78f5c8088221209f5400.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Basic Commercial W01";
  src: url(../static/5689664f-5706-4ecb-a6b5-18882ba249e3-9df18cd7a1110ca2fb76.woff2) format("woff2"), url(../static/a96530dd-c9a4-4cd4-89c1-843e8965eba1-810ea05e9aecd9d5b5f4.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
body {
  font-size: 18px;
  line-height: 1.5;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 1440px) {
  body {
    font-size: 17px;
  }
}
@media only screen and (max-width: 600px) {
  body {
    font-size: 15px;
  }
}

p,
ul,
ol,
dl,
blockquote,
pre,
form,
table,
.vs {
  margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

.-uppercase {
  text-transform: uppercase;
}

.primary-color {
  color: #eb0000 !important;
}

.secondary-color {
  color: #8e0505 !important;
}

.black-color {
  color: #1f1f1f !important;
}

.dark-grey-color {
  color: #717274 !important;
}

.hover-color-primary:hover {
  color: #eb0000 !important;
}

.hover-color-secondary:hover {
  color: #8e0505 !important;
}

.font-weight-bold {
  font-weight: 700;
}

.serif {
  font-family: "adobe-caslon-pro", "Times New Roman", Times, serif;
}

b,
strong {
  font-weight: 700;
}

h1 {
  font-size: 40px;
  letter-spacing: 0;
  line-height: 45px;
  font-family: "adobe-caslon-pro", "Times New Roman", Times, serif;
  font-weight: 700;
  margin-bottom: 16px;
}
@media only screen and (max-width: 600px) {
  h1 {
    font-size: 28px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 1024px) {
  h1 {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 600px) {
  h1 {
    margin-bottom: 8px;
  }
}

h2 {
  font-size: 40px;
  letter-spacing: 0;
  line-height: 45px;
  font-family: "adobe-caslon-pro", "Times New Roman", Times, serif;
  font-weight: 700;
  margin-bottom: 16px;
}
@media only screen and (max-width: 600px) {
  h2 {
    font-size: 28px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 1024px) {
  h2 {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 600px) {
  h2 {
    margin-bottom: 8px;
  }
}

h3 {
  font-size: 32px;
  letter-spacing: 0;
  line-height: 40px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin-bottom: 8px;
}
@media only screen and (max-width: 600px) {
  h3 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 1024px) {
  h3 {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 600px) {
  h3 {
    margin-bottom: 4px;
  }
}

h4 {
  font-size: 24px;
  letter-spacing: -0.25px;
  line-height: 30px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin-bottom: 8px;
}
@media only screen and (max-width: 600px) {
  h4 {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 1024px) {
  h4 {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 600px) {
  h4 {
    margin-bottom: 0px;
  }
}

h5 {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin-bottom: 4px;
}
@media only screen and (max-width: 600px) {
  h5 {
    font-size: 18px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 1024px) {
  h5 {
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 600px) {
  h5 {
    margin-bottom: 0px;
  }
}

h6 {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin-bottom: 0px;
}
@media only screen and (max-width: 600px) {
  h6 {
    font-size: 16px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 1024px) {
  h6 {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 600px) {
  h6 {
    margin-bottom: 0px;
  }
}

.font-swiper-card {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
  font-family: "adobe-caslon-pro", "Times New Roman", Times, serif;
  font-weight: 700;
}
@media only screen and (max-width: 600px) {
  .font-swiper-card {
    font-size: 18px;
    line-height: 26px;
  }
}

.font-swiper-card-detail-heading {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 600px) {
  .font-swiper-card-detail-heading {
    font-size: 18px;
    line-height: 26px;
  }
}

.font-swiper-card-detail-text {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 600px) {
  .font-swiper-card-detail-text {
    font-size: 16px;
    line-height: 22px;
  }
}

:root {
  --vh-offset: 0px;
  --vh-offset-dynamic: 0px;
}

a {
  color: #8e0505;
  text-decoration: none;
  transition: color 0.2s ease;
}
a:hover, a:focus, a:active {
  color: #eb0000;
}

td,
th {
  vertical-align: top;
}

label {
  display: inline-block;
}

a, area, button, input, label, textarea, [tabindex] {
  touch-action: manipulation;
}

[disabled] {
  opacity: 0.7;
}

.atlwdg-trigger {
  z-index: 30;
}

.scroll-reveal {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  cursor: none;
  transition: all 0.5s ease-in-out;
}
.scroll-reveal.-reveal {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  cursor: auto;
}

.icon.-icon-xlarge--fixed {
  width: 48px;
  height: 48px;
}
.icon.-icon-xlarge {
  width: 48px;
  height: 48px;
}
@media only screen and (max-width: 600px) {
  .icon.-icon-xlarge {
    width: 40px;
    height: 40px;
  }
}
.icon.-icon-large {
  width: 24px;
  height: 24px;
}
.icon.-icon-medium {
  width: 20px;
  height: 20px;
}
.icon.-icon-small {
  width: 16px;
  height: 16px;
}
.icon.-icon-tiny {
  width: 8px;
  height: 8px;
}
.icon.-animated * {
  stroke: inherit !important;
}

.background-color--light-grey {
  background-color: #f5f5f5;
}

.textarea,
.input:not([type=checkbox]):not([type=radio]) {
  font-size: inherit;
  line-height: 16px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 16px;
  position: relative;
  width: 100%;
  display: block;
  margin: 0;
  cursor: pointer;
  color: #1f1f1f;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #dadad9;
  padding: 16px 16px;
  transition: background-color 0.1s ease-in, box-shadow 0.1s ease-in;
  appearance: none;
}
.textarea:-webkit-autofill, .textarea:-webkit-autofill:hover, .textarea:-webkit-autofill:focus, .textarea:-webkit-autofill:active,
.input:not([type=checkbox]):not([type=radio]):-webkit-autofill,
.input:not([type=checkbox]):not([type=radio]):-webkit-autofill:hover,
.input:not([type=checkbox]):not([type=radio]):-webkit-autofill:focus,
.input:not([type=checkbox]):not([type=radio]):-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}
.-error .textarea, .textarea.-error,
.-error .input:not([type=checkbox]):not([type=radio]),
.input:not([type=checkbox]):not([type=radio]).-error {
  border-color: #eb0000;
  margin-bottom: -1px;
}

.textarea {
  transition: all 0.15s ease-in;
  font-size: 18px;
  line-height: 1.375;
  letter-spacing: 0;
}
.textarea::placeholder {
  font-size: 1rem;
  line-height: 1.15rem;
  letter-spacing: 0.009375em;
}
.textarea:hover, .textarea:focus {
  border: 1px solid #1f1f1f;
  caret-color: #eb0000;
}

/*---
title: Form field
section: Base Form CSS
---

Form field with error message:
```example:html
<div class="form-field -error">
    <label for="test">Label</label>
    <input type="text" name="test" id="test" placeholder="Test">
    <div class="message"><span>Fehler</span></div>
</div>
```
*/
.form-field {
  margin-bottom: 32px;
  position: relative;
  display: block;
}
@media only screen and (max-width: 1024px) {
  .form-field {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .form-field {
    margin-bottom: 16px;
  }
}
.form-field > .label:not(.control),
.form-field > label:not(.control) {
  cursor: pointer;
  display: block;
  margin-bottom: 5px;
}
.form-field > .message {
  display: none;
}
.form-field > .message [data-error=invalid] {
  display: block;
}
.form-field > .message > span {
  position: absolute;
  top: auto;
  right: 0;
  padding: 1px 5px;
  vertical-align: top;
  color: white;
  background-color: #eb0000;
  font-size: 80%;
}
@media only screen and (max-width: 600px) {
  .form-field > .message > span {
    display: inline-block;
    position: relative;
    right: auto;
  }
}
.form-field > .description {
  margin-top: 8px;
  margin-bottom: 0;
  color: #1f1f1f;
}
.form-field.fit {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
}
.form-field.fit > select,
.form-field.fit > textarea,
.form-field.fit > input:not([type=checkbox]):not([type=radio]) {
  flex-grow: 1;
}
.form-field.fit > label {
  align-self: flex-start;
}
.form-field.fit > .message {
  position: relative;
}
.form-field.fit > .message > span {
  position: absolute;
}
.form-field.-error .icon {
  display: block;
}
.form-field.-error > .message {
  display: block;
  color: #fff;
}
.form-field.-invalid > .message [data-error=empty] {
  display: none;
}
.form-field.-invalid > .message [data-error=invalid] {
  display: inline;
}

.select {
  width: 100%;
  position: relative;
  display: inline-block;
}
.select > select {
  font-size: inherit;
  line-height: 16px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 16px;
  letter-spacing: 0;
  border: 1px solid #dadad9;
  padding: 16px 38px 16px 16px;
  box-sizing: border-box;
  width: 100%;
  color: #1f1f1f;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  transition: all 0.15s ease-in;
  cursor: pointer;
}
.select > select:hover, .select > select:focus {
  border: 1px solid #1f1f1f;
}
.select > select option {
  background-color: #fff;
  line-height: 16px;
}
.select > select::-ms-expand {
  display: none;
}
.select .icon-box {
  position: absolute;
  z-index: 1;
  top: 19px;
  right: 16px;
  color: #8e0505;
  pointer-events: none;
}
.-error .select select {
  border-color: #ce0101;
}

/*---
title: Checkbox and radio controls
section: Base Form CSS
---

Radio control with text:
```example:html
<label class="control -radio -with-text">
  <input id="radio1" name="radio" type="radio">
  <span class="control-indicator"></span>
  Toggle this custom radio
</label>
```

Checkbox control with text and dash:
```example:html
<label class="control -checkbox -with-text -x">
  <input id="checkbox1" name="checkbox" type="checkbox">
  <span class="control-indicator"></span>
  Toggle this custom checkbox
</label>
```
*/
.control {
  position: relative;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  margin-right: 24px;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: normal;
  color: #1f1f1f;
  font-weight: 700;
}
.control > input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.control > input:focus ~ .control-indicator {
  border: 1px solid #8e0505;
  box-shadow: 0 0 3px 2px rgba(31, 31, 31, 0.7);
}
.control > input:checked ~ .control-indicator {
  color: #fff;
  border: 1px solid #8e0505;
  background-color: transparent;
}
.control > input:active ~ .control-indicator {
  color: #fff;
  border: 1px solid #8e0505;
  background-color: transparent;
}
.control .label {
  padding: 5px 0 5px 30px;
  margin-left: -30px;
  cursor: pointer;
}
.control > .control-indicator {
  display: block;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #8e0505;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  user-select: none;
}
.control.-with-text {
  display: inline-flex;
  align-items: center;
}
.control.-with-text > .control-indicator {
  margin-right: 8px;
}
.control.-with-text > .control-indicator.-large-margin-right {
  margin-right: 16px;
}
@media only screen and (max-width: 1024px) {
  .control.-with-text > .control-indicator.-large-margin-right {
    margin-right: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .control.-with-text > .control-indicator.-large-margin-right {
    margin-right: 8px;
  }
}
.control.-checkbox, .control.-radio {
  margin-bottom: 8px;
}
@media only screen and (max-width: 1024px) {
  .control.-checkbox, .control.-radio {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .control.-checkbox, .control.-radio {
    margin-bottom: 8px;
  }
}
.control.-checkbox:last-child, .control.-checkbox.-no-margin-bottom, .control.-radio:last-child, .control.-radio.-no-margin-bottom {
  margin-bottom: 0;
}
.control.-checkbox > .control-indicator {
  border-radius: 4px;
}
.control.-checkbox > input:checked ~ .control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojOEUwNTA1O30KPC9zdHlsZT4KPHBhdGggaWQ9IlN0cm9rZS0zODE1IiBjbGFzcz0ic3QwIiBkPSJNMTguMiw3YzAuMi0wLjIsMC41LTAuMiwwLjcsMGMwLjIsMC4yLDAuMiwwLjQsMC4xLDAuNmwtMC4xLDAuMUwxMCwxNi45CgljLTAuMiwwLjItMC41LDAuMi0wLjYsMC4xbC0wLjEtMC4xbC00LjEtNC4zYy0wLjItMC4yLTAuMi0wLjUsMC0wLjdjMC4yLTAuMiwwLjQtMC4yLDAuNiwwbDAuMSwwLjFsMy44LDMuOUwxOC4yLDd6Ii8+Cjwvc3ZnPgo=);
}
.control.-checkbox > input[indeterminate] ~ .control-indicator {
  position: relative;
  background-image: none;
}
.control.-checkbox > input[indeterminate] ~ .control-indicator:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: #8e0505;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.control.-checkbox.-with-text {
  width: 100%;
  margin-right: 0;
}
.control.-radio > .control-indicator {
  border-radius: 50%;
}
.control.-radio > input:checked ~ .control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojOEUwNTA1O30KPC9zdHlsZT4KPGNpcmNsZSBpZD0iT3ZhbCIgY2xhc3M9InN0MCIgY3g9IjEyIiBjeT0iMTIiIHI9IjciLz4KPC9zdmc+Cg==);
}
.control.-nps {
  width: 48px;
  height: 48px;
  margin: 0;
}
.control.-nps .label,
.control.-nps .control-indicator {
  transition: all 0.15s ease-in;
}
.control.-nps .control-indicator {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  margin: 0;
}
.control.-nps .label {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
  width: 100%;
  height: 100%;
  color: #8e0505;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 600px) {
  .control.-nps .label {
    font-size: 16px;
    line-height: 22px;
  }
}
html:not([data-whatintent=touch]) .control.-nps:hover .label {
  color: #eb0000;
}
html:not([data-whatintent=touch]) .control.-nps:hover .control-indicator {
  border-color: #eb0000;
}
.control.-nps > input:checked ~ .control-indicator {
  background-color: #eb0000;
  border-color: #eb0000;
}
.control.-nps > input:checked ~ .control-indicator ~ .label {
  color: #ffffff;
}
html:not([data-whatintent=touch]) .control.-nps > input:checked:hover ~ .label {
  color: #ffffff;
}
.control.-x > input:checked ~ .control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xLjQsMEwwLDEuNGwwLjcsMC43bDEuOCwxLjhMMC43LDUuN0wwLDYuNGwxLjQsMS40bDAuNy0wLjdsMS44LTEuOGwxLjgsMS44bDAuNywwLjdsMS40LTEuNEw3LjEsNS43DQoJTDUuMywzLjlsMS44LTEuOGwwLjctMC43TDYuNCwwTDUuNywwLjdMMy45LDIuNUwyLjEsMC43QzIuMSwwLjcsMS40LDAsMS40LDB6Ii8+DQo8L3N2Zz4NCg==);
}
.control.-dash > input:checked ~ .control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K);
}

/*---
title: Buttons
section: Base Form CSS
---

Fullwidth button in primary color:
```example:html
<a class="button -primary">Hello</a>
```

Auto sized button with small padding:
```example:html
<button class="button" role="submit -auto -small">Send</button>
```
*/
.button {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 16px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 16px;
  border: 1px solid #dadad9;
  padding: 15px 23px;
  transition: all 0.15s ease-in;
  border-radius: 4px;
  display: inline-block;
  width: auto;
  cursor: pointer;
  flex-shrink: 0;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .button {
    font-size: 16px;
    line-height: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .button {
    width: 100%;
    text-align: center;
  }
}
.button:focus {
  box-shadow: 0 0 3px 2px rgba(31, 31, 31, 0.7);
}
.button[disabled] {
  cursor: not-allowed;
  opacity: 0.4;
}
@media only screen and (max-width: 600px) {
  .button.-remain-auto-width-on-small {
    width: auto;
  }
}
.button.-small {
  padding: 9px 16px;
}
.button.-primary {
  color: #ffffff;
  background-color: #8e0505;
  border-color: #8e0505;
}
.button.-primary.-active:not([disabled]), .button.-primary:hover:not([disabled]), .button.-primary:active:not([disabled]), .button.-primary:focus:not([disabled]) {
  background-color: #eb0000;
  border-color: #eb0000;
}
.button.-primary.-active:not([disabled]).-campaign-color, .button.-primary:hover:not([disabled]).-campaign-color, .button.-primary:active:not([disabled]).-campaign-color, .button.-primary:focus:not([disabled]).-campaign-color {
  background-color: #5bc5f1;
}
.button.-primary[disabled] {
  background-color: #8e0505;
  border-color: #8e0505;
}
.button.-primary.-inverted {
  color: #8e0505;
  background-color: #ffffff;
  border-color: #ffffff;
}
.button.-primary.-inverted.-active:not([disabled]), .button.-primary.-inverted:hover:not([disabled]), .button.-primary.-inverted:active:not([disabled]), .button.-primary.-inverted:focus:not([disabled]) {
  color: #8e0505;
  background-color: #f79999;
  border-color: transparent;
}
.button.-primary.-animated-icon {
  stroke: #ffffff;
}
.button.-primary.-animated-icon.-inverted {
  stroke: #8e0505;
}
.button.-primary.-animated-icon.-inverted.-active:not([disabled]), .button.-primary.-animated-icon.-inverted:hover:not([disabled]), .button.-primary.-animated-icon.-inverted:active:not([disabled]), .button.-primary.-animated-icon.-inverted:focus:not([disabled]) {
  stroke: #8e0505;
}
.button.-primary.-campaign-color {
  background-color: #3b5998;
}
.button.-secondary {
  color: #8e0505;
  background-color: #ffffff;
  border-color: #8e0505;
}
.button.-secondary.-active:not([disabled]), .button.-secondary:hover:not([disabled]), .button.-secondary:active:not([disabled]), .button.-secondary:focus:not([disabled]) {
  color: #eb0000;
  background-color: #ffffff;
  border-color: #eb0000;
}
.button.-secondary[disabled] {
  color: #8e0505;
  border-color: #8e0505;
}
.button.-secondary.-inverted {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
}
.button.-secondary.-inverted.-active:not([disabled]), .button.-secondary.-inverted:hover:not([disabled]), .button.-secondary.-inverted:active:not([disabled]), .button.-secondary.-inverted:focus:not([disabled]) {
  color: #f79999;
  background-color: transparent;
  border-color: #f79999;
}
.button.-secondary.-animated-icon {
  stroke: #8e0505;
}
.button.-secondary.-animated-icon.-active:not([disabled]), .button.-secondary.-animated-icon:hover:not([disabled]), .button.-secondary.-animated-icon:active:not([disabled]), .button.-secondary.-animated-icon:focus:not([disabled]) {
  stroke: #eb0000;
}
.button.-secondary.-animated-icon[disabled] {
  stroke: #8e0505;
}
.button.-secondary.-animated-icon.-inverted {
  stroke: #ffffff;
}
.button.-secondary.-animated-icon.-inverted.-active:not([disabled]), .button.-secondary.-animated-icon.-inverted:hover:not([disabled]), .button.-secondary.-animated-icon.-inverted:active:not([disabled]), .button.-secondary.-animated-icon.-inverted:focus:not([disabled]) {
  stroke: #f79999;
}
.button.-tertiary {
  color: #8e0505;
  background-color: transparent;
  border-color: transparent;
}
.button.-tertiary.-active:not([disabled]), .button.-tertiary:hover:not([disabled]), .button.-tertiary:active:not([disabled]), .button.-tertiary:focus:not([disabled]) {
  color: #eb0000;
}
.button.-tertiary[disabled] {
  color: #8e0505;
}
.button.-tertiary.-inverted {
  color: #ffffff;
}
.button.-tertiary.-inverted.-active:not([disabled]), .button.-tertiary.-inverted:hover:not([disabled]), .button.-tertiary.-inverted:active:not([disabled]), .button.-tertiary.-inverted:focus:not([disabled]) {
  color: #f79999;
}
.button.-tertiary.-animated-icon {
  stroke: #8e0505;
}
.button.-tertiary.-animated-icon.-active:not([disabled]), .button.-tertiary.-animated-icon:hover:not([disabled]), .button.-tertiary.-animated-icon:active:not([disabled]), .button.-tertiary.-animated-icon:focus:not([disabled]) {
  stroke: #eb0000;
}
.button.-tertiary.-animated-icon[disabled] {
  stroke: #8e0505;
}
.button.-tertiary.-animated-icon.-inverted {
  stroke: #ffffff;
}
.button.-tertiary.-animated-icon.-inverted.-active:not([disabled]), .button.-tertiary.-animated-icon.-inverted:hover:not([disabled]), .button.-tertiary.-animated-icon.-inverted:active:not([disabled]), .button.-tertiary.-animated-icon.-inverted:focus:not([disabled]) {
  stroke: #f79999;
}
.button.-text {
  color: #8e0505;
  background-color: transparent;
  border-color: transparent;
  padding: 15px 0;
}
.button.-text:focus {
  box-shadow: none;
}
.button.-text.-active:not([disabled]), .button.-text:hover:not([disabled]), .button.-text:active:not([disabled]), .button.-text:focus:not([disabled]) {
  color: #eb0000;
}
.button.-text[disabled] {
  color: #8e0505;
}
.button.-text.-inverted {
  color: #ffffff;
}
.button.-text.-inverted.-active:not([disabled]), .button.-text.-inverted:hover:not([disabled]), .button.-text.-inverted:active:not([disabled]), .button.-text.-inverted:focus:not([disabled]) {
  color: #f79999;
}
.button.-text.-animated-icon {
  stroke: #8e0505;
}
.button.-text.-animated-icon.-active:not([disabled]), .button.-text.-animated-icon:hover:not([disabled]), .button.-text.-animated-icon:active:not([disabled]), .button.-text.-animated-icon:focus:not([disabled]) {
  stroke: #eb0000;
}
.button.-text.-animated-icon[disabled] {
  stroke: #8e0505;
}
.button.-text.-animated-icon.-inverted {
  stroke: #ffffff;
}
.button.-text.-animated-icon.-inverted.-active:not([disabled]), .button.-text.-animated-icon.-inverted:hover:not([disabled]), .button.-text.-animated-icon.-inverted:active:not([disabled]), .button.-text.-animated-icon.-inverted:focus:not([disabled]) {
  stroke: #f79999;
}
.button.-leading-icon {
  position: relative;
  padding-left: calc(32px + 24px);
}
.button.-leading-icon .icon {
  position: absolute;
  width: 24px;
  height: 24px;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.button.-leading-icon .icon svg {
  width: 24px;
  height: 24px;
}

/*---
title: Feedback
section: Base Form CSS
---

Form feedback wrapper.
*/
.form-feedback.-success, .form-feedback.-error, .form-feedback.-warn {
  padding: 48px;
}
@media only screen and (max-width: 600px) {
  .form-feedback.-success, .form-feedback.-error, .form-feedback.-warn {
    padding: 24px;
  }
}
.form-feedback.-success {
  background-color: #f5f5f5;
  color: #1f1f1f;
}
.form-feedback.-error {
  background-color: #eb0000;
  color: #ffffff;
}
.form-feedback.-warn {
  background-color: #f9822d;
  color: #1f1f1f;
}

html.html--iframe {
  height: auto;
}

body {
  position: relative;
  --site-frame-width: 16px;
  --site-frame-width_small-bkp: 8px;
}
body.body--iframe {
  height: auto;
  min-height: auto;
}
body.body--overflow-hidden {
  overflow: hidden;
  min-height: 0;
}
body.body--no-frame {
  --site-frame-width: 0px;
  --site-frame-width_small-bkp: 0px;
}

.main {
  z-index: 1;
  overflow: hidden;
  background-color: #ffffff;
  position: relative;
  flex: 1 0 auto;
}
.main--full-height {
  height: 100%;
}
.fixed-header .main {
  padding-top: 88px;
}
.fixed-header .main--no-padding\@large {
  padding-top: 0;
}
@media only screen and (max-width: 1024px) {
  .fixed-header .main {
    padding-top: 88px;
  }
}
@media only screen and (max-width: 600px) {
  .fixed-header .main {
    padding-top: 64px;
  }
}
.page-max-width .main {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
}

.main-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: var(--site-frame-width, 16px);
}
@media only screen and (max-width: 600px) {
  .main-wrapper {
    padding: var(--site-frame-width_small-bkp, 8px);
  }
}
.main-wrapper--full-height {
  height: 100vh;
  height: calc(100vh - var(--vh-offset));
}

.container.-wide {
  max-width: 100%;
}

.header {
  position: relative;
  /* set "fixed-header" class to body if header should be fixed */
}
.header {
  background: transparent;
  position: relative;
  width: calc(100% - 2 * var(--site-frame-width, 16px));
  flex: none;
  z-index: 41;
}
@media only screen and (max-width: 600px) {
  .header {
    width: calc(100% - 2 * var(--site-frame-width_small-bkp, 8px));
  }
}
.header .wrapper {
  background: #ffffff;
  padding: 0 44px 0 44px;
}
@media only screen and (max-width: 1024px) {
  .header .wrapper {
    padding: 0 48px 0 48px;
  }
}
@media only screen and (max-width: 600px) {
  .header .wrapper {
    padding: 0 16px 0 16px;
  }
}
.page-max-width .header .wrapper {
  max-width: 1600px;
  margin: 0 auto;
}
.header .meta-header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  height: 45px;
}
.header .main-header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 88px;
}
@media only screen and (max-width: 1024px) {
  .header .main-header-container {
    width: 100%;
    height: 88px;
  }
}
@media only screen and (max-width: 600px) {
  .header .main-header-container {
    width: 100%;
    height: 64px;
  }
}
.header .header-button {
  margin-left: 40px;
}
@media only screen and (max-width: 1024px) {
  .header .header-button {
    margin-left: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .header .header-button {
    margin-left: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .header .header-button {
    display: none;
  }
}
.header .main-header {
  position: relative;
}
.header .main-header .wrapper {
  border-top: 1px solid #eeeeed;
  border-bottom: 1px solid #eeeeed;
}
.fixed-header .header {
  position: fixed;
  z-index: 41;
}
:not(.navigation-open).fixed-header .header {
  transform: translateY(0);
  transition: transform 0.25s cubic-bezier(0.44, 0.06, 0.35, 0.88);
}
:not(.navigation-open).fixed-header .header.-not-top {
  transform: translateY(-100%);
}
:not(.navigation-open).fixed-header .header.-pinned {
  transition: transform 0.3s ease-out;
}
:not(.navigation-open).fixed-header .header.-not-top.-pinned {
  transform: translateY(-88px);
}
@media only screen and (max-width: 1024px) {
  :not(.navigation-open).fixed-header .header.-not-top.-pinned {
    transform: translateY(0%);
  }
}
.header .navigation-trigger {
  display: none;
}
.nav--overflow .header .navigation-trigger {
  display: block;
}
@media only screen and (max-width: 1024px) {
  .header .navigation-trigger {
    display: block;
  }
}
.header .logo-link-wrapper {
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 44px;
}
.nav--overflow .header .logo-link-wrapper {
  flex-grow: 1;
}
@media only screen and (max-width: 1024px) {
  .header .logo-link-wrapper {
    flex-grow: 1;
  }
}
.header .logo-link img {
  width: auto;
  height: 48px;
}
.header .logo-link,
.header .logo-link > .logo {
  width: auto;
  height: 48px;
}
@media only screen and (max-width: 1024px) {
  .header .logo-link,
  .header .logo-link > .logo {
    width: 99px;
    height: 48px;
  }
}
@media only screen and (max-width: 600px) {
  .header .logo-link,
  .header .logo-link > .logo {
    width: 99px;
    height: 48px;
  }
}

.footer {
  background: #8e0505;
}
.footer * {
  color: #ffffff;
}
.footer a,
.footer .wysiwyg a,
.footer .wysiwyg a * {
  color: #ffffff;
}
.footer a:hover,
.footer .wysiwyg a:hover,
.footer .wysiwyg a *:hover {
  color: #f79999 !important;
  background-image: none !important;
}
.footer a:hover[target=_blank]:after,
.footer .wysiwyg a:hover[target=_blank]:after,
.footer .wysiwyg a *:hover[target=_blank]:after {
  display: none;
  background-image: none !important;
}
.footer a[target=_blank]:after,
.footer .wysiwyg a[target=_blank]:after,
.footer .wysiwyg a *[target=_blank]:after {
  background-image: none !important;
  display: none;
}
.footer .wysiwyg p {
  margin-bottom: 24px;
}
@media only screen and (max-width: 1024px) {
  .footer .wysiwyg p {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .footer .wysiwyg p {
    margin-bottom: 16px;
  }
}
.footer .social-channels {
  margin-top: 32px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 1024px) {
  .footer .social-channels {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .footer .social-channels {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .footer .social-channels {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .footer .social-channels {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .footer .social-channels {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .footer .social-channels {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 600px) {
  .footer .social-channels {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .footer .social-channels {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 600px) {
  .footer .social-channels {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .footer .social-channels {
    margin-bottom: 16px;
  }
}
.footer .social-channels a {
  display: inline-block;
  margin-right: 15px;
  margin-left: 15px;
}
@media only screen and (max-width: 600px) {
  .footer .social-channels a {
    margin-right: 10px;
    margin-left: 10px;
  }
}
.footer .social-channels a img {
  width: 24px;
  height: 24px;
}
.footer .bottom-row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.footer .bottom-row .copyright {
  font-weight: 400;
}
@media only screen and (max-width: 1440px) {
  .footer .bottom-row .copyright {
    width: 100%;
    order: 2;
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
.footer .bottom-row * {
  margin-bottom: 0;
}
.footer .legal-navigation {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.footer .legal-navigation .item {
  display: inline-block;
  margin-left: 40px;
}
@media only screen and (max-width: 1024px) {
  .footer .legal-navigation .item {
    margin-left: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .footer .legal-navigation .item {
    margin-left: 24px;
  }
}
@media only screen and (max-width: 1440px) {
  .footer .legal-navigation {
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
  }
  .footer .legal-navigation .item {
    margin-top: 8px;
    margin-right: 12px;
    margin-bottom: 8px;
    margin-left: 12px;
  }
}

.layout-wrapper {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
.layout-wrapper > * {
  flex-shrink: 0;
}
.layout-wrapper > .content-wrapper {
  position: relative;
  flex-grow: 1;
}

.hover-underline {
  position: relative;
}
.hover-underline:after {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  background: currentColor;
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}
.hover-underline:hover:after {
  opacity: 1;
}

.accordion .handorgel {
  border: none;
  border-radius: 4px;
  box-shadow: 0 4px 5px 0 rgba(31, 31, 31, 0.14), 0 1px 10px 0 rgba(31, 31, 31, 0.12), 0 2px 4px -1px rgba(31, 31, 31, 0.2);
}
.accordion .handorgel__header {
  transition: box-shadow 0.25s ease-in-out;
}
html:not([data-whatintent=touch]) .accordion .handorgel__header:hover {
  box-shadow: 0 24px 38px 3px rgba(31, 31, 31, 0.14), 0 9px 46px 8px rgba(31, 31, 31, 0.12), 0 11px 15px -7px rgba(31, 31, 31, 0.2);
}
.accordion .handorgel__header.handorgel__header--open {
  box-shadow: none !important;
}
.accordion .handorgel__header.handorgel__header--open .handorgel__header__button {
  border-bottom: none;
}
.accordion .handorgel__header.handorgel__header--open .handorgel__header__button .icon {
  transform: rotate(-180deg);
  color: #eb0000;
}
.accordion .handorgel__header .handorgel__header__button {
  background: transparent;
  border: none;
  border-bottom: 1px solid #eeeeed;
}
@media only screen and (max-width: 600px) {
  .accordion .handorgel__header .handorgel__header__button {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 600px) and (max-width: 1024px) {
  .accordion .handorgel__header .handorgel__header__button {
    padding-left: 16px;
  }
}
@media only screen and (max-width: 600px) and (max-width: 600px) {
  .accordion .handorgel__header .handorgel__header__button {
    padding-left: 16px;
  }
}
@media only screen and (max-width: 600px) and (max-width: 1024px) {
  .accordion .handorgel__header .handorgel__header__button {
    padding-right: 16px;
  }
}
@media only screen and (max-width: 600px) and (max-width: 600px) {
  .accordion .handorgel__header .handorgel__header__button {
    padding-right: 16px;
  }
}
.accordion .handorgel__header .handorgel__header__button.border-none {
  border-bottom: none;
}
.accordion .handorgel__header .handorgel__header__button .title-column {
  display: flex;
  flex-direction: column;
  pointer-events: none;
}
.accordion .handorgel__header .handorgel__header__button .title-column .subtitle {
  color: #717274;
}
.accordion .handorgel__header .handorgel__header__button .icon {
  transition: transform 0.45s cubic-bezier(0.65, -0.14, 0.59, 1.64), color 0.25s ease-in-out;
  color: #8e0505;
}
html:not([data-whatintent=touch]) .accordion .handorgel__header:hover .title-column .title, html:not([data-whatintent=touch]) .accordion .handorgel__header:hover .title-column .subtitle, .accordion .handorgel__header.handorgel__header--open .title-column .title, .accordion .handorgel__header.handorgel__header--open .title-column .subtitle {
  color: #eb0000;
}
.accordion .handorgel__content {
  border-top: none;
  transition: box-shadow 0.15s ease-in-out;
}
.accordion .handorgel__content.handorgel__content--open {
  transition: height 0.25s ease-in-out;
}
.accordion .handorgel__content .handorgel__content__inner {
  padding: 48px;
  border-bottom: 1px solid #eeeeed;
}
@media only screen and (max-width: 600px) {
  .accordion .handorgel__content .handorgel__content__inner {
    padding: 16px;
  }
}
.accordion .handorgel__content .handorgel__content__inner a {
  text-decoration: none;
  padding: 0;
  background-image: linear-gradient(90deg, #8e0505, #8e0505);
  background-repeat: repeat-x;
  background-position: center 105%;
  background-size: 100% 3px;
}
.accordion .handorgel__content .handorgel__content__inner a:hover {
  text-decoration: none;
  padding: 0;
  background-image: linear-gradient(90deg, #eb0000, #eb0000);
  background-repeat: repeat-x;
  background-position: center 105%;
  background-size: 100% 3px;
}

.language-switcher .form {
  display: inline-flex;
}
.language-switcher .label {
  white-space: nowrap;
  margin-right: 4px;
  font-weight: 400;
}
.language-switcher .select-wrapper {
  display: flex;
}
.language-switcher .select-wrapper .icon {
  pointer-events: none;
  transform: translateX(calc((5px + 8px) / -1));
  margin-left: 5px;
}
.language-switcher .select-wrapper .select {
  padding-right: 13px;
  appearance: none;
  background: transparent;
  border: none;
  color: #ffffff;
  font-weight: 700;
}
.language-switcher .select-wrapper .select option {
  color: #1f1f1f;
}
.language-switcher .select-wrapper .select::-ms-expand {
  display: none;
}

.memory__background-overlay {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  opacity: 0;
  z-index: -1;
  cursor: pointer;
}

.memory-card-link--rest-endpoint {
  position: absolute;
  top: -9999px;
  right: -9999px;
}

.memory-card-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 100%;
  text-align: initial;
  margin-bottom: 80px;
}
.memory-card-container__content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 10px;
  justify-content: center;
  max-width: 900px;
  position: relative;
}
@media only screen and (min-width: 800px) {
  .memory-card-container__content {
    gap: 35px;
  }
}
.memory-card-container__progress-bar {
  --progress-bar-width: 185px;
  --progress-bar-height: 185px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-block: 80px;
}
@media only screen and (min-width: 800px) {
  .memory-card-container__progress-bar {
    --progress-bar-width: 185px;
    --progress-bar-height: 185px;
  }
}
.memory-card-container__progress-bar .circular-progress {
  width: var(--progress-bar-width);
  height: var(--progress-bar-height);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FF0000;
}
.memory-card-container__progress-bar .inner-circle {
  position: absolute;
  width: calc(var(--progress-bar-width) - 15px);
  height: calc(var(--progress-bar-height) - 15px);
  border-radius: 50%;
  background-color: white;
}
@media only screen and (min-width: 800px) {
  .memory-card-container__progress-bar .inner-circle {
    width: calc(var(--progress-bar-width) - 15px);
    height: calc(var(--progress-bar-height) - 15px);
  }
}
.memory-card-container__progress-bar .percentage {
  position: relative;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.25px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin: 5px;
  text-transform: unset;
}
@media only screen and (max-width: 600px) {
  .memory-card-container__progress-bar .percentage {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.15px;
  }
}
@media only screen and (max-width: 600px) {
  .memory-card-container__progress-bar .percentage {
    font-size: 14px;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 800px) {
  .memory-card-container__progress-bar .percentage {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 28px;
    font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
    font-weight: 700;
  }
}
@media only screen and (min-width: 800px) and (max-width: 600px) {
  .memory-card-container__progress-bar .percentage {
    font-size: 18px;
    line-height: 26px;
  }
}
.memory-card-container__progress-bar--hidden {
  position: absolute;
  top: -9999px;
  right: -9999px;
}

:root {
  --time: 0.707s;
}

.memory-card-item:hover {
  cursor: pointer;
}
.memory-card-item__card {
  flex: 1 1 calc(33.33% - 10px);
  max-width: calc(33.33% - 10px);
  aspect-ratio: 1;
  min-height: 100px;
}
@media only screen and (min-width: 800px) {
  .memory-card-item__card {
    flex: 1 1 calc(33.33% - 25px);
    max-width: calc(33.33% - 25px);
  }
}
.memory-card-item__cloned {
  will-change: transform;
}
.memory-card-item__cloned .memory-card-item__face--front__teaser {
  padding-block: 30px;
  padding-inline: 20px;
}
@media only screen and (min-width: 800px) {
  .memory-card-item__cloned .memory-card-item__face--front__teaser {
    padding-block: 55px;
    padding-inline: 40px;
  }
}
.memory-card-item__content {
  height: 100%;
}
.memory-card-item__heading {
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.25px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: unset;
}
@media only screen and (max-width: 600px) {
  .memory-card-item__heading {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.15px;
  }
}
@media only screen and (max-width: 600px) {
  .memory-card-item__heading {
    font-size: 10px;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 800px) {
  .memory-card-item__heading {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 28px;
    font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0;
    text-transform: unset;
  }
}
@media only screen and (min-width: 800px) and (max-width: 600px) {
  .memory-card-item__heading {
    font-size: 18px;
    line-height: 26px;
  }
}
.memory-card-item__teaser {
  font-size: 12px;
}
@media only screen and (min-width: 800px) {
  .memory-card-item__teaser {
    font-size: 16px;
  }
}
.memory-card-item__face {
  background: #FFFFFF;
  box-shadow: 0px 2px 5px #B2B2B1;
  border: 0.25px solid #DADAD9;
  transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.memory-card-item__face--original:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 19px 1.5px rgba(31, 31, 31, 0.14), 0 4.5px 23px 4px rgba(31, 31, 31, 0.12), 0 5.5px 7.5px -3.5px rgba(31, 31, 31, 0.2);
}
.memory-card-item__face--front {
  height: 100%;
}
.memory-card-item__face--front__teaser {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-block: 20px;
  padding-inline: 10px;
}
@media only screen and (min-width: 800px) {
  .memory-card-item__face--front__teaser {
    padding-block: 45px;
    padding-inline: 30px;
  }
}
.memory-card-item__face--front__teaser__title {
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.25px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: unset;
}
@media only screen and (max-width: 600px) {
  .memory-card-item__face--front__teaser__title {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.15px;
  }
}
@media only screen and (max-width: 600px) {
  .memory-card-item__face--front__teaser__title {
    font-size: 10px;
    letter-spacing: 0;
    line-height: 12px;
    text-transform: unset;
  }
}
@media only screen and (min-width: 800px) {
  .memory-card-item__face--front__teaser__title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 28px;
    font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: unset;
  }
}
@media only screen and (min-width: 800px) and (max-width: 600px) {
  .memory-card-item__face--front__teaser__title {
    font-size: 18px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 600px) {
  .memory-card-item__face--front__teaser__teaser .icon.-icon-small {
    width: 9px;
    height: 9px;
  }
  .memory-card-item__face--front__teaser__teaser .font-button-link {
    font-size: 8px;
  }
}
@media only screen and (min-width: 800px) {
  .memory-card-item__face--front__teaser__teaser {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 22px;
    font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
  }
}
@media only screen and (min-width: 800px) and (max-width: 600px) {
  .memory-card-item__face--front__teaser__teaser {
    font-size: 14px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 800px) {
  .memory-card-item__face--front__teaser__teaser {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 22px;
    font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
    font-weight: 400;
  }
}
@media only screen and (min-width: 800px) and (max-width: 600px) {
  .memory-card-item__face--front__teaser__teaser {
    font-size: 14px;
    line-height: 20px;
  }
}
.memory-card-item__face--front .memory-card-item__face--front__icon {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.memory-card-item__face--front .memory-card-item__face--front__icon svg {
  width: 100%;
  height: 100%;
}
.memory-card-item__face--front--active .memory-card-item__face--front__icon {
  display: none;
}
.memory-card-item__face--front--active .memory-card-item__face--front__teaser {
  display: flex;
}
.memory-card-item__face--back {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-block: 30px;
  padding-inline: 20px;
}
@media only screen and (min-width: 800px) {
  .memory-card-item__face--back {
    padding-block: 55px;
    padding-inline: 40px;
  }
}
.memory-card-item__selection {
  display: flex;
  justify-content: space-between;
}
.memory-card-item__selection svg {
  width: 32px;
  height: 32px;
}
@media only screen and (min-width: 800px) {
  .memory-card-item__selection svg {
    width: 65px;
    height: 65px;
  }
}
.memory-card-item__selection--like {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  color: #005108;
  gap: 8px;
  transition: transform 0.3s ease-in-out;
}
.memory-card-item__selection--like:hover {
  transform: scale(1.025);
}
@media only screen and (min-width: 800px) {
  .memory-card-item__selection--like {
    gap: 15px;
  }
}
.memory-card-item__selection--dislike {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  color: #FF0000;
  gap: 8px;
  transition: transform 0.3s ease-in-out;
}
.memory-card-item__selection--dislike:hover {
  transform: scale(1.025);
}
@media only screen and (min-width: 800px) {
  .memory-card-item__selection--dislike {
    gap: 15px;
  }
}
.memory-card-item__description {
  font-size: 10px;
}
@media only screen and (min-width: 800px) {
  .memory-card-item__description {
    font-size: 16px;
  }
}
.memory-card-item__checkbox_wrapper {
  position: absolute;
  top: -9999px;
  right: -9999px;
}

.memory-card-item__content {
  position: relative;
  transform-style: preserve-3d;
}

.memory-card-item__face {
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.memory-card-item__face--back {
  transform: rotateY(180deg);
}

.memory-card-item__flipped .memory-card-item__content {
  transform: rotateY(180deg);
}

.memory-card-item__selection--confirmed {
  width: 100%;
  justify-content: center;
}

.memory-card-item__selection {
  display: flex;
  justify-content: space-between;
}

.memory-card-item__selection--confirmed .memory-card-item__description {
  margin-top: 0;
}

.page-head {
  width: 100%;
  height: calc(
            100vh - 88px - 16px * 2 -
                var(--vh-offset)
        );
  position: relative;
  overflow: hidden;
  background: #ffffff;
}
@media only screen and (max-width: 600px) {
  .page-head {
    height: calc(
                100vh - 64px - 8px *
                    2 - var(--vh-offset)
            );
  }
}
.page-head__image-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
}
.page-head__image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-position: center;
}
.page-head__grid {
  position: relative;
}
.page-head__grid:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 1159px;
  background: #ffffff;
  z-index: -1;
}
.page-head__content-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media only screen and (max-width: 800px) {
  .page-head__content-wrapper__inner {
    padding: 48px;
  }
}
@media only screen and (max-width: 800px) and (max-width: 1024px) {
  .page-head__content-wrapper__inner {
    padding: 40px;
  }
}
@media only screen and (max-width: 800px) and (max-width: 600px) {
  .page-head__content-wrapper__inner {
    padding: 32px;
  }
}
.page-head .container {
  position: relative;
  z-index: 2;
  height: 100%;
}

.content-section .content-module:first-child {
  margin-top: 0;
}

.wysiwyg {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
@media only screen and (max-width: 600px) {
  .wysiwyg {
    font-size: 16px;
    line-height: 22px;
  }
}
.paragraph__small .wysiwyg {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
@media only screen and (max-width: 600px) {
  .paragraph__small .wysiwyg {
    font-size: 14px;
    line-height: 18px;
  }
}
.wysiwyg h2 {
  color: #eb0000;
}
.wysiwyg.-small-text,
.wysiwyg p.-small-text {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
@media only screen and (max-width: 600px) {
  .wysiwyg.-small-text,
  .wysiwyg p.-small-text {
    font-size: 14px;
    line-height: 20px;
  }
}
.wysiwyg.-small-text a,
.wysiwyg p.-small-text a {
  text-decoration: none;
  padding: 0;
  background-image: linear-gradient(90deg, #8e0505, #8e0505);
  background-repeat: repeat-x;
  background-position: center 105%;
  background-size: 100% 2px;
}
.wysiwyg.-small-text a:hover,
.wysiwyg p.-small-text a:hover {
  text-decoration: none;
  padding: 0;
  background-image: linear-gradient(90deg, #eb0000, #eb0000);
  background-repeat: repeat-x;
  background-position: center 105%;
  background-size: 100% 2px;
}
.wysiwyg:last-child {
  margin-bottom: 0;
}
.wysiwyg p {
  margin-bottom: 48px;
}
@media only screen and (max-width: 1024px) {
  .wysiwyg p {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .wysiwyg p {
    margin-bottom: 24px;
  }
}
.wysiwyg ul,
.wysiwyg ol {
  margin: 0 0 0 20px;
  padding: 0;
  margin-bottom: 48px;
}
@media only screen and (max-width: 1024px) {
  .wysiwyg ul,
  .wysiwyg ol {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .wysiwyg ul,
  .wysiwyg ol {
    margin-bottom: 24px;
  }
}
.wysiwyg ul > li,
.wysiwyg ol > li {
  margin-bottom: 16px;
}
@media only screen and (max-width: 1024px) {
  .wysiwyg ul > li,
  .wysiwyg ol > li {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .wysiwyg ul > li,
  .wysiwyg ol > li {
    margin-bottom: 8px;
  }
}
.wysiwyg *:last-child {
  margin-bottom: 0;
}
.wysiwyg .dateline {
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.25px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .wysiwyg .dateline {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.15px;
  }
}
@media only screen and (max-width: 1024px) {
  .wysiwyg .dateline {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .wysiwyg .dateline {
    margin-bottom: 0;
  }
}
.wysiwyg a {
  white-space: pre-wrap;
  text-decoration: none;
  padding: 0;
  background-image: linear-gradient(90deg, #8e0505, #8e0505);
  background-repeat: repeat-x;
  background-position: center 105%;
  background-size: 100% 3px;
}
.wysiwyg a:hover {
  text-decoration: none;
  padding: 0;
  background-image: linear-gradient(90deg, #eb0000, #eb0000);
  background-repeat: repeat-x;
  background-position: center 105%;
  background-size: 100% 3px;
}
.wysiwyg a:hover[target=_blank]:after {
  background-image: url(../static/external@2x_hover-7b21054b6d791ee964e8.png);
}
.wysiwyg a[target=_blank]:after {
  content: "";
  display: inline;
  background-image: url(../static/external@2x-efa5507a50253218ed4e.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.65em;
  padding-left: 1em;
}
.wysiwyg p + ul,
.wysiwyg p + ol {
  margin-top: -8px;
}
@media only screen and (max-width: 1024px) {
  .wysiwyg p + ul,
  .wysiwyg p + ol {
    margin-top: -8px;
  }
}
@media only screen and (max-width: 600px) {
  .wysiwyg p + ul,
  .wysiwyg p + ol {
    margin-top: -8px;
  }
}
@media only screen and (max-width: 1024px) {
  .wysiwyg p + ul,
  .wysiwyg p + ol {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .wysiwyg p + ul,
  .wysiwyg p + ol {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 600px) {
  .wysiwyg p + ul,
  .wysiwyg p + ol {
    margin-top: 0;
  }
}
.wysiwyg ul,
.wysiwyg ol {
  list-style-type: none;
  padding: 0;
  margin-left: 0;
}
.wysiwyg ul li,
.wysiwyg ol li {
  position: relative;
  padding-left: 40px;
}
@media only screen and (max-width: 600px) {
  .wysiwyg ul li,
  .wysiwyg ol li {
    padding-left: 30px;
  }
}
.wysiwyg ul li:before,
.wysiwyg ol li:before {
  color: #eb0000;
  position: absolute;
  left: 0;
}
.wysiwyg ul li:before {
  content: "—";
}
.wysiwyg ol {
  counter-reset: list-item-counter;
}
.wysiwyg ol li {
  counter-increment: list-item-counter;
}
.wysiwyg ol li:before {
  content: counter(list-item-counter);
}

.quote-section .quote {
  margin: 0;
  padding: 0;
  position: relative;
  padding-top: 48px;
  padding-bottom: 48px;
  border-top: 1px solid #eeeeed;
  border-bottom: 1px solid #eeeeed;
  opacity: 0;
  transform: translateY(20px);
  transition: transform 0.5s ease-in, opacity 0.5s ease-in;
  transition-delay: 0.2s;
}
@media only screen and (max-width: 1024px) {
  .quote-section .quote {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .quote-section .quote {
    padding-top: 32px;
  }
}
@media only screen and (max-width: 1024px) {
  .quote-section .quote {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .quote-section .quote {
    padding-bottom: 32px;
  }
}
.quote-section .quote--visible {
  opacity: 1;
  transform: translateY(0);
}
.quote-section .quote p {
  position: relative;
  margin: 0;
}
.quote-section .quote a span {
  color: #1f1f1f;
}

.inline-image .image {
  width: 100%;
  max-width: 100%;
  transform: translate3d(0, 0, 0);
}
.inline-image .image:hover {
  cursor: pointer;
}
.inline-image .image.-not-clickable:hover {
  cursor: initial;
}
.inline-image .visual-ratio.ratio-1_1 {
  padding-bottom: 100%;
}
.inline-image .visual-ratio.ratio-3_2 {
  padding-bottom: 66.66%;
}
@media only screen and (max-width: 1024px) {
  .inline-image .visual-ratio.ratio-1_1, .inline-image .visual-ratio.ratio-3_2 {
    padding-bottom: 66.66%;
  }
}
.inline-image .caption {
  font-weight: 400;
}
.inline-image .source {
  font-weight: 400;
  color: #717274;
}

.inline-video {
  position: relative;
  z-index: 0;
}
.inline-video figure .video-player-container {
  cursor: pointer;
}
.inline-video figure .video-id {
  display: none;
}
.inline-video figure .image {
  width: 100%;
  position: relative;
  z-index: 1;
  transform: translate3d(0, 0, 0);
}
.inline-video figure .play-button {
  width: 64px;
  height: 64px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
@media only screen and (max-width: 600px) {
  .inline-video figure .play-button {
    width: 48px;
    height: 48px;
  }
}
.inline-video figure iframe {
  width: 100%;
  height: 100%;
  border: none;
  position: absolute !important;
  z-index: 0;
}
.inline-video figure .playtime {
  background-color: rgba(31, 31, 31, 0.56);
  position: absolute;
  display: flex;
  z-index: 2;
  top: 16px;
  right: 16px;
}
@media only screen and (max-width: 600px) {
  .inline-video figure .playtime {
    top: 8px;
    right: 8px;
  }
}
.inline-video figure .playtime .playtime-label {
  padding: 4px 8px;
  color: #fff;
}
.inline-video .caption {
  font-weight: 400;
}
.inline-video .source {
  font-weight: 400;
  color: #717274;
}

.info-box {
  background: #f5f5f5;
}
.info-box__icon {
  width: 40px;
  height: 40px;
}

.card {
  display: flex;
  flex-direction: column;
  margin-bottom: 48px;
}
@media only screen and (max-width: 600px) {
  .card {
    margin-bottom: 24px;
  }
}
.card.-small-bottom-space {
  margin-bottom: 32px;
}
@media only screen and (max-width: 1024px) {
  .card.-small-bottom-space {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .card.-small-bottom-space {
    margin-bottom: 16px;
  }
}
.card.-no-bottom-space {
  margin-bottom: 0;
}
@media only screen and (min-width: 701px) {
  .card.-wide .inner {
    flex-direction: row;
  }
  .card.-wide .visual {
    width: 50%;
  }
  .card.-wide .text-wrapper {
    width: 50%;
    flex-shrink: 1;
  }
}
.card .inner {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 4px 5px 0 rgba(31, 31, 31, 0.14), 0 1px 10px 0 rgba(31, 31, 31, 0.12), 0 2px 4px -1px rgba(31, 31, 31, 0.2);
  overflow: hidden;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  flex-direction: column;
  transition: box-shadow 0.25s ease-in-out, transform 0.25s ease-in-out;
}
.card .inner:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 38px 3px rgba(31, 31, 31, 0.14), 0 9px 46px 8px rgba(31, 31, 31, 0.12), 0 11px 15px -7px rgba(31, 31, 31, 0.2);
}
.card .inner:hover .headline,
.card .inner:hover .card-footer .icon-link,
.card .inner:hover .icon {
  color: #eb0000 !important;
}
.card .visual {
  position: relative;
}
.card .badge-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.card .text-wrapper {
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  flex-shrink: 0;
}
@media only screen and (max-width: 600px) {
  .card .text-wrapper {
    padding: 24px;
  }
}
.card .text-wrapper.-reduced-padding {
  padding: 16px;
}
.card .text-wrapper .max-height {
  max-height: 200px;
  overflow: hidden;
}
.card .dateline {
  font-weight: 900;
}
.card .headline {
  transition: color 0.2s ease;
  hyphens: auto;
  white-space: normal;
}
.card .dateline,
.card .text {
  color: #1f1f1f;
}
.card .card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  transform: translate3d(0, 0, 0);
  background: #ffffff;
  margin-top: 12px;
  position: relative;
}
.card .card-footer .icon-link {
  flex-grow: 1;
  transition: color 0.2s ease;
}
.card .card-footer .reading-time {
  color: #717274;
  display: flex;
  align-items: center;
}
.card .card-footer .reading-time .icon {
  bottom: 0;
}
.card .card-link-icon-right {
  margin-left: auto;
}

.card-wrapper {
  max-width: 1159px;
  margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
  .card-wrapper {
    max-width: 944px;
  }
}

.visual-ratio {
  width: 100%;
  height: 0;
  position: relative;
  overflow: hidden;
}
.visual-ratio.-ratio-1_1 {
  padding-bottom: 100%;
}
.visual-ratio.-ratio-3_2 {
  padding-bottom: 66.66%;
}
.visual-ratio.-ratio-16_9 {
  padding-bottom: 56.26%;
}
@media only screen and (max-width: 1200px) {
  .visual-ratio.-ratio-off\@medium-large {
    width: 100%;
    height: 100%;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 700px) {
  .visual-ratio.-ratio-3_2\@small-medium {
    width: 100%;
    height: 0;
    padding-bottom: 66.66%;
  }
}
.visual-ratio.original {
  height: auto;
}

.card-teaser-item--favorite .card-teaser-item__badge-wrapper {
  display: flex;
}
.card-teaser-item .inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  padding: 30px;
  gap: 25px;
  overflow: visible;
}
@media only screen and (min-width: 800px) {
  .card-teaser-item .inner {
    padding-block: 55px;
    padding-inline: 32px;
    gap: 0;
  }
}
.card-teaser-item .inner h3 {
  padding-right: 20px;
}
.card-teaser-item__badge-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-20%, -35%);
  border-radius: 100%;
  width: 75px;
  height: 75px;
  background-color: #5bc5f1;
  color: #fff;
  display: none;
  align-items: center;
  justify-content: center;
}
.card-teaser-item__text-badge {
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.25px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  hyphens: auto;
  font-size: 12px;
  width: 100%;
  text-align: center;
  padding-inline: 10px;
}
@media only screen and (max-width: 600px) {
  .card-teaser-item__text-badge {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.15px;
  }
}
.card-teaser-item__list-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.card-teaser-item__list-item {
  display: flex;
  flex-wrap: nowrap;
  gap: 15px;
}
.card-teaser-item__heading {
  line-height: 24px;
  margin-bottom: 24px;
}
.card-teaser-item__text {
  font-size: 16px;
  margin: 0;
}
.card-teaser-item__price-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 25px;
}
.card-teaser-item__price-label {
  font-size: 14px;
  color: #717274;
}
.card-teaser-item__price {
  font-size: 16px;
  font-weight: bold;
}
.card-teaser-item__checkbox_wrapper {
  position: absolute;
  top: -999999px;
  left: -999999px;
}
.card-teaser-item__link-wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 55px;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.25px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #8e0505;
  text-transform: none;
  font-size: 12px;
}
@media only screen and (max-width: 600px) {
  .card-teaser-item__link-wrapper {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.15px;
  }
}
@media only screen and (min-width: 800px) {
  .card-teaser-item__link-wrapper {
    font-size: 16px;
  }
}
.card-teaser-item .icon-box {
  align-self: baseline;
}
.card-teaser-item .hidden {
  display: none;
}
.card-teaser-item .card-teaser-item__inner--no-hover:hover {
  transform: none;
  box-shadow: 0 4px 5px 0 rgba(31, 31, 31, 0.14), 0 1px 10px 0 rgba(31, 31, 31, 0.12), 0 2px 4px -1px rgba(31, 31, 31, 0.2);
}
.card-teaser-item .card-teaser-item__text-badge .card-teaser-item__text {
  font-size: 14px;
}

.site-frame .frame {
  position: fixed;
  transform: translate3d(0, 0, 0);
}
.site-frame .frame.-top, .site-frame .frame.-bottom {
  z-index: 15;
}
.site-frame .frame.-left, .site-frame .frame.-right {
  z-index: 1;
}
.site-frame .frame.-top {
  top: 0;
  left: 0;
  width: 100%;
  height: var(--site-frame-width, 16px);
  background: #f00000;
  z-index: 45;
}
.site-frame .frame.-right {
  top: 0;
  right: 0;
  width: var(--site-frame-width, 16px);
  height: 100vh;
  background: #f00000;
}
.site-frame .frame.-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--site-frame-width, 16px);
  background: #f00000;
}
.site-frame .frame.-left {
  top: 0;
  left: 0;
  z-index: 300;
  width: var(--site-frame-width, 16px);
  height: 100vh;
  background: #f00000;
}
.site-frame .frame.-left:before {
  width: 0;
  height: 0;
  content: "";
  transform: translateY(-50%);
  position: absolute;
  z-index: 1;
  left: 10px;
  top: calc(
                    88px - 88px /
                        2 + var(--site-frame-width, 16px)
                );
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #ffffff;
  transition: top 0.25s cubic-bezier(0.44, 0.06, 0.35, 0.88);
}
@media only screen and (max-width: 1024px) {
  .site-frame .frame.-left:before {
    top: calc(
                        88px / 2 + var(--site-frame-width, 16px)
                    );
  }
}
@media only screen and (max-width: 600px) {
  .site-frame .frame.-left:before {
    left: calc(var(--site-frame-width_small-bkp, 8px) / 2);
    border-top: calc(var(--site-frame-width_small-bkp, 8px) / 2) solid transparent;
    border-bottom: calc(var(--site-frame-width_small-bkp, 8px) / 2) solid transparent;
    border-right: calc(var(--site-frame-width_small-bkp, 8px) / 2) solid #ffffff;
    top: calc(
                        64px / 2 + var(--site-frame-width_small-bkp, 8px)
                    );
  }
}
@media only screen and (max-width: 600px) {
  .site-frame .frame.-top {
    width: 100%;
    height: var(--site-frame-width_small-bkp, 8px);
  }
  .site-frame .frame.-right {
    width: var(--site-frame-width_small-bkp, 8px);
    height: 100vh;
  }
  .site-frame .frame.-bottom {
    width: 100%;
    height: var(--site-frame-width_small-bkp, 8px);
  }
  .site-frame .frame.-left {
    width: var(--site-frame-width_small-bkp, 8px);
    height: 100vh;
  }
}
.site-frame.-pinned .frame.-left:before, .site-frame.-unpinned .frame.-left:before, .modal-open .site-frame.-pinned.-top .frame.-left:before, .modal-open .site-frame .frame.-left:before {
  top: calc(
                88px - 88px / 2 +
                    var(--site-frame-width, 16px)
            );
}
@media only screen and (max-width: 1024px) {
  .site-frame.-pinned .frame.-left:before, .site-frame.-unpinned .frame.-left:before, .modal-open .site-frame.-pinned.-top .frame.-left:before, .modal-open .site-frame .frame.-left:before {
    top: calc(88px / 2 + var(--site-frame-width, 16px));
  }
}
@media only screen and (max-width: 600px) {
  .site-frame.-pinned .frame.-left:before, .site-frame.-unpinned .frame.-left:before, .modal-open .site-frame.-pinned.-top .frame.-left:before, .modal-open .site-frame .frame.-left:before {
    top: calc(
                    64px / 2 + var(--site-frame-width, 8px)
                );
  }
}
.site-frame.-pinned.-top .frame.-left:before {
  top: calc(
                88px + 45px - 88px / 2 +
                    var(--site-frame-width, 16px)
            );
}
@media only screen and (max-width: 1024px) {
  .site-frame.-pinned.-top .frame.-left:before {
    top: calc(88px / 2 + var(--site-frame-width, 16px));
  }
}
@media only screen and (max-width: 600px) {
  .site-frame.-pinned.-top .frame.-left:before {
    top: calc(
                    64px / 2 + var(--site-frame-width_small-bkp, 8px)
                );
  }
}

.divider {
  width: 100%;
  height: 1px;
  background-color: #eeeeed;
}

.nps-score__radio-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
}
.nps-score__radio-buttons > * {
  margin: 7px !important;
}
.nps-score__legend {
  display: flex;
  justify-content: space-between;
}

.accordion-content-wrapper {
  max-width: 678px;
  margin: 0 auto;
}

.icon-link {
  display: inline-block;
}
.icon-link .icon {
  transform: translate3d(0, 1px, 0);
  transition: transform 0.2s ease-in-out;
  white-space: nowrap;
}
.icon-link .no-wrap {
  white-space: nowrap;
}
.icon-link:hover .icon {
  transform: translate3d(3px, 1px, 0);
  color: #eb0000;
}
.icon-link[data-hovered] .icon {
  transform: translate3d(3px, 1px, 0);
  color: #eb0000;
}

.checkbox-wrapper + .checkbox-wrapper {
  margin-top: -30px;
}
@media only screen and (max-width: 600px) {
  .checkbox-wrapper + .checkbox-wrapper {
    margin-top: -20px;
  }
}

.band.-white {
  background: #ffffff;
}

.campaign-card {
  position: relative;
  display: block;
  user-select: none;
  padding-bottom: 100%;
}
.campaign-card__inner {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.074em 0.054em 0.054em;
  border: 0.037em solid #eb0000;
  color: #eb0000;
  background-color: #ffffff;
}
.campaign-card__inner:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  border-top: 0.0199em solid transparent;
  border-bottom: 0.0199em solid transparent;
  border-right: 0.0199em solid #ffffff;
  transform: translate(-100%, 0.185em);
}
.campaign-card__body {
  flex-grow: 1;
}
.campaign-card__title {
  font-family: "adobe-caslon-pro", "Times New Roman", Times, serif;
  font-weight: 700;
  font-size: 0.105em;
  line-height: 1.02;
  margin: 0;
}
.campaign-card__text {
  font-weight: 700;
  font-size: 0.057em;
  line-height: 1;
  margin: 0;
}

.campaign-carousel {
  display: none;
  overflow: hidden;
}
.campaign-carousel__list {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  touch-action: pan-y;
  box-sizing: content-box;
  transition-property: transform;
  transition-timing-function: ease-out;
  transform: translate3d(0px, 0, 0);
}
.campaign-carousel__item {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex-shrink: 0;
  transform: translateZ(0);
  backface-visibility: hidden;
}
@media only screen and (max-width: 1024px) {
  .campaign-carousel__item {
    gap: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .campaign-carousel__item {
    gap: 16px;
  }
}
.campaign-carousel__pagination {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  font-size: 0;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.campaign-carousel__pagination--locked {
  display: none;
}
.campaign-carousel__bullet {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 10px;
  transform: scale(0);
  transition: 0.3s left, 0.3s transform;
}
@media only screen and (max-width: 1024px) {
  .campaign-carousel__bullet {
    padding: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .campaign-carousel__bullet {
    padding: 6px;
  }
}
.campaign-carousel__bullet::before {
  width: 18px;
  height: 18px;
  content: "";
  display: block;
  border-radius: 50%;
  background-color: #dadad9;
  transition: background-color 0.4s;
}
@media only screen and (max-width: 1024px) {
  .campaign-carousel__bullet::before {
    width: 14px;
    height: 14px;
  }
}
@media only screen and (max-width: 600px) {
  .campaign-carousel__bullet::before {
    width: 10px;
    height: 10px;
  }
}
.campaign-carousel__bullet--active-prev-prev, .campaign-carousel__bullet--active-next-next {
  transform: scale(0.33);
}
.campaign-carousel__bullet--active-prev, .campaign-carousel__bullet--active-next {
  transform: scale(0.66);
}
.campaign-carousel__bullet--active-main {
  transform: scale(1);
}
.campaign-carousel__bullet--active::before {
  background-color: #8e0505;
}
.campaign-carousel--initialized {
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 800px) {
  .campaign-checkbox .gr {
    gap: 32px;
    justify-items: center;
  }
}
.campaign-checkbox__grid {
  justify-items: center;
}
@media only screen and (max-width: 800px) {
  .campaign-checkbox__heading {
    text-align: center;
  }
}
.campaign-checkbox__item {
  max-width: 300px;
}
@media only screen and (max-width: 800px) {
  .campaign-checkbox__item {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 800px) and (max-width: 1024px) {
  .campaign-checkbox__item {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 800px) and (max-width: 600px) {
  .campaign-checkbox__item {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 800px) {
  .campaign-checkbox__item:last-child {
    margin-bottom: 0;
  }
}
.campaign-checkbox__label {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
}
.campaign-checkbox__image {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}
@media only screen and (max-width: 800px) {
  .campaign-checkbox__image {
    max-width: 300px;
  }
}
.campaign-checkbox .control-indicator {
  margin-bottom: auto;
}
.campaign-checkbox__item-label {
  margin-bottom: 16px;
}
@media only screen and (max-width: 1024px) {
  .campaign-checkbox__item-label {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .campaign-checkbox__item-label {
    margin-bottom: 8px;
  }
}
.campaign-checkbox__item-label-wrapper {
  padding-right: 32px;
}

.campaign-generator {
  text-align: left;
}
.campaign-generator__column--field {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 600px) {
  .campaign-generator__column--card {
    order: 2;
  }
  .campaign-generator__column--field {
    order: 1;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 600px) and (max-width: 1024px) {
  .campaign-generator__column--field {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 600px) and (max-width: 600px) {
  .campaign-generator__column--field {
    margin-bottom: 24px;
  }
}
.campaign-generator__field--textarea {
  display: flex;
  flex-grow: 1;
  margin: 0;
}
.campaign-generator__textarea {
  resize: none;
}
.campaign-generator__description {
  position: absolute;
  pointer-events: none;
  left: 16px;
  bottom: 16px;
  margin: 0;
  color: #717274;
}

.campaign-radio__grid {
  justify-items: center;
}
@media only screen and (max-width: 800px) {
  .campaign-radio__item {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 800px) and (max-width: 1024px) {
  .campaign-radio__item {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 800px) and (max-width: 600px) {
  .campaign-radio__item {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 800px) {
  .campaign-radio__item:last-child {
    margin-bottom: 0;
  }
}
.campaign-radio__label {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
}
.campaign-radio__image {
  width: 100%;
  max-width: 300px;
}

.campaign-share__text {
  margin-bottom: 24px;
}
@media only screen and (max-width: 1024px) {
  .campaign-share__text {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .campaign-share__text {
    margin-bottom: 16px;
  }
}
.campaign-share__list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 32px;
}
.campaign-share__link {
  display: block;
}
.campaign-share__image {
  width: 32px;
}

#app {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin-bottom: 0;
}

@media (min-width: 480px) and (min-height: 480px) {
  #app {
    width: 350px;
    margin: 16px auto;
    height: 100%;
    border-radius: 32px;
    margin-bottom: 0;
  }
}
.swiper-tinder {
  padding: 16px;
  width: 100%;
  height: 100%;
}

.swiper-slide::before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  pointer-events: none;
  content: "";
  z-index: 10;
}

.demo-slide-name {
  padding: 16px 16px 96px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  color: #fff;
  z-index: 200;
  font-size: 24px;
}

.demo-empty-slide {
  background: #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  color: #555;
  text-shadow: 0px 1px 0px #fff;
}
.demo-empty-slide::before {
  display: none;
}

:root {
  --swiper-tinder-no-color: $primary-color;
  --swiper-tinder-yes-color: #006021;
  --swiper-tinder-label-text-color: #fff;
  --swiper-tinder-label-font-size: 32px;
  --swiper-tinder-button-size: 74px;
  --swiper-tinder-button-icon-size: 32px;
}

.swiper {
  overflow: visible !important;
  touch-action: pan-y !important;
}

.swiper-tinder {
  box-sizing: border-box;
  touch-action: pan-y !important;
}
.swiper-tinder .swiper-slide {
  overflow: hidden;
  height: fit-content;
}
.swiper-tinder .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-tinder-label {
  position: absolute;
  font-size: var(--swiper-tinder-label-font-size);
  font-weight: bold;
  padding: 4px 12px;
  text-transform: uppercase;
  border-radius: 4px;
  opacity: 0;
  color: var(--swiper-tinder-label-text-color);
}

.swiper-tinder-label-yes {
  left: 3%;
  top: 5%;
  transform: rotate(-20deg);
  background-color: var(--swiper-tinder-yes-color);
  transform-origin: right top;
}

.swiper-tinder-label-no {
  right: 3%;
  top: 5%;
  transform: rotate(20deg);
  background-color: var(--swiper-tinder-no-color);
  transform-origin: left top;
}

.swiper-tinder-button {
  position: absolute;
  cursor: pointer;
  bottom: -90px;
  width: var(--swiper-tinder-button-size);
  height: var(--swiper-tinder-button-size);
  border: 1px solid;
  border-radius: 999px;
  background: transparent;
  appearance: none;
  outline: none;
  box-shadow: none;
  z-index: 100;
  transition-duration: 100ms;
  font-size: var(--swiper-tinder-button-icon-size) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  color: white;
}
.swiper-tinder-button svg {
  width: var(--swiper-tinder-button-icon-size);
  height: var(--swiper-tinder-button-icon-size);
}
.swiper-tinder-button-hidden {
  opacity: 0;
  pointer-events: none;
}
.swiper-tinder-button-no {
  background: #eb0000;
  border-color: var(--swiper-tinder-no-color);
  left: calc(33% - 28px);
}
.swiper-tinder-button-no svg {
  fill: white;
}
.swiper-tinder-button-no.swiper-tinder-button-active, .swiper-tinder-button-no:active {
  background: #eb0000;
  scale: 1.05;
}
.swiper-tinder-button-no.swiper-tinder-button-active svg, .swiper-tinder-button-no:active svg {
  fill: white;
}
.swiper-tinder-button-yes {
  background: var(--swiper-tinder-yes-color);
  border-color: var(--swiper-tinder-yes-color);
  left: calc(66% - 28px);
}
.swiper-tinder-button-yes svg {
  fill: white;
}
.swiper-tinder-button-yes.swiper-tinder-button-active, .swiper-tinder-button-yes:active {
  background: var(--swiper-tinder-yes-color);
  scale: 1.05;
}
.swiper-tinder-button-yes.swiper-tinder-button-active svg, .swiper-tinder-button-yes:active svg {
  fill: white;
}
@media only screen and (max-width: 600px) {
  .swiper-tinder-button {
    display: none !important;
  }
}

@media only screen and (max-width: medium) {
  .hidden-overflow {
    margin: 0;
    overflow-y: hidden;
    height: 100%;
  }
}

.swiper {
  touch-action: none !important;
}
.swiper .visual {
  max-height: 318px;
}
.swiper .swiper-icon--info {
  display: flex;
  pointer-events: all;
  align-content: center;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 20px;
  right: 20px;
  padding: 10px;
  color: #eb0000;
  fill: #eb0000;
  z-index: 10;
  cursor: pointer;
}
.swiper .swiper-icon--info-lamp span {
  height: 30px;
  width: 30px;
}

.swiper-card {
  touch-action: pan-x !important;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: auto;
  position: relative;
  width: 100%;
  height: fit-content;
  transform-style: preserve-3d;
  transition: transform 0.5s;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
}

.swiper-card-front {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 10;
  backface-visibility: hidden;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}

.swiper-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  inset: 0;
  backface-visibility: hidden;
  transform: rotateY(180deg);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}

.swiper-card-inner {
  position: relative;
  background-color: white;
  height: 100%;
}
.swiper-card-inner--front {
  padding-block: 25px 65px;
  padding-inline: 50px;
}
.swiper-card-inner--back {
  padding: 45px;
}
.swiper-card-inner h5 {
  margin-bottom: 15px;
}

.swiper-slide-sliding--true {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
}
.swiper-slide-sliding--true .swiper-card-overlay {
  border: 10px green solid;
  border-left: none;
}
.swiper-slide-sliding--true .swiper-card-overlay:before {
  background-color: green;
}

.swiper-slide-sliding--false {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
}
.swiper-slide-sliding--false .swiper-card-overlay {
  border: 10px solid #eb0000;
  border-left: none;
}
.swiper-slide-sliding--false .swiper-card-overlay:before {
  background-color: #eb0000;
}

.swiper-card-overlay {
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 0;
  position: absolute;
  inset: 0;
  transition: opacity ease-in 600ms;
}
.swiper-card-overlay--active {
  z-index: 100;
  opacity: 1;
}
.swiper-card-overlay--active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 100%;
  clip-path: polygon(100% 0%, 0% 0%, 0% 100%, 100% 100%, 100% 12%, 27% 10%, 100% 8%);
}

.swiper-card-overlay-icon {
  display: none;
  align-content: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  opacity: 1;
}
.swiper-card-overlay-icon-yes--active {
  display: flex;
}
.swiper-card-overlay-icon-no--active {
  display: flex;
}

.swiper-slide {
  opacity: 0 !important;
  transition: opacity ease 700ms;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}

.swiper-slide-prev {
  opacity: 1 !important;
}

.swiper-slide-next {
  opacity: 1 !important;
}

.swiper-slide-active {
  opacity: 1 !important;
}

.swiper-checkbox-container {
  position: absolute;
  top: 0;
  opacity: 0;
}

.swiper-slide--final {
  display: block;
  position: absolute;
  top: -90000px;
  left: -90000px;
}

.empty-slide {
  display: block;
  position: absolute;
  top: -90000px;
  left: -90000px;
  opacity: 0;
}

.swiper-form-submit {
  position: absolute;
  top: -90000px;
  left: -90000px;
  opacity: 0;
}

.bsi-ce-preview-mode .swiper-wrapper {
  display: flex;
  flex-direction: column;
}
.bsi-ce-preview-mode .swiper-slide {
  opacity: 1 !important;
}

.bsi-ce-edit-mode .swiper-wrapper {
  display: flex;
  flex-direction: column;
}
.bsi-ce-edit-mode .empty-slide {
  z-index: 5 !important;
  transform: translate3d(0px, 0px, 0px) rotateZ(0deg) !important;
  opacity: 1 !important;
  display: block !important;
  background-color: lightgrey !important;
  inset: 0 !important;
}
.bsi-ce-edit-mode .empty-slide .swiper-card:before {
  display: none;
}
.bsi-ce-edit-mode .swiper-slide {
  opacity: 1 !important;
}

.swiper-card--flip {
  transform: rotateY(180deg);
}

.swiper-card--flip.swiper-slide-sliding--false .swiper-card-overlay--active {
  border-right: none !important;
  border-left: 10px solid #eb0000 !important;
}
.swiper-card--flip.swiper-slide-sliding--false .swiper-card-overlay--active:before {
  left: unset;
  right: 0;
  transform: rotateY(180deg);
}

.swiper-card--flip.swiper-slide-sliding--true .swiper-card-overlay--active {
  border-right: none;
  border-left: 10px green solid !important;
}
.swiper-card--flip.swiper-slide-sliding--true .swiper-card-overlay--active:before {
  left: unset;
  right: 0;
  transform: rotateY(180deg);
}

.page-dots {
  display: flex;
  width: 100%;
  max-width: 350px;
  margin: 16px auto;
  gap: 8px;
}
.page-dots button {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
.page-dots button span.line {
  display: block;
  height: 1px;
  transition: background 0.25s ease-in-out;
  background: #dadad9;
}
.page-dots button.-active span.line {
  background: #eb0000;
}

/* Material UI Styles */
.mdc-floating-label {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  /* @alternate */
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: 0.009375em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  text-decoration: inherit;
  /* @alternate */
  text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  position: absolute;
  /* @noflip */ /*rtl:ignore*/
  left: 0;
  /* @noflip */ /*rtl:ignore*/
  -webkit-transform-origin: left top;
  /* @noflip */ /*rtl:ignore*/
  transform-origin: left top;
  line-height: 1.15rem;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: text;
  overflow: hidden;
  /* @alternate */
  will-change: transform;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

[dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  right: 0;
  /* @noflip */ /*rtl:ignore*/
  left: auto;
  /* @noflip */ /*rtl:ignore*/
  -webkit-transform-origin: right top;
  /* @noflip */ /*rtl:ignore*/
  transform-origin: right top;
  /* @noflip */ /*rtl:ignore*/
  text-align: right;
  /*rtl:end:ignore*/
}

.mdc-floating-label--float-above {
  cursor: auto;
}

.mdc-floating-label--required::after {
  /* @noflip */ /*rtl:ignore*/
  margin-left: 1px;
  /* @noflip */ /*rtl:ignore*/
  margin-right: 0px;
  content: "*";
}

[dir=rtl] .mdc-floating-label--required, .mdc-floating-label--required[dir=rtl] {
  /*rtl:begin:ignore*/
  /*rtl:end:ignore*/
}

[dir=rtl] .mdc-floating-label--required::after, .mdc-floating-label--required[dir=rtl]::after {
  /* @noflip */ /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */ /*rtl:ignore*/
  margin-right: 1px;
}

.mdc-floating-label--float-above {
  transform: translateY(-106%) scale(0.75);
}

.mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-standard 250ms 1;
}

@keyframes mdc-floating-label-shake-float-above-standard {
  0% {
    /* @noflip */ /*rtl:ignore*/
    transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */ /*rtl:ignore*/
    transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */ /*rtl:ignore*/
    transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
  }
  100% {
    /* @noflip */ /*rtl:ignore*/
    transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  }
}
.mdc-line-ripple::before, .mdc-line-ripple::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom-style: solid;
  content: "";
}

.mdc-line-ripple::before {
  border-bottom-width: 1px;
}

.mdc-line-ripple::before {
  z-index: 1;
}

.mdc-line-ripple::after {
  transform: scaleX(0);
  border-bottom-width: 2px;
  opacity: 0;
  z-index: 2;
}

.mdc-line-ripple::after {
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-line-ripple--active::after {
  transform: scaleX(1);
  opacity: 1;
}

.mdc-line-ripple--deactivating::after {
  opacity: 0;
}

.mdc-notched-outline {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 100%;
  /* @noflip */ /*rtl:ignore*/
  text-align: left;
  pointer-events: none;
}

[dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  text-align: right;
  /*rtl:end:ignore*/
}

.mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
  box-sizing: border-box;
  height: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  pointer-events: none;
}

.mdc-notched-outline__leading {
  /* @noflip */ /*rtl:ignore*/
  border-left: 1px solid;
  /* @noflip */ /*rtl:ignore*/
  border-right: none;
  width: 12px;
}

[dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  border-left: none;
  /* @noflip */ /*rtl:ignore*/
  border-right: 1px solid;
  /*rtl:end:ignore*/
}

.mdc-notched-outline__trailing {
  /* @noflip */ /*rtl:ignore*/
  border-left: none;
  /* @noflip */ /*rtl:ignore*/
  border-right: 1px solid;
  flex-grow: 1;
}

[dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  border-left: 1px solid;
  /* @noflip */ /*rtl:ignore*/
  border-right: none;
  /*rtl:end:ignore*/
}

.mdc-notched-outline__notch {
  flex: 0 0 auto;
  width: auto;
  max-width: calc(100% - 12px * 2);
}

.mdc-notched-outline .mdc-floating-label {
  display: inline-block;
  position: relative;
  max-width: 100%;
}

.mdc-notched-outline .mdc-floating-label--float-above {
  text-overflow: clip;
}

.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  max-width: 133.3333333333%;
}

.mdc-notched-outline--notched .mdc-notched-outline__notch {
  /* @noflip */ /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */ /*rtl:ignore*/
  padding-right: 8px;
  border-top: none;
}

[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  padding-left: 8px;
  /* @noflip */ /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-notched-outline--no-label .mdc-notched-outline__notch {
  display: none;
}

@keyframes mdc-ripple-fg-radius-in {
  from {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@keyframes mdc-ripple-fg-opacity-in {
  from {
    animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@keyframes mdc-ripple-fg-opacity-out {
  from {
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
.mdc-text-field--filled {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: transform, opacity;
}

.mdc-text-field--filled .mdc-text-field__ripple::before,
.mdc-text-field--filled .mdc-text-field__ripple::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}

.mdc-text-field--filled .mdc-text-field__ripple::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 1);
}

.mdc-text-field--filled .mdc-text-field__ripple::after {
  z-index: 0;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 0);
}

.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after {
  top: 0;
  /* @noflip */ /*rtl:ignore*/
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}

.mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */ /*rtl:ignore*/
  left: var(--mdc-ripple-left, 0);
}

.mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}

.mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-text-field--filled .mdc-text-field__ripple::before,
.mdc-text-field--filled .mdc-text-field__ripple::after {
  top: calc(50% - 100%);
  /* @noflip */ /*rtl:ignore*/
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}

.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}

.mdc-text-field__ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.mdc-text-field {
  border-top-left-radius: 4px;
  /* @alternate */
  border-top-left-radius: var(--mdc-shape-small, 4px);
  border-top-right-radius: 4px;
  /* @alternate */
  border-top-right-radius: var(--mdc-shape-small, 4px);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  display: inline-flex;
  align-items: baseline;
  padding: 0 16px;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  /* @alternate */
  will-change: opacity, transform, color;
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: rgba(0, 0, 0, 0.6);
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: rgba(0, 0, 0, 0.87);
}

@media all {
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
    color: rgba(0, 0, 0, 0.54);
  }
}
@media all {
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.54);
  }
}
.mdc-text-field .mdc-text-field__input {
  caret-color: #6200ee;
  /* @alternate */
  caret-color: var(--mdc-theme-primary, #6200ee);
}

.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text {
  color: rgba(0, 0, 0, 0.6);
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,
.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-character-counter {
  color: rgba(0, 0, 0, 0.6);
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading {
  color: rgba(0, 0, 0, 0.54);
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
  color: rgba(0, 0, 0, 0.54);
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix {
  color: rgba(0, 0, 0, 0.6);
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix {
  color: rgba(0, 0, 0, 0.6);
}

.mdc-text-field .mdc-floating-label {
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.mdc-text-field__input {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  /* @alternate */
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: 0.009375em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  text-decoration: inherit;
  /* @alternate */
  text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  height: 28px;
  transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  min-width: 0;
  border: none;
  border-radius: 0;
  background: none;
  appearance: none;
  padding: 0;
}

.mdc-text-field__input::-ms-clear {
  display: none;
}

.mdc-text-field__input::-webkit-calendar-picker-indicator {
  display: none;
}

.mdc-text-field__input:focus {
  outline: none;
}

.mdc-text-field__input:invalid {
  box-shadow: none;
}

@media all {
  .mdc-text-field__input::placeholder {
    transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
  }
}
@media all {
  .mdc-text-field__input:-ms-input-placeholder {
    transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
  }
}
@media all {
  .mdc-text-field--no-label .mdc-text-field__input::placeholder, .mdc-text-field--focused .mdc-text-field__input::placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms;
    opacity: 1;
  }
}
@media all {
  .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms;
    opacity: 1;
  }
}
.mdc-text-field__affix {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  /* @alternate */
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: 0.009375em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  text-decoration: inherit;
  /* @alternate */
  text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  height: 28px;
  transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  white-space: nowrap;
}

.mdc-text-field--label-floating .mdc-text-field__affix, .mdc-text-field--no-label .mdc-text-field__affix {
  opacity: 1;
}

@supports (-webkit-hyphens: none) {
  .mdc-text-field--outlined .mdc-text-field__affix {
    align-items: center;
    align-self: center;
    display: inline-flex;
    height: 100%;
  }
}
.mdc-text-field__affix--prefix {
  /* @noflip */ /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */ /*rtl:ignore*/
  padding-right: 2px;
}

[dir=rtl] .mdc-text-field__affix--prefix, .mdc-text-field__affix--prefix[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  padding-left: 2px;
  /* @noflip */ /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-text-field--end-aligned .mdc-text-field__affix--prefix {
  /* @noflip */ /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */ /*rtl:ignore*/
  padding-right: 12px;
}

[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  padding-left: 12px;
  /* @noflip */ /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-text-field__affix--suffix {
  /* @noflip */ /*rtl:ignore*/
  padding-left: 12px;
  /* @noflip */ /*rtl:ignore*/
  padding-right: 0;
}

[dir=rtl] .mdc-text-field__affix--suffix, .mdc-text-field__affix--suffix[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */ /*rtl:ignore*/
  padding-right: 12px;
  /*rtl:end:ignore*/
}

.mdc-text-field--end-aligned .mdc-text-field__affix--suffix {
  /* @noflip */ /*rtl:ignore*/
  padding-left: 2px;
  /* @noflip */ /*rtl:ignore*/
  padding-right: 0;
}

[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */ /*rtl:ignore*/
  padding-right: 2px;
  /*rtl:end:ignore*/
}

.mdc-text-field--filled {
  height: 56px;
}

.mdc-text-field--filled .mdc-text-field__ripple::before,
.mdc-text-field--filled .mdc-text-field__ripple::after {
  background-color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87));
}

.mdc-text-field--filled:hover .mdc-text-field__ripple::before, .mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before {
  opacity: 0.04;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.04);
}

.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before, .mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before {
  transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.12);
}

.mdc-text-field--filled::before {
  display: inline-block;
  width: 0;
  height: 40px;
  content: "";
  vertical-align: 0;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: whitesmoke;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: rgba(0, 0, 0, 0.42);
}

.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}

.mdc-text-field--filled .mdc-line-ripple::after {
  border-bottom-color: #6200ee;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-primary, #6200ee);
}

.mdc-text-field--filled .mdc-floating-label {
  /* @noflip */ /*rtl:ignore*/
  left: 16px;
  /* @noflip */ /*rtl:ignore*/
  right: initial;
}

[dir=rtl] .mdc-text-field--filled .mdc-floating-label, .mdc-text-field--filled .mdc-floating-label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  left: initial;
  /* @noflip */ /*rtl:ignore*/
  right: 16px;
  /*rtl:end:ignore*/
}

.mdc-text-field--filled .mdc-floating-label--float-above {
  transform: translateY(-106%) scale(0.75);
}

.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
  height: 100%;
}

.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label {
  display: none;
}

.mdc-text-field--filled.mdc-text-field--no-label::before {
  display: none;
}

@supports (-webkit-hyphens: none) {
  .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix {
    align-items: center;
    align-self: center;
    display: inline-flex;
    height: 100%;
  }
}
.mdc-text-field--outlined {
  height: 56px;
  overflow: visible;
}

.mdc-text-field--outlined .mdc-floating-label--float-above {
  transform: translateY(-37.25px) scale(1);
}

.mdc-text-field--outlined .mdc-floating-label--float-above {
  font-size: 0.75rem;
}

.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-34.75px) scale(0.75);
}

.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}

.mdc-text-field--outlined .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined {
  0% {
    /* @noflip */ /*rtl:ignore*/
    transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */ /*rtl:ignore*/
    transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */ /*rtl:ignore*/
    transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
  }
  100% {
    /* @noflip */ /*rtl:ignore*/
    transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  }
}
.mdc-text-field--outlined .mdc-text-field__input {
  height: 100%;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.38);
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.87);
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #6200ee;
  /* @alternate */
  border-color: var(--mdc-theme-primary, #6200ee);
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  /* @noflip */ /*rtl:ignore*/
  border-top-left-radius: 4px;
  /* @alternate */
  /* @noflip */ /*rtl:ignore*/
  border-top-left-radius: var(--mdc-shape-small, 4px);
  /* @noflip */ /*rtl:ignore*/
  border-top-right-radius: 0;
  /* @noflip */ /*rtl:ignore*/
  border-bottom-right-radius: 0;
  /* @noflip */ /*rtl:ignore*/
  border-bottom-left-radius: 4px;
  /* @alternate */
  /* @noflip */ /*rtl:ignore*/
  border-bottom-left-radius: var(--mdc-shape-small, 4px);
}

[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  border-top-left-radius: 0;
  /* @noflip */ /*rtl:ignore*/
  border-top-right-radius: 4px;
  /* @alternate */
  /* @noflip */ /*rtl:ignore*/
  border-top-right-radius: var(--mdc-shape-small, 4px);
  /* @noflip */ /*rtl:ignore*/
  border-bottom-right-radius: 4px;
  /* @alternate */
  /* @noflip */ /*rtl:ignore*/
  border-bottom-right-radius: var(--mdc-shape-small, 4px);
  /* @noflip */ /*rtl:ignore*/
  border-bottom-left-radius: 0;
  /*rtl:end:ignore*/
}

@supports (top: max(0%)) {
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    width: max(12px, var(--mdc-shape-small, 4px));
  }
}
@supports (top: max(0%)) {
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
    max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);
  }
}
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  /* @noflip */ /*rtl:ignore*/
  border-top-left-radius: 0;
  /* @noflip */ /*rtl:ignore*/
  border-top-right-radius: 4px;
  /* @alternate */
  /* @noflip */ /*rtl:ignore*/
  border-top-right-radius: var(--mdc-shape-small, 4px);
  /* @noflip */ /*rtl:ignore*/
  border-bottom-right-radius: 4px;
  /* @alternate */
  /* @noflip */ /*rtl:ignore*/
  border-bottom-right-radius: var(--mdc-shape-small, 4px);
  /* @noflip */ /*rtl:ignore*/
  border-bottom-left-radius: 0;
}

[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  border-top-left-radius: 4px;
  /* @alternate */
  /* @noflip */ /*rtl:ignore*/
  border-top-left-radius: var(--mdc-shape-small, 4px);
  /* @noflip */ /*rtl:ignore*/
  border-top-right-radius: 0;
  /* @noflip */ /*rtl:ignore*/
  border-bottom-right-radius: 0;
  /* @noflip */ /*rtl:ignore*/
  border-bottom-left-radius: 4px;
  /* @alternate */
  /* @noflip */ /*rtl:ignore*/
  border-bottom-left-radius: var(--mdc-shape-small, 4px);
  /*rtl:end:ignore*/
}

@supports (top: max(0%)) {
  .mdc-text-field--outlined {
    /* @noflip */ /*rtl:ignore*/
    padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  }
}
@supports (top: max(0%)) {
  .mdc-text-field--outlined {
    /* @noflip */ /*rtl:ignore*/
    padding-right: max(16px, var(--mdc-shape-small, 4px));
  }
}
@supports (top: max(0%)) {
  .mdc-text-field--outlined + .mdc-text-field-helper-line {
    /* @noflip */ /*rtl:ignore*/
    padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  }
}
@supports (top: max(0%)) {
  .mdc-text-field--outlined + .mdc-text-field-helper-line {
    /* @noflip */ /*rtl:ignore*/
    padding-right: max(16px, var(--mdc-shape-small, 4px));
  }
}
.mdc-text-field--outlined.mdc-text-field--with-leading-icon {
  /* @noflip */ /*rtl:ignore*/
  padding-left: 0;
}

@supports (top: max(0%)) {
  .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
    /* @noflip */ /*rtl:ignore*/
    padding-right: max(16px, var(--mdc-shape-small, 4px));
  }
}
[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

@supports (top: max(0%)) {
  [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
    /* @noflip */ /*rtl:ignore*/
    padding-left: max(16px, var(--mdc-shape-small, 4px));
  }
}
.mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
  /* @noflip */ /*rtl:ignore*/
  padding-right: 0;
}

@supports (top: max(0%)) {
  .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
    /* @noflip */ /*rtl:ignore*/
    padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  }
}
[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  padding-left: 0;
  /*rtl:end:ignore*/
}

@supports (top: max(0%)) {
  [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
    /* @noflip */ /*rtl:ignore*/
    padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  }
}
.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
  /* @noflip */ /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */ /*rtl:ignore*/
  padding-right: 0;
}

.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
  padding-top: 1px;
}

.mdc-text-field--outlined .mdc-text-field__ripple::before,
.mdc-text-field--outlined .mdc-text-field__ripple::after {
  background-color: transparent;
  /* @alternate */
  background-color: var(--mdc-ripple-color, transparent);
}

.mdc-text-field--outlined .mdc-floating-label {
  /* @noflip */ /*rtl:ignore*/
  left: 4px;
  /* @noflip */ /*rtl:ignore*/
  right: initial;
}

[dir=rtl] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  left: initial;
  /* @noflip */ /*rtl:ignore*/
  right: 4px;
  /*rtl:end:ignore*/
}

.mdc-text-field--outlined .mdc-text-field__input {
  display: flex;
  border: none !important;
  background-color: transparent;
}

.mdc-text-field--outlined .mdc-notched-outline {
  z-index: 1;
}

.mdc-text-field--textarea {
  flex-direction: column;
  align-items: center;
  width: auto;
  height: auto;
  padding: 0;
  transition: none;
}

.mdc-text-field--textarea .mdc-floating-label {
  top: 19px;
}

.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above) {
  transform: none;
}

.mdc-text-field--textarea .mdc-text-field__input {
  flex-grow: 1;
  height: auto;
  min-height: 1.5rem;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  resize: none;
  padding: 0 16px;
  line-height: 1.5rem;
}

.mdc-text-field--textarea.mdc-text-field--filled::before {
  display: none;
}

.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above {
  transform: translateY(-10.25px) scale(0.75);
}

.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1;
}

@keyframes mdc-floating-label-shake-float-above-textarea-filled {
  0% {
    /* @noflip */ /*rtl:ignore*/
    transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */ /*rtl:ignore*/
    transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */ /*rtl:ignore*/
    transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
  }
  100% {
    /* @noflip */ /*rtl:ignore*/
    transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  }
}
.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input {
  margin-top: 23px;
  margin-bottom: 9px;
}

.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
  margin-top: 16px;
  margin-bottom: 16px;
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
  padding-top: 0;
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {
  transform: translateY(-27.25px) scale(1);
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {
  font-size: 0.75rem;
}

.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-24.75px) scale(0.75);
}

.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1;
}

@keyframes mdc-floating-label-shake-float-above-textarea-outlined {
  0% {
    /* @noflip */ /*rtl:ignore*/
    transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */ /*rtl:ignore*/
    transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */ /*rtl:ignore*/
    transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
  }
  100% {
    /* @noflip */ /*rtl:ignore*/
    transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  }
}
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input {
  margin-top: 16px;
  margin-bottom: 16px;
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label {
  top: 18px;
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input {
  margin-bottom: 2px;
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter {
  align-self: flex-end;
  padding: 0 16px;
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after {
  display: inline-block;
  width: 0;
  height: 16px;
  content: "";
  vertical-align: -16px;
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before {
  display: none;
}

.mdc-text-field__resizer {
  align-self: stretch;
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
  max-height: 100%;
  max-width: 100%;
  min-height: 56px;
  min-width: fit-content;
  /* @alternate */
  min-width: -moz-available;
  /* @alternate */
  min-width: -webkit-fill-available;
  overflow: hidden;
  resize: both;
}

.mdc-text-field--filled .mdc-text-field__resizer {
  transform: translateY(-1px);
}

.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,
.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter {
  transform: translateY(1px);
}

.mdc-text-field--outlined .mdc-text-field__resizer {
  /* @noflip */ /*rtl:ignore*/
  transform: translateX(-1px) translateY(-1px);
}

[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer, .mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  transform: translateX(1px) translateY(-1px);
  /*rtl:end:ignore*/
}

.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,
.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter {
  /* @noflip */ /*rtl:ignore*/
  transform: translateX(1px) translateY(1px);
}

[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input, [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter, .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl], .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  transform: translateX(-1px) translateY(1px);
  /*rtl:end:ignore*/
}

.mdc-text-field--with-leading-icon {
  /* @noflip */ /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */ /*rtl:ignore*/
  padding-right: 16px;
}

[dir=rtl] .mdc-text-field--with-leading-icon, .mdc-text-field--with-leading-icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */ /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label {
  max-width: calc(100% - 48px);
  /* @noflip */ /*rtl:ignore*/
  left: 48px;
  /* @noflip */ /*rtl:ignore*/
  right: initial;
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  left: initial;
  /* @noflip */ /*rtl:ignore*/
  right: 48px;
  /*rtl:end:ignore*/
}

.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above {
  max-width: calc(100% / 0.75 - 64px / 0.75);
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
  /* @noflip */ /*rtl:ignore*/
  left: 36px;
  /* @noflip */ /*rtl:ignore*/
  right: initial;
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  left: initial;
  /* @noflip */ /*rtl:ignore*/
  right: 36px;
  /*rtl:end:ignore*/
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  max-width: calc(100% - 60px);
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
  /* @noflip */ /*rtl:ignore*/
  transform: translateY(-37.25px) translateX(-32px) scale(1);
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  transform: translateY(-37.25px) translateX(32px) scale(1);
  /*rtl:end:ignore*/
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
  font-size: 0.75rem;
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  /* @noflip */ /*rtl:ignore*/
  transform: translateY(-34.75px) translateX(-32px) scale(0.75);
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  transform: translateY(-34.75px) translateX(32px) scale(0.75);
  /*rtl:end:ignore*/
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
  0% {
    /* @noflip */ /*rtl:ignore*/
    transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */ /*rtl:ignore*/
    transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */ /*rtl:ignore*/
    transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  }
  100% {
    /* @noflip */ /*rtl:ignore*/
    transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  }
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] {
  /*rtl:begin:ignore*/
  /*rtl:end:ignore*/
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
  0% {
    /* @noflip */ /*rtl:ignore*/
    transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */ /*rtl:ignore*/
    transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */ /*rtl:ignore*/
    transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  }
  100% {
    /* @noflip */ /*rtl:ignore*/
    transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  }
}
.mdc-text-field--with-trailing-icon {
  /* @noflip */ /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */ /*rtl:ignore*/
  padding-right: 0;
}

[dir=rtl] .mdc-text-field--with-trailing-icon, .mdc-text-field--with-trailing-icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */ /*rtl:ignore*/
  padding-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
  max-width: calc(100% - 64px);
}

.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
  max-width: calc(100% / 0.75 - 64px / 0.75);
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  max-width: calc(100% - 60px);
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
  /* @noflip */ /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */ /*rtl:ignore*/
  padding-right: 0;
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
  max-width: calc(100% - 96px);
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
  max-width: calc(100% / 0.75 - 96px / 0.75);
}

.mdc-text-field-helper-line {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}

.mdc-text-field + .mdc-text-field-helper-line {
  padding-right: 16px;
  padding-left: 16px;
}

.mdc-form-field > .mdc-text-field + label {
  align-self: flex-start;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: rgba(98, 0, 238, 0.87);
}

.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--focused .mdc-notched-outline__trailing {
  border-width: 2px;
}

.mdc-text-field--focused + .mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
  opacity: 1;
}

.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
  padding-top: 2px;
}

.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch {
  padding-top: 0;
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}

.mdc-text-field--invalid .mdc-text-field__input {
  caret-color: #b00020;
  /* @alternate */
  caret-color: var(--mdc-theme-error, #b00020);
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}

.mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
  opacity: 1;
}

.mdc-text-field--disabled {
  pointer-events: none;
}

.mdc-text-field--disabled .mdc-text-field__input {
  color: rgba(0, 0, 0, 0.38);
}

@media all {
  .mdc-text-field--disabled .mdc-text-field__input::placeholder {
    color: rgba(0, 0, 0, 0.38);
  }
}
@media all {
  .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.38);
  }
}
.mdc-text-field--disabled .mdc-floating-label {
  color: rgba(0, 0, 0, 0.38);
}

.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {
  color: rgba(0, 0, 0, 0.38);
}

.mdc-text-field--disabled .mdc-text-field-character-counter,
.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
  color: rgba(0, 0, 0, 0.38);
}

.mdc-text-field--disabled .mdc-text-field__icon--leading {
  color: rgba(0, 0, 0, 0.3);
}

.mdc-text-field--disabled .mdc-text-field__icon--trailing {
  color: rgba(0, 0, 0, 0.3);
}

.mdc-text-field--disabled .mdc-text-field__affix--prefix {
  color: rgba(0, 0, 0, 0.38);
}

.mdc-text-field--disabled .mdc-text-field__affix--suffix {
  color: rgba(0, 0, 0, 0.38);
}

.mdc-text-field--disabled .mdc-line-ripple::before {
  border-bottom-color: rgba(0, 0, 0, 0.06);
}

.mdc-text-field--disabled .mdc-notched-outline__leading,
.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--disabled .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.06);
}

@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field__input::placeholder {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-floating-label {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field-character-counter,
  .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field__icon--leading {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field__icon--trailing {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field__affix--prefix {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field__affix--suffix {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-line-ripple::before {
    border-bottom-color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-notched-outline__leading,
  .mdc-text-field--disabled .mdc-notched-outline__notch,
  .mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: GrayText;
  }
}
@media screen and (forced-colors: active) {
  .mdc-text-field--disabled .mdc-text-field__input {
    background-color: Window;
  }
  .mdc-text-field--disabled .mdc-floating-label {
    z-index: 1;
  }
}
.mdc-text-field--disabled .mdc-floating-label {
  cursor: default;
}

.mdc-text-field--disabled.mdc-text-field--filled {
  background-color: #fafafa;
}

.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple {
  display: none;
}

.mdc-text-field--disabled .mdc-text-field__input {
  pointer-events: auto;
}

.mdc-text-field--end-aligned .mdc-text-field__input {
  /* @noflip */ /*rtl:ignore*/
  text-align: right;
}

[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  text-align: left;
  /*rtl:end:ignore*/
}

[dir=rtl] .mdc-text-field--ltr-text, .mdc-text-field--ltr-text[dir=rtl] {
  /*rtl:begin:ignore*/
  /*rtl:end:ignore*/
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix {
  /* @noflip */ /*rtl:ignore*/
  direction: ltr;
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
  /* @noflip */ /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */ /*rtl:ignore*/
  padding-right: 2px;
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
  /* @noflip */ /*rtl:ignore*/
  padding-left: 12px;
  /* @noflip */ /*rtl:ignore*/
  padding-right: 0;
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading {
  order: 1;
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
  order: 2;
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input {
  order: 3;
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
  order: 4;
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing {
  order: 5;
}

[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] {
  /*rtl:begin:ignore*/
  /*rtl:end:ignore*/
}

[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input {
  /* @noflip */ /*rtl:ignore*/
  text-align: right;
}

[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix {
  /* @noflip */ /*rtl:ignore*/
  padding-right: 12px;
}

[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix {
  /* @noflip */ /*rtl:ignore*/
  padding-left: 2px;
}

.mdc-text-field-helper-text {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.75rem;
  /* @alternate */
  font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-caption-font-weight, 400);
  letter-spacing: 0.0333333333em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  text-decoration: inherit;
  /* @alternate */
  text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-caption-text-transform, inherit);
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin: 0;
  opacity: 0;
  will-change: opacity;
  transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-text-field-helper-text::before {
  display: inline-block;
  width: 0;
  height: 16px;
  content: "";
  vertical-align: 0;
}

.mdc-text-field-helper-text--persistent {
  transition: none;
  opacity: 1;
  will-change: initial;
}

.mdc-text-field-character-counter {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.75rem;
  /* @alternate */
  font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-caption-font-weight, 400);
  letter-spacing: 0.0333333333em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  text-decoration: inherit;
  /* @alternate */
  text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-caption-text-transform, inherit);
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  /* @noflip */ /*rtl:ignore*/
  margin-left: auto;
  /* @noflip */ /*rtl:ignore*/
  margin-right: 0;
  /* @noflip */ /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */ /*rtl:ignore*/
  padding-right: 0;
  white-space: nowrap;
}

.mdc-text-field-character-counter::before {
  display: inline-block;
  width: 0;
  height: 16px;
  content: "";
  vertical-align: 0;
}

[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */ /*rtl:ignore*/
  margin-right: auto;
  /*rtl:end:ignore*/
}

[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */ /*rtl:ignore*/
  padding-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-text-field__icon {
  align-self: center;
  cursor: pointer;
}

.mdc-text-field__icon:not([tabindex]), .mdc-text-field__icon[tabindex="-1"] {
  cursor: default;
  pointer-events: none;
}

.mdc-text-field__icon svg {
  display: block;
}

.mdc-text-field__icon--leading {
  /* @noflip */ /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */ /*rtl:ignore*/
  margin-right: 8px;
}

[dir=rtl] .mdc-text-field__icon--leading, .mdc-text-field__icon--leading[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  margin-left: 8px;
  /* @noflip */ /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-text-field__icon--trailing {
  padding: 12px;
  /* @noflip */ /*rtl:ignore*/
  margin-left: 0px;
  /* @noflip */ /*rtl:ignore*/
  margin-right: 0px;
}

[dir=rtl] .mdc-text-field__icon--trailing, .mdc-text-field__icon--trailing[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */ /*rtl:ignore*/
  margin-left: 0px;
  /* @noflip */ /*rtl:ignore*/
  margin-right: 0px;
  /*rtl:end:ignore*/
}

.mdc-form-field.-error:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-form-field.-error:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-form-field.-error:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: #ce0101;
}
.mdc-form-field.-error:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #ce0101;
}
.mdc-form-field.-error .mdc-text-field__icon {
  color: #ce0101;
}
.mdc-form-field .mdc-text-field-helper-line {
  margin-top: 8px;
}
@media only screen and (max-width: 1024px) {
  .mdc-form-field .mdc-text-field-helper-line {
    margin-top: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .mdc-form-field .mdc-text-field-helper-line {
    margin-top: 8px;
  }
}
.mdc-form-field .mdc-text-field-helper-line--no-margin {
  margin: 0;
}
.mdc-form-field .mdc-text-field-helper-line.not-mdc {
  padding-right: 16px;
  padding-left: 16px;
}
.mdc-form-field .mdc-text-field-helper-line.not-mdc .mdc-text-field-helper-text {
  color: #ce0101;
}
.mdc-form-field .mdc-text-field-helper-line .mdc-text-field-helper-text {
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.25px;
}

/* Textfield */
.mdc-text-field {
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
  height: 48px;
  background-color: #fff;
}
.mdc-text-field .mdc-text-field__input {
  caret-color: #eb0000;
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: #1f1f1f;
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #717274;
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: #dadad9;
}
.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #1f1f1f;
}
.mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #1f1f1f;
}
.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text {
  color: #ce0101;
}
.mdc-text-field.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field.mdc-text-field--focused .mdc-notched-outline__trailing {
  border-width: 1px;
}
.mdc-text-field.mdc-text-field--textarea {
  height: auto;
}
.mdc-text-field:hover:not(.mdc-text-field--disabled) .mdc-floating-label, .mdc-text-field.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #1f1f1f;
}
.mdc-text-field.mdc-text-field--with-trailing-icon {
  padding: 0;
}
.mdc-text-field.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input {
  padding-left: 16px;
  padding-right: 48px;
}
.mdc-text-field.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon {
  left: auto;
  right: 16px;
}
.mdc-text-field.disabled .mdc-text-field__input {
  color: #717274;
}
.mdc-text-field.disabled .mdc-notched-outline__leading,
.mdc-text-field.disabled .mdc-notched-outline__notch,
.mdc-text-field.disabled .mdc-notched-outline__trailing {
  border-color: #dadad9 !important;
}
.mdc-text-field .mdc-floating-label {
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
}
.mdc-text-field .mdc-floating-label.mdc-floating-label--float-above {
  font-weight: 700;
  transform: translateY(-30.75px) scale(0.7);
  letter-spacing: 0.25px;
  color: #1f1f1f;
  overflow: visible;
}
.mdc-text-field .mdc-text-field__input {
  padding: 16px 16px;
  font-family: "Basic Commercial W01", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 16px;
  letter-spacing: 0;
}
.mdc-text-field .mdc-notched-outline__leading,
.mdc-text-field .mdc-notched-outline__notch,
.mdc-text-field .mdc-notched-outline__trailing {
  transition: all 0.15s ease-in;
}
.mdc-text-field .mdc-notched-outline__notch {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.mdc-notched-outline--notched .mdc-text-field .mdc-notched-outline__notch {
  flex-direction: row;
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon {
  color: #8e0505;
  cursor: default;
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon.-with-help-text {
  cursor: pointer;
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon.-with-help-text:hover {
  color: #eb0000;
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon.-with-help-text:hover + .icon-help-text {
  opacity: 1;
}
.mdc-text-field.mdc-fileupload-field {
  height: unset;
}

.icon-help-text {
  position: absolute;
  z-index: 1;
  right: -16px;
  top: -40px;
  background: #f5f5f5;
  padding: 10px 12px;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  border-radius: 4px;
  box-shadow: 0 4px 5px 0 rgba(31, 31, 31, 0.07), 0 1px 10px 0 rgba(31, 31, 31, 0.06), 0 2px 4px -1px rgba(31, 31, 31, 0.1);
}
.icon-help-text:before {
  content: "";
  width: 12px;
  height: 12px;
  right: calc(
    32px - 6px + 8px
);
  position: absolute;
  bottom: -6px;
  z-index: 1;
  background: #f5f5f5;
  transform: rotate(45deg);
  box-shadow: 3px 3px 4px rgba(31, 31, 31, 0.1);
}
.icon-help-text span {
  color: #717274;
}

/**
 * Swiper 9.0.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 13, 2023
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

.swiper,
swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide,
swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.bsi-ce-edit-mode [data-bsi-element],
.bsi-ce-preview-mode [data-bsi-element] {
  display: block !important;
  height: auto !important;
}
.bsi-ce-edit-mode [data-bsi-dropzone],
.bsi-ce-preview-mode [data-bsi-dropzone] {
  opacity: 1 !important;
}
.bsi-ce-edit-mode .page-head,
.bsi-ce-preview-mode .page-head {
  height: 700px !important;
}