/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.105.0_cssnano@4.1.10_html-minifier-terser@7.2.0_postcss@8.5.15_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.5.12_typescript@5.6.3_webpack@5.105.0_cssnano@4.1.10_htm_a13eaac9405f17a4bf506bca9341edbd/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.105.0_cssnano@4.1.10_html-minifier-terser@7.2.0_postcss@8.5.15_/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./git_modules/@tomandco/dragonfly-builder/webpack/lib/vw-unit-cleanup.js!./node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.15_typescript@5.6.3_webpack@5.105.0_cssnano@4.1.10_htm_4cb9f94cefd539e7adcaee425002c2f2/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!./node_modules/.pnpm/sass-loader@16.0.8_sass@1.85.0_webpack@5.105.0_cssnano@4.1.10_html-minifier-terser@7.2.0_postcss@8.5.15_/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[10].use[2]!./projects/app-default/src/styles.scss?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,700i,800,800i&display=swap);
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.105.0_cssnano@4.1.10_html-minifier-terser@7.2.0_postcss@8.5.15_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.5.12_typescript@5.6.3_webpack@5.105.0_cssnano@4.1.10_htm_a13eaac9405f17a4bf506bca9341edbd/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.85.0_webpack@5.105.0_cssnano@4.1.10_html-minifier-terser@7.2.0_postcss@8.5.15_/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./git_modules/@tomandco/dragonfly-builder/webpack/lib/vw-unit-cleanup.js!./node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.15_typescript@5.6.3_webpack@5.105.0_cssnano@4.1.10_htm_4cb9f94cefd539e7adcaee425002c2f2/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!./node_modules/.pnpm/sass-loader@16.0.8_sass@1.85.0_webpack@5.105.0_cssnano@4.1.10_html-minifier-terser@7.2.0_postcss@8.5.15_/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[10].use[2]!./projects/app-default/src/styles.scss?ngGlobalStyle (1) ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
*, :after, :before {
  box-sizing: border-box;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, button, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, optgroup, output, p, pre, progress, q, ruby, s, samp, section, select, small, span, strike, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  vertical-align: initial;
  color: inherit;
  text-transform: none;
  outline: none;
  border-radius: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

body {
  line-height: 1;
  margin: 0;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

audio, canvas, progress, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background-color: initial;
  text-decoration: none;
  -webkit-text-decoration-skip: objects;
  cursor: pointer;
  outline: none;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: inherit;
  font-weight: 700;
}

dfn {
  font-style: italic;
}

address {
  font-style: normal;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: initial;
  height: 0;
  overflow: visible;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
  background-color: initial;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

input, select, textarea {
  line-height: normal;
  outline: none;
  background-color: initial;
  width: 100%;
  background-image: none;
  background-clip: padding-box;
}

input:focus, select:focus, textarea:focus {
  box-shadow: none;
  outline: none;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: initial;
  outline-offset: -2px;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

textarea {
  overflow: auto;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img[src*=""] {
  width: 0;
  height: 0;
}

* {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

:root {
  --atomic-background-color-1:#454647;
  --atomic-background-color-2:#bf0a00;
  --atomic-background-color-3:#4cd964;
  --atomic-background-color-4:#e8e8e8;
  --atomic-background-color-5:#fafafa;
  --atomic-background-color-11:#ff2c54;
  --atomic-background-color-12:#2e2e2e;
  --atomic-background-color-13:#c52241;
  --atomic-background-color-14:#fef6f3;
  --atomic-background-color-15:#feede8;
  --atomic-background-color-16:#fefaf8;
  --atomic-background-color-21:#757575;
  --atomic-background-color-22:#ed699a;
  --atomic-background-color-23:#f2f2f2;
  --atomic-background-color-24:#afafaf;
  --atomic-background-color-25:#eddcd4;
  --atomic-background-color-27:#aca09b;
  --atomic-background-color-28:#e5e2e1;
  --atomic-background-color-29:#1d1c1f;
  --atomic-background-color-30:#4d90fe;
  --atomic-background-color-32:#505050;
  --atomic-background-color-b:#000;
  --atomic-background-color-w:#fff;
  --atomic-background-color-t:transparent;
  --atomic-background-color-12-temp:#7e7d7b;
  --atomic-background-color-default:#fff;
  --atomic-body-background-color:transparent;
  --atomic-body-color:#000;
  --atomic-border-radius:0;
  --atomic-border-color-1:#454647;
  --atomic-border-color-2:#bf0a00;
  --atomic-border-color-3:#4cd964;
  --atomic-border-color-4:#e8e8e8;
  --atomic-border-color-5:#fafafa;
  --atomic-border-color-11:#ff2c54;
  --atomic-border-color-12:#2e2e2e;
  --atomic-border-color-13:#c52241;
  --atomic-border-color-14:#fef6f3;
  --atomic-border-color-15:#feede8;
  --atomic-border-color-16:#fefaf8;
  --atomic-border-color-21:#757575;
  --atomic-border-color-22:#ed699a;
  --atomic-border-color-23:#f2f2f2;
  --atomic-border-color-24:#afafaf;
  --atomic-border-color-25:#eddcd4;
  --atomic-border-color-27:#aca09b;
  --atomic-border-color-28:#e5e2e1;
  --atomic-border-color-29:#1d1c1f;
  --atomic-border-color-30:#4d90fe;
  --atomic-border-color-32:#505050;
  --atomic-border-color-b:#000;
  --atomic-border-color-w:#fff;
  --atomic-border-color-t:transparent;
  --atomic-border-color-12-temp:#7e7d7b;
  --atomic-border-color-default:#e8e8e8;
  --atomic-color-1:#454647;
  --atomic-color-2:#bf0a00;
  --atomic-color-3:#4cd964;
  --atomic-color-4:#e8e8e8;
  --atomic-color-5:#fafafa;
  --atomic-color-11:#ff2c54;
  --atomic-color-12:#2e2e2e;
  --atomic-color-13:#c52241;
  --atomic-color-14:#fef6f3;
  --atomic-color-15:#feede8;
  --atomic-color-16:#fefaf8;
  --atomic-color-21:#757575;
  --atomic-color-22:#ed699a;
  --atomic-color-23:#f2f2f2;
  --atomic-color-24:#afafaf;
  --atomic-color-25:#eddcd4;
  --atomic-color-27:#aca09b;
  --atomic-color-28:#e5e2e1;
  --atomic-color-29:#1d1c1f;
  --atomic-color-30:#4d90fe;
  --atomic-color-32:#505050;
  --atomic-color-b:#000;
  --atomic-color-w:#fff;
  --atomic-color-t:transparent;
  --atomic-color-12-temp:#7e7d7b;
  --atomic-font-family-1:"Montserrat",sans-serif;
  --atomic-font-family-default:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --atomic-font-weight-regular:400;
  --atomic-font-weight-medium:500;
  --atomic-font-weight-semi-bold:600;
  --atomic-font-weight-bold:700;
  --atomic-font-weight-extra-bold:800;
  --atomic-font-weight-thin:100;
  --atomic-font-weight-bolder:900;
}

.size-s {
  --atomic-size:calc(var(--vw,1vw)*1);
}

.size-m {
  --atomic-size:calc(var(--vw,1vw)*0.4);
}

.size-l, .size-x {
  --atomic-size:0.3125rem;
}

un-app {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  opacity: 0;
}

body.is-un {
  height: calc(var(--vh, 1vh) * 100);
}

body.is-un un-app {
  pointer-events: auto;
  opacity: 1;
  background-color: #fff;
}

body.is-un app {
  visibility: hidden;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}

@font-face {
  font-family: icons;
  src: url(/assets/fonts/icons/icons.woff2?adc61a5be948e1fe64e6f62bbd03c3a4) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
[class*=" icon-"]:before, [class^=icon-]:before {
  display: inline-block;
  font-family: icons !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1em;
  width: 1em;
  speak: none;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-youtube:before {
  content: "\f101";
}

.icon-wishlist:before {
  content: "\f102";
}

.icon-wishlist-fill:before {
  content: "\f103";
}

.icon-wishlist-1:before {
  content: "\f104";
}

.icon-wishlist-1-fill:before {
  content: "\f105";
}

.icon-up:before {
  content: "\f106";
}

.icon-up-1:before {
  content: "\f107";
}

.icon-twitter:before {
  content: "\f108";
}

.icon-tick:before {
  content: "\f109";
}

.icon-star:before, .rate-full:before {
  content: "\f10a";
}

.icon-star-half:before, .rate-half:before {
  content: "\f10b";
}

.icon-star-empty:before, .rate-empty:before {
  content: "\f10c";
}

.icon-search:before {
  content: "\f10d";
}

.icon-search-1:before {
  content: "\f10e";
}

.icon-right:before {
  content: "\f10f";
}

.icon-remove:before {
  content: "\f110";
}

.icon-recents:before {
  content: "\f111";
}

.icon-question-mark:before {
  content: "\f112";
}

.icon-plus:before {
  content: "\f113";
}

.icon-plus-italic:before {
  content: "\f114";
}

.icon-play:before {
  content: "\f115";
}

.icon-pinterest:before {
  content: "\f116";
}

.icon-phone:before {
  content: "\f117";
}

.icon-pause:before {
  content: "\f118";
}

.icon-minus:before {
  content: "\f119";
}

.icon-minus-italic:before {
  content: "\f11a";
}

.icon-menu:before {
  content: "\f11b";
}

.icon-menu-1:before {
  content: "\f11c";
}

.icon-mail:before {
  content: "\f11d";
}

.icon-location:before {
  content: "\f11e";
}

.icon-left:before {
  content: "\f11f";
}

.icon-instagram:before {
  content: "\f120";
}

.icon-info:before {
  content: "\f121";
}

.icon-info-circled:before {
  content: "\f122";
}

.icon-icons-returns:before {
  content: "\f123";
}

.icon-help:before {
  content: "\f124";
}

.icon-grid-5:before {
  content: "\f125";
}

.icon-grid-4:before {
  content: "\f126";
}

.icon-grid-3:before {
  content: "\f127";
}

.icon-grid-2:before {
  content: "\f128";
}

.icon-grid-1:before {
  content: "\f129";
}

.icon-gift-wrap:before {
  content: "\f12a";
}

.icon-facebook:before {
  content: "\f12b";
}

.icon-eye:before {
  content: "\f12c";
}

.icon-exclamation-mark:before {
  content: "\f12d";
}

.icon-down:before, .zippy-indicator:before {
  content: "\f12e";
}

.icon-close-1:before {
  content: "\f12f";
}

.icon-chevron-right:before {
  content: "\f130";
}

.icon-chevron-left:before {
  content: "\f131";
}

.icon-check:before {
  content: "\f132";
}

.icon-chat:before {
  content: "\f133";
}

.icon-cancel:before {
  content: "\f134";
}

.icon-cancel-1:before {
  content: "\f135";
}

.icon-basket:before {
  content: "\f136";
}

.icon-basket-2:before {
  content: "\f137";
}

.icon-basket-1:before {
  content: "\f138";
}

.icon-bag:before {
  content: "\f139";
}

.icon-back-to-top-arrow:before {
  content: "\f13a";
}

.icon-arrow-right:before {
  content: "\f13b";
}

.icon-arrow-left:before {
  content: "\f13c";
}

.icon-account:before {
  content: "\f13d";
}

.icon-account-1:before {
  content: "\f13e";
}

.hide-fade {
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
  pointer-events: auto;
}

.hide-fade:not(.pos-absolute):not(.pos-fixed) {
  position: relative;
}

.hide-fade.ng-hide {
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  transition: z-index 0s cubic-bezier(0.4, 0, 0.2, 1) 0.15s, opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.hide-left {
  transition-property: transform, opacity;
  transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.hide-left.ng-hide {
  opacity: 0;
  transform: translateX(-100%) !important;
  pointer-events: none;
}

.hide-up {
  position: relative;
  transform: translateZ(0);
  transition: margin-top 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.hide-up.ng-hide {
  margin-top: -50em;
}

.hide-up-100.ng-hide {
  margin-top: -100em;
}

.hide-up-container {
  position: relative;
  overflow: hidden;
}

.animation-slide-up {
  transition-property: transform, opacity;
  transition: transform 0.15s ease-in-out;
  transform: translateX(0);
}

.animation-slide-up.ng-hide {
  opacity: 0;
  pointer-events: none;
  transform: translateX(-100%);
}

.busy-state-animation {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.busy-state-animation:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border-color: #000 transparent;
  border-style: solid;
  border-width: 6px;
  animation: dual-ring 1.5s linear infinite;
}

@keyframes dual-ring {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.sr-only {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  white-space: nowrap;
}

.bg-col-1, .size-l .bg-col-1-l, .size-m .bg-col-1-m, .size-s .bg-col-1-s, .size-x .bg-col-1-x {
  background-color: #454647;
  background-color: var(--atomic-background-color-1, #454647);
}

.bg-col-2, .size-l .bg-col-2-l, .size-m .bg-col-2-m, .size-s .bg-col-2-s, .size-x .bg-col-2-x {
  background-color: #bf0a00;
  background-color: var(--atomic-background-color-2, #bf0a00);
}

.bg-col-3, .size-l .bg-col-3-l, .size-m .bg-col-3-m, .size-s .bg-col-3-s, .size-x .bg-col-3-x {
  background-color: #4cd964;
  background-color: var(--atomic-background-color-3, #4cd964);
}

.bg-col-4, .size-l .bg-col-4-l, .size-m .bg-col-4-m, .size-s .bg-col-4-s, .size-x .bg-col-4-x {
  background-color: #e8e8e8;
  background-color: var(--atomic-background-color-4, #e8e8e8);
}

.bg-col-5, .size-l .bg-col-5-l, .size-m .bg-col-5-m, .size-s .bg-col-5-s, .size-x .bg-col-5-x {
  background-color: #fafafa;
  background-color: var(--atomic-background-color-5, #fafafa);
}

.bg-col-11, .size-l .bg-col-11-l, .size-m .bg-col-11-m, .size-s .bg-col-11-s, .size-x .bg-col-11-x {
  background-color: #ff2c54;
  background-color: var(--atomic-background-color-11, #ff2c54);
}

.bg-col-12, .size-l .bg-col-12-l, .size-m .bg-col-12-m, .size-s .bg-col-12-s, .size-x .bg-col-12-x {
  background-color: #2e2e2e;
  background-color: var(--atomic-background-color-12, #2e2e2e);
}

.bg-col-13, .size-l .bg-col-13-l, .size-m .bg-col-13-m, .size-s .bg-col-13-s, .size-x .bg-col-13-x {
  background-color: #c52241;
  background-color: var(--atomic-background-color-13, #c52241);
}

.bg-col-14, .size-l .bg-col-14-l, .size-m .bg-col-14-m, .size-s .bg-col-14-s, .size-x .bg-col-14-x {
  background-color: #fef6f3;
  background-color: var(--atomic-background-color-14, #fef6f3);
}

.bg-col-15, .size-l .bg-col-15-l, .size-m .bg-col-15-m, .size-s .bg-col-15-s, .size-x .bg-col-15-x {
  background-color: #feede8;
  background-color: var(--atomic-background-color-15, #feede8);
}

.bg-col-16, .size-l .bg-col-16-l, .size-m .bg-col-16-m, .size-s .bg-col-16-s, .size-x .bg-col-16-x {
  background-color: #fefaf8;
  background-color: var(--atomic-background-color-16, #fefaf8);
}

.bg-col-21, .size-l .bg-col-21-l, .size-m .bg-col-21-m, .size-s .bg-col-21-s, .size-x .bg-col-21-x {
  background-color: #757575;
  background-color: var(--atomic-background-color-21, #757575);
}

.bg-col-22, .size-l .bg-col-22-l, .size-m .bg-col-22-m, .size-s .bg-col-22-s, .size-x .bg-col-22-x {
  background-color: #ed699a;
  background-color: var(--atomic-background-color-22, #ed699a);
}

.bg-col-23, .size-l .bg-col-23-l, .size-m .bg-col-23-m, .size-s .bg-col-23-s, .size-x .bg-col-23-x {
  background-color: #f2f2f2;
  background-color: var(--atomic-background-color-23, #f2f2f2);
}

.bg-col-24, .size-l .bg-col-24-l, .size-m .bg-col-24-m, .size-s .bg-col-24-s, .size-x .bg-col-24-x {
  background-color: #afafaf;
  background-color: var(--atomic-background-color-24, #afafaf);
}

.bg-col-25, .size-l .bg-col-25-l, .size-m .bg-col-25-m, .size-s .bg-col-25-s, .size-x .bg-col-25-x {
  background-color: #eddcd4;
  background-color: var(--atomic-background-color-25, #eddcd4);
}

.bg-col-27, .size-l .bg-col-27-l, .size-m .bg-col-27-m, .size-s .bg-col-27-s, .size-x .bg-col-27-x {
  background-color: #aca09b;
  background-color: var(--atomic-background-color-27, #aca09b);
}

.bg-col-28, .size-l .bg-col-28-l, .size-m .bg-col-28-m, .size-s .bg-col-28-s, .size-x .bg-col-28-x {
  background-color: #e5e2e1;
  background-color: var(--atomic-background-color-28, #e5e2e1);
}

.bg-col-29, .size-l .bg-col-29-l, .size-m .bg-col-29-m, .size-s .bg-col-29-s, .size-x .bg-col-29-x {
  background-color: #1d1c1f;
  background-color: var(--atomic-background-color-29, #1d1c1f);
}

.bg-col-30, .size-l .bg-col-30-l, .size-m .bg-col-30-m, .size-s .bg-col-30-s, .size-x .bg-col-30-x {
  background-color: #4d90fe;
  background-color: var(--atomic-background-color-30, #4d90fe);
}

.bg-col-32, .size-l .bg-col-32-l, .size-m .bg-col-32-m, .size-s .bg-col-32-s, .size-x .bg-col-32-x {
  background-color: #505050;
  background-color: var(--atomic-background-color-32, #505050);
}

.bg-col-b, .size-l .bg-col-b-l, .size-m .bg-col-b-m, .size-s .bg-col-b-s, .size-x .bg-col-b-x {
  background-color: #000;
  background-color: var(--atomic-background-color-b, #000);
}

.bg-col-w, .size-l .bg-col-w-l, .size-m .bg-col-w-m, .size-s .bg-col-w-s, .size-x .bg-col-w-x {
  background-color: #fff;
  background-color: var(--atomic-background-color-w, #fff);
}

.bg-col-t, .size-l .bg-col-t-l, .size-m .bg-col-t-m, .size-s .bg-col-t-s, .size-x .bg-col-t-x {
  background-color: initial;
  background-color: var(--atomic-background-color-t, transparent);
}

.bg-col-12-temp, .size-l .bg-col-12-temp-l, .size-m .bg-col-12-temp-m, .size-s .bg-col-12-temp-s, .size-x .bg-col-12-temp-x {
  background-color: #7e7d7b;
  background-color: var(--atomic-background-color-12-temp, #7e7d7b);
}

.bg-fixed, .size-l .bg-fixed-l, .size-m .bg-fixed-m, .size-s .bg-fixed-s, .size-x .bg-fixed-x {
  background-attachment: fixed;
}

.bg-local, .size-l .bg-local-l, .size-m .bg-local-m, .size-s .bg-local-s, .size-x .bg-local-x {
  background-attachment: local;
}

.bg-scroll, .size-l .bg-scroll-l, .size-m .bg-scroll-m, .size-s .bg-scroll-s, .size-x .bg-scroll-x {
  background-attachment: scroll;
}

.bg-repeat, .size-l .bg-repeat-l, .size-m .bg-repeat-m, .size-s .bg-repeat-s, .size-x .bg-repeat-x {
  background-repeat: repeat;
}

.bg-no-repeat, .size-l .bg-no-repeat-l, .size-m .bg-no-repeat-m, .size-s .bg-no-repeat-s, .size-x .bg-no-repeat-x {
  background-repeat: no-repeat;
}

.bg-cover, .size-l .bg-cover-l, .size-m .bg-cover-m, .size-s .bg-cover-s, .size-x .bg-cover-x {
  background-size: cover;
}

.bg-contain, .size-l .bg-contain-l, .size-m .bg-contain-m, .size-s .bg-contain-s, .size-x .bg-contain-x {
  background-size: contain;
}

.b-col-1, .size-l .b-col-1-l, .size-m .b-col-1-m, .size-s .b-col-1-s, .size-x .b-col-1-x {
  border-color: #454647;
  border-color: var(--atomic-border-color-1, #454647);
}

.b-col-2, .is-invalid [class*=" input"], .is-invalid [class*=" select"], .is-invalid [class^=input], .is-invalid [class^=select], .size-l .b-col-2-l, .size-m .b-col-2-m, .size-s .b-col-2-s, .size-x .b-col-2-x {
  border-color: #bf0a00;
  border-color: var(--atomic-border-color-2, #bf0a00);
}

.b-col-3, .size-l .b-col-3-l, .size-m .b-col-3-m, .size-s .b-col-3-s, .size-x .b-col-3-x {
  border-color: #4cd964;
  border-color: var(--atomic-border-color-3, #4cd964);
}

.b-col-4, .size-l .b-col-4-l, .size-m .b-col-4-m, .size-s .b-col-4-s, .size-x .b-col-4-x {
  border-color: #e8e8e8;
  border-color: var(--atomic-border-color-4, #e8e8e8);
}

.b-col-5, .size-l .b-col-5-l, .size-m .b-col-5-m, .size-s .b-col-5-s, .size-x .b-col-5-x {
  border-color: #fafafa;
  border-color: var(--atomic-border-color-5, #fafafa);
}

.b-col-11, .size-l .b-col-11-l, .size-m .b-col-11-m, .size-s .b-col-11-s, .size-x .b-col-11-x {
  border-color: #ff2c54;
  border-color: var(--atomic-border-color-11, #ff2c54);
}

.b-col-12, .size-l .b-col-12-l, .size-m .b-col-12-m, .size-s .b-col-12-s, .size-x .b-col-12-x {
  border-color: #2e2e2e;
  border-color: var(--atomic-border-color-12, #2e2e2e);
}

.b-col-13, .size-l .b-col-13-l, .size-m .b-col-13-m, .size-s .b-col-13-s, .size-x .b-col-13-x {
  border-color: #c52241;
  border-color: var(--atomic-border-color-13, #c52241);
}

.b-col-14, .size-l .b-col-14-l, .size-m .b-col-14-m, .size-s .b-col-14-s, .size-x .b-col-14-x {
  border-color: #fef6f3;
  border-color: var(--atomic-border-color-14, #fef6f3);
}

.b-col-15, .size-l .b-col-15-l, .size-m .b-col-15-m, .size-s .b-col-15-s, .size-x .b-col-15-x {
  border-color: #feede8;
  border-color: var(--atomic-border-color-15, #feede8);
}

.b-col-16, .size-l .b-col-16-l, .size-m .b-col-16-m, .size-s .b-col-16-s, .size-x .b-col-16-x {
  border-color: #fefaf8;
  border-color: var(--atomic-border-color-16, #fefaf8);
}

.b-col-21, .size-l .b-col-21-l, .size-m .b-col-21-m, .size-s .b-col-21-s, .size-x .b-col-21-x {
  border-color: #757575;
  border-color: var(--atomic-border-color-21, #757575);
}

.b-col-22, .size-l .b-col-22-l, .size-m .b-col-22-m, .size-s .b-col-22-s, .size-x .b-col-22-x {
  border-color: #ed699a;
  border-color: var(--atomic-border-color-22, #ed699a);
}

.b-col-23, .size-l .b-col-23-l, .size-m .b-col-23-m, .size-s .b-col-23-s, .size-x .b-col-23-x {
  border-color: #f2f2f2;
  border-color: var(--atomic-border-color-23, #f2f2f2);
}

.b-col-24, .size-l .b-col-24-l, .size-m .b-col-24-m, .size-s .b-col-24-s, .size-x .b-col-24-x {
  border-color: #afafaf;
  border-color: var(--atomic-border-color-24, #afafaf);
}

.b-col-25, .size-l .b-col-25-l, .size-m .b-col-25-m, .size-s .b-col-25-s, .size-x .b-col-25-x {
  border-color: #eddcd4;
  border-color: var(--atomic-border-color-25, #eddcd4);
}

.b-col-27, .size-l .b-col-27-l, .size-m .b-col-27-m, .size-s .b-col-27-s, .size-x .b-col-27-x {
  border-color: #aca09b;
  border-color: var(--atomic-border-color-27, #aca09b);
}

.b-col-28, .size-l .b-col-28-l, .size-m .b-col-28-m, .size-s .b-col-28-s, .size-x .b-col-28-x {
  border-color: #e5e2e1;
  border-color: var(--atomic-border-color-28, #e5e2e1);
}

.b-col-29, .size-l .b-col-29-l, .size-m .b-col-29-m, .size-s .b-col-29-s, .size-x .b-col-29-x {
  border-color: #1d1c1f;
  border-color: var(--atomic-border-color-29, #1d1c1f);
}

.b-col-30, .size-l .b-col-30-l, .size-m .b-col-30-m, .size-s .b-col-30-s, .size-x .b-col-30-x {
  border-color: #4d90fe;
  border-color: var(--atomic-border-color-30, #4d90fe);
}

.b-col-32, .size-l .b-col-32-l, .size-m .b-col-32-m, .size-s .b-col-32-s, .size-x .b-col-32-x {
  border-color: #505050;
  border-color: var(--atomic-border-color-32, #505050);
}

.b-col-b, .icon-swatch.is-checked, .size-l .b-col-b-l, .size-m .b-col-b-m, .size-s .b-col-b-s, .size-x .b-col-b-x {
  border-color: #000;
  border-color: var(--atomic-border-color-b, #000);
}

.b-col-w, .size-l .b-col-w-l, .size-m .b-col-w-m, .size-s .b-col-w-s, .size-x .b-col-w-x {
  border-color: #fff;
  border-color: var(--atomic-border-color-w, #fff);
}

.b-col-t, .icon-swatch, .size-l .b-col-t-l, .size-m .b-col-t-m, .size-s .b-col-t-s, .size-x .b-col-t-x {
  border-color: transparent;
  border-color: var(--atomic-border-color-t, transparent);
}

.b-col-12-temp, .size-l .b-col-12-temp-l, .size-m .b-col-12-temp-m, .size-s .b-col-12-temp-s, .size-x .b-col-12-temp-x {
  border-color: #7e7d7b;
  border-color: var(--atomic-border-color-12-temp, #7e7d7b);
}

.b-a-0, .size-l .b-a-0-l, .size-m .b-a-0-m, .size-s .b-a-0-s, .size-x .b-a-0-x {
  border: none !important;
}

.b-a, .icon-swatch, .size-l .b-a-l, .size-m .b-a-m, .size-s .b-a-s, .size-x .b-a-x {
  border-width: 1px;
  border-style: solid;
}

.b-a:not([class^=b-col-], [class*=" b-col-"]), .size-l .b-a-l:not([class^=b-col-], [class*=" b-col-"]), .size-m .b-a-m:not([class^=b-col-], [class*=" b-col-"]), .size-s .b-a-s:not([class^=b-col-], [class*=" b-col-"]), .size-x .b-a-x:not([class^=b-col-], [class*=" b-col-"]) {
  border-color: #e8e8e8;
  border-color: var(--atomic-border-color-default, #e8e8e8);
}

.b-t-0, .size-l .b-t-0-l, .size-m .b-t-0-m, .size-s .b-t-0-s, .size-x .b-t-0-x {
  border-top: none !important;
}

.b-t, .size-l .b-t-l, .size-m .b-t-m, .size-s .b-t-s, .size-x .b-t-x {
  border-top-width: 1px;
  border-top-style: solid;
}

.b-t:not([class^=b-col-], [class*=" b-col-"]), .size-l .b-t-l:not([class^=b-col-], [class*=" b-col-"]), .size-m .b-t-m:not([class^=b-col-], [class*=" b-col-"]), .size-s .b-t-s:not([class^=b-col-], [class*=" b-col-"]), .size-x .b-t-x:not([class^=b-col-], [class*=" b-col-"]) {
  border-top-color: #e8e8e8;
  border-top-color: var(--atomic-border-color-default, #e8e8e8);
}

.b-r-0, .size-l .b-r-0-l, .size-m .b-r-0-m, .size-s .b-r-0-s, .size-x .b-r-0-x {
  border-right: none !important;
}

.b-r, .size-l .b-r-l, .size-m .b-r-m, .size-s .b-r-s, .size-x .b-r-x {
  border-right-width: 1px;
  border-right-style: solid;
}

.b-r:not([class^=b-col-], [class*=" b-col-"]), .size-l .b-r-l:not([class^=b-col-], [class*=" b-col-"]), .size-m .b-r-m:not([class^=b-col-], [class*=" b-col-"]), .size-s .b-r-s:not([class^=b-col-], [class*=" b-col-"]), .size-x .b-r-x:not([class^=b-col-], [class*=" b-col-"]) {
  border-right-color: #e8e8e8;
  border-right-color: var(--atomic-border-color-default, #e8e8e8);
}

.b-b-0, .size-l .b-b-0-l, .size-m .b-b-0-m, .size-s .b-b-0-s, .size-x .b-b-0-x {
  border-bottom: none !important;
}

.b-b, .size-l .b-b-l, .size-m .b-b-m, .size-s .b-b-s, .size-x .b-b-x {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.b-b:not([class^=b-col-], [class*=" b-col-"]), .size-l .b-b-l:not([class^=b-col-], [class*=" b-col-"]), .size-m .b-b-m:not([class^=b-col-], [class*=" b-col-"]), .size-s .b-b-s:not([class^=b-col-], [class*=" b-col-"]), .size-x .b-b-x:not([class^=b-col-], [class*=" b-col-"]) {
  border-bottom-color: #e8e8e8;
  border-bottom-color: var(--atomic-border-color-default, #e8e8e8);
}

.b-l-0, .size-l .b-l-0-l, .size-m .b-l-0-m, .size-s .b-l-0-s, .size-x .b-l-0-x {
  border-left: none !important;
}

.b-l, .size-l .b-l-l, .size-m .b-l-m, .size-s .b-l-s, .size-x .b-l-x {
  border-left-width: 1px;
  border-left-style: solid;
}

.b-l:not([class^=b-col-], [class*=" b-col-"]), .size-l .b-l-l:not([class^=b-col-], [class*=" b-col-"]), .size-m .b-l-m:not([class^=b-col-], [class*=" b-col-"]), .size-s .b-l-s:not([class^=b-col-], [class*=" b-col-"]), .size-x .b-l-x:not([class^=b-col-], [class*=" b-col-"]) {
  border-left-color: #e8e8e8;
  border-left-color: var(--atomic-border-color-default, #e8e8e8);
}

.b-a-w-2, .b-w-2, .size-l .b-a-w-2-l, .size-l .b-w-2-l, .size-m .b-a-w-2-m, .size-m .b-w-2-m, .size-s .b-a-w-2-s, .size-s .b-w-2-s, .size-x .b-a-w-2-x, .size-x .b-w-2-x {
  border-width: 2px;
}

.b-t-w-2, .size-l .b-t-w-2-l, .size-m .b-t-w-2-m, .size-s .b-t-w-2-s, .size-x .b-t-w-2-x {
  border-top-width: 2px;
}

.b-r-w-2, .size-l .b-r-w-2-l, .size-m .b-r-w-2-m, .size-s .b-r-w-2-s, .size-x .b-r-w-2-x {
  border-right-width: 2px;
}

.b-b-w-2, .size-l .b-b-w-2-l, .size-m .b-b-w-2-m, .size-s .b-b-w-2-s, .size-x .b-b-w-2-x {
  border-bottom-width: 2px;
}

.b-l-w-2, .size-l .b-l-w-2-l, .size-m .b-l-w-2-m, .size-s .b-l-w-2-s, .size-x .b-l-w-2-x {
  border-left-width: 2px;
}

.b-radius, .size-l .b-radius-l, .size-m .b-radius-m, .size-s .b-radius-s, .size-x .b-radius-x {
  border-radius: 0;
  border-radius: var(--atomic-border-radius-default, 0);
}

.b-radius-2, .size-l .b-radius-2-l, .size-m .b-radius-2-m, .size-s .b-radius-2-s, .size-x .b-radius-2-x {
  border-radius: 2px;
}

.b-solid, .size-l .b-solid-l, .size-m .b-solid-m, .size-s .b-solid-s, .size-x .b-solid-x {
  border-style: solid;
}

.b-dashed, .size-l .b-dashed-l, .size-m .b-dashed-m, .size-s .b-dashed-s, .size-x .b-dashed-x {
  border-style: dashed;
}

.b-dotted, .size-l .b-dotted-l, .size-m .b-dotted-m, .size-s .b-dotted-s, .size-x .b-dotted-x {
  border-style: dotted;
}

.b-none, .size-l .b-none-l, .size-m .b-none-m, .size-s .b-none-s, .size-x .b-none-x {
  border-style: none;
}

.b-radius-0, .size-l .b-radius-0-l, .size-m .b-radius-0-m, .size-s .b-radius-0-s, .size-x .b-radius-0-x {
  border-radius: 0;
}

.b-radius-max, .size-l .b-radius-max-l, .size-m .b-radius-max-m, .size-s .b-radius-max-s, .size-x .b-radius-max-x {
  border-radius: 9999px;
}

[class*=" b-radius-"], [class^=b-radius-] {
  backface-visibility: hidden;
  transform: translateZ(0);
}

.col-1, .col-1:after, .col-1:before, .size-l .col-1-l, .size-l .col-1-l:after, .size-l .col-1-l:before, .size-m .col-1-m, .size-m .col-1-m:after, .size-m .col-1-m:before, .size-s .col-1-s, .size-s .col-1-s:after, .size-s .col-1-s:before, .size-x .col-1-x, .size-x .col-1-x:after, .size-x .col-1-x:before {
  color: #454647;
  color: var(--atomic-color-1, #454647);
}

.col-2, .col-2:after, .col-2:before, .size-l .col-2-l, .size-l .col-2-l:after, .size-l .col-2-l:before, .size-m .col-2-m, .size-m .col-2-m:after, .size-m .col-2-m:before, .size-s .col-2-s, .size-s .col-2-s:after, .size-s .col-2-s:before, .size-x .col-2-x, .size-x .col-2-x:after, .size-x .col-2-x:before {
  color: #bf0a00;
  color: var(--atomic-color-2, #bf0a00);
}

.col-3, .col-3:after, .col-3:before, .size-l .col-3-l, .size-l .col-3-l:after, .size-l .col-3-l:before, .size-m .col-3-m, .size-m .col-3-m:after, .size-m .col-3-m:before, .size-s .col-3-s, .size-s .col-3-s:after, .size-s .col-3-s:before, .size-x .col-3-x, .size-x .col-3-x:after, .size-x .col-3-x:before {
  color: #4cd964;
  color: var(--atomic-color-3, #4cd964);
}

.col-4, .col-4:after, .col-4:before, .size-l .col-4-l, .size-l .col-4-l:after, .size-l .col-4-l:before, .size-m .col-4-m, .size-m .col-4-m:after, .size-m .col-4-m:before, .size-s .col-4-s, .size-s .col-4-s:after, .size-s .col-4-s:before, .size-x .col-4-x, .size-x .col-4-x:after, .size-x .col-4-x:before {
  color: #e8e8e8;
  color: var(--atomic-color-4, #e8e8e8);
}

.col-5, .col-5:after, .col-5:before, .size-l .col-5-l, .size-l .col-5-l:after, .size-l .col-5-l:before, .size-m .col-5-m, .size-m .col-5-m:after, .size-m .col-5-m:before, .size-s .col-5-s, .size-s .col-5-s:after, .size-s .col-5-s:before, .size-x .col-5-x, .size-x .col-5-x:after, .size-x .col-5-x:before {
  color: #fafafa;
  color: var(--atomic-color-5, #fafafa);
}

.col-11, .col-11:after, .col-11:before, .size-l .col-11-l, .size-l .col-11-l:after, .size-l .col-11-l:before, .size-m .col-11-m, .size-m .col-11-m:after, .size-m .col-11-m:before, .size-s .col-11-s, .size-s .col-11-s:after, .size-s .col-11-s:before, .size-x .col-11-x, .size-x .col-11-x:after, .size-x .col-11-x:before {
  color: #ff2c54;
  color: var(--atomic-color-11, #ff2c54);
}

.col-12, .col-12:after, .col-12:before, .size-l .col-12-l, .size-l .col-12-l:after, .size-l .col-12-l:before, .size-m .col-12-m, .size-m .col-12-m:after, .size-m .col-12-m:before, .size-s .col-12-s, .size-s .col-12-s:after, .size-s .col-12-s:before, .size-x .col-12-x, .size-x .col-12-x:after, .size-x .col-12-x:before {
  color: #2e2e2e;
  color: var(--atomic-color-12, #2e2e2e);
}

.col-13, .col-13:after, .col-13:before, .size-l .col-13-l, .size-l .col-13-l:after, .size-l .col-13-l:before, .size-m .col-13-m, .size-m .col-13-m:after, .size-m .col-13-m:before, .size-s .col-13-s, .size-s .col-13-s:after, .size-s .col-13-s:before, .size-x .col-13-x, .size-x .col-13-x:after, .size-x .col-13-x:before {
  color: #c52241;
  color: var(--atomic-color-13, #c52241);
}

.col-14, .col-14:after, .col-14:before, .size-l .col-14-l, .size-l .col-14-l:after, .size-l .col-14-l:before, .size-m .col-14-m, .size-m .col-14-m:after, .size-m .col-14-m:before, .size-s .col-14-s, .size-s .col-14-s:after, .size-s .col-14-s:before, .size-x .col-14-x, .size-x .col-14-x:after, .size-x .col-14-x:before {
  color: #fef6f3;
  color: var(--atomic-color-14, #fef6f3);
}

.col-15, .col-15:after, .col-15:before, .size-l .col-15-l, .size-l .col-15-l:after, .size-l .col-15-l:before, .size-m .col-15-m, .size-m .col-15-m:after, .size-m .col-15-m:before, .size-s .col-15-s, .size-s .col-15-s:after, .size-s .col-15-s:before, .size-x .col-15-x, .size-x .col-15-x:after, .size-x .col-15-x:before {
  color: #feede8;
  color: var(--atomic-color-15, #feede8);
}

.col-16, .col-16:after, .col-16:before, .size-l .col-16-l, .size-l .col-16-l:after, .size-l .col-16-l:before, .size-m .col-16-m, .size-m .col-16-m:after, .size-m .col-16-m:before, .size-s .col-16-s, .size-s .col-16-s:after, .size-s .col-16-s:before, .size-x .col-16-x, .size-x .col-16-x:after, .size-x .col-16-x:before {
  color: #fefaf8;
  color: var(--atomic-color-16, #fefaf8);
}

.col-21, .col-21:after, .col-21:before, .size-l .col-21-l, .size-l .col-21-l:after, .size-l .col-21-l:before, .size-m .col-21-m, .size-m .col-21-m:after, .size-m .col-21-m:before, .size-s .col-21-s, .size-s .col-21-s:after, .size-s .col-21-s:before, .size-x .col-21-x, .size-x .col-21-x:after, .size-x .col-21-x:before {
  color: #757575;
  color: var(--atomic-color-21, #757575);
}

.col-22, .col-22:after, .col-22:before, .size-l .col-22-l, .size-l .col-22-l:after, .size-l .col-22-l:before, .size-m .col-22-m, .size-m .col-22-m:after, .size-m .col-22-m:before, .size-s .col-22-s, .size-s .col-22-s:after, .size-s .col-22-s:before, .size-x .col-22-x, .size-x .col-22-x:after, .size-x .col-22-x:before {
  color: #ed699a;
  color: var(--atomic-color-22, #ed699a);
}

.col-23, .col-23:after, .col-23:before, .size-l .col-23-l, .size-l .col-23-l:after, .size-l .col-23-l:before, .size-m .col-23-m, .size-m .col-23-m:after, .size-m .col-23-m:before, .size-s .col-23-s, .size-s .col-23-s:after, .size-s .col-23-s:before, .size-x .col-23-x, .size-x .col-23-x:after, .size-x .col-23-x:before {
  color: #f2f2f2;
  color: var(--atomic-color-23, #f2f2f2);
}

.col-24, .col-24:after, .col-24:before, .size-l .col-24-l, .size-l .col-24-l:after, .size-l .col-24-l:before, .size-m .col-24-m, .size-m .col-24-m:after, .size-m .col-24-m:before, .size-s .col-24-s, .size-s .col-24-s:after, .size-s .col-24-s:before, .size-x .col-24-x, .size-x .col-24-x:after, .size-x .col-24-x:before {
  color: #afafaf;
  color: var(--atomic-color-24, #afafaf);
}

.col-25, .col-25:after, .col-25:before, .size-l .col-25-l, .size-l .col-25-l:after, .size-l .col-25-l:before, .size-m .col-25-m, .size-m .col-25-m:after, .size-m .col-25-m:before, .size-s .col-25-s, .size-s .col-25-s:after, .size-s .col-25-s:before, .size-x .col-25-x, .size-x .col-25-x:after, .size-x .col-25-x:before {
  color: #eddcd4;
  color: var(--atomic-color-25, #eddcd4);
}

.col-27, .col-27:after, .col-27:before, .size-l .col-27-l, .size-l .col-27-l:after, .size-l .col-27-l:before, .size-m .col-27-m, .size-m .col-27-m:after, .size-m .col-27-m:before, .size-s .col-27-s, .size-s .col-27-s:after, .size-s .col-27-s:before, .size-x .col-27-x, .size-x .col-27-x:after, .size-x .col-27-x:before {
  color: #aca09b;
  color: var(--atomic-color-27, #aca09b);
}

.col-28, .col-28:after, .col-28:before, .size-l .col-28-l, .size-l .col-28-l:after, .size-l .col-28-l:before, .size-m .col-28-m, .size-m .col-28-m:after, .size-m .col-28-m:before, .size-s .col-28-s, .size-s .col-28-s:after, .size-s .col-28-s:before, .size-x .col-28-x, .size-x .col-28-x:after, .size-x .col-28-x:before {
  color: #e5e2e1;
  color: var(--atomic-color-28, #e5e2e1);
}

.col-29, .col-29:after, .col-29:before, .size-l .col-29-l, .size-l .col-29-l:after, .size-l .col-29-l:before, .size-m .col-29-m, .size-m .col-29-m:after, .size-m .col-29-m:before, .size-s .col-29-s, .size-s .col-29-s:after, .size-s .col-29-s:before, .size-x .col-29-x, .size-x .col-29-x:after, .size-x .col-29-x:before {
  color: #1d1c1f;
  color: var(--atomic-color-29, #1d1c1f);
}

.col-30, .col-30:after, .col-30:before, .size-l .col-30-l, .size-l .col-30-l:after, .size-l .col-30-l:before, .size-m .col-30-m, .size-m .col-30-m:after, .size-m .col-30-m:before, .size-s .col-30-s, .size-s .col-30-s:after, .size-s .col-30-s:before, .size-x .col-30-x, .size-x .col-30-x:after, .size-x .col-30-x:before {
  color: #4d90fe;
  color: var(--atomic-color-30, #4d90fe);
}

.col-32, .col-32:after, .col-32:before, .size-l .col-32-l, .size-l .col-32-l:after, .size-l .col-32-l:before, .size-m .col-32-m, .size-m .col-32-m:after, .size-m .col-32-m:before, .size-s .col-32-s, .size-s .col-32-s:after, .size-s .col-32-s:before, .size-x .col-32-x, .size-x .col-32-x:after, .size-x .col-32-x:before {
  color: #505050;
  color: var(--atomic-color-32, #505050);
}

.col-b, .col-b:after, .col-b:before, .size-l .col-b-l, .size-l .col-b-l:after, .size-l .col-b-l:before, .size-m .col-b-m, .size-m .col-b-m:after, .size-m .col-b-m:before, .size-s .col-b-s, .size-s .col-b-s:after, .size-s .col-b-s:before, .size-x .col-b-x, .size-x .col-b-x:after, .size-x .col-b-x:before {
  color: #000;
  color: var(--atomic-color-b, #000);
}

.col-w, .col-w:after, .col-w:before, .size-l .col-w-l, .size-l .col-w-l:after, .size-l .col-w-l:before, .size-m .col-w-m, .size-m .col-w-m:after, .size-m .col-w-m:before, .size-s .col-w-s, .size-s .col-w-s:after, .size-s .col-w-s:before, .size-x .col-w-x, .size-x .col-w-x:after, .size-x .col-w-x:before {
  color: #fff;
  color: var(--atomic-color-w, #fff);
}

.col-t, .col-t:after, .col-t:before, .size-l .col-t-l, .size-l .col-t-l:after, .size-l .col-t-l:before, .size-m .col-t-m, .size-m .col-t-m:after, .size-m .col-t-m:before, .size-s .col-t-s, .size-s .col-t-s:after, .size-s .col-t-s:before, .size-x .col-t-x, .size-x .col-t-x:after, .size-x .col-t-x:before {
  color: transparent;
  color: var(--atomic-color-t, transparent);
}

.col-12-temp, .col-12-temp:after, .col-12-temp:before, .size-l .col-12-temp-l, .size-l .col-12-temp-l:after, .size-l .col-12-temp-l:before, .size-m .col-12-temp-m, .size-m .col-12-temp-m:after, .size-m .col-12-temp-m:before, .size-s .col-12-temp-s, .size-s .col-12-temp-s:after, .size-s .col-12-temp-s:before, .size-x .col-12-temp-x, .size-x .col-12-temp-x:after, .size-x .col-12-temp-x:before {
  color: #7e7d7b;
  color: var(--atomic-color-12-temp, #7e7d7b);
}

.cursor-pointer, .size-l .cursor-pointer-l, .size-m .cursor-pointer-m, .size-s .cursor-pointer-s, .size-x .cursor-pointer-x {
  cursor: pointer;
}

.cursor-auto, .size-l .cursor-auto-l, .size-m .cursor-auto-m, .size-s .cursor-auto-s, .size-x .cursor-auto-x {
  cursor: auto;
}

.cursor-wait, .size-l .cursor-wait-l, .size-m .cursor-wait-m, .size-s .cursor-wait-s, .size-x .cursor-wait-x {
  cursor: wait;
}

.cursor-help, .size-l .cursor-help-l, .size-m .cursor-help-m, .size-s .cursor-help-s, .size-x .cursor-help-x {
  cursor: help;
}

.pe-none, .pointer-events-none {
  pointer-events: none !important;
}

.size-l .pe-none-l, .size-l .pointer-events-none-l, .size-m .pe-none-m, .size-m .pointer-events-none-m, .size-s .pe-none-s, .size-s .pointer-events-none-s, .size-x .pe-none-x, .size-x .pointer-events-none-x {
  pointer-events: none;
}

.pe-auto {
  pointer-events: auto !important;
}

.size-l .pe-auto-l, .size-m .pe-auto-m, .size-s .pe-auto-s, .size-x .pe-auto-x {
  pointer-events: auto;
}

.block, .size-l .block-l, .size-m .block-m, .size-s .block-s, .size-x .block-x {
  display: block;
}

.inline, .size-l .inline-l, .size-m .inline-m, .size-s .inline-s, .size-x .inline-x {
  display: inline;
}

.inline-block, .size-l .inline-block-l, .size-m .inline-block-m, .size-s .inline-block-s, .size-x .inline-block-x {
  display: inline-block;
}

.size-l .table-l, .size-m .table-m, .size-s .table-s, .size-x .table-x, .table {
  display: table;
}

.size-l .table-row-l, .size-m .table-row-m, .size-s .table-row-s, .size-x .table-row-x, .table-row {
  display: table-row;
}

.size-l .table-cell-l, .size-m .table-cell-m, .size-s .table-cell-s, .size-x .table-cell-x, .table-cell {
  display: table-cell;
}

.size-l .table-auto-l, .size-m .table-auto-m, .size-s .table-auto-s, .size-x .table-auto-x, .table-auto {
  table-layout: auto;
}

.size-l .table-fixed-l, .size-m .table-fixed-m, .size-s .table-fixed-s, .size-x .table-fixed-x, .table-fixed {
  table-layout: fixed;
}

.no, .no-after:after, .no-before:before, .none, .size-l .no-after-l:after, .size-l .no-before-l:before, .size-l .no-l, .size-l .none-l, .size-m .no-after-m:after, .size-m .no-before-m:before, .size-m .no-m, .size-m .none-m, .size-s .no-after-s:after, .size-s .no-before-s:before, .size-s .no-s, .size-s .none-s, .size-x .no-after-x:after, .size-x .no-before-x:before, .size-x .no-x, .size-x .none-x {
  display: none;
}

.float-right, .size-l .float-right-l, .size-m .f-right-m, .size-m .float-right-m, .size-s .float-right-s, .size-x .float-right-x {
  float: right;
}

.float-left, .size-l .float-left-l, .size-m .float-left-m, .size-s .float-left-s, .size-x .float-left-x {
  float: left;
}

.float-none, .size-l .float-none-l, .size-m .float-none-m, .size-s .float-none-s, .size-x .float-none-x {
  float: none;
}

.clearfix:after, .size-l .clearfix-l:after, .size-m .clearfix-m:after, .size-s .clearfix-s:after, .size-x .clearfix-x:after {
  content: "";
  display: table;
  clear: both;
}

.clear-both, .size-l .clear-both-l, .size-m .clear-both-m, .size-s .clear-both-s, .size-x .clear-both-x {
  clear: both;
}

.size-l .va-t-l, .size-m .va-t-m, .size-s .va-t-s, .size-x .va-t-x, .va-t {
  vertical-align: top;
}

.size-l .va-m-l, .size-m .va-m-m, .size-s .va-m-s, .size-x .va-m-x, .va-m {
  vertical-align: middle;
}

.size-l .va-b-l, .size-m .va-b-m, .size-s .va-b-s, .size-x .va-b-x, .va-b {
  vertical-align: bottom;
}

.size-l .yes-wrap-l, .size-m .yes-wrap-m, .size-s .yes-wrap-s, .size-x .yes-wrap-x, .yes-wrap {
  white-space: normal;
}

.no-wrap, .size-l .no-wrap-l, .size-m .no-wrap-m, .size-s .no-wrap-s, .size-x .no-wrap-x {
  white-space: nowrap;
}

.outline-none, .size-l .outline-none-l, .size-m .outline-none-m, .size-s .outline-none-s, .size-x .outline-none-x {
  outline: 0;
}

.size-l .visible-l, .size-m .visible-m, .size-s .visible-s, .size-x .visible-x, .visible {
  visibility: visible;
}

.hidden, .size-l .hidden-l, .size-m .hidden-m, .size-s .hidden-s, .size-x .hidden-x {
  visibility: hidden;
}

.flex-span-1, .size-l .flex-span-1-l, .size-m .flex-span-1-m, .size-s .flex-span-1-s, .size-x .flex-span-1-x {
  flex: 1;
}

.flex-span-2, .size-l .flex-span-2-l, .size-m .flex-span-2-m, .size-s .flex-span-2-s, .size-x .flex-span-2-x {
  flex: 2;
}

.flex-span-3, .size-l .flex-span-3-l, .size-m .flex-span-3-m, .size-s .flex-span-3-s, .size-x .flex-span-3-x {
  flex: 3;
}

.flex-span-4, .size-l .flex-span-4-l, .size-m .flex-span-4-m, .size-s .flex-span-4-s, .size-x .flex-span-4-x {
  flex: 4;
}

.flex-span-5, .size-l .flex-span-5-l, .size-m .flex-span-5-m, .size-s .flex-span-5-s, .size-x .flex-span-5-x {
  flex: 5;
}

.flex-span-6, .size-l .flex-span-6-l, .size-m .flex-span-6-m, .size-s .flex-span-6-s, .size-x .flex-span-6-x {
  flex: 6;
}

.flex-order-1, .size-l .flex-order-1-l, .size-m .flex-order-1-m, .size-s .flex-order-1-s, .size-x .flex-order-1-x {
  order: 1;
}

.flex-order-2, .size-l .flex-order-2-l, .size-m .flex-order-2-m, .size-s .flex-order-2-s, .size-x .flex-order-2-x {
  order: 2;
}

.flex-order-3, .size-l .flex-order-3-l, .size-m .flex-order-3-m, .size-s .flex-order-3-s, .size-x .flex-order-3-x {
  order: 3;
}

.flex-order-4, .size-l .flex-order-4-l, .size-m .flex-order-4-m, .size-s .flex-order-4-s, .size-x .flex-order-4-x {
  order: 4;
}

.flex-order-5, .size-l .flex-order-5-l, .size-m .flex-order-5-m, .size-s .flex-order-5-s, .size-x .flex-order-5-x {
  order: 5;
}

.flex-order-6, .size-l .flex-order-6-l, .size-m .flex-order-6-m, .size-s .flex-order-6-s, .size-x .flex-order-6-x {
  order: 6;
}

.flex-order-7, .size-l .flex-order-7-l, .size-m .flex-order-7-m, .size-s .flex-order-7-s, .size-x .flex-order-7-x {
  order: 7;
}

.flex-order-8, .size-l .flex-order-8-l, .size-m .flex-order-8-m, .size-s .flex-order-8-s, .size-x .flex-order-8-x {
  order: 8;
}

.flex-order-9, .size-l .flex-order-9-l, .size-m .flex-order-9-m, .size-s .flex-order-9-s, .size-x .flex-order-9-x {
  order: 9;
}

.flex-order-10, .size-l .flex-order-10-l, .size-m .flex-order-10-m, .size-s .flex-order-10-s, .size-x .flex-order-10-x {
  order: 10;
}

.flex-order-11, .size-l .flex-order-11-l, .size-m .flex-order-11-m, .size-s .flex-order-11-s, .size-x .flex-order-11-x {
  order: 11;
}

.flex, .size-l .flex-l, .size-m .flex-m, .size-s .flex-s, .size-x .flex-x {
  display: flex !important;
}

.inline-flex, .size-l .inline-flex-l, .size-m .inline-flex-m, .size-s .inline-flex-s, .size-x .inline-flex-x {
  display: inline-flex !important;
}

.flex-column, .size-l .flex-column-l, .size-m .flex-column-m, .size-s .flex-column-s, .size-x .flex-column-x {
  display: flex !important;
  flex-direction: column;
}

.flex-top, .size-l .flex-top-l, .size-m .flex-top-m, .size-s .flex-top-s, .size-x .flex-top-x {
  align-items: flex-start;
}

.flex-middle, .size-l .flex-middle-l, .size-m .flex-middle-m, .size-s .flex-middle-s, .size-x .flex-middle-x {
  align-items: center;
}

.flex-bottom, .size-l .flex-bottom-l, .size-m .flex-bottom-m, .size-s .flex-bottom-s, .size-x .flex-bottom-x {
  align-items: flex-end;
}

.flex-stretch, .size-l .flex-stretch-l, .size-m .flex-stretch-m, .size-s .flex-stretch-s, .size-x .flex-stretch-x {
  align-items: stretch;
}

.flex-justify-left, .flex-justify-start, .size-l .flex-justify-left-l, .size-l .flex-justify-start-l, .size-m .flex-justify-left-m, .size-m .flex-justify-start-m, .size-s .flex-justify-left-s, .size-s .flex-justify-start-s, .size-x .flex-justify-left-x, .size-x .flex-justify-start-x {
  justify-content: flex-start;
}

.flex-justify-end, .flex-justify-right, .size-l .flex-justify-end-l, .size-l .flex-justify-right-l, .size-m .flex-justify-end-m, .size-m .flex-justify-right-m, .size-s .flex-justify-end-s, .size-s .flex-justify-right-s, .size-x .flex-justify-end-x, .size-x .flex-justify-right-x {
  justify-content: flex-end;
}

.flex-justify-center, .size-l .flex-justify-center-l, .size-m .flex-justify-center-m, .size-s .flex-justify-center-s, .size-x .flex-justify-center-x {
  justify-content: center;
}

.flex-justify-between, .size-l .flex-justify-between-l, .size-m .flex-justify-between-m, .size-s .flex-justify-between-s, .size-x .flex-justify-between-x {
  justify-content: space-between;
}

.flex-justify-around, .size-l .flex-justify-around-l, .size-m .flex-justify-around-m, .size-s .flex-justify-around-s, .size-x .flex-justify-around-x {
  justify-content: space-around;
}

.flex-reverse, .size-l .flex-reverse-l, .size-m .flex-reverse-m, .size-s .flex-reverse-s, .size-x .flex-reverse-x {
  flex-direction: row-reverse;
}

.flex-column-reverse, .size-l .flex-column-reverse-l, .size-m .flex-column-reverse-m, .size-s .flex-column-reverse-s, .size-x .flex-column-reverse-x {
  flex-direction: column-reverse;
}

.flex-wrap, .size-l .flex-wrap-l, .size-m .flex-wrap-m, .size-s .flex-wrap-s, .size-x .flex-wrap-x {
  flex-wrap: wrap;
}

.flex-nowrap, .size-l .flex-nowrap-l, .size-m .flex-nowrap-m, .size-s .flex-nowrap-s, .size-x .flex-nowrap-x {
  flex-wrap: nowrap;
}

.flex-wrap-reverse, .size-l .flex-wrap-reverse-l, .size-m .flex-wrap-reverse-m, .size-s .flex-wrap-reverse-s {
  flex-wrap: wrap-reverse;
}

.size-x .flex-wrap-reverse-x {
  flex-wrap: wrap;
}

.flex-grow, .size-l .flex-grow-l, .size-m .flex-grow-m, .size-s .flex-grow-s, .size-x .flex-grow-x {
  flex-grow: 1;
}

.flex-noshrink {
  flex-shrink: 0;
}

.size-s .flex-column-s > [class*=" c-"], .size-s .flex-column-s > [class*=" w-"], .size-s .flex-column-s > [class^=c-], .size-s .flex-column-s > [class^=w-], .size-s .flex-s > [class*=" c-"], .size-s .flex-s > [class*=" w-"], .size-s .flex-s > [class^=c-], .size-s .flex-s > [class^=w-] {
  display: block;
}

.size-s {
  --grid-gutter-size:calc(var(--vw,1vw)*1);
}

.size-m .flex-column-m > [class*=" c-"], .size-m .flex-column-m > [class*=" w-"], .size-m .flex-column-m > [class^=c-], .size-m .flex-column-m > [class^=w-], .size-m .flex-m > [class*=" c-"], .size-m .flex-m > [class*=" w-"], .size-m .flex-m > [class^=c-], .size-m .flex-m > [class^=w-] {
  display: block;
}

.size-m {
  --grid-gutter-size:calc(var(--vw,1vw)*0.4);
}

.size-l .flex-column-l > [class*=" c-"], .size-l .flex-column-l > [class*=" w-"], .size-l .flex-column-l > [class^=c-], .size-l .flex-column-l > [class^=w-], .size-l .flex-l > [class*=" c-"], .size-l .flex-l > [class*=" w-"], .size-l .flex-l > [class^=c-], .size-l .flex-l > [class^=w-] {
  display: block;
}

.size-l {
  --grid-gutter-size:0.3125rem;
}

.size-x .flex-column-x > [class*=" c-"], .size-x .flex-column-x > [class*=" w-"], .size-x .flex-column-x > [class^=c-], .size-x .flex-column-x > [class^=w-], .size-x .flex-x > [class*=" c-"], .size-x .flex-x > [class*=" w-"], .size-x .flex-x > [class^=c-], .size-x .flex-x > [class^=w-] {
  display: block;
}

.size-x {
  --grid-gutter-size:0.3125rem;
}

.size-l .w-1-l, .size-m .w-1-m, .size-s .w-1-s, .size-x .w-1-x, .w-1 {
  width: 8.33%;
}

.size-l .w-2-l, .size-m .w-2-m, .size-s .w-2-s, .size-x .w-2-x, .w-2 {
  width: 16.66%;
}

.size-l .w-3-l, .size-m .w-3-m, .size-s .w-3-s, .size-x .w-3-x, .w-3 {
  width: 25%;
}

.size-l .w-4-l, .size-m .w-4-m, .size-s .w-4-s, .size-x .w-4-x, .w-4 {
  width: 33.33%;
}

.size-l .w-5-l, .size-m .w-5-m, .size-s .w-5-s, .size-x .w-5-x, .w-5 {
  width: 41.66%;
}

.size-l .w-6-l, .size-m .w-6-m, .size-s .w-6-s, .size-x .w-6-x, .w-6 {
  width: 50%;
}

.size-l .w-7-l, .size-m .w-7-m, .size-s .w-7-s, .size-x .w-7-x, .w-7 {
  width: 58.33%;
}

.size-l .w-8-l, .size-m .w-8-m, .size-s .w-8-s, .size-x .w-8-x, .w-8 {
  width: 66.66%;
}

.size-l .w-9-l, .size-m .w-9-m, .size-s .w-9-s, .size-x .w-9-x, .w-9 {
  width: 75%;
}

.size-l .w-10-l, .size-m .w-10-m, .size-s .w-10-s, .size-x .w-10-x, .w-10 {
  width: 83.33%;
}

.size-l .w-11-l, .size-m .w-11-m, .size-s .w-11-s, .size-x .w-11-x, .w-11 {
  width: 91.66%;
}

.size-l .w-12-l, .size-m .w-12-m, .size-s .w-12-s, .size-x .w-12-x, .w-12 {
  width: 100%;
}

.size-s [class*=" c-"], .size-s [class^=c-] {
  margin-right: calc(var(--vw, 1vw) * 4);
  margin-bottom: calc(var(--vw, 1vw) * 4);
}

.size-m [class*=" c-"], .size-m [class^=c-] {
  margin-right: calc(var(--vw, 1vw) * 1.6);
  margin-bottom: calc(var(--vw, 1vw) * 1.6);
}

.size-l [class*=" c-"], .size-l [class^=c-], .size-x [class*=" c-"], .size-x [class^=c-] {
  margin-right: 1.25rem;
  margin-bottom: 1.25rem;
}

.size-s .c-1, .size-s .c-1-s, .size-s .c-1-set, .size-s .c-1-set-s {
  width: -6.32573%;
  width: calc(8.32333% - var(--vw, 1vw) * 3.66227);
}

.size-s .c-1-set-s:nth-of-type(12n), .size-s .c-1-set:nth-of-type(12n) {
  margin-right: 0;
}

.size-m .c-1, .size-m .c-1-m, .size-m .c-1-set, .size-m .c-1-set-m {
  width: -6.32573%;
  width: calc(8.32333% - var(--vw, 1vw) * 1.46491);
}

.size-m .c-1-set-m:nth-of-type(12n), .size-m .c-1-set:nth-of-type(12n) {
  margin-right: 0;
}

.size-l .c-1, .size-l .c-1-l, .size-l .c-1-set, .size-l .c-1-set-l {
  width: -6.32573%;
  width: calc(8.32333% - 1.14446rem);
}

.size-l .c-1-set-l:nth-of-type(12n), .size-l .c-1-set:nth-of-type(12n) {
  margin-right: 0;
}

.size-x .c-1, .size-x .c-1-set, .size-x .c-1-set-x, .size-x .c-1-x {
  width: -6.32573%;
  width: calc(8.32333% - 1.14446rem);
}

.size-x .c-1-set-x:nth-of-type(12n), .size-x .c-1-set:nth-of-type(12n) {
  margin-right: 0;
}

.size-s .c-2, .size-s .c-2-s, .size-s .c-2-set, .size-s .c-2-set-s {
  width: 3.33133%;
  width: calc(16.65667% - var(--vw, 1vw) * 3.33133);
}

.size-s .c-2-set-s:nth-of-type(6n), .size-s .c-2-set:nth-of-type(6n) {
  margin-right: 0;
}

.size-m .c-2, .size-m .c-2-m, .size-m .c-2-set, .size-m .c-2-set-m {
  width: 3.33133%;
  width: calc(16.65667% - var(--vw, 1vw) * 1.33253);
}

.size-m .c-2-set-m:nth-of-type(6n), .size-m .c-2-set:nth-of-type(6n) {
  margin-right: 0;
}

.size-l .c-2, .size-l .c-2-l, .size-l .c-2-set, .size-l .c-2-set-l {
  width: 3.33133%;
  width: calc(16.65667% - 1.04104rem);
}

.size-l .c-2-set-l:nth-of-type(6n), .size-l .c-2-set:nth-of-type(6n) {
  margin-right: 0;
}

.size-x .c-2, .size-x .c-2-set, .size-x .c-2-set-x, .size-x .c-2-x {
  width: 3.33133%;
  width: calc(16.65667% - 1.04104rem);
}

.size-x .c-2-set-x:nth-of-type(6n), .size-x .c-2-set:nth-of-type(6n) {
  margin-right: 0;
}

.size-s .c-3, .size-s .c-3-s, .size-s .c-3-set, .size-s .c-3-set-s {
  width: 12.9948%;
  width: calc(24.99% - var(--vw, 1vw) * 2.9988);
}

.size-s .c-3-set-s:nth-of-type(4n), .size-s .c-3-set:nth-of-type(4n) {
  margin-right: 0;
}

.size-m .c-3, .size-m .c-3-m, .size-m .c-3-set, .size-m .c-3-set-m {
  width: 12.9948%;
  width: calc(24.99% - var(--vw, 1vw) * 1.19952);
}

.size-m .c-3-set-m:nth-of-type(4n), .size-m .c-3-set:nth-of-type(4n) {
  margin-right: 0;
}

.size-l .c-3, .size-l .c-3-l, .size-l .c-3-set, .size-l .c-3-set-l {
  width: 12.9948%;
  width: calc(24.99% - 0.93713rem);
}

.size-l .c-3-set-l:nth-of-type(4n), .size-l .c-3-set:nth-of-type(4n) {
  margin-right: 0;
}

.size-x .c-3, .size-x .c-3-set, .size-x .c-3-set-x, .size-x .c-3-x {
  width: 12.9948%;
  width: calc(24.99% - 0.93713rem);
}

.size-x .c-3-set-x:nth-of-type(4n), .size-x .c-3-set:nth-of-type(4n) {
  margin-right: 0;
}

.size-s .c-4, .size-s .c-4-s, .size-s .c-4-set, .size-s .c-4-set-s {
  width: 22.65987%;
  width: calc(33.32333% - var(--vw, 1vw) * 2.66587);
}

.size-s .c-4-set-s:nth-of-type(3n), .size-s .c-4-set:nth-of-type(3n) {
  margin-right: 0;
}

.size-m .c-4, .size-m .c-4-m, .size-m .c-4-set, .size-m .c-4-set-m {
  width: 22.65987%;
  width: calc(33.32333% - var(--vw, 1vw) * 1.06635);
}

.size-m .c-4-set-m:nth-of-type(3n), .size-m .c-4-set:nth-of-type(3n) {
  margin-right: 0;
}

.size-l .c-4, .size-l .c-4-l, .size-l .c-4-set, .size-l .c-4-set-l {
  width: 22.65987%;
  width: calc(33.32333% - 0.83308rem);
}

.size-l .c-4-set-l:nth-of-type(3n), .size-l .c-4-set:nth-of-type(3n) {
  margin-right: 0;
}

.size-x .c-4, .size-x .c-4-set, .size-x .c-4-set-x, .size-x .c-4-x {
  width: 22.65987%;
  width: calc(33.32333% - 0.83308rem);
}

.size-x .c-4-set-x:nth-of-type(3n), .size-x .c-4-set:nth-of-type(3n) {
  margin-right: 0;
}

.size-s .c-5, .size-s .c-5-s, .size-s .c-5-set, .size-s .c-5-set-s {
  width: 32.32557%;
  width: calc(41.65667% - var(--vw, 1vw) * 2.33277);
}

.size-m .c-5, .size-m .c-5-m, .size-m .c-5-set, .size-m .c-5-set-m {
  width: 32.32557%;
  width: calc(41.65667% - var(--vw, 1vw) * 0.93311);
}

.size-l .c-5, .size-l .c-5-l, .size-l .c-5-set, .size-l .c-5-set-l, .size-x .c-5, .size-x .c-5-set, .size-x .c-5-set-x, .size-x .c-5-x {
  width: 32.32557%;
  width: calc(41.65667% - 0.72899rem);
}

.size-s .c-6, .size-s .c-6-s, .size-s .c-6-set, .size-s .c-6-set-s {
  width: 41.9916%;
  width: calc(49.99% - var(--vw, 1vw) * 1.9996);
}

.size-s .c-6-set-s:nth-of-type(2n), .size-s .c-6-set:nth-of-type(2n) {
  margin-right: 0;
}

.size-m .c-6, .size-m .c-6-m, .size-m .c-6-set, .size-m .c-6-set-m {
  width: 41.9916%;
  width: calc(49.99% - var(--vw, 1vw) * 0.79984);
}

.size-m .c-6-set-m:nth-of-type(2n), .size-m .c-6-set:nth-of-type(2n) {
  margin-right: 0;
}

.size-l .c-6, .size-l .c-6-l, .size-l .c-6-set, .size-l .c-6-set-l {
  width: 41.9916%;
  width: calc(49.99% - 0.62488rem);
}

.size-l .c-6-set-l:nth-of-type(2n), .size-l .c-6-set:nth-of-type(2n) {
  margin-right: 0;
}

.size-x .c-6, .size-x .c-6-set, .size-x .c-6-set-x, .size-x .c-6-x {
  width: 41.9916%;
  width: calc(49.99% - 0.62488rem);
}

.size-x .c-6-set-x:nth-of-type(2n), .size-x .c-6-set:nth-of-type(2n) {
  margin-right: 0;
}

.size-s .c-7, .size-s .c-7-s, .size-s .c-7-set, .size-s .c-7-set-s {
  width: 51.65781%;
  width: calc(58.32333% - var(--vw, 1vw) * 1.66638);
}

.size-m .c-7, .size-m .c-7-m, .size-m .c-7-set, .size-m .c-7-set-m {
  width: 51.65781%;
  width: calc(58.32333% - var(--vw, 1vw) * 0.66655);
}

.size-l .c-7, .size-l .c-7-l, .size-l .c-7-set, .size-l .c-7-set-l, .size-x .c-7, .size-x .c-7-set, .size-x .c-7-set-x, .size-x .c-7-x {
  width: 51.65781%;
  width: calc(58.32333% - 0.52074rem);
}

.size-s .c-8, .size-s .c-8-s, .size-s .c-8-set, .size-s .c-8-set-s {
  width: 61.32413%;
  width: calc(66.65667% - var(--vw, 1vw) * 1.33313);
}

.size-m .c-8, .size-m .c-8-m, .size-m .c-8-set, .size-m .c-8-set-m {
  width: 61.32413%;
  width: calc(66.65667% - var(--vw, 1vw) * 0.53325);
}

.size-l .c-8, .size-l .c-8-l, .size-l .c-8-set, .size-l .c-8-set-l, .size-x .c-8, .size-x .c-8-set, .size-x .c-8-set-x, .size-x .c-8-x {
  width: 61.32413%;
  width: calc(66.65667% - 0.4166rem);
}

.size-s .c-9, .size-s .c-9-s, .size-s .c-9-set, .size-s .c-9-set-s {
  width: 70.99053%;
  width: calc(74.99% - var(--vw, 1vw) * 0.99987);
}

.size-m .c-9, .size-m .c-9-m, .size-m .c-9-set, .size-m .c-9-set-m {
  width: 70.99053%;
  width: calc(74.99% - var(--vw, 1vw) * 0.39995);
}

.size-l .c-9, .size-l .c-9-l, .size-l .c-9-set, .size-l .c-9-set-l, .size-x .c-9, .size-x .c-9-set, .size-x .c-9-set-x, .size-x .c-9-x {
  width: 70.99053%;
  width: calc(74.99% - 0.31246rem);
}

.size-s .c-10, .size-s .c-10-s, .size-s .c-10-set, .size-s .c-10-set-s {
  width: 80.65699%;
  width: calc(83.32333% - var(--vw, 1vw) * 0.66659);
}

.size-m .c-10, .size-m .c-10-m, .size-m .c-10-set, .size-m .c-10-set-m {
  width: 80.65699%;
  width: calc(83.32333% - var(--vw, 1vw) * 0.26663);
}

.size-l .c-10, .size-l .c-10-l, .size-l .c-10-set, .size-l .c-10-set-l, .size-x .c-10, .size-x .c-10-set, .size-x .c-10-set-x, .size-x .c-10-x {
  width: 80.65699%;
  width: calc(83.32333% - 0.20831rem);
}

.size-s .c-11, .size-s .c-11-s, .size-s .c-11-set, .size-s .c-11-set-s {
  width: 90.32348%;
  width: calc(91.65667% - var(--vw, 1vw) * 0.3333);
}

.size-m .c-11, .size-m .c-11-m, .size-m .c-11-set, .size-m .c-11-set-m {
  width: 90.32348%;
  width: calc(91.65667% - var(--vw, 1vw) * 0.13332);
}

.size-l .c-11, .size-l .c-11-l, .size-l .c-11-set, .size-l .c-11-set-l, .size-x .c-11, .size-x .c-11-set, .size-x .c-11-set-x, .size-x .c-11-x {
  width: 90.32348%;
  width: calc(91.65667% - 0.10416rem);
}

.size-s .c-12, .size-s .c-12-s, .size-s .c-12-set, .size-s .c-12-set-s {
  margin-right: 0;
  width: 99.99%;
}

.size-s .c-12-set-s:nth-of-type(1n), .size-s .c-12-set:nth-of-type(1n) {
  margin-right: 0;
}

.size-m .c-12, .size-m .c-12-m, .size-m .c-12-set, .size-m .c-12-set-m {
  margin-right: 0;
  width: 99.99%;
}

.size-m .c-12-set-m:nth-of-type(1n), .size-m .c-12-set:nth-of-type(1n) {
  margin-right: 0;
}

.size-l .c-12, .size-l .c-12-l, .size-l .c-12-set, .size-l .c-12-set-l {
  margin-right: 0;
  width: 99.99%;
}

.size-l .c-12-set-l:nth-of-type(1n), .size-l .c-12-set:nth-of-type(1n) {
  margin-right: 0;
}

.size-x .c-12, .size-x .c-12-set, .size-x .c-12-set-x, .size-x .c-12-x {
  margin-right: 0;
  width: 99.99%;
}

.size-x .c-12-set-x:nth-of-type(1n), .size-x .c-12-set:nth-of-type(1n) {
  margin-right: 0;
}

.grid, [class*=" grid"], [class^=grid] {
  display: flex;
  width: auto;
}

.grid:not(.flex-nowrap), [class*=" grid"]:not(.flex-nowrap), [class^=grid]:not(.flex-nowrap) {
  flex-wrap: wrap;
}

.grid > [class*=" c-"], .grid > [class^=c-], [class*=" grid"] > [class*=" c-"], [class*=" grid"] > [class^=c-], [class^=grid] > [class*=" c-"], [class^=grid] > [class^=c-] {
  margin-right: 0;
}

.size-s .grid, .size-s [class*=" grid"], .size-s [class^=grid] {
  margin-right: calc(var(--vw, 1vw) * -2);
  margin-left: calc(var(--vw, 1vw) * -2);
}

.size-s .grid > [class*=" c"], .size-s .grid > [class^=c], .size-s [class*=" grid"] > [class*=" c"], .size-s [class*=" grid"] > [class^=c], .size-s [class^=grid] > [class*=" c"], .size-s [class^=grid] > [class^=c] {
  padding-right: calc(var(--vw, 1vw) * 2);
  padding-left: calc(var(--vw, 1vw) * 2);
}

.size-s .grid > [class*=" c-"], .size-s .grid > [class^=c-], .size-s [class*=" grid"] > [class*=" c-"], .size-s [class*=" grid"] > [class^=c-], .size-s [class^=grid] > [class*=" c-"], .size-s [class^=grid] > [class^=c-] {
  margin-bottom: calc(var(--vw, 1vw) * 4);
}

.size-s .grid-12, .size-s [class*=" grid-12"], .size-s [class^=grid-12] {
  margin-right: calc(var(--vw, 1vw) * -6);
  margin-left: calc(var(--vw, 1vw) * -6);
}

.size-s .grid-12 > [class*=" c"], .size-s .grid-12 > [class^=c], .size-s [class*=" grid-12"] > [class*=" c"], .size-s [class*=" grid-12"] > [class^=c], .size-s [class^=grid-12] > [class*=" c"], .size-s [class^=grid-12] > [class^=c] {
  padding-right: calc(var(--vw, 1vw) * 6);
  padding-left: calc(var(--vw, 1vw) * 6);
}

.size-s .grid-14, .size-s [class*=" grid-14"], .size-s [class^=grid-14] {
  margin-right: calc(var(--vw, 1vw) * -7);
  margin-left: calc(var(--vw, 1vw) * -7);
}

.size-s .grid-14 > [class*=" c"], .size-s .grid-14 > [class^=c], .size-s [class*=" grid-14"] > [class*=" c"], .size-s [class*=" grid-14"] > [class^=c], .size-s [class^=grid-14] > [class*=" c"], .size-s [class^=grid-14] > [class^=c] {
  padding-right: calc(var(--vw, 1vw) * 7);
  padding-left: calc(var(--vw, 1vw) * 7);
}

.size-m .grid, .size-m [class*=" grid"], .size-m [class^=grid] {
  margin-right: calc(var(--vw, 1vw) * -0.8);
  margin-left: calc(var(--vw, 1vw) * -0.8);
}

.size-m .grid > [class*=" c"], .size-m .grid > [class^=c], .size-m [class*=" grid"] > [class*=" c"], .size-m [class*=" grid"] > [class^=c], .size-m [class^=grid] > [class*=" c"], .size-m [class^=grid] > [class^=c] {
  padding-right: calc(var(--vw, 1vw) * 0.8);
  padding-left: calc(var(--vw, 1vw) * 0.8);
}

.size-m .grid > [class*=" c-"], .size-m .grid > [class^=c-], .size-m [class*=" grid"] > [class*=" c-"], .size-m [class*=" grid"] > [class^=c-], .size-m [class^=grid] > [class*=" c-"], .size-m [class^=grid] > [class^=c-] {
  margin-bottom: calc(var(--vw, 1vw) * 1.6);
}

.size-m .grid-12, .size-m [class*=" grid-12"], .size-m [class^=grid-12] {
  margin-right: calc(var(--vw, 1vw) * -2.4);
  margin-left: calc(var(--vw, 1vw) * -2.4);
}

.size-m .grid-12 > [class*=" c"], .size-m .grid-12 > [class^=c], .size-m [class*=" grid-12"] > [class*=" c"], .size-m [class*=" grid-12"] > [class^=c], .size-m [class^=grid-12] > [class*=" c"], .size-m [class^=grid-12] > [class^=c] {
  padding-right: calc(var(--vw, 1vw) * 2.4);
  padding-left: calc(var(--vw, 1vw) * 2.4);
}

.size-m .grid-14, .size-m [class*=" grid-14"], .size-m [class^=grid-14] {
  margin-right: calc(var(--vw, 1vw) * -2.8);
  margin-left: calc(var(--vw, 1vw) * -2.8);
}

.size-m .grid-14 > [class*=" c"], .size-m .grid-14 > [class^=c], .size-m [class*=" grid-14"] > [class*=" c"], .size-m [class*=" grid-14"] > [class^=c], .size-m [class^=grid-14] > [class*=" c"], .size-m [class^=grid-14] > [class^=c] {
  padding-right: calc(var(--vw, 1vw) * 2.8);
  padding-left: calc(var(--vw, 1vw) * 2.8);
}

.size-l .grid, .size-l [class*=" grid"], .size-l [class^=grid] {
  margin-right: -10px;
  margin-left: -10px;
}

.size-l .grid > [class*=" c"], .size-l .grid > [class^=c], .size-l [class*=" grid"] > [class*=" c"], .size-l [class*=" grid"] > [class^=c], .size-l [class^=grid] > [class*=" c"], .size-l [class^=grid] > [class^=c] {
  padding-right: 10px;
  padding-left: 10px;
}

.size-l .grid > [class*=" c-"], .size-l .grid > [class^=c-], .size-l [class*=" grid"] > [class*=" c-"], .size-l [class*=" grid"] > [class^=c-], .size-l [class^=grid] > [class*=" c-"], .size-l [class^=grid] > [class^=c-] {
  margin-bottom: 1.25rem;
}

.size-l .grid-12, .size-l [class*=" grid-12"], .size-l [class^=grid-12] {
  margin-right: -30px;
  margin-left: -30px;
}

.size-l .grid-12 > [class*=" c"], .size-l .grid-12 > [class^=c], .size-l [class*=" grid-12"] > [class*=" c"], .size-l [class*=" grid-12"] > [class^=c], .size-l [class^=grid-12] > [class*=" c"], .size-l [class^=grid-12] > [class^=c] {
  padding-right: 30px;
  padding-left: 30px;
}

.size-l .grid-14, .size-l [class*=" grid-14"], .size-l [class^=grid-14] {
  margin-right: -35px;
  margin-left: -35px;
}

.size-l .grid-14 > [class*=" c"], .size-l .grid-14 > [class^=c], .size-l [class*=" grid-14"] > [class*=" c"], .size-l [class*=" grid-14"] > [class^=c], .size-l [class^=grid-14] > [class*=" c"], .size-l [class^=grid-14] > [class^=c] {
  padding-right: 35px;
  padding-left: 35px;
}

.size-x .grid, .size-x [class*=" grid"], .size-x [class^=grid] {
  margin-right: -10px;
  margin-left: -10px;
}

.size-x .grid > [class*=" c"], .size-x .grid > [class^=c], .size-x [class*=" grid"] > [class*=" c"], .size-x [class*=" grid"] > [class^=c], .size-x [class^=grid] > [class*=" c"], .size-x [class^=grid] > [class^=c] {
  padding-right: 10px;
  padding-left: 10px;
}

.size-x .grid > [class*=" c-"], .size-x .grid > [class^=c-], .size-x [class*=" grid"] > [class*=" c-"], .size-x [class*=" grid"] > [class^=c-], .size-x [class^=grid] > [class*=" c-"], .size-x [class^=grid] > [class^=c-] {
  margin-bottom: 1.25rem;
}

.size-x .grid-12, .size-x [class*=" grid-12"], .size-x [class^=grid-12] {
  margin-right: -30px;
  margin-left: -30px;
}

.size-x .grid-12 > [class*=" c"], .size-x .grid-12 > [class^=c], .size-x [class*=" grid-12"] > [class*=" c"], .size-x [class*=" grid-12"] > [class^=c], .size-x [class^=grid-12] > [class*=" c"], .size-x [class^=grid-12] > [class^=c] {
  padding-right: 30px;
  padding-left: 30px;
}

.size-x .grid-14, .size-x [class*=" grid-14"], .size-x [class^=grid-14] {
  margin-right: -35px;
  margin-left: -35px;
}

.size-x .grid-14 > [class*=" c"], .size-x .grid-14 > [class^=c], .size-x [class*=" grid-14"] > [class*=" c"], .size-x [class*=" grid-14"] > [class^=c], .size-x [class^=grid-14] > [class*=" c"], .size-x [class^=grid-14] > [class^=c] {
  padding-right: 35px;
  padding-left: 35px;
}

.size-s .grid > .c-1, .size-s .grid > .c-1-s, .size-s .grid > .c-1-set, .size-s .grid > .c-1-set-s, .size-s [class*=" grid"] > .c-1, .size-s [class*=" grid"] > .c-1-s, .size-s [class*=" grid"] > .c-1-set, .size-s [class*=" grid"] > .c-1-set-s, .size-s [class^=grid] > .c-1, .size-s [class^=grid] > .c-1-s, .size-s [class^=grid] > .c-1-set, .size-s [class^=grid] > .c-1-set-s {
  width: 8.33%;
  padding-right: calc(var(--vw, 1vw) * 2);
  padding-left: calc(var(--vw, 1vw) * 2);
}

.size-s .grid-12 > .c-1, .size-s .grid-12 > .c-1-s, .size-s .grid-12 > .c-1-set, .size-s .grid-12 > .c-1-set-s, .size-s [class*=" grid-12"] > .c-1, .size-s [class*=" grid-12"] > .c-1-s, .size-s [class*=" grid-12"] > .c-1-set, .size-s [class*=" grid-12"] > .c-1-set-s, .size-s [class^=grid-12] > .c-1, .size-s [class^=grid-12] > .c-1-s, .size-s [class^=grid-12] > .c-1-set, .size-s [class^=grid-12] > .c-1-set-s {
  width: 8.33%;
  padding-right: calc(var(--vw, 1vw) * 6);
  padding-left: calc(var(--vw, 1vw) * 6);
}

.size-s .grid-14 > .c-1, .size-s .grid-14 > .c-1-s, .size-s .grid-14 > .c-1-set, .size-s .grid-14 > .c-1-set-s, .size-s [class*=" grid-14"] > .c-1, .size-s [class*=" grid-14"] > .c-1-s, .size-s [class*=" grid-14"] > .c-1-set, .size-s [class*=" grid-14"] > .c-1-set-s, .size-s [class^=grid-14] > .c-1, .size-s [class^=grid-14] > .c-1-s, .size-s [class^=grid-14] > .c-1-set, .size-s [class^=grid-14] > .c-1-set-s {
  width: 8.33%;
  padding-right: calc(var(--vw, 1vw) * 7);
  padding-left: calc(var(--vw, 1vw) * 7);
}

.size-m .grid > .c-1, .size-m .grid > .c-1-m, .size-m .grid > .c-1-set, .size-m .grid > .c-1-set-m, .size-m [class*=" grid"] > .c-1, .size-m [class*=" grid"] > .c-1-m, .size-m [class*=" grid"] > .c-1-set, .size-m [class*=" grid"] > .c-1-set-m, .size-m [class^=grid] > .c-1, .size-m [class^=grid] > .c-1-m, .size-m [class^=grid] > .c-1-set, .size-m [class^=grid] > .c-1-set-m {
  width: 8.33%;
  padding-right: calc(var(--vw, 1vw) * 0.8);
  padding-left: calc(var(--vw, 1vw) * 0.8);
}

.size-m .grid-12 > .c-1, .size-m .grid-12 > .c-1-m, .size-m .grid-12 > .c-1-set, .size-m .grid-12 > .c-1-set-m, .size-m [class*=" grid-12"] > .c-1, .size-m [class*=" grid-12"] > .c-1-m, .size-m [class*=" grid-12"] > .c-1-set, .size-m [class*=" grid-12"] > .c-1-set-m, .size-m [class^=grid-12] > .c-1, .size-m [class^=grid-12] > .c-1-m, .size-m [class^=grid-12] > .c-1-set, .size-m [class^=grid-12] > .c-1-set-m {
  width: 8.33%;
  padding-right: calc(var(--vw, 1vw) * 2.4);
  padding-left: calc(var(--vw, 1vw) * 2.4);
}

.size-m .grid-14 > .c-1, .size-m .grid-14 > .c-1-m, .size-m .grid-14 > .c-1-set, .size-m .grid-14 > .c-1-set-m, .size-m [class*=" grid-14"] > .c-1, .size-m [class*=" grid-14"] > .c-1-m, .size-m [class*=" grid-14"] > .c-1-set, .size-m [class*=" grid-14"] > .c-1-set-m, .size-m [class^=grid-14] > .c-1, .size-m [class^=grid-14] > .c-1-m, .size-m [class^=grid-14] > .c-1-set, .size-m [class^=grid-14] > .c-1-set-m {
  width: 8.33%;
  padding-right: calc(var(--vw, 1vw) * 2.8);
  padding-left: calc(var(--vw, 1vw) * 2.8);
}

.size-l .grid > .c-1, .size-l .grid > .c-1-l, .size-l .grid > .c-1-set, .size-l .grid > .c-1-set-l, .size-l [class*=" grid"] > .c-1, .size-l [class*=" grid"] > .c-1-l, .size-l [class*=" grid"] > .c-1-set, .size-l [class*=" grid"] > .c-1-set-l, .size-l [class^=grid] > .c-1, .size-l [class^=grid] > .c-1-l, .size-l [class^=grid] > .c-1-set, .size-l [class^=grid] > .c-1-set-l {
  width: 8.33%;
  padding-right: 10px;
  padding-left: 10px;
}

.size-l .grid-12 > .c-1, .size-l .grid-12 > .c-1-l, .size-l .grid-12 > .c-1-set, .size-l .grid-12 > .c-1-set-l, .size-l [class*=" grid-12"] > .c-1, .size-l [class*=" grid-12"] > .c-1-l, .size-l [class*=" grid-12"] > .c-1-set, .size-l [class*=" grid-12"] > .c-1-set-l, .size-l [class^=grid-12] > .c-1, .size-l [class^=grid-12] > .c-1-l, .size-l [class^=grid-12] > .c-1-set, .size-l [class^=grid-12] > .c-1-set-l {
  width: 8.33%;
  padding-right: 30px;
  padding-left: 30px;
}

.size-l .grid-14 > .c-1, .size-l .grid-14 > .c-1-l, .size-l .grid-14 > .c-1-set, .size-l .grid-14 > .c-1-set-l, .size-l [class*=" grid-14"] > .c-1, .size-l [class*=" grid-14"] > .c-1-l, .size-l [class*=" grid-14"] > .c-1-set, .size-l [class*=" grid-14"] > .c-1-set-l, .size-l [class^=grid-14] > .c-1, .size-l [class^=grid-14] > .c-1-l, .size-l [class^=grid-14] > .c-1-set, .size-l [class^=grid-14] > .c-1-set-l {
  width: 8.33%;
  padding-right: 35px;
  padding-left: 35px;
}

.size-x .grid > .c-1, .size-x .grid > .c-1-set, .size-x .grid > .c-1-set-x, .size-x .grid > .c-1-x, .size-x [class*=" grid"] > .c-1, .size-x [class*=" grid"] > .c-1-set, .size-x [class*=" grid"] > .c-1-set-x, .size-x [class*=" grid"] > .c-1-x, .size-x [class^=grid] > .c-1, .size-x [class^=grid] > .c-1-set, .size-x [class^=grid] > .c-1-set-x, .size-x [class^=grid] > .c-1-x {
  width: 8.33%;
  padding-right: 10px;
  padding-left: 10px;
}

.size-x .grid-12 > .c-1, .size-x .grid-12 > .c-1-set, .size-x .grid-12 > .c-1-set-x, .size-x .grid-12 > .c-1-x, .size-x [class*=" grid-12"] > .c-1, .size-x [class*=" grid-12"] > .c-1-set, .size-x [class*=" grid-12"] > .c-1-set-x, .size-x [class*=" grid-12"] > .c-1-x, .size-x [class^=grid-12] > .c-1, .size-x [class^=grid-12] > .c-1-set, .size-x [class^=grid-12] > .c-1-set-x, .size-x [class^=grid-12] > .c-1-x {
  width: 8.33%;
  padding-right: 30px;
  padding-left: 30px;
}

.size-x .grid-14 > .c-1, .size-x .grid-14 > .c-1-set, .size-x .grid-14 > .c-1-set-x, .size-x .grid-14 > .c-1-x, .size-x [class*=" grid-14"] > .c-1, .size-x [class*=" grid-14"] > .c-1-set, .size-x [class*=" grid-14"] > .c-1-set-x, .size-x [class*=" grid-14"] > .c-1-x, .size-x [class^=grid-14] > .c-1, .size-x [class^=grid-14] > .c-1-set, .size-x [class^=grid-14] > .c-1-set-x, .size-x [class^=grid-14] > .c-1-x {
  width: 8.33%;
  padding-right: 35px;
  padding-left: 35px;
}

.size-s .grid > .c-2, .size-s .grid > .c-2-s, .size-s .grid > .c-2-set, .size-s .grid > .c-2-set-s, .size-s [class*=" grid"] > .c-2, .size-s [class*=" grid"] > .c-2-s, .size-s [class*=" grid"] > .c-2-set, .size-s [class*=" grid"] > .c-2-set-s, .size-s [class^=grid] > .c-2, .size-s [class^=grid] > .c-2-s, .size-s [class^=grid] > .c-2-set, .size-s [class^=grid] > .c-2-set-s {
  width: 16.66%;
  padding-right: calc(var(--vw, 1vw) * 2);
  padding-left: calc(var(--vw, 1vw) * 2);
}

.size-s .grid-12 > .c-2, .size-s .grid-12 > .c-2-s, .size-s .grid-12 > .c-2-set, .size-s .grid-12 > .c-2-set-s, .size-s [class*=" grid-12"] > .c-2, .size-s [class*=" grid-12"] > .c-2-s, .size-s [class*=" grid-12"] > .c-2-set, .size-s [class*=" grid-12"] > .c-2-set-s, .size-s [class^=grid-12] > .c-2, .size-s [class^=grid-12] > .c-2-s, .size-s [class^=grid-12] > .c-2-set, .size-s [class^=grid-12] > .c-2-set-s {
  width: 16.66%;
  padding-right: calc(var(--vw, 1vw) * 6);
  padding-left: calc(var(--vw, 1vw) * 6);
}

.size-s .grid-14 > .c-2, .size-s .grid-14 > .c-2-s, .size-s .grid-14 > .c-2-set, .size-s .grid-14 > .c-2-set-s, .size-s [class*=" grid-14"] > .c-2, .size-s [class*=" grid-14"] > .c-2-s, .size-s [class*=" grid-14"] > .c-2-set, .size-s [class*=" grid-14"] > .c-2-set-s, .size-s [class^=grid-14] > .c-2, .size-s [class^=grid-14] > .c-2-s, .size-s [class^=grid-14] > .c-2-set, .size-s [class^=grid-14] > .c-2-set-s {
  width: 16.66%;
  padding-right: calc(var(--vw, 1vw) * 7);
  padding-left: calc(var(--vw, 1vw) * 7);
}

.size-m .grid > .c-2, .size-m .grid > .c-2-m, .size-m .grid > .c-2-set, .size-m .grid > .c-2-set-m, .size-m [class*=" grid"] > .c-2, .size-m [class*=" grid"] > .c-2-m, .size-m [class*=" grid"] > .c-2-set, .size-m [class*=" grid"] > .c-2-set-m, .size-m [class^=grid] > .c-2, .size-m [class^=grid] > .c-2-m, .size-m [class^=grid] > .c-2-set, .size-m [class^=grid] > .c-2-set-m {
  width: 16.66%;
  padding-right: calc(var(--vw, 1vw) * 0.8);
  padding-left: calc(var(--vw, 1vw) * 0.8);
}

.size-m .grid-12 > .c-2, .size-m .grid-12 > .c-2-m, .size-m .grid-12 > .c-2-set, .size-m .grid-12 > .c-2-set-m, .size-m [class*=" grid-12"] > .c-2, .size-m [class*=" grid-12"] > .c-2-m, .size-m [class*=" grid-12"] > .c-2-set, .size-m [class*=" grid-12"] > .c-2-set-m, .size-m [class^=grid-12] > .c-2, .size-m [class^=grid-12] > .c-2-m, .size-m [class^=grid-12] > .c-2-set, .size-m [class^=grid-12] > .c-2-set-m {
  width: 16.66%;
  padding-right: calc(var(--vw, 1vw) * 2.4);
  padding-left: calc(var(--vw, 1vw) * 2.4);
}

.size-m .grid-14 > .c-2, .size-m .grid-14 > .c-2-m, .size-m .grid-14 > .c-2-set, .size-m .grid-14 > .c-2-set-m, .size-m [class*=" grid-14"] > .c-2, .size-m [class*=" grid-14"] > .c-2-m, .size-m [class*=" grid-14"] > .c-2-set, .size-m [class*=" grid-14"] > .c-2-set-m, .size-m [class^=grid-14] > .c-2, .size-m [class^=grid-14] > .c-2-m, .size-m [class^=grid-14] > .c-2-set, .size-m [class^=grid-14] > .c-2-set-m {
  width: 16.66%;
  padding-right: calc(var(--vw, 1vw) * 2.8);
  padding-left: calc(var(--vw, 1vw) * 2.8);
}

.size-l .grid > .c-2, .size-l .grid > .c-2-l, .size-l .grid > .c-2-set, .size-l .grid > .c-2-set-l, .size-l [class*=" grid"] > .c-2, .size-l [class*=" grid"] > .c-2-l, .size-l [class*=" grid"] > .c-2-set, .size-l [class*=" grid"] > .c-2-set-l, .size-l [class^=grid] > .c-2, .size-l [class^=grid] > .c-2-l, .size-l [class^=grid] > .c-2-set, .size-l [class^=grid] > .c-2-set-l {
  width: 16.66%;
  padding-right: 10px;
  padding-left: 10px;
}

.size-l .grid-12 > .c-2, .size-l .grid-12 > .c-2-l, .size-l .grid-12 > .c-2-set, .size-l .grid-12 > .c-2-set-l, .size-l [class*=" grid-12"] > .c-2, .size-l [class*=" grid-12"] > .c-2-l, .size-l [class*=" grid-12"] > .c-2-set, .size-l [class*=" grid-12"] > .c-2-set-l, .size-l [class^=grid-12] > .c-2, .size-l [class^=grid-12] > .c-2-l, .size-l [class^=grid-12] > .c-2-set, .size-l [class^=grid-12] > .c-2-set-l {
  width: 16.66%;
  padding-right: 30px;
  padding-left: 30px;
}

.size-l .grid-14 > .c-2, .size-l .grid-14 > .c-2-l, .size-l .grid-14 > .c-2-set, .size-l .grid-14 > .c-2-set-l, .size-l [class*=" grid-14"] > .c-2, .size-l [class*=" grid-14"] > .c-2-l, .size-l [class*=" grid-14"] > .c-2-set, .size-l [class*=" grid-14"] > .c-2-set-l, .size-l [class^=grid-14] > .c-2, .size-l [class^=grid-14] > .c-2-l, .size-l [class^=grid-14] > .c-2-set, .size-l [class^=grid-14] > .c-2-set-l {
  width: 16.66%;
  padding-right: 35px;
  padding-left: 35px;
}

.size-x .grid > .c-2, .size-x .grid > .c-2-set, .size-x .grid > .c-2-set-x, .size-x .grid > .c-2-x, .size-x [class*=" grid"] > .c-2, .size-x [class*=" grid"] > .c-2-set, .size-x [class*=" grid"] > .c-2-set-x, .size-x [class*=" grid"] > .c-2-x, .size-x [class^=grid] > .c-2, .size-x [class^=grid] > .c-2-set, .size-x [class^=grid] > .c-2-set-x, .size-x [class^=grid] > .c-2-x {
  width: 16.66%;
  padding-right: 10px;
  padding-left: 10px;
}

.size-x .grid-12 > .c-2, .size-x .grid-12 > .c-2-set, .size-x .grid-12 > .c-2-set-x, .size-x .grid-12 > .c-2-x, .size-x [class*=" grid-12"] > .c-2, .size-x [class*=" grid-12"] > .c-2-set, .size-x [class*=" grid-12"] > .c-2-set-x, .size-x [class*=" grid-12"] > .c-2-x, .size-x [class^=grid-12] > .c-2, .size-x [class^=grid-12] > .c-2-set, .size-x [class^=grid-12] > .c-2-set-x, .size-x [class^=grid-12] > .c-2-x {
  width: 16.66%;
  padding-right: 30px;
  padding-left: 30px;
}

.size-x .grid-14 > .c-2, .size-x .grid-14 > .c-2-set, .size-x .grid-14 > .c-2-set-x, .size-x .grid-14 > .c-2-x, .size-x [class*=" grid-14"] > .c-2, .size-x [class*=" grid-14"] > .c-2-set, .size-x [class*=" grid-14"] > .c-2-set-x, .size-x [class*=" grid-14"] > .c-2-x, .size-x [class^=grid-14] > .c-2, .size-x [class^=grid-14] > .c-2-set, .size-x [class^=grid-14] > .c-2-set-x, .size-x [class^=grid-14] > .c-2-x {
  width: 16.66%;
  padding-right: 35px;
  padding-left: 35px;
}

.size-s .grid > .c-3, .size-s .grid > .c-3-s, .size-s .grid > .c-3-set, .size-s .grid > .c-3-set-s, .size-s [class*=" grid"] > .c-3, .size-s [class*=" grid"] > .c-3-s, .size-s [class*=" grid"] > .c-3-set, .size-s [class*=" grid"] > .c-3-set-s, .size-s [class^=grid] > .c-3, .size-s [class^=grid] > .c-3-s, .size-s [class^=grid] > .c-3-set, .size-s [class^=grid] > .c-3-set-s {
  width: 25%;
  padding-right: calc(var(--vw, 1vw) * 2);
  padding-left: calc(var(--vw, 1vw) * 2);
}

.size-s .grid-12 > .c-3, .size-s .grid-12 > .c-3-s, .size-s .grid-12 > .c-3-set, .size-s .grid-12 > .c-3-set-s, .size-s [class*=" grid-12"] > .c-3, .size-s [class*=" grid-12"] > .c-3-s, .size-s [class*=" grid-12"] > .c-3-set, .size-s [class*=" grid-12"] > .c-3-set-s, .size-s [class^=grid-12] > .c-3, .size-s [class^=grid-12] > .c-3-s, .size-s [class^=grid-12] > .c-3-set, .size-s [class^=grid-12] > .c-3-set-s {
  width: 25%;
  padding-right: calc(var(--vw, 1vw) * 6);
  padding-left: calc(var(--vw, 1vw) * 6);
}

.size-s .grid-14 > .c-3, .size-s .grid-14 > .c-3-s, .size-s .grid-14 > .c-3-set, .size-s .grid-14 > .c-3-set-s, .size-s [class*=" grid-14"] > .c-3, .size-s [class*=" grid-14"] > .c-3-s, .size-s [class*=" grid-14"] > .c-3-set, .size-s [class*=" grid-14"] > .c-3-set-s, .size-s [class^=grid-14] > .c-3, .size-s [class^=grid-14] > .c-3-s, .size-s [class^=grid-14] > .c-3-set, .size-s [class^=grid-14] > .c-3-set-s {
  width: 25%;
  padding-right: calc(var(--vw, 1vw) * 7);
  padding-left: calc(var(--vw, 1vw) * 7);
}

.size-m .grid > .c-3, .size-m .grid > .c-3-m, .size-m .grid > .c-3-set, .size-m .grid > .c-3-set-m, .size-m [class*=" grid"] > .c-3, .size-m [class*=" grid"] > .c-3-m, .size-m [class*=" grid"] > .c-3-set, .size-m [class*=" grid"] > .c-3-set-m, .size-m [class^=grid] > .c-3, .size-m [class^=grid] > .c-3-m, .size-m [class^=grid] > .c-3-set, .size-m [class^=grid] > .c-3-set-m {
  width: 25%;
  padding-right: calc(var(--vw, 1vw) * 0.8);
  padding-left: calc(var(--vw, 1vw) * 0.8);
}

.size-m .grid-12 > .c-3, .size-m .grid-12 > .c-3-m, .size-m .grid-12 > .c-3-set, .size-m .grid-12 > .c-3-set-m, .size-m [class*=" grid-12"] > .c-3, .size-m [class*=" grid-12"] > .c-3-m, .size-m [class*=" grid-12"] > .c-3-set, .size-m [class*=" grid-12"] > .c-3-set-m, .size-m [class^=grid-12] > .c-3, .size-m [class^=grid-12] > .c-3-m, .size-m [class^=grid-12] > .c-3-set, .size-m [class^=grid-12] > .c-3-set-m {
  width: 25%;
  padding-right: calc(var(--vw, 1vw) * 2.4);
  padding-left: calc(var(--vw, 1vw) * 2.4);
}

.size-m .grid-14 > .c-3, .size-m .grid-14 > .c-3-m, .size-m .grid-14 > .c-3-set, .size-m .grid-14 > .c-3-set-m, .size-m [class*=" grid-14"] > .c-3, .size-m [class*=" grid-14"] > .c-3-m, .size-m [class*=" grid-14"] > .c-3-set, .size-m [class*=" grid-14"] > .c-3-set-m, .size-m [class^=grid-14] > .c-3, .size-m [class^=grid-14] > .c-3-m, .size-m [class^=grid-14] > .c-3-set, .size-m [class^=grid-14] > .c-3-set-m {
  width: 25%;
  padding-right: calc(var(--vw, 1vw) * 2.8);
  padding-left: calc(var(--vw, 1vw) * 2.8);
}

.size-l .grid > .c-3, .size-l .grid > .c-3-l, .size-l .grid > .c-3-set, .size-l .grid > .c-3-set-l, .size-l [class*=" grid"] > .c-3, .size-l [class*=" grid"] > .c-3-l, .size-l [class*=" grid"] > .c-3-set, .size-l [class*=" grid"] > .c-3-set-l, .size-l [class^=grid] > .c-3, .size-l [class^=grid] > .c-3-l, .size-l [class^=grid] > .c-3-set, .size-l [class^=grid] > .c-3-set-l {
  width: 25%;
  padding-right: 10px;
  padding-left: 10px;
}

.size-l .grid-12 > .c-3, .size-l .grid-12 > .c-3-l, .size-l .grid-12 > .c-3-set, .size-l .grid-12 > .c-3-set-l, .size-l [class*=" grid-12"] > .c-3, .size-l [class*=" grid-12"] > .c-3-l, .size-l [class*=" grid-12"] > .c-3-set, .size-l [class*=" grid-12"] > .c-3-set-l, .size-l [class^=grid-12] > .c-3, .size-l [class^=grid-12] > .c-3-l, .size-l [class^=grid-12] > .c-3-set, .size-l [class^=grid-12] > .c-3-set-l {
  width: 25%;
  padding-right: 30px;
  padding-left: 30px;
}

.size-l .grid-14 > .c-3, .size-l .grid-14 > .c-3-l, .size-l .grid-14 > .c-3-set, .size-l .grid-14 > .c-3-set-l, .size-l [class*=" grid-14"] > .c-3, .size-l [class*=" grid-14"] > .c-3-l, .size-l [class*=" grid-14"] > .c-3-set, .size-l [class*=" grid-14"] > .c-3-set-l, .size-l [class^=grid-14] > .c-3, .size-l [class^=grid-14] > .c-3-l, .size-l [class^=grid-14] > .c-3-set, .size-l [class^=grid-14] > .c-3-set-l {
  width: 25%;
  padding-right: 35px;
  padding-left: 35px;
}

.size-x .grid > .c-3, .size-x .grid > .c-3-set, .size-x .grid > .c-3-set-x, .size-x .grid > .c-3-x, .size-x [class*=" grid"] > .c-3, .size-x [class*=" grid"] > .c-3-set, .size-x [class*=" grid"] > .c-3-set-x, .size-x [class*=" grid"] > .c-3-x, .size-x [class^=grid] > .c-3, .size-x [class^=grid] > .c-3-set, .size-x [class^=grid] > .c-3-set-x, .size-x [class^=grid] > .c-3-x {
  width: 25%;
  padding-right: 10px;
  padding-left: 10px;
}

.size-x .grid-12 > .c-3, .size-x .grid-12 > .c-3-set, .size-x .grid-12 > .c-3-set-x, .size-x .grid-12 > .c-3-x, .size-x [class*=" grid-12"] > .c-3, .size-x [class*=" grid-12"] > .c-3-set, .size-x [class*=" grid-12"] > .c-3-set-x, .size-x [class*=" grid-12"] > .c-3-x, .size-x [class^=grid-12] > .c-3, .size-x [class^=grid-12] > .c-3-set, .size-x [class^=grid-12] > .c-3-set-x, .size-x [class^=grid-12] > .c-3-x {
  width: 25%;
  padding-right: 30px;
  padding-left: 30px;
}

.size-x .grid-14 > .c-3, .size-x .grid-14 > .c-3-set, .size-x .grid-14 > .c-3-set-x, .size-x .grid-14 > .c-3-x, .size-x [class*=" grid-14"] > .c-3, .size-x [class*=" grid-14"] > .c-3-set, .size-x [class*=" grid-14"] > .c-3-set-x, .size-x [class*=" grid-14"] > .c-3-x, .size-x [class^=grid-14] > .c-3, .size-x [class^=grid-14] > .c-3-set, .size-x [class^=grid-14] > .c-3-set-x, .size-x [class^=grid-14] > .c-3-x {
  width: 25%;
  padding-right: 35px;
  padding-left: 35px;
}

.size-s .grid > .c-4, .size-s .grid > .c-4-s, .size-s .grid > .c-4-set, .size-s .grid > .c-4-set-s, .size-s [class*=" grid"] > .c-4, .size-s [class*=" grid"] > .c-4-s, .size-s [class*=" grid"] > .c-4-set, .size-s [class*=" grid"] > .c-4-set-s, .size-s [class^=grid] > .c-4, .size-s [class^=grid] > .c-4-s, .size-s [class^=grid] > .c-4-set, .size-s [class^=grid] > .c-4-set-s {
  width: 33.33%;
  padding-right: calc(var(--vw, 1vw) * 2);
  padding-left: calc(var(--vw, 1vw) * 2);
}

.size-s .grid-12 > .c-4, .size-s .grid-12 > .c-4-s, .size-s .grid-12 > .c-4-set, .size-s .grid-12 > .c-4-set-s, .size-s [class*=" grid-12"] > .c-4, .size-s [class*=" grid-12"] > .c-4-s, .size-s [class*=" grid-12"] > .c-4-set, .size-s [class*=" grid-12"] > .c-4-set-s, .size-s [class^=grid-12] > .c-4, .size-s [class^=grid-12] > .c-4-s, .size-s [class^=grid-12] > .c-4-set, .size-s [class^=grid-12] > .c-4-set-s {
  width: 33.33%;
  padding-right: calc(var(--vw, 1vw) * 6);
  padding-left: calc(var(--vw, 1vw) * 6);
}

.size-s .grid-14 > .c-4, .size-s .grid-14 > .c-4-s, .size-s .grid-14 > .c-4-set, .size-s .grid-14 > .c-4-set-s, .size-s [class*=" grid-14"] > .c-4, .size-s [class*=" grid-14"] > .c-4-s, .size-s [class*=" grid-14"] > .c-4-set, .size-s [class*=" grid-14"] > .c-4-set-s, .size-s [class^=grid-14] > .c-4, .size-s [class^=grid-14] > .c-4-s, .size-s [class^=grid-14] > .c-4-set, .size-s [class^=grid-14] > .c-4-set-s {
  width: 33.33%;
  padding-right: calc(var(--vw, 1vw) * 7);
  padding-left: calc(var(--vw, 1vw) * 7);
}

.size-m .grid > .c-4, .size-m .grid > .c-4-m, .size-m .grid > .c-4-set, .size-m .grid > .c-4-set-m, .size-m [class*=" grid"] > .c-4, .size-m [class*=" grid"] > .c-4-m, .size-m [class*=" grid"] > .c-4-set, .size-m [class*=" grid"] > .c-4-set-m, .size-m [class^=grid] > .c-4, .size-m [class^=grid] > .c-4-m, .size-m [class^=grid] > .c-4-set, .size-m [class^=grid] > .c-4-set-m {
  width: 33.33%;
  padding-right: calc(var(--vw, 1vw) * 0.8);
  padding-left: calc(var(--vw, 1vw) * 0.8);
}

.size-m .grid-12 > .c-4, .size-m .grid-12 > .c-4-m, .size-m .grid-12 > .c-4-set, .size-m .grid-12 > .c-4-set-m, .size-m [class*=" grid-12"] > .c-4, .size-m [class*=" grid-12"] > .c-4-m, .size-m [class*=" grid-12"] > .c-4-set, .size-m [class*=" grid-12"] > .c-4-set-m, .size-m [class^=grid-12] > .c-4, .size-m [class^=grid-12] > .c-4-m, .size-m [class^=grid-12] > .c-4-set, .size-m [class^=grid-12] > .c-4-set-m {
  width: 33.33%;
  padding-right: calc(var(--vw, 1vw) * 2.4);
  padding-left: calc(var(--vw, 1vw) * 2.4);
}

.size-m .grid-14 > .c-4, .size-m .grid-14 > .c-4-m, .size-m .grid-14 > .c-4-set, .size-m .grid-14 > .c-4-set-m, .size-m [class*=" grid-14"] > .c-4, .size-m [class*=" grid-14"] > .c-4-m, .size-m [class*=" grid-14"] > .c-4-set, .size-m [class*=" grid-14"] > .c-4-set-m, .size-m [class^=grid-14] > .c-4, .size-m [class^=grid-14] > .c-4-m, .size-m [class^=grid-14] > .c-4-set, .size-m [class^=grid-14] > .c-4-set-m {
  width: 33.33%;
  padding-right: calc(var(--vw, 1vw) * 2.8);
  padding-left: calc(var(--vw, 1vw) * 2.8);
}

.size-l .grid > .c-4, .size-l .grid > .c-4-l, .size-l .grid > .c-4-set, .size-l .grid > .c-4-set-l, .size-l [class*=" grid"] > .c-4, .size-l [class*=" grid"] > .c-4-l, .size-l [class*=" grid"] > .c-4-set, .size-l [class*=" grid"] > .c-4-set-l, .size-l [class^=grid] > .c-4, .size-l [class^=grid] > .c-4-l, .size-l [class^=grid] > .c-4-set, .size-l [class^=grid] > .c-4-set-l {
  width: 33.33%;
  padding-right: 10px;
  padding-left: 10px;
}

.size-l .grid-12 > .c-4, .size-l .grid-12 > .c-4-l, .size-l .grid-12 > .c-4-set, .size-l .grid-12 > .c-4-set-l, .size-l [class*=" grid-12"] > .c-4, .size-l [class*=" grid-12"] > .c-4-l, .size-l [class*=" grid-12"] > .c-4-set, .size-l [class*=" grid-12"] > .c-4-set-l, .size-l [class^=grid-12] > .c-4, .size-l [class^=grid-12] > .c-4-l, .size-l [class^=grid-12] > .c-4-set, .size-l [class^=grid-12] > .c-4-set-l {
  width: 33.33%;
  padding-right: 30px;
  padding-left: 30px;
}

.size-l .grid-14 > .c-4, .size-l .grid-14 > .c-4-l, .size-l .grid-14 > .c-4-set, .size-l .grid-14 > .c-4-set-l, .size-l [class*=" grid-14"] > .c-4, .size-l [class*=" grid-14"] > .c-4-l, .size-l [class*=" grid-14"] > .c-4-set, .size-l [class*=" grid-14"] > .c-4-set-l, .size-l [class^=grid-14] > .c-4, .size-l [class^=grid-14] > .c-4-l, .size-l [class^=grid-14] > .c-4-set, .size-l [class^=grid-14] > .c-4-set-l {
  width: 33.33%;
  padding-right: 35px;
  padding-left: 35px;
}

.size-x .grid > .c-4, .size-x .grid > .c-4-set, .size-x .grid > .c-4-set-x, .size-x .grid > .c-4-x, .size-x [class*=" grid"] > .c-4, .size-x [class*=" grid"] > .c-4-set, .size-x [class*=" grid"] > .c-4-set-x, .size-x [class*=" grid"] > .c-4-x, .size-x [class^=grid] > .c-4, .size-x [class^=grid] > .c-4-set, .size-x [class^=grid] > .c-4-set-x, .size-x [class^=grid] > .c-4-x {
  width: 33.33%;
  padding-right: 10px;
  padding-left: 10px;
}

.size-x .grid-12 > .c-4, .size-x .grid-12 > .c-4-set, .size-x .grid-12 > .c-4-set-x, .size-x .grid-12 > .c-4-x, .size-x [class*=" grid-12"] > .c-4, .size-x [class*=" grid-12"] > .c-4-set, .size-x [class*=" grid-12"] > .c-4-set-x, .size-x [class*=" grid-12"] > .c-4-x, .size-x [class^=grid-12] > .c-4, .size-x [class^=grid-12] > .c-4-set, .size-x [class^=grid-12] > .c-4-set-x, .size-x [class^=grid-12] > .c-4-x {
  width: 33.33%;
  padding-right: 30px;
  padding-left: 30px;
}

.size-x .grid-14 > .c-4, .size-x .grid-14 > .c-4-set, .size-x .grid-14 > .c-4-set-x, .size-x .grid-14 > .c-4-x, .size-x [class*=" grid-14"] > .c-4, .size-x [class*=" grid-14"] > .c-4-set, .size-x [class*=" grid-14"] > .c-4-set-x, .size-x [class*=" grid-14"] > .c-4-x, .size-x [class^=grid-14] > .c-4, .size-x [class^=grid-14] > .c-4-set, .size-x [class^=grid-14] > .c-4-set-x, .size-x [class^=grid-14] > .c-4-x {
  width: 33.33%;
  padding-right: 35px;
  padding-left: 35px;
}

.size-s .grid > .c-5, .size-s .grid > .c-5-s, .size-s .grid > .c-5-set, .size-s .grid > .c-5-set-s, .size-s [class*=" grid"] > .c-5, .size-s [class*=" grid"] > .c-5-s, .size-s [class*=" grid"] > .c-5-set, .size-s [class*=" grid"] > .c-5-set-s, .size-s [class^=grid] > .c-5, .size-s [class^=grid] > .c-5-s, .size-s [class^=grid] > .c-5-set, .size-s [class^=grid] > .c-5-set-s {
  width: 41.66%;
  padding-right: calc(var(--vw, 1vw) * 2);
  padding-left: calc(var(--vw, 1vw) * 2);
}

.size-s .grid-12 > .c-5, .size-s .grid-12 > .c-5-s, .size-s .grid-12 > .c-5-set, .size-s .grid-12 > .c-5-set-s, .size-s [class*=" grid-12"] > .c-5, .size-s [class*=" grid-12"] > .c-5-s, .size-s [class*=" grid-12"] > .c-5-set, .size-s [class*=" grid-12"] > .c-5-set-s, .size-s [class^=grid-12] > .c-5, .size-s [class^=grid-12] > .c-5-s, .size-s [class^=grid-12] > .c-5-set, .size-s [class^=grid-12] > .c-5-set-s {
  width: 41.66%;
  padding-right: calc(var(--vw, 1vw) * 6);
  padding-left: calc(var(--vw, 1vw) * 6);
}

.size-s .grid-14 > .c-5, .size-s .grid-14 > .c-5-s, .size-s .grid-14 > .c-5-set, .size-s .grid-14 > .c-5-set-s, .size-s [class*=" grid-14"] > .c-5, .size-s [class*=" grid-14"] > .c-5-s, .size-s [class*=" grid-14"] > .c-5-set, .size-s [class*=" grid-14"] > .c-5-set-s, .size-s [class^=grid-14] > .c-5, .size-s [class^=grid-14] > .c-5-s, .size-s [class^=grid-14] > .c-5-set, .size-s [class^=grid-14] > .c-5-set-s {
  width: 41.66%;
  padding-right: calc(var(--vw, 1vw) * 7);
  padding-left: calc(var(--vw, 1vw) * 7);
}

.size-m .grid > .c-5, .size-m .grid > .c-5-m, .size-m .grid > .c-5-set, .size-m .grid > .c-5-set-m, .size-m [class*=" grid"] > .c-5, .size-m [class*=" grid"] > .c-5-m, .size-m [class*=" grid"] > .c-5-set, .size-m [class*=" grid"] > .c-5-set-m, .size-m [class^=grid] > .c-5, .size-m [class^=grid] > .c-5-m, .size-m [class^=grid] > .c-5-set, .size-m [class^=grid] > .c-5-set-m {
  width: 41.66%;
  padding-right: calc(var(--vw, 1vw) * 0.8);
  padding-left: calc(var(--vw, 1vw) * 0.8);
}

.size-m .grid-12 > .c-5, .size-m .grid-12 > .c-5-m, .size-m .grid-12 > .c-5-set, .size-m .grid-12 > .c-5-set-m, .size-m [class*=" grid-12"] > .c-5, .size-m [class*=" grid-12"] > .c-5-m, .size-m [class*=" grid-12"] > .c-5-set, .size-m [class*=" grid-12"] > .c-5-set-m, .size-m [class^=grid-12] > .c-5, .size-m [class^=grid-12] > .c-5-m, .size-m [class^=grid-12] > .c-5-set, .size-m [class^=grid-12] > .c-5-set-m {
  width: 41.66%;
  padding-right: calc(var(--vw, 1vw) * 2.4);
  padding-left: calc(var(--vw, 1vw) * 2.4);
}

.size-m .grid-14 > .c-5, .size-m .grid-14 > .c-5-m, .size-m .grid-14 > .c-5-set, .size-m .grid-14 > .c-5-set-m, .size-m [class*=" grid-14"] > .c-5, .size-m [class*=" grid-14"] > .c-5-m, .size-m [class*=" grid-14"] > .c-5-set, .size-m [class*=" grid-14"] > .c-5-set-m, .size-m [class^=grid-14] > .c-5, .size-m [class^=grid-14] > .c-5-m, .size-m [class^=grid-14] > .c-5-set, .size-m [class^=grid-14] > .c-5-set-m {
  width: 41.66%;
  padding-right: calc(var(--vw, 1vw) * 2.8);
  padding-left: calc(var(--vw, 1vw) * 2.8);
}

.size-l .grid > .c-5, .size-l .grid > .c-5-l, .size-l .grid > .c-5-set, .size-l .grid > .c-5-set-l, .size-l [class*=" grid"] > .c-5, .size-l [class*=" grid"] > .c-5-l, .size-l [class*=" grid"] > .c-5-set, .size-l [class*=" grid"] > .c-5-set-l, .size-l [class^=grid] > .c-5, .size-l [class^=grid] > .c-5-l, .size-l [class^=grid] > .c-5-set, .size-l [class^=grid] > .c-5-set-l {
  width: 41.66%;
  padding-right: 10px;
  padding-left: 10px;
}

.size-l .grid-12 > .c-5, .size-l .grid-12 > .c-5-l, .size-l .grid-12 > .c-5-set, .size-l .grid-12 > .c-5-set-l, .size-l [class*=" grid-12"] > .c-5, .size-l [class*=" grid-12"] > .c-5-l, .size-l [class*=" grid-12"] > .c-5-set, .size-l [class*=" grid-12"] > .c-5-set-l, .size-l [class^=grid-12] > .c-5, .size-l [class^=grid-12] > .c-5-l, .size-l [class^=grid-12] > .c-5-set, .size-l [class^=grid-12] > .c-5-set-l {
  width: 41.66%;
  padding-right: 30px;
  padding-left: 30px;
}

.size-l .grid-14 > .c-5, .size-l .grid-14 > .c-5-l, .size-l .grid-14 > .c-5-set, .size-l .grid-14 > .c-5-set-l, .size-l [class*=" grid-14"] > .c-5, .size-l [class*=" grid-14"] > .c-5-l, .size-l [class*=" grid-14"] > .c-5-set, .size-l [class*=" grid-14"] > .c-5-set-l, .size-l [class^=grid-14] > .c-5, .size-l [class^=grid-14] > .c-5-l, .size-l [class^=grid-14] > .c-5-set, .size-l [class^=grid-14] > .c-5-set-l {
  width: 41.66%;
  padding-right: 35px;
  padding-left: 35px;
}

.size-x .grid > .c-5, .size-x .grid > .c-5-set, .size-x .grid > .c-5-set-x, .size-x .grid > .c-5-x, .size-x [class*=" grid"] > .c-5, .size-x [class*=" grid"] > .c-5-set, .size-x [class*=" grid"] > .c-5-set-x, .size-x [class*=" grid"] > .c-5-x, .size-x [class^=grid] > .c-5, .size-x [class^=grid] > .c-5-set, .size-x [class^=grid] > .c-5-set-x, .size-x [class^=grid] > .c-5-x {
  width: 41.66%;
  padding-right: 10px;
  padding-left: 10px;
}

.size-x .grid-12 > .c-5, .size-x .grid-12 > .c-5-set, .size-x .grid-12 > .c-5-set-x, .size-x .grid-12 > .c-5-x, .size-x [class*=" grid-12"] > .c-5, .size-x [class*=" grid-12"] > .c-5-set, .size-x [class*=" grid-12"] > .c-5-set-x, .size-x [class*=" grid-12"] > .c-5-x, .size-x [class^=grid-12] > .c-5, .size-x [class^=grid-12] > .c-5-set, .size-x [class^=grid-12] > .c-5-set-x, .size-x [class^=grid-12] > .c-5-x {
  width: 41.66%;
  padding-right: 30px;
  padding-left: 30px;
}

.size-x .grid-14 > .c-5, .size-x .grid-14 > .c-5-set, .size-x .grid-14 > .c-5-set-x, .size-x .grid-14 > .c-5-x, .size-x [class*=" grid-14"] > .c-5, .size-x [class*=" grid-14"] > .c-5-set, .size-x [class*=" grid-14"] > .c-5-set-x, .size-x [class*=" grid-14"] > .c-5-x, .size-x [class^=grid-14] > .c-5, .size-x [class^=grid-14] > .c-5-set, .size-x [class^=grid-14] > .c-5-set-x, .size-x [class^=grid-14] > .c-5-x {
  width: 41.66%;
  padding-right: 35px;
  padding-left: 35px;
}

.size-s .grid > .c-6, .size-s .grid > .c-6-s, .size-s .grid > .c-6-set, .size-s .grid > .c-6-set-s, .size-s [class*=" grid"] > .c-6, .size-s [class*=" grid"] > .c-6-s, .size-s [class*=" grid"] > .c-6-set, .size-s [class*=" grid"] > .c-6-set-s, .size-s [class^=grid] > .c-6, .size-s [class^=grid] > .c-6-s, .size-s [class^=grid] > .c-6-set, .size-s [class^=grid] > .c-6-set-s {
  width: 50%;
  padding-right: calc(var(--vw, 1vw) * 2);
  padding-left: calc(var(--vw, 1vw) * 2);
}

.size-s .grid-12 > .c-6, .size-s .grid-12 > .c-6-s, .size-s .grid-12 > .c-6-set, .size-s .grid-12 > .c-6-set-s, .size-s [class*=" grid-12"] > .c-6, .size-s [class*=" grid-12"] > .c-6-s, .size-s [class*=" grid-12"] > .c-6-set, .size-s [class*=" grid-12"] > .c-6-set-s, .size-s [class^=grid-12] > .c-6, .size-s [class^=grid-12] > .c-6-s, .size-s [class^=grid-12] > .c-6-set, .size-s [class^=grid-12] > .c-6-set-s {
  width: 50%;
  padding-right: calc(var(--vw, 1vw) * 6);
  padding-left: calc(var(--vw, 1vw) * 6);
}

.size-s .grid-14 > .c-6, .size-s .grid-14 > .c-6-s, .size-s .grid-14 > .c-6-set, .size-s .grid-14 > .c-6-set-s, .size-s [class*=" grid-14"] > .c-6, .size-s [class*=" grid-14"] > .c-6-s, .size-s [class*=" grid-14"] > .c-6-set, .size-s [class*=" grid-14"] > .c-6-set-s, .size-s [class^=grid-14] > .c-6, .size-s [class^=grid-14] > .c-6-s, .size-s [class^=grid-14] > .c-6-set, .size-s [class^=grid-14] > .c-6-set-s {
  width: 50%;
  padding-right: calc(var(--vw, 1vw) * 7);
  padding-left: calc(var(--vw, 1vw) * 7);
}

.size-m .grid > .c-6, .size-m .grid > .c-6-m, .size-m .grid > .c-6-set, .size-m .grid > .c-6-set-m, .size-m [class*=" grid"] > .c-6, .size-m [class*=" grid"] > .c-6-m, .size-m [class*=" grid"] > .c-6-set, .size-m [class*=" grid"] > .c-6-set-m, .size-m [class^=grid] > .c-6, .size-m [class^=grid] > .c-6-m, .size-m [class^=grid] > .c-6-set, .size-m [class^=grid] > .c-6-set-m {
  width: 50%;
  padding-right: calc(var(--vw, 1vw) * 0.8);
  padding-left: calc(var(--vw, 1vw) * 0.8);
}

.size-m .grid-12 > .c-6, .size-m .grid-12 > .c-6-m, .size-m .grid-12 > .c-6-set, .size-m .grid-12 > .c-6-set-m, .size-m [class*=" grid-12"] > .c-6, .size-m [class*=" grid-12"] > .c-6-m, .size-m [class*=" grid-12"] > .c-6-set, .size-m [class*=" grid-12"] > .c-6-set-m, .size-m [class^=grid-12] > .c-6, .size-m [class^=grid-12] > .c-6-m, .size-m [class^=grid-12] > .c-6-set, .size-m [class^=grid-12] > .c-6-set-m {
  width: 50%;
  padding-right: calc(var(--vw, 1vw) * 2.4);
  padding-left: calc(var(--vw, 1vw) * 2.4);
}

.size-m .grid-14 > .c-6, .size-m .grid-14 > .c-6-m, .size-m .grid-14 > .c-6-set, .size-m .grid-14 > .c-6-set-m, .size-m [class*=" grid-14"] > .c-6, .size-m [class*=" grid-14"] > .c-6-m, .size-m [class*=" grid-14"] > .c-6-set, .size-m [class*=" grid-14"] > .c-6-set-m, .size-m [class^=grid-14] > .c-6, .size-m [class^=grid-14] > .c-6-m, .size-m [class^=grid-14] > .c-6-set, .size-m [class^=grid-14] > .c-6-set-m {
  width: 50%;
  padding-right: calc(var(--vw, 1vw) * 2.8);
  padding-left: calc(var(--vw, 1vw) * 2.8);
}

.size-l .grid > .c-6, .size-l .grid > .c-6-l, .size-l .grid > .c-6-set, .size-l .grid > .c-6-set-l, .size-l [class*=" grid"] > .c-6, .size-l [class*=" grid"] > .c-6-l, .size-l [class*=" grid"] > .c-6-set, .size-l [class*=" grid"] > .c-6-set-l, .size-l [class^=grid] > .c-6, .size-l [class^=grid] > .c-6-l, .size-l [class^=grid] > .c-6-set, .size-l [class^=grid] > .c-6-set-l {
  width: 50%;
  padding-right: 10px;
  padding-left: 10px;
}

.size-l .grid-12 > .c-6, .size-l .grid-12 > .c-6-l, .size-l .grid-12 > .c-6-set, .size-l .grid-12 > .c-6-set-l, .size-l [class*=" grid-12"] > .c-6, .size-l [class*=" grid-12"] > .c-6-l, .size-l [class*=" grid-12"] > .c-6-set, .size-l [class*=" grid-12"] > .c-6-set-l, .size-l [class^=grid-12] > .c-6, .size-l [class^=grid-12] > .c-6-l, .size-l [class^=grid-12] > .c-6-set, .size-l [class^=grid-12] > .c-6-set-l {
  width: 50%;
  padding-right: 30px;
  padding-left: 30px;
}

.size-l .grid-14 > .c-6, .size-l .grid-14 > .c-6-l, .size-l .grid-14 > .c-6-set, .size-l .grid-14 > .c-6-set-l, .size-l [class*=" grid-14"] > .c-6, .size-l [class*=" grid-14"] > .c-6-l, .size-l [class*=" grid-14"] > .c-6-set, .size-l [class*=" grid-14"] > .c-6-set-l, .size-l [class^=grid-14] > .c-6, .size-l [class^=grid-14] > .c-6-l, .size-l [class^=grid-14] > .c-6-set, .size-l [class^=grid-14] > .c-6-set-l {
  width: 50%;
  padding-right: 35px;
  padding-left: 35px;
}

.size-x .grid > .c-6, .size-x .grid > .c-6-set, .size-x .grid > .c-6-set-x, .size-x .grid > .c-6-x, .size-x [class*=" grid"] > .c-6, .size-x [class*=" grid"] > .c-6-set, .size-x [class*=" grid"] > .c-6-set-x, .size-x [class*=" grid"] > .c-6-x, .size-x [class^=grid] > .c-6, .size-x [class^=grid] > .c-6-set, .size-x [class^=grid] > .c-6-set-x, .size-x [class^=grid] > .c-6-x {
  width: 50%;
  padding-right: 10px;
  padding-left: 10px;
}

.size-x .grid-12 > .c-6, .size-x .grid-12 > .c-6-set, .size-x .grid-12 > .c-6-set-x, .size-x .grid-12 > .c-6-x, .size-x [class*=" grid-12"] > .c-6, .size-x [class*=" grid-12"] > .c-6-set, .size-x [class*=" grid-12"] > .c-6-set-x, .size-x [class*=" grid-12"] > .c-6-x, .size-x [class^=grid-12] > .c-6, .size-x [class^=grid-12] > .c-6-set, .size-x [class^=grid-12] > .c-6-set-x, .size-x [class^=grid-12] > .c-6-x {
  width: 50%;
  padding-right: 30px;
  padding-left: 30px;
}

.size-x .grid-14 > .c-6, .size-x .grid-14 > .c-6-set, .size-x .grid-14 > .c-6-set-x, .size-x .grid-14 > .c-6-x, .size-x [class*=" grid-14"] > .c-6, .size-x [class*=" grid-14"] > .c-6-set, .size-x [class*=" grid-14"] > .c-6-set-x, .size-x [class*=" grid-14"] > .c-6-x, .size-x [class^=grid-14] > .c-6, .size-x [class^=grid-14] > .c-6-set, .size-x [class^=grid-14] > .c-6-set-x, .size-x [class^=grid-14] > .c-6-x {
  width: 50%;
  padding-right: 35px;
  padding-left: 35px;
}

.size-s .grid > .c-7, .size-s .grid > .c-7-s, .size-s .grid > .c-7-set, .size-s .grid > .c-7-set-s, .size-s [class*=" grid"] > .c-7, .size-s [class*=" grid"] > .c-7-s, .size-s [class*=" grid"] > .c-7-set, .size-s [class*=" grid"] > .c-7-set-s, .size-s [class^=grid] > .c-7, .size-s [class^=grid] > .c-7-s, .size-s [class^=grid] > .c-7-set, .size-s [class^=grid] > .c-7-set-s {
  width: 58.33%;
  padding-right: calc(var(--vw, 1vw) * 2);
  padding-left: calc(var(--vw, 1vw) * 2);
}

.size-s .grid-12 > .c-7, .size-s .grid-12 > .c-7-s, .size-s .grid-12 > .c-7-set, .size-s .grid-12 > .c-7-set-s, .size-s [class*=" grid-12"] > .c-7, .size-s [class*=" grid-12"] > .c-7-s, .size-s [class*=" grid-12"] > .c-7-set, .size-s [class*=" grid-12"] > .c-7-set-s, .size-s [class^=grid-12] > .c-7, .size-s [class^=grid-12] > .c-7-s, .size-s [class^=grid-12] > .c-7-set, .size-s [class^=grid-12] > .c-7-set-s {
  width: 58.33%;
  padding-right: calc(var(--vw, 1vw) * 6);
  padding-left: calc(var(--vw, 1vw) * 6);
}

.size-s .grid-14 > .c-7, .size-s .grid-14 > .c-7-s, .size-s .grid-14 > .c-7-set, .size-s .grid-14 > .c-7-set-s, .size-s [class*=" grid-14"] > .c-7, .size-s [class*=" grid-14"] > .c-7-s, .size-s [class*=" grid-14"] > .c-7-set, .size-s [class*=" grid-14"] > .c-7-set-s, .size-s [class^=grid-14] > .c-7, .size-s [class^=grid-14] > .c-7-s, .size-s [class^=grid-14] > .c-7-set, .size-s [class^=grid-14] > .c-7-set-s {
  width: 58.33%;
  padding-right: calc(var(--vw, 1vw) * 7);
  padding-left: calc(var(--vw, 1vw) * 7);
}

.size-m .grid > .c-7, .size-m .grid > .c-7-m, .size-m .grid > .c-7-set, .size-m .grid > .c-7-set-m, .size-m [class*=" grid"] > .c-7, .size-m [class*=" grid"] > .c-7-m, .size-m [class*=" grid"] > .c-7-set, .size-m [class*=" grid"] > .c-7-set-m, .size-m [class^=grid] > .c-7, .size-m [class^=grid] > .c-7-m, .size-m [class^=grid] > .c-7-set, .size-m [class^=grid] > .c-7-set-m {
  width: 58.33%;
  padding-right: calc(var(--vw, 1vw) * 0.8);
  padding-left: calc(var(--vw, 1vw) * 0.8);
}

.size-m .grid-12 > .c-7, .size-m .grid-12 > .c-7-m, .size-m .grid-12 > .c-7-set, .size-m .grid-12 > .c-7-set-m, .size-m [class*=" grid-12"] > .c-7, .size-m [class*=" grid-12"] > .c-7-m, .size-m [class*=" grid-12"] > .c-7-set, .size-m [class*=" grid-12"] > .c-7-set-m, .size-m [class^=grid-12] > .c-7, .size-m [class^=grid-12] > .c-7-m, .size-m [class^=grid-12] > .c-7-set, .size-m [class^=grid-12] > .c-7-set-m {
  width: 58.33%;
  padding-right: calc(var(--vw, 1vw) * 2.4);
  padding-left: calc(var(--vw, 1vw) * 2.4);
}

.size-m .grid-14 > .c-7, .size-m .grid-14 > .c-7-m, .size-m .grid-14 > .c-7-set, .size-m .grid-14 > .c-7-set-m, .size-m [class*=" grid-14"] > .c-7, .size-m [class*=" grid-14"] > .c-7-m, .size-m [class*=" grid-14"] > .c-7-set, .size-m [class*=" grid-14"] > .c-7-set-m, .size-m [class^=grid-14] > .c-7, .size-m [class^=grid-14] > .c-7-m, .size-m [class^=grid-14] > .c-7-set, .size-m [class^=grid-14] > .c-7-set-m {
  width: 58.33%;
  padding-right: calc(var(--vw, 1vw) * 2.8);
  padding-left: calc(var(--vw, 1vw) * 2.8);
}

.size-l .grid > .c-7, .size-l .grid > .c-7-l, .size-l .grid > .c-7-set, .size-l .grid > .c-7-set-l, .size-l [class*=" grid"] > .c-7, .size-l [class*=" grid"] > .c-7-l, .size-l [class*=" grid"] > .c-7-set, .size-l [class*=" grid"] > .c-7-set-l, .size-l [class^=grid] > .c-7, .size-l [class^=grid] > .c-7-l, .size-l [class^=grid] > .c-7-set, .size-l [class^=grid] > .c-7-set-l {
  width: 58.33%;
  padding-right: 10px;
  padding-left: 10px;
}

.size-l .grid-12 > .c-7, .size-l .grid-12 > .c-7-l, .size-l .grid-12 > .c-7-set, .size-l .grid-12 > .c-7-set-l, .size-l [class*=" grid-12"] > .c-7, .size-l [class*=" grid-12"] > .c-7-l, .size-l [class*=" grid-12"] > .c-7-set, .size-l [class*=" grid-12"] > .c-7-set-l, .size-l [class^=grid-12] > .c-7, .size-l [class^=grid-12] > .c-7-l, .size-l [class^=grid-12] > .c-7-set, .size-l [class^=grid-12] > .c-7-set-l {
  width: 58.33%;
  padding-right: 30px;
  padding-left: 30px;
}

.size-l .grid-14 > .c-7, .size-l .grid-14 > .c-7-l, .size-l .grid-14 > .c-7-set, .size-l .grid-14 > .c-7-set-l, .size-l [class*=" grid-14"] > .c-7, .size-l [class*=" grid-14"] > .c-7-l, .size-l [class*=" grid-14"] > .c-7-set, .size-l [class*=" grid-14"] > .c-7-set-l, .size-l [class^=grid-14] > .c-7, .size-l [class^=grid-14] > .c-7-l, .size-l [class^=grid-14] > .c-7-set, .size-l [class^=grid-14] > .c-7-set-l {
  width: 58.33%;
  padding-right: 35px;
  padding-left: 35px;
}

.size-x .grid > .c-7, .size-x .grid > .c-7-set, .size-x .grid > .c-7-set-x, .size-x .grid > .c-7-x, .size-x [class*=" grid"] > .c-7, .size-x [class*=" grid"] > .c-7-set, .size-x [class*=" grid"] > .c-7-set-x, .size-x [class*=" grid"] > .c-7-x, .size-x [class^=grid] > .c-7, .size-x [class^=grid] > .c-7-set, .size-x [class^=grid] > .c-7-set-x, .size-x [class^=grid] > .c-7-x {
  width: 58.33%;
  padding-right: 10px;
  padding-left: 10px;
}

.size-x .grid-12 > .c-7, .size-x .grid-12 > .c-7-set, .size-x .grid-12 > .c-7-set-x, .size-x .grid-12 > .c-7-x, .size-x [class*=" grid-12"] > .c-7, .size-x [class*=" grid-12"] > .c-7-set, .size-x [class*=" grid-12"] > .c-7-set-x, .size-x [class*=" grid-12"] > .c-7-x, .size-x [class^=grid-12] > .c-7, .size-x [class^=grid-12] > .c-7-set, .size-x [class^=grid-12] > .c-7-set-x, .size-x [class^=grid-12] > .c-7-x {
  width: 58.33%;
  padding-right: 30px;
  padding-left: 30px;
}

.size-x .grid-14 > .c-7, .size-x .grid-14 > .c-7-set, .size-x .grid-14 > .c-7-set-x, .size-x .grid-14 > .c-7-x, .size-x [class*=" grid-14"] > .c-7, .size-x [class*=" grid-14"] > .c-7-set, .size-x [class*=" grid-14"] > .c-7-set-x, .size-x [class*=" grid-14"] > .c-7-x, .size-x [class^=grid-14] > .c-7, .size-x [class^=grid-14] > .c-7-set, .size-x [class^=grid-14] > .c-7-set-x, .size-x [class^=grid-14] > .c-7-x {
  width: 58.33%;
  padding-right: 35px;
  padding-left: 35px;
}

.size-s .grid > .c-8, .size-s .grid > .c-8-s, .size-s .grid > .c-8-set, .size-s .grid > .c-8-set-s, .size-s [class*=" grid"] > .c-8, .size-s [class*=" grid"] > .c-8-s, .size-s [class*=" grid"] > .c-8-set, .size-s [class*=" grid"] > .c-8-set-s, .size-s [class^=grid] > .c-8, .size-s [class^=grid] > .c-8-s, .size-s [class^=grid] > .c-8-set, .size-s [class^=grid] > .c-8-set-s {
  width: 66.66%;
  padding-right: calc(var(--vw, 1vw) * 2);
  padding-left: calc(var(--vw, 1vw) * 2);
}

.size-s .grid-12 > .c-8, .size-s .grid-12 > .c-8-s, .size-s .grid-12 > .c-8-set, .size-s .grid-12 > .c-8-set-s, .size-s [class*=" grid-12"] > .c-8, .size-s [class*=" grid-12"] > .c-8-s, .size-s [class*=" grid-12"] > .c-8-set, .size-s [class*=" grid-12"] > .c-8-set-s, .size-s [class^=grid-12] > .c-8, .size-s [class^=grid-12] > .c-8-s, .size-s [class^=grid-12] > .c-8-set, .size-s [class^=grid-12] > .c-8-set-s {
  width: 66.66%;
  padding-right: calc(var(--vw, 1vw) * 6);
  padding-left: calc(var(--vw, 1vw) * 6);
}

.size-s .grid-14 > .c-8, .size-s .grid-14 > .c-8-s, .size-s .grid-14 > .c-8-set, .size-s .grid-14 > .c-8-set-s, .size-s [class*=" grid-14"] > .c-8, .size-s [class*=" grid-14"] > .c-8-s, .size-s [class*=" grid-14"] > .c-8-set, .size-s [class*=" grid-14"] > .c-8-set-s, .size-s [class^=grid-14] > .c-8, .size-s [class^=grid-14] > .c-8-s, .size-s [class^=grid-14] > .c-8-set, .size-s [class^=grid-14] > .c-8-set-s {
  width: 66.66%;
  padding-right: calc(var(--vw, 1vw) * 7);
  padding-left: calc(var(--vw, 1vw) * 7);
}

.size-m .grid > .c-8, .size-m .grid > .c-8-m, .size-m .grid > .c-8-set, .size-m .grid > .c-8-set-m, .size-m [class*=" grid"] > .c-8, .size-m [class*=" grid"] > .c-8-m, .size-m [class*=" grid"] > .c-8-set, .size-m [class*=" grid"] > .c-8-set-m, .size-m [class^=grid] > .c-8, .size-m [class^=grid] > .c-8-m, .size-m [class^=grid] > .c-8-set, .size-m [class^=grid] > .c-8-set-m {
  width: 66.66%;
  padding-right: calc(var(--vw, 1vw) * 0.8);
  padding-left: calc(var(--vw, 1vw) * 0.8);
}

.size-m .grid-12 > .c-8, .size-m .grid-12 > .c-8-m, .size-m .grid-12 > .c-8-set, .size-m .grid-12 > .c-8-set-m, .size-m [class*=" grid-12"] > .c-8, .size-m [class*=" grid-12"] > .c-8-m, .size-m [class*=" grid-12"] > .c-8-set, .size-m [class*=" grid-12"] > .c-8-set-m, .size-m [class^=grid-12] > .c-8, .size-m [class^=grid-12] > .c-8-m, .size-m [class^=grid-12] > .c-8-set, .size-m [class^=grid-12] > .c-8-set-m {
  width: 66.66%;
  padding-right: calc(var(--vw, 1vw) * 2.4);
  padding-left: calc(var(--vw, 1vw) * 2.4);
}

.size-m .grid-14 > .c-8, .size-m .grid-14 > .c-8-m, .size-m .grid-14 > .c-8-set, .size-m .grid-14 > .c-8-set-m, .size-m [class*=" grid-14"] > .c-8, .size-m [class*=" grid-14"] > .c-8-m, .size-m [class*=" grid-14"] > .c-8-set, .size-m [class*=" grid-14"] > .c-8-set-m, .size-m [class^=grid-14] > .c-8, .size-m [class^=grid-14] > .c-8-m, .size-m [class^=grid-14] > .c-8-set, .size-m [class^=grid-14] > .c-8-set-m {
  width: 66.66%;
  padding-right: calc(var(--vw, 1vw) * 2.8);
  padding-left: calc(var(--vw, 1vw) * 2.8);
}

.size-l .grid > .c-8, .size-l .grid > .c-8-l, .size-l .grid > .c-8-set, .size-l .grid > .c-8-set-l, .size-l [class*=" grid"] > .c-8, .size-l [class*=" grid"] > .c-8-l, .size-l [class*=" grid"] > .c-8-set, .size-l [class*=" grid"] > .c-8-set-l, .size-l [class^=grid] > .c-8, .size-l [class^=grid] > .c-8-l, .size-l [class^=grid] > .c-8-set, .size-l [class^=grid] > .c-8-set-l {
  width: 66.66%;
  padding-right: 10px;
  padding-left: 10px;
}

.size-l .grid-12 > .c-8, .size-l .grid-12 > .c-8-l, .size-l .grid-12 > .c-8-set, .size-l .grid-12 > .c-8-set-l, .size-l [class*=" grid-12"] > .c-8, .size-l [class*=" grid-12"] > .c-8-l, .size-l [class*=" grid-12"] > .c-8-set, .size-l [class*=" grid-12"] > .c-8-set-l, .size-l [class^=grid-12] > .c-8, .size-l [class^=grid-12] > .c-8-l, .size-l [class^=grid-12] > .c-8-set, .size-l [class^=grid-12] > .c-8-set-l {
  width: 66.66%;
  padding-right: 30px;
  padding-left: 30px;
}

.size-l .grid-14 > .c-8, .size-l .grid-14 > .c-8-l, .size-l .grid-14 > .c-8-set, .size-l .grid-14 > .c-8-set-l, .size-l [class*=" grid-14"] > .c-8, .size-l [class*=" grid-14"] > .c-8-l, .size-l [class*=" grid-14"] > .c-8-set, .size-l [class*=" grid-14"] > .c-8-set-l, .size-l [class^=grid-14] > .c-8, .size-l [class^=grid-14] > .c-8-l, .size-l [class^=grid-14] > .c-8-set, .size-l [class^=grid-14] > .c-8-set-l {
  width: 66.66%;
  padding-right: 35px;
  padding-left: 35px;
}

.size-x .grid > .c-8, .size-x .grid > .c-8-set, .size-x .grid > .c-8-set-x, .size-x .grid > .c-8-x, .size-x [class*=" grid"] > .c-8, .size-x [class*=" grid"] > .c-8-set, .size-x [class*=" grid"] > .c-8-set-x, .size-x [class*=" grid"] > .c-8-x, .size-x [class^=grid] > .c-8, .size-x [class^=grid] > .c-8-set, .size-x [class^=grid] > .c-8-set-x, .size-x [class^=grid] > .c-8-x {
  width: 66.66%;
  padding-right: 10px;
  padding-left: 10px;
}

.size-x .grid-12 > .c-8, .size-x .grid-12 > .c-8-set, .size-x .grid-12 > .c-8-set-x, .size-x .grid-12 > .c-8-x, .size-x [class*=" grid-12"] > .c-8, .size-x [class*=" grid-12"] > .c-8-set, .size-x [class*=" grid-12"] > .c-8-set-x, .size-x [class*=" grid-12"] > .c-8-x, .size-x [class^=grid-12] > .c-8, .size-x [class^=grid-12] > .c-8-set, .size-x [class^=grid-12] > .c-8-set-x, .size-x [class^=grid-12] > .c-8-x {
  width: 66.66%;
  padding-right: 30px;
  padding-left: 30px;
}

.size-x .grid-14 > .c-8, .size-x .grid-14 > .c-8-set, .size-x .grid-14 > .c-8-set-x, .size-x .grid-14 > .c-8-x, .size-x [class*=" grid-14"] > .c-8, .size-x [class*=" grid-14"] > .c-8-set, .size-x [class*=" grid-14"] > .c-8-set-x, .size-x [class*=" grid-14"] > .c-8-x, .size-x [class^=grid-14] > .c-8, .size-x [class^=grid-14] > .c-8-set, .size-x [class^=grid-14] > .c-8-set-x, .size-x [class^=grid-14] > .c-8-x {
  width: 66.66%;
  padding-right: 35px;
  padding-left: 35px;
}

.size-s .grid > .c-9, .size-s .grid > .c-9-s, .size-s .grid > .c-9-set, .size-s .grid > .c-9-set-s, .size-s [class*=" grid"] > .c-9, .size-s [class*=" grid"] > .c-9-s, .size-s [class*=" grid"] > .c-9-set, .size-s [class*=" grid"] > .c-9-set-s, .size-s [class^=grid] > .c-9, .size-s [class^=grid] > .c-9-s, .size-s [class^=grid] > .c-9-set, .size-s [class^=grid] > .c-9-set-s {
  width: 75%;
  padding-right: calc(var(--vw, 1vw) * 2);
  padding-left: calc(var(--vw, 1vw) * 2);
}

.size-s .grid-12 > .c-9, .size-s .grid-12 > .c-9-s, .size-s .grid-12 > .c-9-set, .size-s .grid-12 > .c-9-set-s, .size-s [class*=" grid-12"] > .c-9, .size-s [class*=" grid-12"] > .c-9-s, .size-s [class*=" grid-12"] > .c-9-set, .size-s [class*=" grid-12"] > .c-9-set-s, .size-s [class^=grid-12] > .c-9, .size-s [class^=grid-12] > .c-9-s, .size-s [class^=grid-12] > .c-9-set, .size-s [class^=grid-12] > .c-9-set-s {
  width: 75%;
  padding-right: calc(var(--vw, 1vw) * 6);
  padding-left: calc(var(--vw, 1vw) * 6);
}

.size-s .grid-14 > .c-9, .size-s .grid-14 > .c-9-s, .size-s .grid-14 > .c-9-set, .size-s .grid-14 > .c-9-set-s, .size-s [class*=" grid-14"] > .c-9, .size-s [class*=" grid-14"] > .c-9-s, .size-s [class*=" grid-14"] > .c-9-set, .size-s [class*=" grid-14"] > .c-9-set-s, .size-s [class^=grid-14] > .c-9, .size-s [class^=grid-14] > .c-9-s, .size-s [class^=grid-14] > .c-9-set, .size-s [class^=grid-14] > .c-9-set-s {
  width: 75%;
  padding-right: calc(var(--vw, 1vw) * 7);
  padding-left: calc(var(--vw, 1vw) * 7);
}

.size-m .grid > .c-9, .size-m .grid > .c-9-m, .size-m .grid > .c-9-set, .size-m .grid > .c-9-set-m, .size-m [class*=" grid"] > .c-9, .size-m [class*=" grid"] > .c-9-m, .size-m [class*=" grid"] > .c-9-set, .size-m [class*=" grid"] > .c-9-set-m, .size-m [class^=grid] > .c-9, .size-m [class^=grid] > .c-9-m, .size-m [class^=grid] > .c-9-set, .size-m [class^=grid] > .c-9-set-m {
  width: 75%;
  padding-right: calc(var(--vw, 1vw) * 0.8);
  padding-left: calc(var(--vw, 1vw) * 0.8);
}

.size-m .grid-12 > .c-9, .size-m .grid-12 > .c-9-m, .size-m .grid-12 > .c-9-set, .size-m .grid-12 > .c-9-set-m, .size-m [class*=" grid-12"] > .c-9, .size-m [class*=" grid-12"] > .c-9-m, .size-m [class*=" grid-12"] > .c-9-set, .size-m [class*=" grid-12"] > .c-9-set-m, .size-m [class^=grid-12] > .c-9, .size-m [class^=grid-12] > .c-9-m, .size-m [class^=grid-12] > .c-9-set, .size-m [class^=grid-12] > .c-9-set-m {
  width: 75%;
  padding-right: calc(var(--vw, 1vw) * 2.4);
  padding-left: calc(var(--vw, 1vw) * 2.4);
}

.size-m .grid-14 > .c-9, .size-m .grid-14 > .c-9-m, .size-m .grid-14 > .c-9-set, .size-m .grid-14 > .c-9-set-m, .size-m [class*=" grid-14"] > .c-9, .size-m [class*=" grid-14"] > .c-9-m, .size-m [class*=" grid-14"] > .c-9-set, .size-m [class*=" grid-14"] > .c-9-set-m, .size-m [class^=grid-14] > .c-9, .size-m [class^=grid-14] > .c-9-m, .size-m [class^=grid-14] > .c-9-set, .size-m [class^=grid-14] > .c-9-set-m {
  width: 75%;
  padding-right: calc(var(--vw, 1vw) * 2.8);
  padding-left: calc(var(--vw, 1vw) * 2.8);
}

.size-l .grid > .c-9, .size-l .grid > .c-9-l, .size-l .grid > .c-9-set, .size-l .grid > .c-9-set-l, .size-l [class*=" grid"] > .c-9, .size-l [class*=" grid"] > .c-9-l, .size-l [class*=" grid"] > .c-9-set, .size-l [class*=" grid"] > .c-9-set-l, .size-l [class^=grid] > .c-9, .size-l [class^=grid] > .c-9-l, .size-l [class^=grid] > .c-9-set, .size-l [class^=grid] > .c-9-set-l {
  width: 75%;
  padding-right: 10px;
  padding-left: 10px;
}

.size-l .grid-12 > .c-9, .size-l .grid-12 > .c-9-l, .size-l .grid-12 > .c-9-set, .size-l .grid-12 > .c-9-set-l, .size-l [class*=" grid-12"] > .c-9, .size-l [class*=" grid-12"] > .c-9-l, .size-l [class*=" grid-12"] > .c-9-set, .size-l [class*=" grid-12"] > .c-9-set-l, .size-l [class^=grid-12] > .c-9, .size-l [class^=grid-12] > .c-9-l, .size-l [class^=grid-12] > .c-9-set, .size-l [class^=grid-12] > .c-9-set-l {
  width: 75%;
  padding-right: 30px;
  padding-left: 30px;
}

.size-l .grid-14 > .c-9, .size-l .grid-14 > .c-9-l, .size-l .grid-14 > .c-9-set, .size-l .grid-14 > .c-9-set-l, .size-l [class*=" grid-14"] > .c-9, .size-l [class*=" grid-14"] > .c-9-l, .size-l [class*=" grid-14"] > .c-9-set, .size-l [class*=" grid-14"] > .c-9-set-l, .size-l [class^=grid-14] > .c-9, .size-l [class^=grid-14] > .c-9-l, .size-l [class^=grid-14] > .c-9-set, .size-l [class^=grid-14] > .c-9-set-l {
  width: 75%;
  padding-right: 35px;
  padding-left: 35px;
}

.size-x .grid > .c-9, .size-x .grid > .c-9-set, .size-x .grid > .c-9-set-x, .size-x .grid > .c-9-x, .size-x [class*=" grid"] > .c-9, .size-x [class*=" grid"] > .c-9-set, .size-x [class*=" grid"] > .c-9-set-x, .size-x [class*=" grid"] > .c-9-x, .size-x [class^=grid] > .c-9, .size-x [class^=grid] > .c-9-set, .size-x [class^=grid] > .c-9-set-x, .size-x [class^=grid] > .c-9-x {
  width: 75%;
  padding-right: 10px;
  padding-left: 10px;
}

.size-x .grid-12 > .c-9, .size-x .grid-12 > .c-9-set, .size-x .grid-12 > .c-9-set-x, .size-x .grid-12 > .c-9-x, .size-x [class*=" grid-12"] > .c-9, .size-x [class*=" grid-12"] > .c-9-set, .size-x [class*=" grid-12"] > .c-9-set-x, .size-x [class*=" grid-12"] > .c-9-x, .size-x [class^=grid-12] > .c-9, .size-x [class^=grid-12] > .c-9-set, .size-x [class^=grid-12] > .c-9-set-x, .size-x [class^=grid-12] > .c-9-x {
  width: 75%;
  padding-right: 30px;
  padding-left: 30px;
}

.size-x .grid-14 > .c-9, .size-x .grid-14 > .c-9-set, .size-x .grid-14 > .c-9-set-x, .size-x .grid-14 > .c-9-x, .size-x [class*=" grid-14"] > .c-9, .size-x [class*=" grid-14"] > .c-9-set, .size-x [class*=" grid-14"] > .c-9-set-x, .size-x [class*=" grid-14"] > .c-9-x, .size-x [class^=grid-14] > .c-9, .size-x [class^=grid-14] > .c-9-set, .size-x [class^=grid-14] > .c-9-set-x, .size-x [class^=grid-14] > .c-9-x {
  width: 75%;
  padding-right: 35px;
  padding-left: 35px;
}

.size-s .grid > .c-10, .size-s .grid > .c-10-s, .size-s .grid > .c-10-set, .size-s .grid > .c-10-set-s, .size-s [class*=" grid"] > .c-10, .size-s [class*=" grid"] > .c-10-s, .size-s [class*=" grid"] > .c-10-set, .size-s [class*=" grid"] > .c-10-set-s, .size-s [class^=grid] > .c-10, .size-s [class^=grid] > .c-10-s, .size-s [class^=grid] > .c-10-set, .size-s [class^=grid] > .c-10-set-s {
  width: 83.33%;
  padding-right: calc(var(--vw, 1vw) * 2);
  padding-left: calc(var(--vw, 1vw) * 2);
}

.size-s .grid-12 > .c-10, .size-s .grid-12 > .c-10-s, .size-s .grid-12 > .c-10-set, .size-s .grid-12 > .c-10-set-s, .size-s [class*=" grid-12"] > .c-10, .size-s [class*=" grid-12"] > .c-10-s, .size-s [class*=" grid-12"] > .c-10-set, .size-s [class*=" grid-12"] > .c-10-set-s, .size-s [class^=grid-12] > .c-10, .size-s [class^=grid-12] > .c-10-s, .size-s [class^=grid-12] > .c-10-set, .size-s [class^=grid-12] > .c-10-set-s {
  width: 83.33%;
  padding-right: calc(var(--vw, 1vw) * 6);
  padding-left: calc(var(--vw, 1vw) * 6);
}

.size-s .grid-14 > .c-10, .size-s .grid-14 > .c-10-s, .size-s .grid-14 > .c-10-set, .size-s .grid-14 > .c-10-set-s, .size-s [class*=" grid-14"] > .c-10, .size-s [class*=" grid-14"] > .c-10-s, .size-s [class*=" grid-14"] > .c-10-set, .size-s [class*=" grid-14"] > .c-10-set-s, .size-s [class^=grid-14] > .c-10, .size-s [class^=grid-14] > .c-10-s, .size-s [class^=grid-14] > .c-10-set, .size-s [class^=grid-14] > .c-10-set-s {
  width: 83.33%;
  padding-right: calc(var(--vw, 1vw) * 7);
  padding-left: calc(var(--vw, 1vw) * 7);
}

.size-m .grid > .c-10, .size-m .grid > .c-10-m, .size-m .grid > .c-10-set, .size-m .grid > .c-10-set-m, .size-m [class*=" grid"] > .c-10, .size-m [class*=" grid"] > .c-10-m, .size-m [class*=" grid"] > .c-10-set, .size-m [class*=" grid"] > .c-10-set-m, .size-m [class^=grid] > .c-10, .size-m [class^=grid] > .c-10-m, .size-m [class^=grid] > .c-10-set, .size-m [class^=grid] > .c-10-set-m {
  width: 83.33%;
  padding-right: calc(var(--vw, 1vw) * 0.8);
  padding-left: calc(var(--vw, 1vw) * 0.8);
}

.size-m .grid-12 > .c-10, .size-m .grid-12 > .c-10-m, .size-m .grid-12 > .c-10-set, .size-m .grid-12 > .c-10-set-m, .size-m [class*=" grid-12"] > .c-10, .size-m [class*=" grid-12"] > .c-10-m, .size-m [class*=" grid-12"] > .c-10-set, .size-m [class*=" grid-12"] > .c-10-set-m, .size-m [class^=grid-12] > .c-10, .size-m [class^=grid-12] > .c-10-m, .size-m [class^=grid-12] > .c-10-set, .size-m [class^=grid-12] > .c-10-set-m {
  width: 83.33%;
  padding-right: calc(var(--vw, 1vw) * 2.4);
  padding-left: calc(var(--vw, 1vw) * 2.4);
}

.size-m .grid-14 > .c-10, .size-m .grid-14 > .c-10-m, .size-m .grid-14 > .c-10-set, .size-m .grid-14 > .c-10-set-m, .size-m [class*=" grid-14"] > .c-10, .size-m [class*=" grid-14"] > .c-10-m, .size-m [class*=" grid-14"] > .c-10-set, .size-m [class*=" grid-14"] > .c-10-set-m, .size-m [class^=grid-14] > .c-10, .size-m [class^=grid-14] > .c-10-m, .size-m [class^=grid-14] > .c-10-set, .size-m [class^=grid-14] > .c-10-set-m {
  width: 83.33%;
  padding-right: calc(var(--vw, 1vw) * 2.8);
  padding-left: calc(var(--vw, 1vw) * 2.8);
}

.size-l .grid > .c-10, .size-l .grid > .c-10-l, .size-l .grid > .c-10-set, .size-l .grid > .c-10-set-l, .size-l [class*=" grid"] > .c-10, .size-l [class*=" grid"] > .c-10-l, .size-l [class*=" grid"] > .c-10-set, .size-l [class*=" grid"] > .c-10-set-l, .size-l [class^=grid] > .c-10, .size-l [class^=grid] > .c-10-l, .size-l [class^=grid] > .c-10-set, .size-l [class^=grid] > .c-10-set-l {
  width: 83.33%;
  padding-right: 10px;
  padding-left: 10px;
}

.size-l .grid-12 > .c-10, .size-l .grid-12 > .c-10-l, .size-l .grid-12 > .c-10-set, .size-l .grid-12 > .c-10-set-l, .size-l [class*=" grid-12"] > .c-10, .size-l [class*=" grid-12"] > .c-10-l, .size-l [class*=" grid-12"] > .c-10-set, .size-l [class*=" grid-12"] > .c-10-set-l, .size-l [class^=grid-12] > .c-10, .size-l [class^=grid-12] > .c-10-l, .size-l [class^=grid-12] > .c-10-set, .size-l [class^=grid-12] > .c-10-set-l {
  width: 83.33%;
  padding-right: 30px;
  padding-left: 30px;
}

.size-l .grid-14 > .c-10, .size-l .grid-14 > .c-10-l, .size-l .grid-14 > .c-10-set, .size-l .grid-14 > .c-10-set-l, .size-l [class*=" grid-14"] > .c-10, .size-l [class*=" grid-14"] > .c-10-l, .size-l [class*=" grid-14"] > .c-10-set, .size-l [class*=" grid-14"] > .c-10-set-l, .size-l [class^=grid-14] > .c-10, .size-l [class^=grid-14] > .c-10-l, .size-l [class^=grid-14] > .c-10-set, .size-l [class^=grid-14] > .c-10-set-l {
  width: 83.33%;
  padding-right: 35px;
  padding-left: 35px;
}

.size-x .grid > .c-10, .size-x .grid > .c-10-set, .size-x .grid > .c-10-set-x, .size-x .grid > .c-10-x, .size-x [class*=" grid"] > .c-10, .size-x [class*=" grid"] > .c-10-set, .size-x [class*=" grid"] > .c-10-set-x, .size-x [class*=" grid"] > .c-10-x, .size-x [class^=grid] > .c-10, .size-x [class^=grid] > .c-10-set, .size-x [class^=grid] > .c-10-set-x, .size-x [class^=grid] > .c-10-x {
  width: 83.33%;
  padding-right: 10px;
  padding-left: 10px;
}

.size-x .grid-12 > .c-10, .size-x .grid-12 > .c-10-set, .size-x .grid-12 > .c-10-set-x, .size-x .grid-12 > .c-10-x, .size-x [class*=" grid-12"] > .c-10, .size-x [class*=" grid-12"] > .c-10-set, .size-x [class*=" grid-12"] > .c-10-set-x, .size-x [class*=" grid-12"] > .c-10-x, .size-x [class^=grid-12] > .c-10, .size-x [class^=grid-12] > .c-10-set, .size-x [class^=grid-12] > .c-10-set-x, .size-x [class^=grid-12] > .c-10-x {
  width: 83.33%;
  padding-right: 30px;
  padding-left: 30px;
}

.size-x .grid-14 > .c-10, .size-x .grid-14 > .c-10-set, .size-x .grid-14 > .c-10-set-x, .size-x .grid-14 > .c-10-x, .size-x [class*=" grid-14"] > .c-10, .size-x [class*=" grid-14"] > .c-10-set, .size-x [class*=" grid-14"] > .c-10-set-x, .size-x [class*=" grid-14"] > .c-10-x, .size-x [class^=grid-14] > .c-10, .size-x [class^=grid-14] > .c-10-set, .size-x [class^=grid-14] > .c-10-set-x, .size-x [class^=grid-14] > .c-10-x {
  width: 83.33%;
  padding-right: 35px;
  padding-left: 35px;
}

.size-s .grid > .c-11, .size-s .grid > .c-11-s, .size-s .grid > .c-11-set, .size-s .grid > .c-11-set-s, .size-s [class*=" grid"] > .c-11, .size-s [class*=" grid"] > .c-11-s, .size-s [class*=" grid"] > .c-11-set, .size-s [class*=" grid"] > .c-11-set-s, .size-s [class^=grid] > .c-11, .size-s [class^=grid] > .c-11-s, .size-s [class^=grid] > .c-11-set, .size-s [class^=grid] > .c-11-set-s {
  width: 91.66%;
  padding-right: calc(var(--vw, 1vw) * 2);
  padding-left: calc(var(--vw, 1vw) * 2);
}

.size-s .grid-12 > .c-11, .size-s .grid-12 > .c-11-s, .size-s .grid-12 > .c-11-set, .size-s .grid-12 > .c-11-set-s, .size-s [class*=" grid-12"] > .c-11, .size-s [class*=" grid-12"] > .c-11-s, .size-s [class*=" grid-12"] > .c-11-set, .size-s [class*=" grid-12"] > .c-11-set-s, .size-s [class^=grid-12] > .c-11, .size-s [class^=grid-12] > .c-11-s, .size-s [class^=grid-12] > .c-11-set, .size-s [class^=grid-12] > .c-11-set-s {
  width: 91.66%;
  padding-right: calc(var(--vw, 1vw) * 6);
  padding-left: calc(var(--vw, 1vw) * 6);
}

.size-s .grid-14 > .c-11, .size-s .grid-14 > .c-11-s, .size-s .grid-14 > .c-11-set, .size-s .grid-14 > .c-11-set-s, .size-s [class*=" grid-14"] > .c-11, .size-s [class*=" grid-14"] > .c-11-s, .size-s [class*=" grid-14"] > .c-11-set, .size-s [class*=" grid-14"] > .c-11-set-s, .size-s [class^=grid-14] > .c-11, .size-s [class^=grid-14] > .c-11-s, .size-s [class^=grid-14] > .c-11-set, .size-s [class^=grid-14] > .c-11-set-s {
  width: 91.66%;
  padding-right: calc(var(--vw, 1vw) * 7);
  padding-left: calc(var(--vw, 1vw) * 7);
}

.size-m .grid > .c-11, .size-m .grid > .c-11-m, .size-m .grid > .c-11-set, .size-m .grid > .c-11-set-m, .size-m [class*=" grid"] > .c-11, .size-m [class*=" grid"] > .c-11-m, .size-m [class*=" grid"] > .c-11-set, .size-m [class*=" grid"] > .c-11-set-m, .size-m [class^=grid] > .c-11, .size-m [class^=grid] > .c-11-m, .size-m [class^=grid] > .c-11-set, .size-m [class^=grid] > .c-11-set-m {
  width: 91.66%;
  padding-right: calc(var(--vw, 1vw) * 0.8);
  padding-left: calc(var(--vw, 1vw) * 0.8);
}

.size-m .grid-12 > .c-11, .size-m .grid-12 > .c-11-m, .size-m .grid-12 > .c-11-set, .size-m .grid-12 > .c-11-set-m, .size-m [class*=" grid-12"] > .c-11, .size-m [class*=" grid-12"] > .c-11-m, .size-m [class*=" grid-12"] > .c-11-set, .size-m [class*=" grid-12"] > .c-11-set-m, .size-m [class^=grid-12] > .c-11, .size-m [class^=grid-12] > .c-11-m, .size-m [class^=grid-12] > .c-11-set, .size-m [class^=grid-12] > .c-11-set-m {
  width: 91.66%;
  padding-right: calc(var(--vw, 1vw) * 2.4);
  padding-left: calc(var(--vw, 1vw) * 2.4);
}

.size-m .grid-14 > .c-11, .size-m .grid-14 > .c-11-m, .size-m .grid-14 > .c-11-set, .size-m .grid-14 > .c-11-set-m, .size-m [class*=" grid-14"] > .c-11, .size-m [class*=" grid-14"] > .c-11-m, .size-m [class*=" grid-14"] > .c-11-set, .size-m [class*=" grid-14"] > .c-11-set-m, .size-m [class^=grid-14] > .c-11, .size-m [class^=grid-14] > .c-11-m, .size-m [class^=grid-14] > .c-11-set, .size-m [class^=grid-14] > .c-11-set-m {
  width: 91.66%;
  padding-right: calc(var(--vw, 1vw) * 2.8);
  padding-left: calc(var(--vw, 1vw) * 2.8);
}

.size-l .grid > .c-11, .size-l .grid > .c-11-l, .size-l .grid > .c-11-set, .size-l .grid > .c-11-set-l, .size-l [class*=" grid"] > .c-11, .size-l [class*=" grid"] > .c-11-l, .size-l [class*=" grid"] > .c-11-set, .size-l [class*=" grid"] > .c-11-set-l, .size-l [class^=grid] > .c-11, .size-l [class^=grid] > .c-11-l, .size-l [class^=grid] > .c-11-set, .size-l [class^=grid] > .c-11-set-l {
  width: 91.66%;
  padding-right: 10px;
  padding-left: 10px;
}

.size-l .grid-12 > .c-11, .size-l .grid-12 > .c-11-l, .size-l .grid-12 > .c-11-set, .size-l .grid-12 > .c-11-set-l, .size-l [class*=" grid-12"] > .c-11, .size-l [class*=" grid-12"] > .c-11-l, .size-l [class*=" grid-12"] > .c-11-set, .size-l [class*=" grid-12"] > .c-11-set-l, .size-l [class^=grid-12] > .c-11, .size-l [class^=grid-12] > .c-11-l, .size-l [class^=grid-12] > .c-11-set, .size-l [class^=grid-12] > .c-11-set-l {
  width: 91.66%;
  padding-right: 30px;
  padding-left: 30px;
}

.size-l .grid-14 > .c-11, .size-l .grid-14 > .c-11-l, .size-l .grid-14 > .c-11-set, .size-l .grid-14 > .c-11-set-l, .size-l [class*=" grid-14"] > .c-11, .size-l [class*=" grid-14"] > .c-11-l, .size-l [class*=" grid-14"] > .c-11-set, .size-l [class*=" grid-14"] > .c-11-set-l, .size-l [class^=grid-14] > .c-11, .size-l [class^=grid-14] > .c-11-l, .size-l [class^=grid-14] > .c-11-set, .size-l [class^=grid-14] > .c-11-set-l {
  width: 91.66%;
  padding-right: 35px;
  padding-left: 35px;
}

.size-x .grid > .c-11, .size-x .grid > .c-11-set, .size-x .grid > .c-11-set-x, .size-x .grid > .c-11-x, .size-x [class*=" grid"] > .c-11, .size-x [class*=" grid"] > .c-11-set, .size-x [class*=" grid"] > .c-11-set-x, .size-x [class*=" grid"] > .c-11-x, .size-x [class^=grid] > .c-11, .size-x [class^=grid] > .c-11-set, .size-x [class^=grid] > .c-11-set-x, .size-x [class^=grid] > .c-11-x {
  width: 91.66%;
  padding-right: 10px;
  padding-left: 10px;
}

.size-x .grid-12 > .c-11, .size-x .grid-12 > .c-11-set, .size-x .grid-12 > .c-11-set-x, .size-x .grid-12 > .c-11-x, .size-x [class*=" grid-12"] > .c-11, .size-x [class*=" grid-12"] > .c-11-set, .size-x [class*=" grid-12"] > .c-11-set-x, .size-x [class*=" grid-12"] > .c-11-x, .size-x [class^=grid-12] > .c-11, .size-x [class^=grid-12] > .c-11-set, .size-x [class^=grid-12] > .c-11-set-x, .size-x [class^=grid-12] > .c-11-x {
  width: 91.66%;
  padding-right: 30px;
  padding-left: 30px;
}

.size-x .grid-14 > .c-11, .size-x .grid-14 > .c-11-set, .size-x .grid-14 > .c-11-set-x, .size-x .grid-14 > .c-11-x, .size-x [class*=" grid-14"] > .c-11, .size-x [class*=" grid-14"] > .c-11-set, .size-x [class*=" grid-14"] > .c-11-set-x, .size-x [class*=" grid-14"] > .c-11-x, .size-x [class^=grid-14] > .c-11, .size-x [class^=grid-14] > .c-11-set, .size-x [class^=grid-14] > .c-11-set-x, .size-x [class^=grid-14] > .c-11-x {
  width: 91.66%;
  padding-right: 35px;
  padding-left: 35px;
}

.size-s .grid > .c-12, .size-s .grid > .c-12-s, .size-s .grid > .c-12-set, .size-s .grid > .c-12-set-s, .size-s [class*=" grid"] > .c-12, .size-s [class*=" grid"] > .c-12-s, .size-s [class*=" grid"] > .c-12-set, .size-s [class*=" grid"] > .c-12-set-s, .size-s [class^=grid] > .c-12, .size-s [class^=grid] > .c-12-s, .size-s [class^=grid] > .c-12-set, .size-s [class^=grid] > .c-12-set-s {
  width: 100%;
  padding-right: calc(var(--vw, 1vw) * 2);
  padding-left: calc(var(--vw, 1vw) * 2);
}

.size-s .grid-12 > .c-12, .size-s .grid-12 > .c-12-s, .size-s .grid-12 > .c-12-set, .size-s .grid-12 > .c-12-set-s, .size-s [class*=" grid-12"] > .c-12, .size-s [class*=" grid-12"] > .c-12-s, .size-s [class*=" grid-12"] > .c-12-set, .size-s [class*=" grid-12"] > .c-12-set-s, .size-s [class^=grid-12] > .c-12, .size-s [class^=grid-12] > .c-12-s, .size-s [class^=grid-12] > .c-12-set, .size-s [class^=grid-12] > .c-12-set-s {
  width: 100%;
  padding-right: calc(var(--vw, 1vw) * 6);
  padding-left: calc(var(--vw, 1vw) * 6);
}

.size-s .grid-14 > .c-12, .size-s .grid-14 > .c-12-s, .size-s .grid-14 > .c-12-set, .size-s .grid-14 > .c-12-set-s, .size-s [class*=" grid-14"] > .c-12, .size-s [class*=" grid-14"] > .c-12-s, .size-s [class*=" grid-14"] > .c-12-set, .size-s [class*=" grid-14"] > .c-12-set-s, .size-s [class^=grid-14] > .c-12, .size-s [class^=grid-14] > .c-12-s, .size-s [class^=grid-14] > .c-12-set, .size-s [class^=grid-14] > .c-12-set-s {
  width: 100%;
  padding-right: calc(var(--vw, 1vw) * 7);
  padding-left: calc(var(--vw, 1vw) * 7);
}

.size-m .grid > .c-12, .size-m .grid > .c-12-m, .size-m .grid > .c-12-set, .size-m .grid > .c-12-set-m, .size-m [class*=" grid"] > .c-12, .size-m [class*=" grid"] > .c-12-m, .size-m [class*=" grid"] > .c-12-set, .size-m [class*=" grid"] > .c-12-set-m, .size-m [class^=grid] > .c-12, .size-m [class^=grid] > .c-12-m, .size-m [class^=grid] > .c-12-set, .size-m [class^=grid] > .c-12-set-m {
  width: 100%;
  padding-right: calc(var(--vw, 1vw) * 0.8);
  padding-left: calc(var(--vw, 1vw) * 0.8);
}

.size-m .grid-12 > .c-12, .size-m .grid-12 > .c-12-m, .size-m .grid-12 > .c-12-set, .size-m .grid-12 > .c-12-set-m, .size-m [class*=" grid-12"] > .c-12, .size-m [class*=" grid-12"] > .c-12-m, .size-m [class*=" grid-12"] > .c-12-set, .size-m [class*=" grid-12"] > .c-12-set-m, .size-m [class^=grid-12] > .c-12, .size-m [class^=grid-12] > .c-12-m, .size-m [class^=grid-12] > .c-12-set, .size-m [class^=grid-12] > .c-12-set-m {
  width: 100%;
  padding-right: calc(var(--vw, 1vw) * 2.4);
  padding-left: calc(var(--vw, 1vw) * 2.4);
}

.size-m .grid-14 > .c-12, .size-m .grid-14 > .c-12-m, .size-m .grid-14 > .c-12-set, .size-m .grid-14 > .c-12-set-m, .size-m [class*=" grid-14"] > .c-12, .size-m [class*=" grid-14"] > .c-12-m, .size-m [class*=" grid-14"] > .c-12-set, .size-m [class*=" grid-14"] > .c-12-set-m, .size-m [class^=grid-14] > .c-12, .size-m [class^=grid-14] > .c-12-m, .size-m [class^=grid-14] > .c-12-set, .size-m [class^=grid-14] > .c-12-set-m {
  width: 100%;
  padding-right: calc(var(--vw, 1vw) * 2.8);
  padding-left: calc(var(--vw, 1vw) * 2.8);
}

.size-l .grid > .c-12, .size-l .grid > .c-12-l, .size-l .grid > .c-12-set, .size-l .grid > .c-12-set-l, .size-l [class*=" grid"] > .c-12, .size-l [class*=" grid"] > .c-12-l, .size-l [class*=" grid"] > .c-12-set, .size-l [class*=" grid"] > .c-12-set-l, .size-l [class^=grid] > .c-12, .size-l [class^=grid] > .c-12-l, .size-l [class^=grid] > .c-12-set, .size-l [class^=grid] > .c-12-set-l {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}

.size-l .grid-12 > .c-12, .size-l .grid-12 > .c-12-l, .size-l .grid-12 > .c-12-set, .size-l .grid-12 > .c-12-set-l, .size-l [class*=" grid-12"] > .c-12, .size-l [class*=" grid-12"] > .c-12-l, .size-l [class*=" grid-12"] > .c-12-set, .size-l [class*=" grid-12"] > .c-12-set-l, .size-l [class^=grid-12] > .c-12, .size-l [class^=grid-12] > .c-12-l, .size-l [class^=grid-12] > .c-12-set, .size-l [class^=grid-12] > .c-12-set-l {
  width: 100%;
  padding-right: 30px;
  padding-left: 30px;
}

.size-l .grid-14 > .c-12, .size-l .grid-14 > .c-12-l, .size-l .grid-14 > .c-12-set, .size-l .grid-14 > .c-12-set-l, .size-l [class*=" grid-14"] > .c-12, .size-l [class*=" grid-14"] > .c-12-l, .size-l [class*=" grid-14"] > .c-12-set, .size-l [class*=" grid-14"] > .c-12-set-l, .size-l [class^=grid-14] > .c-12, .size-l [class^=grid-14] > .c-12-l, .size-l [class^=grid-14] > .c-12-set, .size-l [class^=grid-14] > .c-12-set-l {
  width: 100%;
  padding-right: 35px;
  padding-left: 35px;
}

.size-x .grid > .c-12, .size-x .grid > .c-12-set, .size-x .grid > .c-12-set-x, .size-x .grid > .c-12-x, .size-x [class*=" grid"] > .c-12, .size-x [class*=" grid"] > .c-12-set, .size-x [class*=" grid"] > .c-12-set-x, .size-x [class*=" grid"] > .c-12-x, .size-x [class^=grid] > .c-12, .size-x [class^=grid] > .c-12-set, .size-x [class^=grid] > .c-12-set-x, .size-x [class^=grid] > .c-12-x {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}

.size-x .grid-12 > .c-12, .size-x .grid-12 > .c-12-set, .size-x .grid-12 > .c-12-set-x, .size-x .grid-12 > .c-12-x, .size-x [class*=" grid-12"] > .c-12, .size-x [class*=" grid-12"] > .c-12-set, .size-x [class*=" grid-12"] > .c-12-set-x, .size-x [class*=" grid-12"] > .c-12-x, .size-x [class^=grid-12] > .c-12, .size-x [class^=grid-12] > .c-12-set, .size-x [class^=grid-12] > .c-12-set-x, .size-x [class^=grid-12] > .c-12-x {
  width: 100%;
  padding-right: 30px;
  padding-left: 30px;
}

.size-x .grid-14 > .c-12, .size-x .grid-14 > .c-12-set, .size-x .grid-14 > .c-12-set-x, .size-x .grid-14 > .c-12-x, .size-x [class*=" grid-14"] > .c-12, .size-x [class*=" grid-14"] > .c-12-set, .size-x [class*=" grid-14"] > .c-12-set-x, .size-x [class*=" grid-14"] > .c-12-x, .size-x [class^=grid-14] > .c-12, .size-x [class^=grid-14] > .c-12-set, .size-x [class^=grid-14] > .c-12-set-x, .size-x [class^=grid-14] > .c-12-x {
  width: 100%;
  padding-right: 35px;
  padding-left: 35px;
}

[class*=" c-"], [class*=" w-"], [class^=c-], [class^=w-] {
  display: inline-block;
  vertical-align: top;
}

.flex-column > [class*=" c-"], .flex-column > [class*=" w-"], .flex-column > [class^=c-], .flex-column > [class^=w-], .flex > [class*=" c-"], .flex > [class*=" w-"], .flex > [class^=c-], .flex > [class^=w-] {
  display: block;
}

.min-h-1, .size-l .min-h-1-l, .size-m .min-h-1-m, .size-s .min-h-1-s, .size-x .min-h-1-x {
  min-height: 1em;
}

.min-h-2, .size-l .min-h-2-l, .size-m .min-h-2-m, .size-s .min-h-2-s, .size-x .min-h-2-x {
  min-height: 2em;
}

.size-s .m-a {
  margin: calc(var(--vw, 1vw) * 4);
}

.size-m .m-a {
  margin: calc(var(--vw, 1vw) * 1.6);
}

.size-l .m-a, .size-x .m-a {
  margin: 1.25rem;
}

.size-s .m-t {
  margin-top: calc(var(--vw, 1vw) * 4);
}

.size-m .m-t {
  margin-top: calc(var(--vw, 1vw) * 1.6);
}

.size-l .m-t, .size-x .m-t {
  margin-top: 1.25rem;
}

.size-s .m-r {
  margin-right: calc(var(--vw, 1vw) * 4);
}

.size-m .m-r {
  margin-right: calc(var(--vw, 1vw) * 1.6);
}

.size-l .m-r, .size-x .m-r {
  margin-right: 1.25rem;
}

.size-s .m-b, .size-s .text h1, .size-s .text h2, .size-s .text h3, .size-s .text h4, .size-s .text h5, .size-s .text h6, .size-s .text p, .text .size-s h1, .text .size-s h2, .text .size-s h3, .text .size-s h4, .text .size-s h5, .text .size-s h6, .text .size-s p {
  margin-bottom: calc(var(--vw, 1vw) * 4);
}

.size-m .m-b {
  margin-bottom: calc(var(--vw, 1vw) * 1.6);
}

.size-l .m-b, .size-x .m-b {
  margin-bottom: 1.25rem;
}

.size-s .m-l {
  margin-left: calc(var(--vw, 1vw) * 4);
}

.size-m .m-l {
  margin-left: calc(var(--vw, 1vw) * 1.6);
}

.size-l .m-l, .size-x .m-l {
  margin-left: 1.25rem;
}

.size-s .m-a-1 {
  margin: calc(var(--vw, 1vw) * 1);
}

.size-s .m-a-1-s {
  margin: calc(var(--vw, 1vw) * 1) !important;
}

.size-m .m-a-1 {
  margin: calc(var(--vw, 1vw) * 0.4);
}

.size-m .m-a-1-m {
  margin: calc(var(--vw, 1vw) * 0.4) !important;
}

.size-l .m-a-1 {
  margin: 0.3125rem;
}

.size-l .m-a-1-l {
  margin: 0.3125rem !important;
}

.size-x .m-a-1 {
  margin: 0.3125rem;
}

.size-x .m-a-1-x {
  margin: 0.3125rem !important;
}

.size-s .m-t-1 {
  margin-top: calc(var(--vw, 1vw) * 1);
}

.size-s .m-t-1-s {
  margin-top: calc(var(--vw, 1vw) * 1) !important;
}

.size-m .m-t-1 {
  margin-top: calc(var(--vw, 1vw) * 0.4);
}

.size-m .m-t-1-m {
  margin-top: calc(var(--vw, 1vw) * 0.4) !important;
}

.size-l .m-t-1 {
  margin-top: 0.3125rem;
}

.size-l .m-t-1-l {
  margin-top: 0.3125rem !important;
}

.size-x .m-t-1 {
  margin-top: 0.3125rem;
}

.size-x .m-t-1-x {
  margin-top: 0.3125rem !important;
}

.size-s .m-r-1 {
  margin-right: calc(var(--vw, 1vw) * 1);
}

.size-s .m-r-1-s {
  margin-right: calc(var(--vw, 1vw) * 1) !important;
}

.size-m .m-r-1 {
  margin-right: calc(var(--vw, 1vw) * 0.4);
}

.size-m .m-r-1-m {
  margin-right: calc(var(--vw, 1vw) * 0.4) !important;
}

.size-l .m-r-1 {
  margin-right: 0.3125rem;
}

.size-l .m-r-1-l {
  margin-right: 0.3125rem !important;
}

.size-x .m-r-1 {
  margin-right: 0.3125rem;
}

.size-x .m-r-1-x {
  margin-right: 0.3125rem !important;
}

.size-s .m-b-1 {
  margin-bottom: calc(var(--vw, 1vw) * 1);
}

.size-s .m-b-1-s {
  margin-bottom: calc(var(--vw, 1vw) * 1) !important;
}

.size-m .m-b-1 {
  margin-bottom: calc(var(--vw, 1vw) * 0.4);
}

.size-m .m-b-1-m {
  margin-bottom: calc(var(--vw, 1vw) * 0.4) !important;
}

.size-l .m-b-1 {
  margin-bottom: 0.3125rem;
}

.size-l .m-b-1-l {
  margin-bottom: 0.3125rem !important;
}

.size-x .m-b-1 {
  margin-bottom: 0.3125rem;
}

.size-x .m-b-1-x {
  margin-bottom: 0.3125rem !important;
}

.size-s .m-l-1 {
  margin-left: calc(var(--vw, 1vw) * 1);
}

.size-s .m-l-1-s {
  margin-left: calc(var(--vw, 1vw) * 1) !important;
}

.size-m .m-l-1 {
  margin-left: calc(var(--vw, 1vw) * 0.4);
}

.size-m .m-l-1-m {
  margin-left: calc(var(--vw, 1vw) * 0.4) !important;
}

.size-l .m-l-1 {
  margin-left: 0.3125rem;
}

.size-l .m-l-1-l {
  margin-left: 0.3125rem !important;
}

.size-x .m-l-1 {
  margin-left: 0.3125rem;
}

.size-x .m-l-1-x {
  margin-left: 0.3125rem !important;
}

.size-s .m-a-2 {
  margin: calc(var(--vw, 1vw) * 2);
}

.size-s .m-a-2-s {
  margin: calc(var(--vw, 1vw) * 2) !important;
}

.size-m .m-a-2 {
  margin: calc(var(--vw, 1vw) * 0.8);
}

.size-m .m-a-2-m {
  margin: calc(var(--vw, 1vw) * 0.8) !important;
}

.size-l .m-a-2 {
  margin: 0.625rem;
}

.size-l .m-a-2-l {
  margin: 0.625rem !important;
}

.size-x .m-a-2 {
  margin: 0.625rem;
}

.size-x .m-a-2-x {
  margin: 0.625rem !important;
}

.size-s .m-t-2 {
  margin-top: calc(var(--vw, 1vw) * 2);
}

.size-s .m-t-2-s {
  margin-top: calc(var(--vw, 1vw) * 2) !important;
}

.size-m .m-t-2 {
  margin-top: calc(var(--vw, 1vw) * 0.8);
}

.size-m .m-t-2-m {
  margin-top: calc(var(--vw, 1vw) * 0.8) !important;
}

.size-l .m-t-2 {
  margin-top: 0.625rem;
}

.size-l .m-t-2-l {
  margin-top: 0.625rem !important;
}

.size-x .m-t-2 {
  margin-top: 0.625rem;
}

.size-x .m-t-2-x {
  margin-top: 0.625rem !important;
}

.size-s .m-r-2 {
  margin-right: calc(var(--vw, 1vw) * 2);
}

.size-s .m-r-2-s {
  margin-right: calc(var(--vw, 1vw) * 2) !important;
}

.size-m .m-r-2 {
  margin-right: calc(var(--vw, 1vw) * 0.8);
}

.size-m .m-r-2-m {
  margin-right: calc(var(--vw, 1vw) * 0.8) !important;
}

.size-l .m-r-2 {
  margin-right: 0.625rem;
}

.size-l .m-r-2-l {
  margin-right: 0.625rem !important;
}

.size-x .m-r-2 {
  margin-right: 0.625rem;
}

.size-x .m-r-2-x {
  margin-right: 0.625rem !important;
}

.size-s .m-b-2 {
  margin-bottom: calc(var(--vw, 1vw) * 2);
}

.size-s .m-b-2-s {
  margin-bottom: calc(var(--vw, 1vw) * 2) !important;
}

.size-m .m-b-2 {
  margin-bottom: calc(var(--vw, 1vw) * 0.8);
}

.size-m .m-b-2-m {
  margin-bottom: calc(var(--vw, 1vw) * 0.8) !important;
}

.size-l .m-b-2 {
  margin-bottom: 0.625rem;
}

.size-l .m-b-2-l {
  margin-bottom: 0.625rem !important;
}

.size-x .m-b-2 {
  margin-bottom: 0.625rem;
}

.size-x .m-b-2-x {
  margin-bottom: 0.625rem !important;
}

.size-s .m-l-2 {
  margin-left: calc(var(--vw, 1vw) * 2);
}

.size-s .m-l-2-s {
  margin-left: calc(var(--vw, 1vw) * 2) !important;
}

.size-m .m-l-2 {
  margin-left: calc(var(--vw, 1vw) * 0.8);
}

.size-m .m-l-2-m {
  margin-left: calc(var(--vw, 1vw) * 0.8) !important;
}

.size-l .m-l-2 {
  margin-left: 0.625rem;
}

.size-l .m-l-2-l {
  margin-left: 0.625rem !important;
}

.size-x .m-l-2 {
  margin-left: 0.625rem;
}

.size-x .m-l-2-x {
  margin-left: 0.625rem !important;
}

.size-s .m-a-3 {
  margin: calc(var(--vw, 1vw) * 3);
}

.size-s .m-a-3-s {
  margin: calc(var(--vw, 1vw) * 3) !important;
}

.size-m .m-a-3 {
  margin: calc(var(--vw, 1vw) * 1.2);
}

.size-m .m-a-3-m {
  margin: calc(var(--vw, 1vw) * 1.2) !important;
}

.size-l .m-a-3 {
  margin: 0.9375rem;
}

.size-l .m-a-3-l {
  margin: 0.9375rem !important;
}

.size-x .m-a-3 {
  margin: 0.9375rem;
}

.size-x .m-a-3-x {
  margin: 0.9375rem !important;
}

.size-s .m-t-3 {
  margin-top: calc(var(--vw, 1vw) * 3);
}

.size-s .m-t-3-s {
  margin-top: calc(var(--vw, 1vw) * 3) !important;
}

.size-m .m-t-3 {
  margin-top: calc(var(--vw, 1vw) * 1.2);
}

.size-m .m-t-3-m {
  margin-top: calc(var(--vw, 1vw) * 1.2) !important;
}

.size-l .m-t-3 {
  margin-top: 0.9375rem;
}

.size-l .m-t-3-l {
  margin-top: 0.9375rem !important;
}

.size-x .m-t-3 {
  margin-top: 0.9375rem;
}

.size-x .m-t-3-x {
  margin-top: 0.9375rem !important;
}

.size-s .m-r-3 {
  margin-right: calc(var(--vw, 1vw) * 3);
}

.size-s .m-r-3-s {
  margin-right: calc(var(--vw, 1vw) * 3) !important;
}

.size-m .m-r-3 {
  margin-right: calc(var(--vw, 1vw) * 1.2);
}

.size-m .m-r-3-m {
  margin-right: calc(var(--vw, 1vw) * 1.2) !important;
}

.size-l .m-r-3 {
  margin-right: 0.9375rem;
}

.size-l .m-r-3-l {
  margin-right: 0.9375rem !important;
}

.size-x .m-r-3 {
  margin-right: 0.9375rem;
}

.size-x .m-r-3-x {
  margin-right: 0.9375rem !important;
}

.size-s .m-b-3 {
  margin-bottom: calc(var(--vw, 1vw) * 3);
}

.size-s .m-b-3-s {
  margin-bottom: calc(var(--vw, 1vw) * 3) !important;
}

.size-m .m-b-3 {
  margin-bottom: calc(var(--vw, 1vw) * 1.2);
}

.size-m .m-b-3-m {
  margin-bottom: calc(var(--vw, 1vw) * 1.2) !important;
}

.size-l .m-b-3 {
  margin-bottom: 0.9375rem;
}

.size-l .m-b-3-l {
  margin-bottom: 0.9375rem !important;
}

.size-x .m-b-3 {
  margin-bottom: 0.9375rem;
}

.size-x .m-b-3-x {
  margin-bottom: 0.9375rem !important;
}

.size-s .m-l-3 {
  margin-left: calc(var(--vw, 1vw) * 3);
}

.size-s .m-l-3-s {
  margin-left: calc(var(--vw, 1vw) * 3) !important;
}

.size-m .m-l-3 {
  margin-left: calc(var(--vw, 1vw) * 1.2);
}

.size-m .m-l-3-m {
  margin-left: calc(var(--vw, 1vw) * 1.2) !important;
}

.size-l .m-l-3 {
  margin-left: 0.9375rem;
}

.size-l .m-l-3-l {
  margin-left: 0.9375rem !important;
}

.size-x .m-l-3 {
  margin-left: 0.9375rem;
}

.size-x .m-l-3-x {
  margin-left: 0.9375rem !important;
}

.size-s .m-a-4 {
  margin: calc(var(--vw, 1vw) * 4);
}

.size-s .m-a-4-s {
  margin: calc(var(--vw, 1vw) * 4) !important;
}

.size-m .m-a-4 {
  margin: calc(var(--vw, 1vw) * 1.6);
}

.size-m .m-a-4-m {
  margin: calc(var(--vw, 1vw) * 1.6) !important;
}

.size-l .m-a-4 {
  margin: 1.25rem;
}

.size-l .m-a-4-l {
  margin: 1.25rem !important;
}

.size-x .m-a-4 {
  margin: 1.25rem;
}

.size-x .m-a-4-x {
  margin: 1.25rem !important;
}

.size-s .m-t-4 {
  margin-top: calc(var(--vw, 1vw) * 4);
}

.size-s .m-t-4-s {
  margin-top: calc(var(--vw, 1vw) * 4) !important;
}

.size-m .m-t-4 {
  margin-top: calc(var(--vw, 1vw) * 1.6);
}

.size-m .m-t-4-m {
  margin-top: calc(var(--vw, 1vw) * 1.6) !important;
}

.size-l .m-t-4 {
  margin-top: 1.25rem;
}

.size-l .m-t-4-l {
  margin-top: 1.25rem !important;
}

.size-x .m-t-4 {
  margin-top: 1.25rem;
}

.size-x .m-t-4-x {
  margin-top: 1.25rem !important;
}

.size-s .m-r-4 {
  margin-right: calc(var(--vw, 1vw) * 4);
}

.size-s .m-r-4-s {
  margin-right: calc(var(--vw, 1vw) * 4) !important;
}

.size-m .m-r-4 {
  margin-right: calc(var(--vw, 1vw) * 1.6);
}

.size-m .m-r-4-m {
  margin-right: calc(var(--vw, 1vw) * 1.6) !important;
}

.size-l .m-r-4 {
  margin-right: 1.25rem;
}

.size-l .m-r-4-l {
  margin-right: 1.25rem !important;
}

.size-x .m-r-4 {
  margin-right: 1.25rem;
}

.size-x .m-r-4-x {
  margin-right: 1.25rem !important;
}

.size-s .m-b-4 {
  margin-bottom: calc(var(--vw, 1vw) * 4);
}

.size-s .m-b-4-s {
  margin-bottom: calc(var(--vw, 1vw) * 4) !important;
}

.size-m .m-b-4 {
  margin-bottom: calc(var(--vw, 1vw) * 1.6);
}

.size-m .m-b-4-m {
  margin-bottom: calc(var(--vw, 1vw) * 1.6) !important;
}

.size-l .m-b-4 {
  margin-bottom: 1.25rem;
}

.size-l .m-b-4-l {
  margin-bottom: 1.25rem !important;
}

.size-x .m-b-4 {
  margin-bottom: 1.25rem;
}

.size-x .m-b-4-x {
  margin-bottom: 1.25rem !important;
}

.size-s .m-l-4 {
  margin-left: calc(var(--vw, 1vw) * 4);
}

.size-s .m-l-4-s {
  margin-left: calc(var(--vw, 1vw) * 4) !important;
}

.size-m .m-l-4 {
  margin-left: calc(var(--vw, 1vw) * 1.6);
}

.size-m .m-l-4-m {
  margin-left: calc(var(--vw, 1vw) * 1.6) !important;
}

.size-l .m-l-4 {
  margin-left: 1.25rem;
}

.size-l .m-l-4-l {
  margin-left: 1.25rem !important;
}

.size-x .m-l-4 {
  margin-left: 1.25rem;
}

.size-x .m-l-4-x {
  margin-left: 1.25rem !important;
}

.size-s .m-a--4 {
  margin: calc(var(--vw, 1vw) * -4);
}

.size-s .m-a--4-s {
  margin: calc(var(--vw, 1vw) * -4) !important;
}

.size-m .m-a--4 {
  margin: calc(var(--vw, 1vw) * -1.6);
}

.size-m .m-a--4-m {
  margin: calc(var(--vw, 1vw) * -1.6) !important;
}

.size-l .m-a--4 {
  margin: -1.25rem;
}

.size-l .m-a--4-l {
  margin: -1.25rem !important;
}

.size-x .m-a--4 {
  margin: -1.25rem;
}

.size-x .m-a--4-x {
  margin: -1.25rem !important;
}

.size-s .m-t--4, .size-s .text h1 ~ ol, .size-s .text h1 ~ ul, .size-s .text h2 ~ ol, .size-s .text h2 ~ ul, .size-s .text h3 ~ ol, .size-s .text h3 ~ ul, .size-s .text h4 ~ ol, .size-s .text h4 ~ ul, .size-s .text h5 ~ ol, .size-s .text h5 ~ ul, .size-s .text h6 ~ ol, .size-s .text h6 ~ ul, .size-s .text p ~ ol, .size-s .text p ~ ul, .text .size-s h1 ~ ol, .text .size-s h1 ~ ul, .text .size-s h2 ~ ol, .text .size-s h2 ~ ul, .text .size-s h3 ~ ol, .text .size-s h3 ~ ul, .text .size-s h4 ~ ol, .text .size-s h4 ~ ul, .text .size-s h5 ~ ol, .text .size-s h5 ~ ul, .text .size-s h6 ~ ol, .text .size-s h6 ~ ul, .text .size-s p ~ ol, .text .size-s p ~ ul {
  margin-top: calc(var(--vw, 1vw) * -4);
}

.size-s .m-t--4-s {
  margin-top: calc(var(--vw, 1vw) * -4) !important;
}

.size-m .m-t--4 {
  margin-top: calc(var(--vw, 1vw) * -1.6);
}

.size-m .m-t--4-m {
  margin-top: calc(var(--vw, 1vw) * -1.6) !important;
}

.size-l .m-t--4 {
  margin-top: -1.25rem;
}

.size-l .m-t--4-l {
  margin-top: -1.25rem !important;
}

.size-x .m-t--4 {
  margin-top: -1.25rem;
}

.size-x .m-t--4-x {
  margin-top: -1.25rem !important;
}

.size-s .m-r--4 {
  margin-right: calc(var(--vw, 1vw) * -4);
}

.size-s .m-r--4-s {
  margin-right: calc(var(--vw, 1vw) * -4) !important;
}

.size-m .m-r--4 {
  margin-right: calc(var(--vw, 1vw) * -1.6);
}

.size-m .m-r--4-m {
  margin-right: calc(var(--vw, 1vw) * -1.6) !important;
}

.size-l .m-r--4 {
  margin-right: -1.25rem;
}

.size-l .m-r--4-l {
  margin-right: -1.25rem !important;
}

.size-x .m-r--4 {
  margin-right: -1.25rem;
}

.size-x .m-r--4-x {
  margin-right: -1.25rem !important;
}

.size-s .m-b--4 {
  margin-bottom: calc(var(--vw, 1vw) * -4);
}

.size-s .m-b--4-s {
  margin-bottom: calc(var(--vw, 1vw) * -4) !important;
}

.size-m .m-b--4 {
  margin-bottom: calc(var(--vw, 1vw) * -1.6);
}

.size-m .m-b--4-m {
  margin-bottom: calc(var(--vw, 1vw) * -1.6) !important;
}

.size-l .m-b--4 {
  margin-bottom: -1.25rem;
}

.size-l .m-b--4-l {
  margin-bottom: -1.25rem !important;
}

.size-x .m-b--4 {
  margin-bottom: -1.25rem;
}

.size-x .m-b--4-x {
  margin-bottom: -1.25rem !important;
}

.size-s .m-l--4 {
  margin-left: calc(var(--vw, 1vw) * -4);
}

.size-s .m-l--4-s {
  margin-left: calc(var(--vw, 1vw) * -4) !important;
}

.size-m .m-l--4 {
  margin-left: calc(var(--vw, 1vw) * -1.6);
}

.size-m .m-l--4-m {
  margin-left: calc(var(--vw, 1vw) * -1.6) !important;
}

.size-l .m-l--4 {
  margin-left: -1.25rem;
}

.size-l .m-l--4-l {
  margin-left: -1.25rem !important;
}

.size-x .m-l--4 {
  margin-left: -1.25rem;
}

.size-x .m-l--4-x {
  margin-left: -1.25rem !important;
}

.size-s .m-a--2 {
  margin: calc(var(--vw, 1vw) * -2);
}

.size-s .m-a--2-s {
  margin: calc(var(--vw, 1vw) * -2) !important;
}

.size-m .m-a--2 {
  margin: calc(var(--vw, 1vw) * -0.8);
}

.size-m .m-a--2-m {
  margin: calc(var(--vw, 1vw) * -0.8) !important;
}

.size-l .m-a--2 {
  margin: -0.625rem;
}

.size-l .m-a--2-l {
  margin: -0.625rem !important;
}

.size-x .m-a--2 {
  margin: -0.625rem;
}

.size-x .m-a--2-x {
  margin: -0.625rem !important;
}

.size-s .m-t--2 {
  margin-top: calc(var(--vw, 1vw) * -2);
}

.size-s .m-t--2-s {
  margin-top: calc(var(--vw, 1vw) * -2) !important;
}

.size-m .m-t--2 {
  margin-top: calc(var(--vw, 1vw) * -0.8);
}

.size-m .m-t--2-m {
  margin-top: calc(var(--vw, 1vw) * -0.8) !important;
}

.size-l .m-t--2 {
  margin-top: -0.625rem;
}

.size-l .m-t--2-l {
  margin-top: -0.625rem !important;
}

.size-x .m-t--2 {
  margin-top: -0.625rem;
}

.size-x .m-t--2-x {
  margin-top: -0.625rem !important;
}

.size-s .m-r--2 {
  margin-right: calc(var(--vw, 1vw) * -2);
}

.size-s .m-r--2-s {
  margin-right: calc(var(--vw, 1vw) * -2) !important;
}

.size-m .m-r--2 {
  margin-right: calc(var(--vw, 1vw) * -0.8);
}

.size-m .m-r--2-m {
  margin-right: calc(var(--vw, 1vw) * -0.8) !important;
}

.size-l .m-r--2 {
  margin-right: -0.625rem;
}

.size-l .m-r--2-l {
  margin-right: -0.625rem !important;
}

.size-x .m-r--2 {
  margin-right: -0.625rem;
}

.size-x .m-r--2-x {
  margin-right: -0.625rem !important;
}

.size-s .m-b--2 {
  margin-bottom: calc(var(--vw, 1vw) * -2);
}

.size-s .m-b--2-s {
  margin-bottom: calc(var(--vw, 1vw) * -2) !important;
}

.size-m .m-b--2 {
  margin-bottom: calc(var(--vw, 1vw) * -0.8);
}

.size-m .m-b--2-m {
  margin-bottom: calc(var(--vw, 1vw) * -0.8) !important;
}

.size-l .m-b--2 {
  margin-bottom: -0.625rem;
}

.size-l .m-b--2-l {
  margin-bottom: -0.625rem !important;
}

.size-x .m-b--2 {
  margin-bottom: -0.625rem;
}

.size-x .m-b--2-x {
  margin-bottom: -0.625rem !important;
}

.size-s .m-l--2 {
  margin-left: calc(var(--vw, 1vw) * -2);
}

.size-s .m-l--2-s {
  margin-left: calc(var(--vw, 1vw) * -2) !important;
}

.size-m .m-l--2 {
  margin-left: calc(var(--vw, 1vw) * -0.8);
}

.size-m .m-l--2-m {
  margin-left: calc(var(--vw, 1vw) * -0.8) !important;
}

.size-l .m-l--2 {
  margin-left: -0.625rem;
}

.size-l .m-l--2-l {
  margin-left: -0.625rem !important;
}

.size-x .m-l--2 {
  margin-left: -0.625rem;
}

.size-x .m-l--2-x {
  margin-left: -0.625rem !important;
}

.size-s .m-a-5 {
  margin: calc(var(--vw, 1vw) * 5);
}

.size-s .m-a-5-s {
  margin: calc(var(--vw, 1vw) * 5) !important;
}

.size-m .m-a-5 {
  margin: calc(var(--vw, 1vw) * 2);
}

.size-m .m-a-5-m {
  margin: calc(var(--vw, 1vw) * 2) !important;
}

.size-l .m-a-5 {
  margin: 1.5625rem;
}

.size-l .m-a-5-l {
  margin: 1.5625rem !important;
}

.size-x .m-a-5 {
  margin: 1.5625rem;
}

.size-x .m-a-5-x {
  margin: 1.5625rem !important;
}

.size-s .m-t-5 {
  margin-top: calc(var(--vw, 1vw) * 5);
}

.size-s .m-t-5-s {
  margin-top: calc(var(--vw, 1vw) * 5) !important;
}

.size-m .m-t-5 {
  margin-top: calc(var(--vw, 1vw) * 2);
}

.size-m .m-t-5-m {
  margin-top: calc(var(--vw, 1vw) * 2) !important;
}

.size-l .m-t-5 {
  margin-top: 1.5625rem;
}

.size-l .m-t-5-l {
  margin-top: 1.5625rem !important;
}

.size-x .m-t-5 {
  margin-top: 1.5625rem;
}

.size-x .m-t-5-x {
  margin-top: 1.5625rem !important;
}

.size-s .m-r-5 {
  margin-right: calc(var(--vw, 1vw) * 5);
}

.size-s .m-r-5-s {
  margin-right: calc(var(--vw, 1vw) * 5) !important;
}

.size-m .m-r-5 {
  margin-right: calc(var(--vw, 1vw) * 2);
}

.size-m .m-r-5-m {
  margin-right: calc(var(--vw, 1vw) * 2) !important;
}

.size-l .m-r-5 {
  margin-right: 1.5625rem;
}

.size-l .m-r-5-l {
  margin-right: 1.5625rem !important;
}

.size-x .m-r-5 {
  margin-right: 1.5625rem;
}

.size-x .m-r-5-x {
  margin-right: 1.5625rem !important;
}

.size-s .m-b-5 {
  margin-bottom: calc(var(--vw, 1vw) * 5);
}

.size-s .m-b-5-s {
  margin-bottom: calc(var(--vw, 1vw) * 5) !important;
}

.size-m .m-b-5 {
  margin-bottom: calc(var(--vw, 1vw) * 2);
}

.size-m .m-b-5-m {
  margin-bottom: calc(var(--vw, 1vw) * 2) !important;
}

.size-l .m-b-5 {
  margin-bottom: 1.5625rem;
}

.size-l .m-b-5-l {
  margin-bottom: 1.5625rem !important;
}

.size-x .m-b-5 {
  margin-bottom: 1.5625rem;
}

.size-x .m-b-5-x {
  margin-bottom: 1.5625rem !important;
}

.size-s .m-l-5 {
  margin-left: calc(var(--vw, 1vw) * 5);
}

.size-s .m-l-5-s {
  margin-left: calc(var(--vw, 1vw) * 5) !important;
}

.size-m .m-l-5 {
  margin-left: calc(var(--vw, 1vw) * 2);
}

.size-m .m-l-5-m {
  margin-left: calc(var(--vw, 1vw) * 2) !important;
}

.size-l .m-l-5 {
  margin-left: 1.5625rem;
}

.size-l .m-l-5-l {
  margin-left: 1.5625rem !important;
}

.size-x .m-l-5 {
  margin-left: 1.5625rem;
}

.size-x .m-l-5-x {
  margin-left: 1.5625rem !important;
}

.size-s .m-a-6 {
  margin: calc(var(--vw, 1vw) * 6);
}

.size-s .m-a-6-s {
  margin: calc(var(--vw, 1vw) * 6) !important;
}

.size-m .m-a-6 {
  margin: calc(var(--vw, 1vw) * 2.4);
}

.size-m .m-a-6-m {
  margin: calc(var(--vw, 1vw) * 2.4) !important;
}

.size-l .m-a-6 {
  margin: 1.875rem;
}

.size-l .m-a-6-l {
  margin: 1.875rem !important;
}

.size-x .m-a-6 {
  margin: 1.875rem;
}

.size-x .m-a-6-x {
  margin: 1.875rem !important;
}

.size-s .m-t-6 {
  margin-top: calc(var(--vw, 1vw) * 6);
}

.size-s .m-t-6-s {
  margin-top: calc(var(--vw, 1vw) * 6) !important;
}

.size-m .m-t-6 {
  margin-top: calc(var(--vw, 1vw) * 2.4);
}

.size-m .m-t-6-m {
  margin-top: calc(var(--vw, 1vw) * 2.4) !important;
}

.size-l .m-t-6 {
  margin-top: 1.875rem;
}

.size-l .m-t-6-l {
  margin-top: 1.875rem !important;
}

.size-x .m-t-6 {
  margin-top: 1.875rem;
}

.size-x .m-t-6-x {
  margin-top: 1.875rem !important;
}

.size-s .m-r-6 {
  margin-right: calc(var(--vw, 1vw) * 6);
}

.size-s .m-r-6-s {
  margin-right: calc(var(--vw, 1vw) * 6) !important;
}

.size-m .m-r-6 {
  margin-right: calc(var(--vw, 1vw) * 2.4);
}

.size-m .m-r-6-m {
  margin-right: calc(var(--vw, 1vw) * 2.4) !important;
}

.size-l .m-r-6 {
  margin-right: 1.875rem;
}

.size-l .m-r-6-l {
  margin-right: 1.875rem !important;
}

.size-x .m-r-6 {
  margin-right: 1.875rem;
}

.size-x .m-r-6-x {
  margin-right: 1.875rem !important;
}

.size-s .m-b-6 {
  margin-bottom: calc(var(--vw, 1vw) * 6);
}

.size-s .m-b-6-s {
  margin-bottom: calc(var(--vw, 1vw) * 6) !important;
}

.size-m .m-b-6 {
  margin-bottom: calc(var(--vw, 1vw) * 2.4);
}

.size-m .m-b-6-m {
  margin-bottom: calc(var(--vw, 1vw) * 2.4) !important;
}

.size-l .m-b-6 {
  margin-bottom: 1.875rem;
}

.size-l .m-b-6-l {
  margin-bottom: 1.875rem !important;
}

.size-x .m-b-6 {
  margin-bottom: 1.875rem;
}

.size-x .m-b-6-x {
  margin-bottom: 1.875rem !important;
}

.size-s .m-l-6 {
  margin-left: calc(var(--vw, 1vw) * 6);
}

.size-s .m-l-6-s {
  margin-left: calc(var(--vw, 1vw) * 6) !important;
}

.size-m .m-l-6 {
  margin-left: calc(var(--vw, 1vw) * 2.4);
}

.size-m .m-l-6-m {
  margin-left: calc(var(--vw, 1vw) * 2.4) !important;
}

.size-l .m-l-6 {
  margin-left: 1.875rem;
}

.size-l .m-l-6-l {
  margin-left: 1.875rem !important;
}

.size-x .m-l-6 {
  margin-left: 1.875rem;
}

.size-x .m-l-6-x {
  margin-left: 1.875rem !important;
}

.size-s .m-a-7 {
  margin: calc(var(--vw, 1vw) * 7);
}

.size-s .m-a-7-s {
  margin: calc(var(--vw, 1vw) * 7) !important;
}

.size-m .m-a-7 {
  margin: calc(var(--vw, 1vw) * 2.8);
}

.size-m .m-a-7-m {
  margin: calc(var(--vw, 1vw) * 2.8) !important;
}

.size-l .m-a-7 {
  margin: 2.1875rem;
}

.size-l .m-a-7-l {
  margin: 2.1875rem !important;
}

.size-x .m-a-7 {
  margin: 2.1875rem;
}

.size-x .m-a-7-x {
  margin: 2.1875rem !important;
}

.size-s .m-t-7 {
  margin-top: calc(var(--vw, 1vw) * 7);
}

.size-s .m-t-7-s {
  margin-top: calc(var(--vw, 1vw) * 7) !important;
}

.size-m .m-t-7 {
  margin-top: calc(var(--vw, 1vw) * 2.8);
}

.size-m .m-t-7-m {
  margin-top: calc(var(--vw, 1vw) * 2.8) !important;
}

.size-l .m-t-7 {
  margin-top: 2.1875rem;
}

.size-l .m-t-7-l {
  margin-top: 2.1875rem !important;
}

.size-x .m-t-7 {
  margin-top: 2.1875rem;
}

.size-x .m-t-7-x {
  margin-top: 2.1875rem !important;
}

.size-s .m-r-7 {
  margin-right: calc(var(--vw, 1vw) * 7);
}

.size-s .m-r-7-s {
  margin-right: calc(var(--vw, 1vw) * 7) !important;
}

.size-m .m-r-7 {
  margin-right: calc(var(--vw, 1vw) * 2.8);
}

.size-m .m-r-7-m {
  margin-right: calc(var(--vw, 1vw) * 2.8) !important;
}

.size-l .m-r-7 {
  margin-right: 2.1875rem;
}

.size-l .m-r-7-l {
  margin-right: 2.1875rem !important;
}

.size-x .m-r-7 {
  margin-right: 2.1875rem;
}

.size-x .m-r-7-x {
  margin-right: 2.1875rem !important;
}

.size-s .m-b-7 {
  margin-bottom: calc(var(--vw, 1vw) * 7);
}

.size-s .m-b-7-s {
  margin-bottom: calc(var(--vw, 1vw) * 7) !important;
}

.size-m .m-b-7 {
  margin-bottom: calc(var(--vw, 1vw) * 2.8);
}

.size-m .m-b-7-m {
  margin-bottom: calc(var(--vw, 1vw) * 2.8) !important;
}

.size-l .m-b-7 {
  margin-bottom: 2.1875rem;
}

.size-l .m-b-7-l {
  margin-bottom: 2.1875rem !important;
}

.size-x .m-b-7 {
  margin-bottom: 2.1875rem;
}

.size-x .m-b-7-x {
  margin-bottom: 2.1875rem !important;
}

.size-s .m-l-7 {
  margin-left: calc(var(--vw, 1vw) * 7);
}

.size-s .m-l-7-s {
  margin-left: calc(var(--vw, 1vw) * 7) !important;
}

.size-m .m-l-7 {
  margin-left: calc(var(--vw, 1vw) * 2.8);
}

.size-m .m-l-7-m {
  margin-left: calc(var(--vw, 1vw) * 2.8) !important;
}

.size-l .m-l-7 {
  margin-left: 2.1875rem;
}

.size-l .m-l-7-l {
  margin-left: 2.1875rem !important;
}

.size-x .m-l-7 {
  margin-left: 2.1875rem;
}

.size-x .m-l-7-x {
  margin-left: 2.1875rem !important;
}

.size-s .m-a-8 {
  margin: calc(var(--vw, 1vw) * 8);
}

.size-s .m-a-8-s {
  margin: calc(var(--vw, 1vw) * 8) !important;
}

.size-m .m-a-8 {
  margin: calc(var(--vw, 1vw) * 3.2);
}

.size-m .m-a-8-m {
  margin: calc(var(--vw, 1vw) * 3.2) !important;
}

.size-l .m-a-8 {
  margin: 2.5rem;
}

.size-l .m-a-8-l {
  margin: 2.5rem !important;
}

.size-x .m-a-8 {
  margin: 2.5rem;
}

.size-x .m-a-8-x {
  margin: 2.5rem !important;
}

.size-s .m-t-8 {
  margin-top: calc(var(--vw, 1vw) * 8);
}

.size-s .m-t-8-s {
  margin-top: calc(var(--vw, 1vw) * 8) !important;
}

.size-m .m-t-8 {
  margin-top: calc(var(--vw, 1vw) * 3.2);
}

.size-m .m-t-8-m {
  margin-top: calc(var(--vw, 1vw) * 3.2) !important;
}

.size-l .m-t-8 {
  margin-top: 2.5rem;
}

.size-l .m-t-8-l {
  margin-top: 2.5rem !important;
}

.size-x .m-t-8 {
  margin-top: 2.5rem;
}

.size-x .m-t-8-x {
  margin-top: 2.5rem !important;
}

.size-s .m-r-8 {
  margin-right: calc(var(--vw, 1vw) * 8);
}

.size-s .m-r-8-s {
  margin-right: calc(var(--vw, 1vw) * 8) !important;
}

.size-m .m-r-8 {
  margin-right: calc(var(--vw, 1vw) * 3.2);
}

.size-m .m-r-8-m {
  margin-right: calc(var(--vw, 1vw) * 3.2) !important;
}

.size-l .m-r-8 {
  margin-right: 2.5rem;
}

.size-l .m-r-8-l {
  margin-right: 2.5rem !important;
}

.size-x .m-r-8 {
  margin-right: 2.5rem;
}

.size-x .m-r-8-x {
  margin-right: 2.5rem !important;
}

.size-s .m-b-8 {
  margin-bottom: calc(var(--vw, 1vw) * 8);
}

.size-s .m-b-8-s {
  margin-bottom: calc(var(--vw, 1vw) * 8) !important;
}

.size-m .m-b-8 {
  margin-bottom: calc(var(--vw, 1vw) * 3.2);
}

.size-m .m-b-8-m {
  margin-bottom: calc(var(--vw, 1vw) * 3.2) !important;
}

.size-l .m-b-8 {
  margin-bottom: 2.5rem;
}

.size-l .m-b-8-l {
  margin-bottom: 2.5rem !important;
}

.size-x .m-b-8 {
  margin-bottom: 2.5rem;
}

.size-x .m-b-8-x {
  margin-bottom: 2.5rem !important;
}

.size-s .m-l-8 {
  margin-left: calc(var(--vw, 1vw) * 8);
}

.size-s .m-l-8-s {
  margin-left: calc(var(--vw, 1vw) * 8) !important;
}

.size-m .m-l-8 {
  margin-left: calc(var(--vw, 1vw) * 3.2);
}

.size-m .m-l-8-m {
  margin-left: calc(var(--vw, 1vw) * 3.2) !important;
}

.size-l .m-l-8 {
  margin-left: 2.5rem;
}

.size-l .m-l-8-l {
  margin-left: 2.5rem !important;
}

.size-x .m-l-8 {
  margin-left: 2.5rem;
}

.size-x .m-l-8-x {
  margin-left: 2.5rem !important;
}

.size-s .m-a-9 {
  margin: calc(var(--vw, 1vw) * 9);
}

.size-s .m-a-9-s {
  margin: calc(var(--vw, 1vw) * 9) !important;
}

.size-m .m-a-9 {
  margin: calc(var(--vw, 1vw) * 3.6);
}

.size-m .m-a-9-m {
  margin: calc(var(--vw, 1vw) * 3.6) !important;
}

.size-l .m-a-9 {
  margin: 2.8125rem;
}

.size-l .m-a-9-l {
  margin: 2.8125rem !important;
}

.size-x .m-a-9 {
  margin: 2.8125rem;
}

.size-x .m-a-9-x {
  margin: 2.8125rem !important;
}

.size-s .m-t-9 {
  margin-top: calc(var(--vw, 1vw) * 9);
}

.size-s .m-t-9-s {
  margin-top: calc(var(--vw, 1vw) * 9) !important;
}

.size-m .m-t-9 {
  margin-top: calc(var(--vw, 1vw) * 3.6);
}

.size-m .m-t-9-m {
  margin-top: calc(var(--vw, 1vw) * 3.6) !important;
}

.size-l .m-t-9 {
  margin-top: 2.8125rem;
}

.size-l .m-t-9-l {
  margin-top: 2.8125rem !important;
}

.size-x .m-t-9 {
  margin-top: 2.8125rem;
}

.size-x .m-t-9-x {
  margin-top: 2.8125rem !important;
}

.size-s .m-r-9 {
  margin-right: calc(var(--vw, 1vw) * 9);
}

.size-s .m-r-9-s {
  margin-right: calc(var(--vw, 1vw) * 9) !important;
}

.size-m .m-r-9 {
  margin-right: calc(var(--vw, 1vw) * 3.6);
}

.size-m .m-r-9-m {
  margin-right: calc(var(--vw, 1vw) * 3.6) !important;
}

.size-l .m-r-9 {
  margin-right: 2.8125rem;
}

.size-l .m-r-9-l {
  margin-right: 2.8125rem !important;
}

.size-x .m-r-9 {
  margin-right: 2.8125rem;
}

.size-x .m-r-9-x {
  margin-right: 2.8125rem !important;
}

.size-s .m-b-9 {
  margin-bottom: calc(var(--vw, 1vw) * 9);
}

.size-s .m-b-9-s {
  margin-bottom: calc(var(--vw, 1vw) * 9) !important;
}

.size-m .m-b-9 {
  margin-bottom: calc(var(--vw, 1vw) * 3.6);
}

.size-m .m-b-9-m {
  margin-bottom: calc(var(--vw, 1vw) * 3.6) !important;
}

.size-l .m-b-9 {
  margin-bottom: 2.8125rem;
}

.size-l .m-b-9-l {
  margin-bottom: 2.8125rem !important;
}

.size-x .m-b-9 {
  margin-bottom: 2.8125rem;
}

.size-x .m-b-9-x {
  margin-bottom: 2.8125rem !important;
}

.size-s .m-l-9 {
  margin-left: calc(var(--vw, 1vw) * 9);
}

.size-s .m-l-9-s {
  margin-left: calc(var(--vw, 1vw) * 9) !important;
}

.size-m .m-l-9 {
  margin-left: calc(var(--vw, 1vw) * 3.6);
}

.size-m .m-l-9-m {
  margin-left: calc(var(--vw, 1vw) * 3.6) !important;
}

.size-l .m-l-9 {
  margin-left: 2.8125rem;
}

.size-l .m-l-9-l {
  margin-left: 2.8125rem !important;
}

.size-x .m-l-9 {
  margin-left: 2.8125rem;
}

.size-x .m-l-9-x {
  margin-left: 2.8125rem !important;
}

.size-s .m-a-10 {
  margin: calc(var(--vw, 1vw) * 10);
}

.size-s .m-a-10-s {
  margin: calc(var(--vw, 1vw) * 10) !important;
}

.size-m .m-a-10 {
  margin: calc(var(--vw, 1vw) * 4);
}

.size-m .m-a-10-m {
  margin: calc(var(--vw, 1vw) * 4) !important;
}

.size-l .m-a-10 {
  margin: 3.125rem;
}

.size-l .m-a-10-l {
  margin: 3.125rem !important;
}

.size-x .m-a-10 {
  margin: 3.125rem;
}

.size-x .m-a-10-x {
  margin: 3.125rem !important;
}

.size-s .m-t-10 {
  margin-top: calc(var(--vw, 1vw) * 10);
}

.size-s .m-t-10-s {
  margin-top: calc(var(--vw, 1vw) * 10) !important;
}

.size-m .m-t-10 {
  margin-top: calc(var(--vw, 1vw) * 4);
}

.size-m .m-t-10-m {
  margin-top: calc(var(--vw, 1vw) * 4) !important;
}

.size-l .m-t-10 {
  margin-top: 3.125rem;
}

.size-l .m-t-10-l {
  margin-top: 3.125rem !important;
}

.size-x .m-t-10 {
  margin-top: 3.125rem;
}

.size-x .m-t-10-x {
  margin-top: 3.125rem !important;
}

.size-s .m-r-10 {
  margin-right: calc(var(--vw, 1vw) * 10);
}

.size-s .m-r-10-s {
  margin-right: calc(var(--vw, 1vw) * 10) !important;
}

.size-m .m-r-10 {
  margin-right: calc(var(--vw, 1vw) * 4);
}

.size-m .m-r-10-m {
  margin-right: calc(var(--vw, 1vw) * 4) !important;
}

.size-l .m-r-10 {
  margin-right: 3.125rem;
}

.size-l .m-r-10-l {
  margin-right: 3.125rem !important;
}

.size-x .m-r-10 {
  margin-right: 3.125rem;
}

.size-x .m-r-10-x {
  margin-right: 3.125rem !important;
}

.size-s .m-b-10 {
  margin-bottom: calc(var(--vw, 1vw) * 10);
}

.size-s .m-b-10-s {
  margin-bottom: calc(var(--vw, 1vw) * 10) !important;
}

.size-m .m-b-10 {
  margin-bottom: calc(var(--vw, 1vw) * 4);
}

.size-m .m-b-10-m {
  margin-bottom: calc(var(--vw, 1vw) * 4) !important;
}

.size-l .m-b-10 {
  margin-bottom: 3.125rem;
}

.size-l .m-b-10-l {
  margin-bottom: 3.125rem !important;
}

.size-x .m-b-10 {
  margin-bottom: 3.125rem;
}

.size-x .m-b-10-x {
  margin-bottom: 3.125rem !important;
}

.size-s .m-l-10 {
  margin-left: calc(var(--vw, 1vw) * 10);
}

.size-s .m-l-10-s {
  margin-left: calc(var(--vw, 1vw) * 10) !important;
}

.size-m .m-l-10 {
  margin-left: calc(var(--vw, 1vw) * 4);
}

.size-m .m-l-10-m {
  margin-left: calc(var(--vw, 1vw) * 4) !important;
}

.size-l .m-l-10 {
  margin-left: 3.125rem;
}

.size-l .m-l-10-l {
  margin-left: 3.125rem !important;
}

.size-x .m-l-10 {
  margin-left: 3.125rem;
}

.size-x .m-l-10-x {
  margin-left: 3.125rem !important;
}

.size-s .m-a-12 {
  margin: calc(var(--vw, 1vw) * 12);
}

.size-s .m-a-12-s {
  margin: calc(var(--vw, 1vw) * 12) !important;
}

.size-m .m-a-12 {
  margin: calc(var(--vw, 1vw) * 4.8);
}

.size-m .m-a-12-m {
  margin: calc(var(--vw, 1vw) * 4.8) !important;
}

.size-l .m-a-12 {
  margin: 3.75rem;
}

.size-l .m-a-12-l {
  margin: 3.75rem !important;
}

.size-x .m-a-12 {
  margin: 3.75rem;
}

.size-x .m-a-12-x {
  margin: 3.75rem !important;
}

.size-s .m-t-12 {
  margin-top: calc(var(--vw, 1vw) * 12);
}

.size-s .m-t-12-s {
  margin-top: calc(var(--vw, 1vw) * 12) !important;
}

.size-m .m-t-12 {
  margin-top: calc(var(--vw, 1vw) * 4.8);
}

.size-m .m-t-12-m {
  margin-top: calc(var(--vw, 1vw) * 4.8) !important;
}

.size-l .m-t-12 {
  margin-top: 3.75rem;
}

.size-l .m-t-12-l {
  margin-top: 3.75rem !important;
}

.size-x .m-t-12 {
  margin-top: 3.75rem;
}

.size-x .m-t-12-x {
  margin-top: 3.75rem !important;
}

.size-s .m-r-12 {
  margin-right: calc(var(--vw, 1vw) * 12);
}

.size-s .m-r-12-s {
  margin-right: calc(var(--vw, 1vw) * 12) !important;
}

.size-m .m-r-12 {
  margin-right: calc(var(--vw, 1vw) * 4.8);
}

.size-m .m-r-12-m {
  margin-right: calc(var(--vw, 1vw) * 4.8) !important;
}

.size-l .m-r-12 {
  margin-right: 3.75rem;
}

.size-l .m-r-12-l {
  margin-right: 3.75rem !important;
}

.size-x .m-r-12 {
  margin-right: 3.75rem;
}

.size-x .m-r-12-x {
  margin-right: 3.75rem !important;
}

.size-s .m-b-12 {
  margin-bottom: calc(var(--vw, 1vw) * 12);
}

.size-s .m-b-12-s {
  margin-bottom: calc(var(--vw, 1vw) * 12) !important;
}

.size-m .m-b-12 {
  margin-bottom: calc(var(--vw, 1vw) * 4.8);
}

.size-m .m-b-12-m {
  margin-bottom: calc(var(--vw, 1vw) * 4.8) !important;
}

.size-l .m-b-12 {
  margin-bottom: 3.75rem;
}

.size-l .m-b-12-l {
  margin-bottom: 3.75rem !important;
}

.size-x .m-b-12 {
  margin-bottom: 3.75rem;
}

.size-x .m-b-12-x {
  margin-bottom: 3.75rem !important;
}

.size-s .m-l-12 {
  margin-left: calc(var(--vw, 1vw) * 12);
}

.size-s .m-l-12-s {
  margin-left: calc(var(--vw, 1vw) * 12) !important;
}

.size-m .m-l-12 {
  margin-left: calc(var(--vw, 1vw) * 4.8);
}

.size-m .m-l-12-m {
  margin-left: calc(var(--vw, 1vw) * 4.8) !important;
}

.size-l .m-l-12 {
  margin-left: 3.75rem;
}

.size-l .m-l-12-l {
  margin-left: 3.75rem !important;
}

.size-x .m-l-12 {
  margin-left: 3.75rem;
}

.size-x .m-l-12-x {
  margin-left: 3.75rem !important;
}

.size-s .m-a-14 {
  margin: calc(var(--vw, 1vw) * 14);
}

.size-s .m-a-14-s {
  margin: calc(var(--vw, 1vw) * 14) !important;
}

.size-m .m-a-14 {
  margin: calc(var(--vw, 1vw) * 5.6);
}

.size-m .m-a-14-m {
  margin: calc(var(--vw, 1vw) * 5.6) !important;
}

.size-l .m-a-14 {
  margin: 4.375rem;
}

.size-l .m-a-14-l {
  margin: 4.375rem !important;
}

.size-x .m-a-14 {
  margin: 4.375rem;
}

.size-x .m-a-14-x {
  margin: 4.375rem !important;
}

.size-s .m-t-14 {
  margin-top: calc(var(--vw, 1vw) * 14);
}

.size-s .m-t-14-s {
  margin-top: calc(var(--vw, 1vw) * 14) !important;
}

.size-m .m-t-14 {
  margin-top: calc(var(--vw, 1vw) * 5.6);
}

.size-m .m-t-14-m {
  margin-top: calc(var(--vw, 1vw) * 5.6) !important;
}

.size-l .m-t-14 {
  margin-top: 4.375rem;
}

.size-l .m-t-14-l {
  margin-top: 4.375rem !important;
}

.size-x .m-t-14 {
  margin-top: 4.375rem;
}

.size-x .m-t-14-x {
  margin-top: 4.375rem !important;
}

.size-s .m-r-14 {
  margin-right: calc(var(--vw, 1vw) * 14);
}

.size-s .m-r-14-s {
  margin-right: calc(var(--vw, 1vw) * 14) !important;
}

.size-m .m-r-14 {
  margin-right: calc(var(--vw, 1vw) * 5.6);
}

.size-m .m-r-14-m {
  margin-right: calc(var(--vw, 1vw) * 5.6) !important;
}

.size-l .m-r-14 {
  margin-right: 4.375rem;
}

.size-l .m-r-14-l {
  margin-right: 4.375rem !important;
}

.size-x .m-r-14 {
  margin-right: 4.375rem;
}

.size-x .m-r-14-x {
  margin-right: 4.375rem !important;
}

.size-s .m-b-14 {
  margin-bottom: calc(var(--vw, 1vw) * 14);
}

.size-s .m-b-14-s {
  margin-bottom: calc(var(--vw, 1vw) * 14) !important;
}

.size-m .m-b-14 {
  margin-bottom: calc(var(--vw, 1vw) * 5.6);
}

.size-m .m-b-14-m {
  margin-bottom: calc(var(--vw, 1vw) * 5.6) !important;
}

.size-l .m-b-14 {
  margin-bottom: 4.375rem;
}

.size-l .m-b-14-l {
  margin-bottom: 4.375rem !important;
}

.size-x .m-b-14 {
  margin-bottom: 4.375rem;
}

.size-x .m-b-14-x {
  margin-bottom: 4.375rem !important;
}

.size-s .m-l-14 {
  margin-left: calc(var(--vw, 1vw) * 14);
}

.size-s .m-l-14-s {
  margin-left: calc(var(--vw, 1vw) * 14) !important;
}

.size-m .m-l-14 {
  margin-left: calc(var(--vw, 1vw) * 5.6);
}

.size-m .m-l-14-m {
  margin-left: calc(var(--vw, 1vw) * 5.6) !important;
}

.size-l .m-l-14 {
  margin-left: 4.375rem;
}

.size-l .m-l-14-l {
  margin-left: 4.375rem !important;
}

.size-x .m-l-14 {
  margin-left: 4.375rem;
}

.size-x .m-l-14-x {
  margin-left: 4.375rem !important;
}

.size-s .m-a-15 {
  margin: calc(var(--vw, 1vw) * 15);
}

.size-s .m-a-15-s {
  margin: calc(var(--vw, 1vw) * 15) !important;
}

.size-m .m-a-15 {
  margin: calc(var(--vw, 1vw) * 6);
}

.size-m .m-a-15-m {
  margin: calc(var(--vw, 1vw) * 6) !important;
}

.size-l .m-a-15 {
  margin: 4.6875rem;
}

.size-l .m-a-15-l {
  margin: 4.6875rem !important;
}

.size-x .m-a-15 {
  margin: 4.6875rem;
}

.size-x .m-a-15-x {
  margin: 4.6875rem !important;
}

.size-s .m-t-15 {
  margin-top: calc(var(--vw, 1vw) * 15);
}

.size-s .m-t-15-s {
  margin-top: calc(var(--vw, 1vw) * 15) !important;
}

.size-m .m-t-15 {
  margin-top: calc(var(--vw, 1vw) * 6);
}

.size-m .m-t-15-m {
  margin-top: calc(var(--vw, 1vw) * 6) !important;
}

.size-l .m-t-15 {
  margin-top: 4.6875rem;
}

.size-l .m-t-15-l {
  margin-top: 4.6875rem !important;
}

.size-x .m-t-15 {
  margin-top: 4.6875rem;
}

.size-x .m-t-15-x {
  margin-top: 4.6875rem !important;
}

.size-s .m-r-15 {
  margin-right: calc(var(--vw, 1vw) * 15);
}

.size-s .m-r-15-s {
  margin-right: calc(var(--vw, 1vw) * 15) !important;
}

.size-m .m-r-15 {
  margin-right: calc(var(--vw, 1vw) * 6);
}

.size-m .m-r-15-m {
  margin-right: calc(var(--vw, 1vw) * 6) !important;
}

.size-l .m-r-15 {
  margin-right: 4.6875rem;
}

.size-l .m-r-15-l {
  margin-right: 4.6875rem !important;
}

.size-x .m-r-15 {
  margin-right: 4.6875rem;
}

.size-x .m-r-15-x {
  margin-right: 4.6875rem !important;
}

.size-s .m-b-15 {
  margin-bottom: calc(var(--vw, 1vw) * 15);
}

.size-s .m-b-15-s {
  margin-bottom: calc(var(--vw, 1vw) * 15) !important;
}

.size-m .m-b-15 {
  margin-bottom: calc(var(--vw, 1vw) * 6);
}

.size-m .m-b-15-m {
  margin-bottom: calc(var(--vw, 1vw) * 6) !important;
}

.size-l .m-b-15 {
  margin-bottom: 4.6875rem;
}

.size-l .m-b-15-l {
  margin-bottom: 4.6875rem !important;
}

.size-x .m-b-15 {
  margin-bottom: 4.6875rem;
}

.size-x .m-b-15-x {
  margin-bottom: 4.6875rem !important;
}

.size-s .m-l-15 {
  margin-left: calc(var(--vw, 1vw) * 15);
}

.size-s .m-l-15-s {
  margin-left: calc(var(--vw, 1vw) * 15) !important;
}

.size-m .m-l-15 {
  margin-left: calc(var(--vw, 1vw) * 6);
}

.size-m .m-l-15-m {
  margin-left: calc(var(--vw, 1vw) * 6) !important;
}

.size-l .m-l-15 {
  margin-left: 4.6875rem;
}

.size-l .m-l-15-l {
  margin-left: 4.6875rem !important;
}

.size-x .m-l-15 {
  margin-left: 4.6875rem;
}

.size-x .m-l-15-x {
  margin-left: 4.6875rem !important;
}

.size-s .m-a-16 {
  margin: calc(var(--vw, 1vw) * 16);
}

.size-s .m-a-16-s {
  margin: calc(var(--vw, 1vw) * 16) !important;
}

.size-m .m-a-16 {
  margin: calc(var(--vw, 1vw) * 6.4);
}

.size-m .m-a-16-m {
  margin: calc(var(--vw, 1vw) * 6.4) !important;
}

.size-l .m-a-16 {
  margin: 5rem;
}

.size-l .m-a-16-l {
  margin: 5rem !important;
}

.size-x .m-a-16 {
  margin: 5rem;
}

.size-x .m-a-16-x {
  margin: 5rem !important;
}

.size-s .m-t-16 {
  margin-top: calc(var(--vw, 1vw) * 16);
}

.size-s .m-t-16-s {
  margin-top: calc(var(--vw, 1vw) * 16) !important;
}

.size-m .m-t-16 {
  margin-top: calc(var(--vw, 1vw) * 6.4);
}

.size-m .m-t-16-m {
  margin-top: calc(var(--vw, 1vw) * 6.4) !important;
}

.size-l .m-t-16 {
  margin-top: 5rem;
}

.size-l .m-t-16-l {
  margin-top: 5rem !important;
}

.size-x .m-t-16 {
  margin-top: 5rem;
}

.size-x .m-t-16-x {
  margin-top: 5rem !important;
}

.size-s .m-r-16 {
  margin-right: calc(var(--vw, 1vw) * 16);
}

.size-s .m-r-16-s {
  margin-right: calc(var(--vw, 1vw) * 16) !important;
}

.size-m .m-r-16 {
  margin-right: calc(var(--vw, 1vw) * 6.4);
}

.size-m .m-r-16-m {
  margin-right: calc(var(--vw, 1vw) * 6.4) !important;
}

.size-l .m-r-16 {
  margin-right: 5rem;
}

.size-l .m-r-16-l {
  margin-right: 5rem !important;
}

.size-x .m-r-16 {
  margin-right: 5rem;
}

.size-x .m-r-16-x {
  margin-right: 5rem !important;
}

.size-s .m-b-16 {
  margin-bottom: calc(var(--vw, 1vw) * 16);
}

.size-s .m-b-16-s {
  margin-bottom: calc(var(--vw, 1vw) * 16) !important;
}

.size-m .m-b-16 {
  margin-bottom: calc(var(--vw, 1vw) * 6.4);
}

.size-m .m-b-16-m {
  margin-bottom: calc(var(--vw, 1vw) * 6.4) !important;
}

.size-l .m-b-16 {
  margin-bottom: 5rem;
}

.size-l .m-b-16-l {
  margin-bottom: 5rem !important;
}

.size-x .m-b-16 {
  margin-bottom: 5rem;
}

.size-x .m-b-16-x {
  margin-bottom: 5rem !important;
}

.size-s .m-l-16 {
  margin-left: calc(var(--vw, 1vw) * 16);
}

.size-s .m-l-16-s {
  margin-left: calc(var(--vw, 1vw) * 16) !important;
}

.size-m .m-l-16 {
  margin-left: calc(var(--vw, 1vw) * 6.4);
}

.size-m .m-l-16-m {
  margin-left: calc(var(--vw, 1vw) * 6.4) !important;
}

.size-l .m-l-16 {
  margin-left: 5rem;
}

.size-l .m-l-16-l {
  margin-left: 5rem !important;
}

.size-x .m-l-16 {
  margin-left: 5rem;
}

.size-x .m-l-16-x {
  margin-left: 5rem !important;
}

.size-s .m-a-20 {
  margin: calc(var(--vw, 1vw) * 20);
}

.size-s .m-a-20-s {
  margin: calc(var(--vw, 1vw) * 20) !important;
}

.size-m .m-a-20 {
  margin: calc(var(--vw, 1vw) * 8);
}

.size-m .m-a-20-m {
  margin: calc(var(--vw, 1vw) * 8) !important;
}

.size-l .m-a-20 {
  margin: 6.25rem;
}

.size-l .m-a-20-l {
  margin: 6.25rem !important;
}

.size-x .m-a-20 {
  margin: 6.25rem;
}

.size-x .m-a-20-x {
  margin: 6.25rem !important;
}

.size-s .m-t-20 {
  margin-top: calc(var(--vw, 1vw) * 20);
}

.size-s .m-t-20-s {
  margin-top: calc(var(--vw, 1vw) * 20) !important;
}

.size-m .m-t-20 {
  margin-top: calc(var(--vw, 1vw) * 8);
}

.size-m .m-t-20-m {
  margin-top: calc(var(--vw, 1vw) * 8) !important;
}

.size-l .m-t-20 {
  margin-top: 6.25rem;
}

.size-l .m-t-20-l {
  margin-top: 6.25rem !important;
}

.size-x .m-t-20 {
  margin-top: 6.25rem;
}

.size-x .m-t-20-x {
  margin-top: 6.25rem !important;
}

.size-s .m-r-20 {
  margin-right: calc(var(--vw, 1vw) * 20);
}

.size-s .m-r-20-s {
  margin-right: calc(var(--vw, 1vw) * 20) !important;
}

.size-m .m-r-20 {
  margin-right: calc(var(--vw, 1vw) * 8);
}

.size-m .m-r-20-m {
  margin-right: calc(var(--vw, 1vw) * 8) !important;
}

.size-l .m-r-20 {
  margin-right: 6.25rem;
}

.size-l .m-r-20-l {
  margin-right: 6.25rem !important;
}

.size-x .m-r-20 {
  margin-right: 6.25rem;
}

.size-x .m-r-20-x {
  margin-right: 6.25rem !important;
}

.size-s .m-b-20 {
  margin-bottom: calc(var(--vw, 1vw) * 20);
}

.size-s .m-b-20-s {
  margin-bottom: calc(var(--vw, 1vw) * 20) !important;
}

.size-m .m-b-20 {
  margin-bottom: calc(var(--vw, 1vw) * 8);
}

.size-m .m-b-20-m {
  margin-bottom: calc(var(--vw, 1vw) * 8) !important;
}

.size-l .m-b-20 {
  margin-bottom: 6.25rem;
}

.size-l .m-b-20-l {
  margin-bottom: 6.25rem !important;
}

.size-x .m-b-20 {
  margin-bottom: 6.25rem;
}

.size-x .m-b-20-x {
  margin-bottom: 6.25rem !important;
}

.size-s .m-l-20 {
  margin-left: calc(var(--vw, 1vw) * 20);
}

.size-s .m-l-20-s {
  margin-left: calc(var(--vw, 1vw) * 20) !important;
}

.size-m .m-l-20 {
  margin-left: calc(var(--vw, 1vw) * 8);
}

.size-m .m-l-20-m {
  margin-left: calc(var(--vw, 1vw) * 8) !important;
}

.size-l .m-l-20 {
  margin-left: 6.25rem;
}

.size-l .m-l-20-l {
  margin-left: 6.25rem !important;
}

.size-x .m-l-20 {
  margin-left: 6.25rem;
}

.size-x .m-l-20-x {
  margin-left: 6.25rem !important;
}

.size-s .m-a-24 {
  margin: calc(var(--vw, 1vw) * 24);
}

.size-s .m-a-24-s {
  margin: calc(var(--vw, 1vw) * 24) !important;
}

.size-m .m-a-24 {
  margin: calc(var(--vw, 1vw) * 9.6);
}

.size-m .m-a-24-m {
  margin: calc(var(--vw, 1vw) * 9.6) !important;
}

.size-l .m-a-24 {
  margin: 7.5rem;
}

.size-l .m-a-24-l {
  margin: 7.5rem !important;
}

.size-x .m-a-24 {
  margin: 7.5rem;
}

.size-x .m-a-24-x {
  margin: 7.5rem !important;
}

.size-s .m-t-24 {
  margin-top: calc(var(--vw, 1vw) * 24);
}

.size-s .m-t-24-s {
  margin-top: calc(var(--vw, 1vw) * 24) !important;
}

.size-m .m-t-24 {
  margin-top: calc(var(--vw, 1vw) * 9.6);
}

.size-m .m-t-24-m {
  margin-top: calc(var(--vw, 1vw) * 9.6) !important;
}

.size-l .m-t-24 {
  margin-top: 7.5rem;
}

.size-l .m-t-24-l {
  margin-top: 7.5rem !important;
}

.size-x .m-t-24 {
  margin-top: 7.5rem;
}

.size-x .m-t-24-x {
  margin-top: 7.5rem !important;
}

.size-s .m-r-24 {
  margin-right: calc(var(--vw, 1vw) * 24);
}

.size-s .m-r-24-s {
  margin-right: calc(var(--vw, 1vw) * 24) !important;
}

.size-m .m-r-24 {
  margin-right: calc(var(--vw, 1vw) * 9.6);
}

.size-m .m-r-24-m {
  margin-right: calc(var(--vw, 1vw) * 9.6) !important;
}

.size-l .m-r-24 {
  margin-right: 7.5rem;
}

.size-l .m-r-24-l {
  margin-right: 7.5rem !important;
}

.size-x .m-r-24 {
  margin-right: 7.5rem;
}

.size-x .m-r-24-x {
  margin-right: 7.5rem !important;
}

.size-s .m-b-24 {
  margin-bottom: calc(var(--vw, 1vw) * 24);
}

.size-s .m-b-24-s {
  margin-bottom: calc(var(--vw, 1vw) * 24) !important;
}

.size-m .m-b-24 {
  margin-bottom: calc(var(--vw, 1vw) * 9.6);
}

.size-m .m-b-24-m {
  margin-bottom: calc(var(--vw, 1vw) * 9.6) !important;
}

.size-l .m-b-24 {
  margin-bottom: 7.5rem;
}

.size-l .m-b-24-l {
  margin-bottom: 7.5rem !important;
}

.size-x .m-b-24 {
  margin-bottom: 7.5rem;
}

.size-x .m-b-24-x {
  margin-bottom: 7.5rem !important;
}

.size-s .m-l-24 {
  margin-left: calc(var(--vw, 1vw) * 24);
}

.size-s .m-l-24-s {
  margin-left: calc(var(--vw, 1vw) * 24) !important;
}

.size-m .m-l-24 {
  margin-left: calc(var(--vw, 1vw) * 9.6);
}

.size-m .m-l-24-m {
  margin-left: calc(var(--vw, 1vw) * 9.6) !important;
}

.size-l .m-l-24 {
  margin-left: 7.5rem;
}

.size-l .m-l-24-l {
  margin-left: 7.5rem !important;
}

.size-x .m-l-24 {
  margin-left: 7.5rem;
}

.size-x .m-l-24-x {
  margin-left: 7.5rem !important;
}

.m-a-0, .size-l .m-a-0-l, .size-m .m-a-0-m, .size-s .m-a-0-s, .size-x .m-a-0-x {
  margin: 0 !important;
}

.m-t-0, .size-l .m-t-0-l, .size-m .m-t-0-m, .size-s .m-t-0-s, .size-x .m-t-0-x {
  margin-top: 0 !important;
}

.m-r-0, .size-l .m-r-0-l, .size-m .m-r-0-m, .size-s .m-r-0-s, .size-x .m-r-0-x {
  margin-right: 0 !important;
}

.m-b-0, .size-l .m-b-0-l, .size-m .m-b-0-m, .size-s .m-b-0-s, .size-x .m-b-0-x {
  margin-bottom: 0 !important;
}

.m-l-0, .size-l .m-l-0-l, .size-m .m-l-0-m, .size-s .m-l-0-s, .size-x .m-l-0-x {
  margin-left: 0 !important;
}

.m-0--a, .size-l .m-0--a-l, .size-m .m-0--a-m, .size-s .m-0--a-s, .size-x .m-0--a-x {
  margin: 0 auto;
}

.m-r--100, .size-l .m-r--100-l, .size-m .m-r--100-m, .size-s .m-r--100-s, .size-x .m-r--100-x {
  margin-right: -100%;
}

.overflow-auto, .size-l .overflow-auto-l, .size-m .overflow-auto-m, .size-s .overflow-auto-s, .size-x .overflow-auto-x {
  overflow: auto;
}

.overflow-hidden, .size-l .overflow-hidden-l, .size-m .overflow-hidden-m, .size-s .overflow-hidden-s, .size-x .overflow-hidden-x {
  overflow: hidden;
}

.overflow-visible, .size-l .overflow-visible-l, .size-m .overflow-visible-m, .size-s .overflow-visible-s, .size-x .overflow-visible-x {
  overflow: visible;
}

.overflow-scroll, .size-l .overflow-scroll-l, .size-m .overflow-scroll-m, .size-s .overflow-scroll-s, .size-x .overflow-scroll-x {
  overflow: scroll;
}

.overflow-x-auto, .size-l .overflow-x-auto-l, .size-m .overflow-x-auto-m, .size-s .overflow-x-auto-s, .size-x .overflow-x-auto-x {
  overflow-x: auto;
}

.overflow-y-auto, .size-l .overflow-y-auto-l, .size-m .overflow-y-auto-m, .size-s .overflow-y-auto-s, .size-x .overflow-y-auto-x {
  overflow-y: auto;
}

.overflow-x-hidden, .size-l .overflow-x-hidden-l, .size-m .overflow-x-hidden-m, .size-s .overflow-x-hidden-s, .size-x .overflow-x-hidden-x {
  overflow-x: hidden;
}

.overflow-y-hidden, .size-l .overflow-y-hidden-l, .size-m .overflow-y-hidden-m, .size-s .overflow-y-hidden-s, .size-x .overflow-y-hidden-x {
  overflow-y: hidden;
}

.overflow-x-visible, .size-l .overflow-x-visible-l, .size-m .overflow-x-visible-m, .size-s .overflow-x-visible-s, .size-x .overflow-x-visible-x {
  overflow-x: visible;
}

.overflow-y-visible, .size-l .overflow-y-visible-l, .size-m .overflow-y-visible-m, .size-s .overflow-y-visible-s, .size-x .overflow-y-visible-x {
  overflow-y: visible;
}

.overflow-x-scroll, .size-l .overflow-x-scroll-l, .size-m .overflow-x-scroll-m, .size-s .overflow-x-scroll-s, .size-x .overflow-x-scroll-x {
  overflow-x: scroll;
}

.overflow-y-scroll, .size-l .overflow-y-scroll-l, .size-m .overflow-y-scroll-m, .size-s .overflow-y-scroll-s, .size-x .overflow-y-scroll-x {
  overflow-y: scroll;
}

.overflow-wrap, .size-l .overflow-wrap-l, .size-m .overflow-wrap-m, .size-s .overflow-wrap-s, .size-x .overflow-wrap-x {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}

.scrolling-touch, .size-l .scrolling-touch-l, .size-m .scrolling-touch-m, .size-s .scrolling-touch-s, .size-x .scrolling-touch-x {
  -webkit-overflow-scrolling: touch;
}

.scrolling-auto, .size-l .scrolling-auto-l, .size-m .scrolling-auto-m, .size-s .scrolling-auto-s, .size-x .scrolling-auto-x {
  -webkit-overflow-scrolling: auto;
}

.size-s .p-a {
  padding: calc(var(--vw, 1vw) * 4);
}

.size-m .p-a {
  padding: calc(var(--vw, 1vw) * 1.6);
}

.size-l .p-a, .size-x .p-a {
  padding: 1.25rem;
}

.size-s .p-t {
  padding-top: calc(var(--vw, 1vw) * 4);
}

.size-m .p-t {
  padding-top: calc(var(--vw, 1vw) * 1.6);
}

.size-l .p-t, .size-x .p-t {
  padding-top: 1.25rem;
}

.size-s .p-r {
  padding-right: calc(var(--vw, 1vw) * 4);
}

.size-m .p-r {
  padding-right: calc(var(--vw, 1vw) * 1.6);
}

.size-l .p-r, .size-x .p-r {
  padding-right: 1.25rem;
}

.size-s .p-b {
  padding-bottom: calc(var(--vw, 1vw) * 4);
}

.size-m .p-b {
  padding-bottom: calc(var(--vw, 1vw) * 1.6);
}

.size-l .p-b, .size-x .p-b {
  padding-bottom: 1.25rem;
}

.size-s .p-l, .size-s .text ol > li li, .size-s .text ul li, .text ol > li .size-s li, .text ul .size-s li {
  padding-left: calc(var(--vw, 1vw) * 4);
}

.size-m .p-l {
  padding-left: calc(var(--vw, 1vw) * 1.6);
}

.size-l .p-l, .size-x .p-l {
  padding-left: 1.25rem;
}

.size-s .p-a-1 {
  padding: calc(var(--vw, 1vw) * 1);
}

.size-s .p-a-1-s {
  padding: calc(var(--vw, 1vw) * 1) !important;
}

.size-m .p-a-1 {
  padding: calc(var(--vw, 1vw) * 0.4);
}

.size-m .p-a-1-m {
  padding: calc(var(--vw, 1vw) * 0.4) !important;
}

.size-l .p-a-1 {
  padding: 0.3125rem;
}

.size-l .p-a-1-l {
  padding: 0.3125rem !important;
}

.size-x .p-a-1 {
  padding: 0.3125rem;
}

.size-x .p-a-1-x {
  padding: 0.3125rem !important;
}

.size-s .p-t-1 {
  padding-top: calc(var(--vw, 1vw) * 1);
}

.size-s .p-t-1-s {
  padding-top: calc(var(--vw, 1vw) * 1) !important;
}

.size-m .p-t-1 {
  padding-top: calc(var(--vw, 1vw) * 0.4);
}

.size-m .p-t-1-m {
  padding-top: calc(var(--vw, 1vw) * 0.4) !important;
}

.size-l .p-t-1 {
  padding-top: 0.3125rem;
}

.size-l .p-t-1-l {
  padding-top: 0.3125rem !important;
}

.size-x .p-t-1 {
  padding-top: 0.3125rem;
}

.size-x .p-t-1-x {
  padding-top: 0.3125rem !important;
}

.size-s .p-r-1 {
  padding-right: calc(var(--vw, 1vw) * 1);
}

.size-s .p-r-1-s {
  padding-right: calc(var(--vw, 1vw) * 1) !important;
}

.size-m .p-r-1 {
  padding-right: calc(var(--vw, 1vw) * 0.4);
}

.size-m .p-r-1-m {
  padding-right: calc(var(--vw, 1vw) * 0.4) !important;
}

.size-l .p-r-1 {
  padding-right: 0.3125rem;
}

.size-l .p-r-1-l {
  padding-right: 0.3125rem !important;
}

.size-x .p-r-1 {
  padding-right: 0.3125rem;
}

.size-x .p-r-1-x {
  padding-right: 0.3125rem !important;
}

.size-s .p-b-1 {
  padding-bottom: calc(var(--vw, 1vw) * 1);
}

.size-s .p-b-1-s {
  padding-bottom: calc(var(--vw, 1vw) * 1) !important;
}

.size-m .p-b-1 {
  padding-bottom: calc(var(--vw, 1vw) * 0.4);
}

.size-m .p-b-1-m {
  padding-bottom: calc(var(--vw, 1vw) * 0.4) !important;
}

.size-l .p-b-1 {
  padding-bottom: 0.3125rem;
}

.size-l .p-b-1-l {
  padding-bottom: 0.3125rem !important;
}

.size-x .p-b-1 {
  padding-bottom: 0.3125rem;
}

.size-x .p-b-1-x {
  padding-bottom: 0.3125rem !important;
}

.size-s .p-l-1 {
  padding-left: calc(var(--vw, 1vw) * 1);
}

.size-s .p-l-1-s {
  padding-left: calc(var(--vw, 1vw) * 1) !important;
}

.size-m .p-l-1 {
  padding-left: calc(var(--vw, 1vw) * 0.4);
}

.size-m .p-l-1-m {
  padding-left: calc(var(--vw, 1vw) * 0.4) !important;
}

.size-l .p-l-1 {
  padding-left: 0.3125rem;
}

.size-l .p-l-1-l {
  padding-left: 0.3125rem !important;
}

.size-x .p-l-1 {
  padding-left: 0.3125rem;
}

.size-x .p-l-1-x {
  padding-left: 0.3125rem !important;
}

.size-s .p-a-2 {
  padding: calc(var(--vw, 1vw) * 2);
}

.size-s .p-a-2-s {
  padding: calc(var(--vw, 1vw) * 2) !important;
}

.size-m .p-a-2 {
  padding: calc(var(--vw, 1vw) * 0.8);
}

.size-m .p-a-2-m {
  padding: calc(var(--vw, 1vw) * 0.8) !important;
}

.size-l .p-a-2 {
  padding: 0.625rem;
}

.size-l .p-a-2-l {
  padding: 0.625rem !important;
}

.size-x .p-a-2 {
  padding: 0.625rem;
}

.size-x .p-a-2-x {
  padding: 0.625rem !important;
}

.size-s .p-t-2 {
  padding-top: calc(var(--vw, 1vw) * 2);
}

.size-s .p-t-2-s {
  padding-top: calc(var(--vw, 1vw) * 2) !important;
}

.size-m .p-t-2 {
  padding-top: calc(var(--vw, 1vw) * 0.8);
}

.size-m .p-t-2-m {
  padding-top: calc(var(--vw, 1vw) * 0.8) !important;
}

.size-l .p-t-2 {
  padding-top: 0.625rem;
}

.size-l .p-t-2-l {
  padding-top: 0.625rem !important;
}

.size-x .p-t-2 {
  padding-top: 0.625rem;
}

.size-x .p-t-2-x {
  padding-top: 0.625rem !important;
}

.size-s .p-r-2 {
  padding-right: calc(var(--vw, 1vw) * 2);
}

.size-s .p-r-2-s {
  padding-right: calc(var(--vw, 1vw) * 2) !important;
}

.size-m .p-r-2 {
  padding-right: calc(var(--vw, 1vw) * 0.8);
}

.size-m .p-r-2-m {
  padding-right: calc(var(--vw, 1vw) * 0.8) !important;
}

.size-l .p-r-2 {
  padding-right: 0.625rem;
}

.size-l .p-r-2-l {
  padding-right: 0.625rem !important;
}

.size-x .p-r-2 {
  padding-right: 0.625rem;
}

.size-x .p-r-2-x {
  padding-right: 0.625rem !important;
}

.size-s .p-b-2 {
  padding-bottom: calc(var(--vw, 1vw) * 2);
}

.size-s .p-b-2-s {
  padding-bottom: calc(var(--vw, 1vw) * 2) !important;
}

.size-m .p-b-2 {
  padding-bottom: calc(var(--vw, 1vw) * 0.8);
}

.size-m .p-b-2-m {
  padding-bottom: calc(var(--vw, 1vw) * 0.8) !important;
}

.size-l .p-b-2 {
  padding-bottom: 0.625rem;
}

.size-l .p-b-2-l {
  padding-bottom: 0.625rem !important;
}

.size-x .p-b-2 {
  padding-bottom: 0.625rem;
}

.size-x .p-b-2-x {
  padding-bottom: 0.625rem !important;
}

.size-s .p-l-2 {
  padding-left: calc(var(--vw, 1vw) * 2);
}

.size-s .p-l-2-s {
  padding-left: calc(var(--vw, 1vw) * 2) !important;
}

.size-m .p-l-2 {
  padding-left: calc(var(--vw, 1vw) * 0.8);
}

.size-m .p-l-2-m {
  padding-left: calc(var(--vw, 1vw) * 0.8) !important;
}

.size-l .p-l-2 {
  padding-left: 0.625rem;
}

.size-l .p-l-2-l {
  padding-left: 0.625rem !important;
}

.size-x .p-l-2 {
  padding-left: 0.625rem;
}

.size-x .p-l-2-x {
  padding-left: 0.625rem !important;
}

.size-s .p-a-3 {
  padding: calc(var(--vw, 1vw) * 3);
}

.size-s .p-a-3-s {
  padding: calc(var(--vw, 1vw) * 3) !important;
}

.size-m .p-a-3 {
  padding: calc(var(--vw, 1vw) * 1.2);
}

.size-m .p-a-3-m {
  padding: calc(var(--vw, 1vw) * 1.2) !important;
}

.size-l .p-a-3 {
  padding: 0.9375rem;
}

.size-l .p-a-3-l {
  padding: 0.9375rem !important;
}

.size-x .p-a-3 {
  padding: 0.9375rem;
}

.size-x .p-a-3-x {
  padding: 0.9375rem !important;
}

.size-s .p-t-3 {
  padding-top: calc(var(--vw, 1vw) * 3);
}

.size-s .p-t-3-s {
  padding-top: calc(var(--vw, 1vw) * 3) !important;
}

.size-m .p-t-3 {
  padding-top: calc(var(--vw, 1vw) * 1.2);
}

.size-m .p-t-3-m {
  padding-top: calc(var(--vw, 1vw) * 1.2) !important;
}

.size-l .p-t-3 {
  padding-top: 0.9375rem;
}

.size-l .p-t-3-l {
  padding-top: 0.9375rem !important;
}

.size-x .p-t-3 {
  padding-top: 0.9375rem;
}

.size-x .p-t-3-x {
  padding-top: 0.9375rem !important;
}

.size-s .input, .size-s .input-1, .size-s .input-underline, .size-s .input-w, .size-s .p-r-3, .size-s .select, .size-s .select-1, .size-s .select-w, .size-s .textarea, .size-s .textarea-1, .size-s .textarea-w {
  padding-right: calc(var(--vw, 1vw) * 3);
}

.size-s .p-r-3-s {
  padding-right: calc(var(--vw, 1vw) * 3) !important;
}

.size-m .p-r-3 {
  padding-right: calc(var(--vw, 1vw) * 1.2);
}

.size-m .p-r-3-m {
  padding-right: calc(var(--vw, 1vw) * 1.2) !important;
}

.size-l .p-r-3 {
  padding-right: 0.9375rem;
}

.size-l .p-r-3-l {
  padding-right: 0.9375rem !important;
}

.size-x .p-r-3 {
  padding-right: 0.9375rem;
}

.size-x .p-r-3-x {
  padding-right: 0.9375rem !important;
}

.size-s .p-b-3 {
  padding-bottom: calc(var(--vw, 1vw) * 3);
}

.size-s .p-b-3-s {
  padding-bottom: calc(var(--vw, 1vw) * 3) !important;
}

.size-m .p-b-3 {
  padding-bottom: calc(var(--vw, 1vw) * 1.2);
}

.size-m .p-b-3-m {
  padding-bottom: calc(var(--vw, 1vw) * 1.2) !important;
}

.size-l .p-b-3 {
  padding-bottom: 0.9375rem;
}

.size-l .p-b-3-l {
  padding-bottom: 0.9375rem !important;
}

.size-x .p-b-3 {
  padding-bottom: 0.9375rem;
}

.size-x .p-b-3-x {
  padding-bottom: 0.9375rem !important;
}

.meganav__content-outlet .size-s .row-component, .size-s .input, .size-s .input-1, .size-s .input-underline, .size-s .input-w, .size-s .meganav__content-outlet .row-component, .size-s .p-l-3, .size-s .select, .size-s .select-1, .size-s .select-w, .size-s .textarea, .size-s .textarea-1, .size-s .textarea-w {
  padding-left: calc(var(--vw, 1vw) * 3);
}

.size-s .p-l-3-s {
  padding-left: calc(var(--vw, 1vw) * 3) !important;
}

.size-m .p-l-3 {
  padding-left: calc(var(--vw, 1vw) * 1.2);
}

.size-m .p-l-3-m {
  padding-left: calc(var(--vw, 1vw) * 1.2) !important;
}

.size-l .p-l-3 {
  padding-left: 0.9375rem;
}

.size-l .p-l-3-l {
  padding-left: 0.9375rem !important;
}

.size-x .p-l-3 {
  padding-left: 0.9375rem;
}

.size-x .p-l-3-x {
  padding-left: 0.9375rem !important;
}

.size-s .p-a-4 {
  padding: calc(var(--vw, 1vw) * 4);
}

.size-s .p-a-4-s {
  padding: calc(var(--vw, 1vw) * 4) !important;
}

.size-m .p-a-4 {
  padding: calc(var(--vw, 1vw) * 1.6);
}

.size-m .p-a-4-m {
  padding: calc(var(--vw, 1vw) * 1.6) !important;
}

.size-l .p-a-4 {
  padding: 1.25rem;
}

.size-l .p-a-4-l {
  padding: 1.25rem !important;
}

.size-x .p-a-4 {
  padding: 1.25rem;
}

.size-x .p-a-4-x {
  padding: 1.25rem !important;
}

.size-s .p-t-4 {
  padding-top: calc(var(--vw, 1vw) * 4);
}

.size-s .p-t-4-s {
  padding-top: calc(var(--vw, 1vw) * 4) !important;
}

.size-m .p-t-4 {
  padding-top: calc(var(--vw, 1vw) * 1.6);
}

.size-m .p-t-4-m {
  padding-top: calc(var(--vw, 1vw) * 1.6) !important;
}

.size-l .p-t-4 {
  padding-top: 1.25rem;
}

.size-l .p-t-4-l {
  padding-top: 1.25rem !important;
}

.size-x .p-t-4 {
  padding-top: 1.25rem;
}

.size-x .p-t-4-x {
  padding-top: 1.25rem !important;
}

.size-s .p-r-4 {
  padding-right: calc(var(--vw, 1vw) * 4);
}

.size-s .p-r-4-s {
  padding-right: calc(var(--vw, 1vw) * 4) !important;
}

.size-m .p-r-4 {
  padding-right: calc(var(--vw, 1vw) * 1.6);
}

.size-m .p-r-4-m {
  padding-right: calc(var(--vw, 1vw) * 1.6) !important;
}

.size-l .p-r-4 {
  padding-right: 1.25rem;
}

.size-l .p-r-4-l {
  padding-right: 1.25rem !important;
}

.size-x .p-r-4 {
  padding-right: 1.25rem;
}

.size-x .p-r-4-x {
  padding-right: 1.25rem !important;
}

.size-s .p-b-4 {
  padding-bottom: calc(var(--vw, 1vw) * 4);
}

.size-s .p-b-4-s {
  padding-bottom: calc(var(--vw, 1vw) * 4) !important;
}

.size-m .p-b-4 {
  padding-bottom: calc(var(--vw, 1vw) * 1.6);
}

.size-m .p-b-4-m {
  padding-bottom: calc(var(--vw, 1vw) * 1.6) !important;
}

.size-l .p-b-4 {
  padding-bottom: 1.25rem;
}

.size-l .p-b-4-l {
  padding-bottom: 1.25rem !important;
}

.size-x .p-b-4 {
  padding-bottom: 1.25rem;
}

.size-x .p-b-4-x {
  padding-bottom: 1.25rem !important;
}

.size-s .p-l-4 {
  padding-left: calc(var(--vw, 1vw) * 4);
}

.size-s .p-l-4-s {
  padding-left: calc(var(--vw, 1vw) * 4) !important;
}

.size-m .p-l-4 {
  padding-left: calc(var(--vw, 1vw) * 1.6);
}

.size-m .p-l-4-m {
  padding-left: calc(var(--vw, 1vw) * 1.6) !important;
}

.size-l .p-l-4 {
  padding-left: 1.25rem;
}

.size-l .p-l-4-l {
  padding-left: 1.25rem !important;
}

.size-x .p-l-4 {
  padding-left: 1.25rem;
}

.size-x .p-l-4-x {
  padding-left: 1.25rem !important;
}

.size-s .p-a-5 {
  padding: calc(var(--vw, 1vw) * 5);
}

.size-s .p-a-5-s {
  padding: calc(var(--vw, 1vw) * 5) !important;
}

.size-m .p-a-5 {
  padding: calc(var(--vw, 1vw) * 2);
}

.size-m .p-a-5-m {
  padding: calc(var(--vw, 1vw) * 2) !important;
}

.size-l .p-a-5 {
  padding: 1.5625rem;
}

.size-l .p-a-5-l {
  padding: 1.5625rem !important;
}

.size-x .p-a-5 {
  padding: 1.5625rem;
}

.size-x .p-a-5-x {
  padding: 1.5625rem !important;
}

.size-s .p-t-5 {
  padding-top: calc(var(--vw, 1vw) * 5);
}

.size-s .p-t-5-s {
  padding-top: calc(var(--vw, 1vw) * 5) !important;
}

.size-m .p-t-5 {
  padding-top: calc(var(--vw, 1vw) * 2);
}

.size-m .p-t-5-m {
  padding-top: calc(var(--vw, 1vw) * 2) !important;
}

.size-l .p-t-5 {
  padding-top: 1.5625rem;
}

.size-l .p-t-5-l {
  padding-top: 1.5625rem !important;
}

.size-x .p-t-5 {
  padding-top: 1.5625rem;
}

.size-x .p-t-5-x {
  padding-top: 1.5625rem !important;
}

.size-s .p-r-5 {
  padding-right: calc(var(--vw, 1vw) * 5);
}

.size-s .p-r-5-s {
  padding-right: calc(var(--vw, 1vw) * 5) !important;
}

.size-m .p-r-5 {
  padding-right: calc(var(--vw, 1vw) * 2);
}

.size-m .p-r-5-m {
  padding-right: calc(var(--vw, 1vw) * 2) !important;
}

.size-l .p-r-5 {
  padding-right: 1.5625rem;
}

.size-l .p-r-5-l {
  padding-right: 1.5625rem !important;
}

.size-x .p-r-5 {
  padding-right: 1.5625rem;
}

.size-x .p-r-5-x {
  padding-right: 1.5625rem !important;
}

.size-s .p-b-5 {
  padding-bottom: calc(var(--vw, 1vw) * 5);
}

.size-s .p-b-5-s {
  padding-bottom: calc(var(--vw, 1vw) * 5) !important;
}

.size-m .p-b-5 {
  padding-bottom: calc(var(--vw, 1vw) * 2);
}

.size-m .p-b-5-m {
  padding-bottom: calc(var(--vw, 1vw) * 2) !important;
}

.size-l .p-b-5 {
  padding-bottom: 1.5625rem;
}

.size-l .p-b-5-l {
  padding-bottom: 1.5625rem !important;
}

.size-x .p-b-5 {
  padding-bottom: 1.5625rem;
}

.size-x .p-b-5-x {
  padding-bottom: 1.5625rem !important;
}

.size-s .p-l-5 {
  padding-left: calc(var(--vw, 1vw) * 5);
}

.size-s .p-l-5-s {
  padding-left: calc(var(--vw, 1vw) * 5) !important;
}

.size-m .p-l-5 {
  padding-left: calc(var(--vw, 1vw) * 2);
}

.size-m .p-l-5-m {
  padding-left: calc(var(--vw, 1vw) * 2) !important;
}

.size-l .p-l-5 {
  padding-left: 1.5625rem;
}

.size-l .p-l-5-l {
  padding-left: 1.5625rem !important;
}

.size-x .p-l-5 {
  padding-left: 1.5625rem;
}

.size-x .p-l-5-x {
  padding-left: 1.5625rem !important;
}

.size-s .p-a-6 {
  padding: calc(var(--vw, 1vw) * 6);
}

.size-s .p-a-6-s {
  padding: calc(var(--vw, 1vw) * 6) !important;
}

.size-m .p-a-6 {
  padding: calc(var(--vw, 1vw) * 2.4);
}

.size-m .p-a-6-m {
  padding: calc(var(--vw, 1vw) * 2.4) !important;
}

.size-l .p-a-6 {
  padding: 1.875rem;
}

.size-l .p-a-6-l {
  padding: 1.875rem !important;
}

.size-x .p-a-6 {
  padding: 1.875rem;
}

.size-x .p-a-6-x {
  padding: 1.875rem !important;
}

.size-s .p-t-6 {
  padding-top: calc(var(--vw, 1vw) * 6);
}

.size-s .p-t-6-s {
  padding-top: calc(var(--vw, 1vw) * 6) !important;
}

.size-m .p-t-6 {
  padding-top: calc(var(--vw, 1vw) * 2.4);
}

.size-m .p-t-6-m {
  padding-top: calc(var(--vw, 1vw) * 2.4) !important;
}

.size-l .p-t-6 {
  padding-top: 1.875rem;
}

.size-l .p-t-6-l {
  padding-top: 1.875rem !important;
}

.size-x .p-t-6 {
  padding-top: 1.875rem;
}

.size-x .p-t-6-x {
  padding-top: 1.875rem !important;
}

.size-s .p-r-6 {
  padding-right: calc(var(--vw, 1vw) * 6);
}

.size-s .p-r-6-s {
  padding-right: calc(var(--vw, 1vw) * 6) !important;
}

.size-m .p-r-6 {
  padding-right: calc(var(--vw, 1vw) * 2.4);
}

.size-m .p-r-6-m {
  padding-right: calc(var(--vw, 1vw) * 2.4) !important;
}

.size-l .p-r-6 {
  padding-right: 1.875rem;
}

.size-l .p-r-6-l {
  padding-right: 1.875rem !important;
}

.size-x .p-r-6 {
  padding-right: 1.875rem;
}

.size-x .p-r-6-x {
  padding-right: 1.875rem !important;
}

.size-s .p-b-6 {
  padding-bottom: calc(var(--vw, 1vw) * 6);
}

.size-s .p-b-6-s {
  padding-bottom: calc(var(--vw, 1vw) * 6) !important;
}

.size-m .p-b-6 {
  padding-bottom: calc(var(--vw, 1vw) * 2.4);
}

.size-m .p-b-6-m {
  padding-bottom: calc(var(--vw, 1vw) * 2.4) !important;
}

.size-l .p-b-6 {
  padding-bottom: 1.875rem;
}

.size-l .p-b-6-l {
  padding-bottom: 1.875rem !important;
}

.size-x .p-b-6 {
  padding-bottom: 1.875rem;
}

.size-x .p-b-6-x {
  padding-bottom: 1.875rem !important;
}

.size-s .p-l-6 {
  padding-left: calc(var(--vw, 1vw) * 6);
}

.size-s .p-l-6-s {
  padding-left: calc(var(--vw, 1vw) * 6) !important;
}

.size-m .p-l-6 {
  padding-left: calc(var(--vw, 1vw) * 2.4);
}

.size-m .p-l-6-m {
  padding-left: calc(var(--vw, 1vw) * 2.4) !important;
}

.size-l .p-l-6 {
  padding-left: 1.875rem;
}

.size-l .p-l-6-l {
  padding-left: 1.875rem !important;
}

.size-x .p-l-6 {
  padding-left: 1.875rem;
}

.size-x .p-l-6-x {
  padding-left: 1.875rem !important;
}

.size-s .p-a-7 {
  padding: calc(var(--vw, 1vw) * 7);
}

.size-s .p-a-7-s {
  padding: calc(var(--vw, 1vw) * 7) !important;
}

.size-m .p-a-7 {
  padding: calc(var(--vw, 1vw) * 2.8);
}

.size-m .p-a-7-m {
  padding: calc(var(--vw, 1vw) * 2.8) !important;
}

.size-l .p-a-7 {
  padding: 2.1875rem;
}

.size-l .p-a-7-l {
  padding: 2.1875rem !important;
}

.size-x .p-a-7 {
  padding: 2.1875rem;
}

.size-x .p-a-7-x {
  padding: 2.1875rem !important;
}

.size-s .p-t-7 {
  padding-top: calc(var(--vw, 1vw) * 7);
}

.size-s .p-t-7-s {
  padding-top: calc(var(--vw, 1vw) * 7) !important;
}

.size-m .p-t-7 {
  padding-top: calc(var(--vw, 1vw) * 2.8);
}

.size-m .p-t-7-m {
  padding-top: calc(var(--vw, 1vw) * 2.8) !important;
}

.size-l .p-t-7 {
  padding-top: 2.1875rem;
}

.size-l .p-t-7-l {
  padding-top: 2.1875rem !important;
}

.size-x .p-t-7 {
  padding-top: 2.1875rem;
}

.size-x .p-t-7-x {
  padding-top: 2.1875rem !important;
}

.size-s .p-r-7 {
  padding-right: calc(var(--vw, 1vw) * 7);
}

.size-s .p-r-7-s {
  padding-right: calc(var(--vw, 1vw) * 7) !important;
}

.size-m .p-r-7 {
  padding-right: calc(var(--vw, 1vw) * 2.8);
}

.size-m .p-r-7-m {
  padding-right: calc(var(--vw, 1vw) * 2.8) !important;
}

.size-l .p-r-7 {
  padding-right: 2.1875rem;
}

.size-l .p-r-7-l {
  padding-right: 2.1875rem !important;
}

.size-x .p-r-7 {
  padding-right: 2.1875rem;
}

.size-x .p-r-7-x {
  padding-right: 2.1875rem !important;
}

.size-s .p-b-7 {
  padding-bottom: calc(var(--vw, 1vw) * 7);
}

.size-s .p-b-7-s {
  padding-bottom: calc(var(--vw, 1vw) * 7) !important;
}

.size-m .p-b-7 {
  padding-bottom: calc(var(--vw, 1vw) * 2.8);
}

.size-m .p-b-7-m {
  padding-bottom: calc(var(--vw, 1vw) * 2.8) !important;
}

.size-l .p-b-7 {
  padding-bottom: 2.1875rem;
}

.size-l .p-b-7-l {
  padding-bottom: 2.1875rem !important;
}

.size-x .p-b-7 {
  padding-bottom: 2.1875rem;
}

.size-x .p-b-7-x {
  padding-bottom: 2.1875rem !important;
}

.size-s .p-l-7 {
  padding-left: calc(var(--vw, 1vw) * 7);
}

.size-s .p-l-7-s {
  padding-left: calc(var(--vw, 1vw) * 7) !important;
}

.size-m .p-l-7 {
  padding-left: calc(var(--vw, 1vw) * 2.8);
}

.size-m .p-l-7-m {
  padding-left: calc(var(--vw, 1vw) * 2.8) !important;
}

.size-l .p-l-7 {
  padding-left: 2.1875rem;
}

.size-l .p-l-7-l {
  padding-left: 2.1875rem !important;
}

.size-x .p-l-7 {
  padding-left: 2.1875rem;
}

.size-x .p-l-7-x {
  padding-left: 2.1875rem !important;
}

.size-s .p-a-8 {
  padding: calc(var(--vw, 1vw) * 8);
}

.size-s .p-a-8-s {
  padding: calc(var(--vw, 1vw) * 8) !important;
}

.size-m .p-a-8 {
  padding: calc(var(--vw, 1vw) * 3.2);
}

.size-m .p-a-8-m {
  padding: calc(var(--vw, 1vw) * 3.2) !important;
}

.size-l .p-a-8 {
  padding: 2.5rem;
}

.size-l .p-a-8-l {
  padding: 2.5rem !important;
}

.size-x .p-a-8 {
  padding: 2.5rem;
}

.size-x .p-a-8-x {
  padding: 2.5rem !important;
}

.size-s .p-t-8 {
  padding-top: calc(var(--vw, 1vw) * 8);
}

.size-s .p-t-8-s {
  padding-top: calc(var(--vw, 1vw) * 8) !important;
}

.size-m .p-t-8 {
  padding-top: calc(var(--vw, 1vw) * 3.2);
}

.size-m .p-t-8-m {
  padding-top: calc(var(--vw, 1vw) * 3.2) !important;
}

.size-l .p-t-8 {
  padding-top: 2.5rem;
}

.size-l .p-t-8-l {
  padding-top: 2.5rem !important;
}

.size-x .p-t-8 {
  padding-top: 2.5rem;
}

.size-x .p-t-8-x {
  padding-top: 2.5rem !important;
}

.size-s .p-r-8 {
  padding-right: calc(var(--vw, 1vw) * 8);
}

.size-s .p-r-8-s {
  padding-right: calc(var(--vw, 1vw) * 8) !important;
}

.size-m .p-r-8 {
  padding-right: calc(var(--vw, 1vw) * 3.2);
}

.size-m .p-r-8-m {
  padding-right: calc(var(--vw, 1vw) * 3.2) !important;
}

.size-l .p-r-8 {
  padding-right: 2.5rem;
}

.size-l .p-r-8-l {
  padding-right: 2.5rem !important;
}

.size-x .p-r-8 {
  padding-right: 2.5rem;
}

.size-x .p-r-8-x {
  padding-right: 2.5rem !important;
}

.size-s .p-b-8 {
  padding-bottom: calc(var(--vw, 1vw) * 8);
}

.size-s .p-b-8-s {
  padding-bottom: calc(var(--vw, 1vw) * 8) !important;
}

.size-m .p-b-8 {
  padding-bottom: calc(var(--vw, 1vw) * 3.2);
}

.size-m .p-b-8-m {
  padding-bottom: calc(var(--vw, 1vw) * 3.2) !important;
}

.size-l .p-b-8 {
  padding-bottom: 2.5rem;
}

.size-l .p-b-8-l {
  padding-bottom: 2.5rem !important;
}

.size-x .p-b-8 {
  padding-bottom: 2.5rem;
}

.size-x .p-b-8-x {
  padding-bottom: 2.5rem !important;
}

.size-s .p-l-8 {
  padding-left: calc(var(--vw, 1vw) * 8);
}

.size-s .p-l-8-s {
  padding-left: calc(var(--vw, 1vw) * 8) !important;
}

.size-m .p-l-8 {
  padding-left: calc(var(--vw, 1vw) * 3.2);
}

.size-m .p-l-8-m {
  padding-left: calc(var(--vw, 1vw) * 3.2) !important;
}

.size-l .p-l-8 {
  padding-left: 2.5rem;
}

.size-l .p-l-8-l {
  padding-left: 2.5rem !important;
}

.size-x .p-l-8 {
  padding-left: 2.5rem;
}

.size-x .p-l-8-x {
  padding-left: 2.5rem !important;
}

.size-s .p-a-9 {
  padding: calc(var(--vw, 1vw) * 9);
}

.size-s .p-a-9-s {
  padding: calc(var(--vw, 1vw) * 9) !important;
}

.size-m .p-a-9 {
  padding: calc(var(--vw, 1vw) * 3.6);
}

.size-m .p-a-9-m {
  padding: calc(var(--vw, 1vw) * 3.6) !important;
}

.size-l .p-a-9 {
  padding: 2.8125rem;
}

.size-l .p-a-9-l {
  padding: 2.8125rem !important;
}

.size-x .p-a-9 {
  padding: 2.8125rem;
}

.size-x .p-a-9-x {
  padding: 2.8125rem !important;
}

.size-s .p-t-9 {
  padding-top: calc(var(--vw, 1vw) * 9);
}

.size-s .p-t-9-s {
  padding-top: calc(var(--vw, 1vw) * 9) !important;
}

.size-m .p-t-9 {
  padding-top: calc(var(--vw, 1vw) * 3.6);
}

.size-m .p-t-9-m {
  padding-top: calc(var(--vw, 1vw) * 3.6) !important;
}

.size-l .p-t-9 {
  padding-top: 2.8125rem;
}

.size-l .p-t-9-l {
  padding-top: 2.8125rem !important;
}

.size-x .p-t-9 {
  padding-top: 2.8125rem;
}

.size-x .p-t-9-x {
  padding-top: 2.8125rem !important;
}

.size-s .p-r-9 {
  padding-right: calc(var(--vw, 1vw) * 9);
}

.size-s .p-r-9-s {
  padding-right: calc(var(--vw, 1vw) * 9) !important;
}

.size-m .p-r-9 {
  padding-right: calc(var(--vw, 1vw) * 3.6);
}

.size-m .p-r-9-m {
  padding-right: calc(var(--vw, 1vw) * 3.6) !important;
}

.size-l .p-r-9 {
  padding-right: 2.8125rem;
}

.size-l .p-r-9-l {
  padding-right: 2.8125rem !important;
}

.size-x .p-r-9 {
  padding-right: 2.8125rem;
}

.size-x .p-r-9-x {
  padding-right: 2.8125rem !important;
}

.size-s .p-b-9 {
  padding-bottom: calc(var(--vw, 1vw) * 9);
}

.size-s .p-b-9-s {
  padding-bottom: calc(var(--vw, 1vw) * 9) !important;
}

.size-m .p-b-9 {
  padding-bottom: calc(var(--vw, 1vw) * 3.6);
}

.size-m .p-b-9-m {
  padding-bottom: calc(var(--vw, 1vw) * 3.6) !important;
}

.size-l .p-b-9 {
  padding-bottom: 2.8125rem;
}

.size-l .p-b-9-l {
  padding-bottom: 2.8125rem !important;
}

.size-x .p-b-9 {
  padding-bottom: 2.8125rem;
}

.size-x .p-b-9-x {
  padding-bottom: 2.8125rem !important;
}

.size-s .p-l-9 {
  padding-left: calc(var(--vw, 1vw) * 9);
}

.size-s .p-l-9-s {
  padding-left: calc(var(--vw, 1vw) * 9) !important;
}

.size-m .p-l-9 {
  padding-left: calc(var(--vw, 1vw) * 3.6);
}

.size-m .p-l-9-m {
  padding-left: calc(var(--vw, 1vw) * 3.6) !important;
}

.size-l .p-l-9 {
  padding-left: 2.8125rem;
}

.size-l .p-l-9-l {
  padding-left: 2.8125rem !important;
}

.size-x .p-l-9 {
  padding-left: 2.8125rem;
}

.size-x .p-l-9-x {
  padding-left: 2.8125rem !important;
}

.size-s .p-a-10 {
  padding: calc(var(--vw, 1vw) * 10);
}

.size-s .p-a-10-s {
  padding: calc(var(--vw, 1vw) * 10) !important;
}

.size-m .p-a-10 {
  padding: calc(var(--vw, 1vw) * 4);
}

.size-m .p-a-10-m {
  padding: calc(var(--vw, 1vw) * 4) !important;
}

.size-l .p-a-10 {
  padding: 3.125rem;
}

.size-l .p-a-10-l {
  padding: 3.125rem !important;
}

.size-x .p-a-10 {
  padding: 3.125rem;
}

.size-x .p-a-10-x {
  padding: 3.125rem !important;
}

.size-s .p-t-10 {
  padding-top: calc(var(--vw, 1vw) * 10);
}

.size-s .p-t-10-s {
  padding-top: calc(var(--vw, 1vw) * 10) !important;
}

.size-m .p-t-10 {
  padding-top: calc(var(--vw, 1vw) * 4);
}

.size-m .p-t-10-m {
  padding-top: calc(var(--vw, 1vw) * 4) !important;
}

.size-l .p-t-10 {
  padding-top: 3.125rem;
}

.size-l .p-t-10-l {
  padding-top: 3.125rem !important;
}

.size-x .p-t-10 {
  padding-top: 3.125rem;
}

.size-x .p-t-10-x {
  padding-top: 3.125rem !important;
}

.size-s .p-r-10 {
  padding-right: calc(var(--vw, 1vw) * 10);
}

.size-s .p-r-10-s {
  padding-right: calc(var(--vw, 1vw) * 10) !important;
}

.size-m .p-r-10 {
  padding-right: calc(var(--vw, 1vw) * 4);
}

.size-m .p-r-10-m {
  padding-right: calc(var(--vw, 1vw) * 4) !important;
}

.size-l .p-r-10 {
  padding-right: 3.125rem;
}

.size-l .p-r-10-l {
  padding-right: 3.125rem !important;
}

.size-x .p-r-10 {
  padding-right: 3.125rem;
}

.size-x .p-r-10-x {
  padding-right: 3.125rem !important;
}

.size-s .p-b-10 {
  padding-bottom: calc(var(--vw, 1vw) * 10);
}

.size-s .p-b-10-s {
  padding-bottom: calc(var(--vw, 1vw) * 10) !important;
}

.size-m .p-b-10 {
  padding-bottom: calc(var(--vw, 1vw) * 4);
}

.size-m .p-b-10-m {
  padding-bottom: calc(var(--vw, 1vw) * 4) !important;
}

.size-l .p-b-10 {
  padding-bottom: 3.125rem;
}

.size-l .p-b-10-l {
  padding-bottom: 3.125rem !important;
}

.size-x .p-b-10 {
  padding-bottom: 3.125rem;
}

.size-x .p-b-10-x {
  padding-bottom: 3.125rem !important;
}

.size-s .p-l-10 {
  padding-left: calc(var(--vw, 1vw) * 10);
}

.size-s .p-l-10-s {
  padding-left: calc(var(--vw, 1vw) * 10) !important;
}

.size-m .p-l-10 {
  padding-left: calc(var(--vw, 1vw) * 4);
}

.size-m .p-l-10-m {
  padding-left: calc(var(--vw, 1vw) * 4) !important;
}

.size-l .p-l-10 {
  padding-left: 3.125rem;
}

.size-l .p-l-10-l {
  padding-left: 3.125rem !important;
}

.size-x .p-l-10 {
  padding-left: 3.125rem;
}

.size-x .p-l-10-x {
  padding-left: 3.125rem !important;
}

.size-s .p-a-11 {
  padding: calc(var(--vw, 1vw) * 11);
}

.size-s .p-a-11-s {
  padding: calc(var(--vw, 1vw) * 11) !important;
}

.size-m .p-a-11 {
  padding: calc(var(--vw, 1vw) * 4.4);
}

.size-m .p-a-11-m {
  padding: calc(var(--vw, 1vw) * 4.4) !important;
}

.size-l .p-a-11 {
  padding: 3.4375rem;
}

.size-l .p-a-11-l {
  padding: 3.4375rem !important;
}

.size-x .p-a-11 {
  padding: 3.4375rem;
}

.size-x .p-a-11-x {
  padding: 3.4375rem !important;
}

.size-s .p-t-11 {
  padding-top: calc(var(--vw, 1vw) * 11);
}

.size-s .p-t-11-s {
  padding-top: calc(var(--vw, 1vw) * 11) !important;
}

.size-m .p-t-11 {
  padding-top: calc(var(--vw, 1vw) * 4.4);
}

.size-m .p-t-11-m {
  padding-top: calc(var(--vw, 1vw) * 4.4) !important;
}

.size-l .p-t-11 {
  padding-top: 3.4375rem;
}

.size-l .p-t-11-l {
  padding-top: 3.4375rem !important;
}

.size-x .p-t-11 {
  padding-top: 3.4375rem;
}

.size-x .p-t-11-x {
  padding-top: 3.4375rem !important;
}

.size-s .p-r-11 {
  padding-right: calc(var(--vw, 1vw) * 11);
}

.size-s .p-r-11-s {
  padding-right: calc(var(--vw, 1vw) * 11) !important;
}

.size-m .p-r-11 {
  padding-right: calc(var(--vw, 1vw) * 4.4);
}

.size-m .p-r-11-m {
  padding-right: calc(var(--vw, 1vw) * 4.4) !important;
}

.size-l .p-r-11 {
  padding-right: 3.4375rem;
}

.size-l .p-r-11-l {
  padding-right: 3.4375rem !important;
}

.size-x .p-r-11 {
  padding-right: 3.4375rem;
}

.size-x .p-r-11-x {
  padding-right: 3.4375rem !important;
}

.size-s .p-b-11 {
  padding-bottom: calc(var(--vw, 1vw) * 11);
}

.size-s .p-b-11-s {
  padding-bottom: calc(var(--vw, 1vw) * 11) !important;
}

.size-m .p-b-11 {
  padding-bottom: calc(var(--vw, 1vw) * 4.4);
}

.size-m .p-b-11-m {
  padding-bottom: calc(var(--vw, 1vw) * 4.4) !important;
}

.size-l .p-b-11 {
  padding-bottom: 3.4375rem;
}

.size-l .p-b-11-l {
  padding-bottom: 3.4375rem !important;
}

.size-x .p-b-11 {
  padding-bottom: 3.4375rem;
}

.size-x .p-b-11-x {
  padding-bottom: 3.4375rem !important;
}

.size-s .p-l-11 {
  padding-left: calc(var(--vw, 1vw) * 11);
}

.size-s .p-l-11-s {
  padding-left: calc(var(--vw, 1vw) * 11) !important;
}

.size-m .p-l-11 {
  padding-left: calc(var(--vw, 1vw) * 4.4);
}

.size-m .p-l-11-m {
  padding-left: calc(var(--vw, 1vw) * 4.4) !important;
}

.size-l .p-l-11 {
  padding-left: 3.4375rem;
}

.size-l .p-l-11-l {
  padding-left: 3.4375rem !important;
}

.size-x .p-l-11 {
  padding-left: 3.4375rem;
}

.size-x .p-l-11-x {
  padding-left: 3.4375rem !important;
}

.size-s .p-a-12 {
  padding: calc(var(--vw, 1vw) * 12);
}

.size-s .p-a-12-s {
  padding: calc(var(--vw, 1vw) * 12) !important;
}

.size-m .p-a-12 {
  padding: calc(var(--vw, 1vw) * 4.8);
}

.size-m .p-a-12-m {
  padding: calc(var(--vw, 1vw) * 4.8) !important;
}

.size-l .p-a-12 {
  padding: 3.75rem;
}

.size-l .p-a-12-l {
  padding: 3.75rem !important;
}

.size-x .p-a-12 {
  padding: 3.75rem;
}

.size-x .p-a-12-x {
  padding: 3.75rem !important;
}

.size-s .p-t-12 {
  padding-top: calc(var(--vw, 1vw) * 12);
}

.size-s .p-t-12-s {
  padding-top: calc(var(--vw, 1vw) * 12) !important;
}

.size-m .p-t-12 {
  padding-top: calc(var(--vw, 1vw) * 4.8);
}

.size-m .p-t-12-m {
  padding-top: calc(var(--vw, 1vw) * 4.8) !important;
}

.size-l .p-t-12 {
  padding-top: 3.75rem;
}

.size-l .p-t-12-l {
  padding-top: 3.75rem !important;
}

.size-x .p-t-12 {
  padding-top: 3.75rem;
}

.size-x .p-t-12-x {
  padding-top: 3.75rem !important;
}

.size-s .p-r-12 {
  padding-right: calc(var(--vw, 1vw) * 12);
}

.size-s .p-r-12-s {
  padding-right: calc(var(--vw, 1vw) * 12) !important;
}

.size-m .p-r-12 {
  padding-right: calc(var(--vw, 1vw) * 4.8);
}

.size-m .p-r-12-m {
  padding-right: calc(var(--vw, 1vw) * 4.8) !important;
}

.size-l .p-r-12 {
  padding-right: 3.75rem;
}

.size-l .p-r-12-l {
  padding-right: 3.75rem !important;
}

.size-x .p-r-12 {
  padding-right: 3.75rem;
}

.size-x .p-r-12-x {
  padding-right: 3.75rem !important;
}

.size-s .p-b-12 {
  padding-bottom: calc(var(--vw, 1vw) * 12);
}

.size-s .p-b-12-s {
  padding-bottom: calc(var(--vw, 1vw) * 12) !important;
}

.size-m .p-b-12 {
  padding-bottom: calc(var(--vw, 1vw) * 4.8);
}

.size-m .p-b-12-m {
  padding-bottom: calc(var(--vw, 1vw) * 4.8) !important;
}

.size-l .p-b-12 {
  padding-bottom: 3.75rem;
}

.size-l .p-b-12-l {
  padding-bottom: 3.75rem !important;
}

.size-x .p-b-12 {
  padding-bottom: 3.75rem;
}

.size-x .p-b-12-x {
  padding-bottom: 3.75rem !important;
}

.size-s .p-l-12 {
  padding-left: calc(var(--vw, 1vw) * 12);
}

.size-s .p-l-12-s {
  padding-left: calc(var(--vw, 1vw) * 12) !important;
}

.size-m .p-l-12 {
  padding-left: calc(var(--vw, 1vw) * 4.8);
}

.size-m .p-l-12-m {
  padding-left: calc(var(--vw, 1vw) * 4.8) !important;
}

.size-l .p-l-12 {
  padding-left: 3.75rem;
}

.size-l .p-l-12-l {
  padding-left: 3.75rem !important;
}

.size-x .p-l-12 {
  padding-left: 3.75rem;
}

.size-x .p-l-12-x {
  padding-left: 3.75rem !important;
}

.size-s .p-a-14 {
  padding: calc(var(--vw, 1vw) * 14);
}

.size-s .p-a-14-s {
  padding: calc(var(--vw, 1vw) * 14) !important;
}

.size-m .p-a-14 {
  padding: calc(var(--vw, 1vw) * 5.6);
}

.size-m .p-a-14-m {
  padding: calc(var(--vw, 1vw) * 5.6) !important;
}

.size-l .p-a-14 {
  padding: 4.375rem;
}

.size-l .p-a-14-l {
  padding: 4.375rem !important;
}

.size-x .p-a-14 {
  padding: 4.375rem;
}

.size-x .p-a-14-x {
  padding: 4.375rem !important;
}

.size-s .p-t-14 {
  padding-top: calc(var(--vw, 1vw) * 14);
}

.size-s .p-t-14-s {
  padding-top: calc(var(--vw, 1vw) * 14) !important;
}

.size-m .p-t-14 {
  padding-top: calc(var(--vw, 1vw) * 5.6);
}

.size-m .p-t-14-m {
  padding-top: calc(var(--vw, 1vw) * 5.6) !important;
}

.size-l .p-t-14 {
  padding-top: 4.375rem;
}

.size-l .p-t-14-l {
  padding-top: 4.375rem !important;
}

.size-x .p-t-14 {
  padding-top: 4.375rem;
}

.size-x .p-t-14-x {
  padding-top: 4.375rem !important;
}

.size-s .p-r-14 {
  padding-right: calc(var(--vw, 1vw) * 14);
}

.size-s .p-r-14-s {
  padding-right: calc(var(--vw, 1vw) * 14) !important;
}

.size-m .p-r-14 {
  padding-right: calc(var(--vw, 1vw) * 5.6);
}

.size-m .p-r-14-m {
  padding-right: calc(var(--vw, 1vw) * 5.6) !important;
}

.size-l .p-r-14 {
  padding-right: 4.375rem;
}

.size-l .p-r-14-l {
  padding-right: 4.375rem !important;
}

.size-x .p-r-14 {
  padding-right: 4.375rem;
}

.size-x .p-r-14-x {
  padding-right: 4.375rem !important;
}

.size-s .p-b-14 {
  padding-bottom: calc(var(--vw, 1vw) * 14);
}

.size-s .p-b-14-s {
  padding-bottom: calc(var(--vw, 1vw) * 14) !important;
}

.size-m .p-b-14 {
  padding-bottom: calc(var(--vw, 1vw) * 5.6);
}

.size-m .p-b-14-m {
  padding-bottom: calc(var(--vw, 1vw) * 5.6) !important;
}

.size-l .p-b-14 {
  padding-bottom: 4.375rem;
}

.size-l .p-b-14-l {
  padding-bottom: 4.375rem !important;
}

.size-x .p-b-14 {
  padding-bottom: 4.375rem;
}

.size-x .p-b-14-x {
  padding-bottom: 4.375rem !important;
}

.size-s .p-l-14 {
  padding-left: calc(var(--vw, 1vw) * 14);
}

.size-s .p-l-14-s {
  padding-left: calc(var(--vw, 1vw) * 14) !important;
}

.size-m .p-l-14 {
  padding-left: calc(var(--vw, 1vw) * 5.6);
}

.size-m .p-l-14-m {
  padding-left: calc(var(--vw, 1vw) * 5.6) !important;
}

.size-l .p-l-14 {
  padding-left: 4.375rem;
}

.size-l .p-l-14-l {
  padding-left: 4.375rem !important;
}

.size-x .p-l-14 {
  padding-left: 4.375rem;
}

.size-x .p-l-14-x {
  padding-left: 4.375rem !important;
}

.size-s .p-a-16 {
  padding: calc(var(--vw, 1vw) * 16);
}

.size-s .p-a-16-s {
  padding: calc(var(--vw, 1vw) * 16) !important;
}

.size-m .p-a-16 {
  padding: calc(var(--vw, 1vw) * 6.4);
}

.size-m .p-a-16-m {
  padding: calc(var(--vw, 1vw) * 6.4) !important;
}

.size-l .p-a-16 {
  padding: 5rem;
}

.size-l .p-a-16-l {
  padding: 5rem !important;
}

.size-x .p-a-16 {
  padding: 5rem;
}

.size-x .p-a-16-x {
  padding: 5rem !important;
}

.size-s .p-t-16 {
  padding-top: calc(var(--vw, 1vw) * 16);
}

.size-s .p-t-16-s {
  padding-top: calc(var(--vw, 1vw) * 16) !important;
}

.size-m .p-t-16 {
  padding-top: calc(var(--vw, 1vw) * 6.4);
}

.size-m .p-t-16-m {
  padding-top: calc(var(--vw, 1vw) * 6.4) !important;
}

.size-l .p-t-16 {
  padding-top: 5rem;
}

.size-l .p-t-16-l {
  padding-top: 5rem !important;
}

.size-x .p-t-16 {
  padding-top: 5rem;
}

.size-x .p-t-16-x {
  padding-top: 5rem !important;
}

.size-s .p-r-16 {
  padding-right: calc(var(--vw, 1vw) * 16);
}

.size-s .p-r-16-s {
  padding-right: calc(var(--vw, 1vw) * 16) !important;
}

.size-m .p-r-16 {
  padding-right: calc(var(--vw, 1vw) * 6.4);
}

.size-m .p-r-16-m {
  padding-right: calc(var(--vw, 1vw) * 6.4) !important;
}

.size-l .p-r-16 {
  padding-right: 5rem;
}

.size-l .p-r-16-l {
  padding-right: 5rem !important;
}

.size-x .p-r-16 {
  padding-right: 5rem;
}

.size-x .p-r-16-x {
  padding-right: 5rem !important;
}

.size-s .p-b-16 {
  padding-bottom: calc(var(--vw, 1vw) * 16);
}

.size-s .p-b-16-s {
  padding-bottom: calc(var(--vw, 1vw) * 16) !important;
}

.size-m .p-b-16 {
  padding-bottom: calc(var(--vw, 1vw) * 6.4);
}

.size-m .p-b-16-m {
  padding-bottom: calc(var(--vw, 1vw) * 6.4) !important;
}

.size-l .p-b-16 {
  padding-bottom: 5rem;
}

.size-l .p-b-16-l {
  padding-bottom: 5rem !important;
}

.size-x .p-b-16 {
  padding-bottom: 5rem;
}

.size-x .p-b-16-x {
  padding-bottom: 5rem !important;
}

.size-s .p-l-16 {
  padding-left: calc(var(--vw, 1vw) * 16);
}

.size-s .p-l-16-s {
  padding-left: calc(var(--vw, 1vw) * 16) !important;
}

.size-m .p-l-16 {
  padding-left: calc(var(--vw, 1vw) * 6.4);
}

.size-m .p-l-16-m {
  padding-left: calc(var(--vw, 1vw) * 6.4) !important;
}

.size-l .p-l-16 {
  padding-left: 5rem;
}

.size-l .p-l-16-l {
  padding-left: 5rem !important;
}

.size-x .p-l-16 {
  padding-left: 5rem;
}

.size-x .p-l-16-x {
  padding-left: 5rem !important;
}

.p-a-0, .size-l .p-a-0-l, .size-m .p-a-0-m, .size-s .p-a-0-s, .size-x .p-a-0-x {
  padding: 0 !important;
}

.p-t-0, .size-l .p-t-0-l, .size-m .p-t-0-m, .size-s .p-t-0-s, .size-x .p-t-0-x {
  padding-top: 0 !important;
}

.p-r-0, .size-l .p-r-0-l, .size-m .p-r-0-m, .size-s .p-r-0-s, .size-x .p-r-0-x {
  padding-right: 0 !important;
}

.p-b-0, .size-l .p-b-0-l, .size-m .p-b-0-m, .size-s .p-b-0-s, .size-x .p-b-0-x {
  padding-bottom: 0 !important;
}

.p-l-0, .size-l .p-l-0-l, .size-m .p-l-0-m, .size-s .p-l-0-s, .size-x .p-l-0-x {
  padding-left: 0 !important;
}

.size-s .top-1 {
  top: calc(var(--vw, 1vw) * 1);
}

.size-s .top-1-s {
  top: calc(var(--vw, 1vw) * 1) !important;
}

.size-m .top-1 {
  top: calc(var(--vw, 1vw) * 0.4);
}

.size-m .top-1-m {
  top: calc(var(--vw, 1vw) * 0.4) !important;
}

.size-l .top-1 {
  top: 0.3125rem;
}

.size-l .top-1-l {
  top: 0.3125rem !important;
}

.size-x .top-1 {
  top: 0.3125rem;
}

.size-x .top-1-x {
  top: 0.3125rem !important;
}

.size-s .right-1 {
  right: calc(var(--vw, 1vw) * 1);
}

.size-s .right-1-s {
  right: calc(var(--vw, 1vw) * 1) !important;
}

.size-m .right-1 {
  right: calc(var(--vw, 1vw) * 0.4);
}

.size-m .right-1-m {
  right: calc(var(--vw, 1vw) * 0.4) !important;
}

.size-l .right-1 {
  right: 0.3125rem;
}

.size-l .right-1-l {
  right: 0.3125rem !important;
}

.size-x .right-1 {
  right: 0.3125rem;
}

.size-x .right-1-x {
  right: 0.3125rem !important;
}

.size-s .bottom-1 {
  bottom: calc(var(--vw, 1vw) * 1);
}

.size-s .bottom-1-s {
  bottom: calc(var(--vw, 1vw) * 1) !important;
}

.size-m .bottom-1 {
  bottom: calc(var(--vw, 1vw) * 0.4);
}

.size-m .bottom-1-m {
  bottom: calc(var(--vw, 1vw) * 0.4) !important;
}

.size-l .bottom-1 {
  bottom: 0.3125rem;
}

.size-l .bottom-1-l {
  bottom: 0.3125rem !important;
}

.size-x .bottom-1 {
  bottom: 0.3125rem;
}

.size-x .bottom-1-x {
  bottom: 0.3125rem !important;
}

.size-s .left-1 {
  left: calc(var(--vw, 1vw) * 1);
}

.size-s .left-1-s {
  left: calc(var(--vw, 1vw) * 1) !important;
}

.size-m .left-1 {
  left: calc(var(--vw, 1vw) * 0.4);
}

.size-m .left-1-m {
  left: calc(var(--vw, 1vw) * 0.4) !important;
}

.size-l .left-1 {
  left: 0.3125rem;
}

.size-l .left-1-l {
  left: 0.3125rem !important;
}

.size-x .left-1 {
  left: 0.3125rem;
}

.size-x .left-1-x {
  left: 0.3125rem !important;
}

.size-s .top-2 {
  top: calc(var(--vw, 1vw) * 2);
}

.size-s .top-2-s {
  top: calc(var(--vw, 1vw) * 2) !important;
}

.size-m .top-2 {
  top: calc(var(--vw, 1vw) * 0.8);
}

.size-m .top-2-m {
  top: calc(var(--vw, 1vw) * 0.8) !important;
}

.size-l .top-2 {
  top: 0.625rem;
}

.size-l .top-2-l {
  top: 0.625rem !important;
}

.size-x .top-2 {
  top: 0.625rem;
}

.size-x .top-2-x {
  top: 0.625rem !important;
}

.size-s .right-2 {
  right: calc(var(--vw, 1vw) * 2);
}

.size-s .right-2-s {
  right: calc(var(--vw, 1vw) * 2) !important;
}

.size-m .right-2 {
  right: calc(var(--vw, 1vw) * 0.8);
}

.size-m .right-2-m {
  right: calc(var(--vw, 1vw) * 0.8) !important;
}

.size-l .right-2 {
  right: 0.625rem;
}

.size-l .right-2-l {
  right: 0.625rem !important;
}

.size-x .right-2 {
  right: 0.625rem;
}

.size-x .right-2-x {
  right: 0.625rem !important;
}

.size-s .bottom-2 {
  bottom: calc(var(--vw, 1vw) * 2);
}

.size-s .bottom-2-s {
  bottom: calc(var(--vw, 1vw) * 2) !important;
}

.size-m .bottom-2 {
  bottom: calc(var(--vw, 1vw) * 0.8);
}

.size-m .bottom-2-m {
  bottom: calc(var(--vw, 1vw) * 0.8) !important;
}

.size-l .bottom-2 {
  bottom: 0.625rem;
}

.size-l .bottom-2-l {
  bottom: 0.625rem !important;
}

.size-x .bottom-2 {
  bottom: 0.625rem;
}

.size-x .bottom-2-x {
  bottom: 0.625rem !important;
}

.size-s .left-2 {
  left: calc(var(--vw, 1vw) * 2);
}

.size-s .left-2-s {
  left: calc(var(--vw, 1vw) * 2) !important;
}

.size-m .left-2 {
  left: calc(var(--vw, 1vw) * 0.8);
}

.size-m .left-2-m {
  left: calc(var(--vw, 1vw) * 0.8) !important;
}

.size-l .left-2 {
  left: 0.625rem;
}

.size-l .left-2-l {
  left: 0.625rem !important;
}

.size-x .left-2 {
  left: 0.625rem;
}

.size-x .left-2-x {
  left: 0.625rem !important;
}

.size-s .top-3 {
  top: calc(var(--vw, 1vw) * 3);
}

.size-s .top-3-s {
  top: calc(var(--vw, 1vw) * 3) !important;
}

.size-m .top-3 {
  top: calc(var(--vw, 1vw) * 1.2);
}

.size-m .top-3-m {
  top: calc(var(--vw, 1vw) * 1.2) !important;
}

.size-l .top-3 {
  top: 0.9375rem;
}

.size-l .top-3-l {
  top: 0.9375rem !important;
}

.size-x .top-3 {
  top: 0.9375rem;
}

.size-x .top-3-x {
  top: 0.9375rem !important;
}

.size-s .right-3 {
  right: calc(var(--vw, 1vw) * 3);
}

.size-s .right-3-s {
  right: calc(var(--vw, 1vw) * 3) !important;
}

.size-m .right-3 {
  right: calc(var(--vw, 1vw) * 1.2);
}

.size-m .right-3-m {
  right: calc(var(--vw, 1vw) * 1.2) !important;
}

.size-l .right-3 {
  right: 0.9375rem;
}

.size-l .right-3-l {
  right: 0.9375rem !important;
}

.size-x .right-3 {
  right: 0.9375rem;
}

.size-x .right-3-x {
  right: 0.9375rem !important;
}

.size-s .bottom-3 {
  bottom: calc(var(--vw, 1vw) * 3);
}

.size-s .bottom-3-s {
  bottom: calc(var(--vw, 1vw) * 3) !important;
}

.size-m .bottom-3 {
  bottom: calc(var(--vw, 1vw) * 1.2);
}

.size-m .bottom-3-m {
  bottom: calc(var(--vw, 1vw) * 1.2) !important;
}

.size-l .bottom-3 {
  bottom: 0.9375rem;
}

.size-l .bottom-3-l {
  bottom: 0.9375rem !important;
}

.size-x .bottom-3 {
  bottom: 0.9375rem;
}

.size-x .bottom-3-x {
  bottom: 0.9375rem !important;
}

.size-s .left-3 {
  left: calc(var(--vw, 1vw) * 3);
}

.size-s .left-3-s {
  left: calc(var(--vw, 1vw) * 3) !important;
}

.size-m .left-3 {
  left: calc(var(--vw, 1vw) * 1.2);
}

.size-m .left-3-m {
  left: calc(var(--vw, 1vw) * 1.2) !important;
}

.size-l .left-3 {
  left: 0.9375rem;
}

.size-l .left-3-l {
  left: 0.9375rem !important;
}

.size-x .left-3 {
  left: 0.9375rem;
}

.size-x .left-3-x {
  left: 0.9375rem !important;
}

.size-s .top-4 {
  top: calc(var(--vw, 1vw) * 4);
}

.size-s .top-4-s {
  top: calc(var(--vw, 1vw) * 4) !important;
}

.size-m .top-4 {
  top: calc(var(--vw, 1vw) * 1.6);
}

.size-m .top-4-m {
  top: calc(var(--vw, 1vw) * 1.6) !important;
}

.size-l .top-4 {
  top: 1.25rem;
}

.size-l .top-4-l {
  top: 1.25rem !important;
}

.size-x .top-4 {
  top: 1.25rem;
}

.size-x .top-4-x {
  top: 1.25rem !important;
}

.size-s .right-4 {
  right: calc(var(--vw, 1vw) * 4);
}

.size-s .right-4-s {
  right: calc(var(--vw, 1vw) * 4) !important;
}

.size-m .right-4 {
  right: calc(var(--vw, 1vw) * 1.6);
}

.size-m .right-4-m {
  right: calc(var(--vw, 1vw) * 1.6) !important;
}

.size-l .right-4 {
  right: 1.25rem;
}

.size-l .right-4-l {
  right: 1.25rem !important;
}

.size-x .right-4 {
  right: 1.25rem;
}

.size-x .right-4-x {
  right: 1.25rem !important;
}

.size-s .bottom-4 {
  bottom: calc(var(--vw, 1vw) * 4);
}

.size-s .bottom-4-s {
  bottom: calc(var(--vw, 1vw) * 4) !important;
}

.size-m .bottom-4 {
  bottom: calc(var(--vw, 1vw) * 1.6);
}

.size-m .bottom-4-m {
  bottom: calc(var(--vw, 1vw) * 1.6) !important;
}

.size-l .bottom-4 {
  bottom: 1.25rem;
}

.size-l .bottom-4-l {
  bottom: 1.25rem !important;
}

.size-x .bottom-4 {
  bottom: 1.25rem;
}

.size-x .bottom-4-x {
  bottom: 1.25rem !important;
}

.size-s .left-4 {
  left: calc(var(--vw, 1vw) * 4);
}

.size-s .left-4-s {
  left: calc(var(--vw, 1vw) * 4) !important;
}

.size-m .left-4 {
  left: calc(var(--vw, 1vw) * 1.6);
}

.size-m .left-4-m {
  left: calc(var(--vw, 1vw) * 1.6) !important;
}

.size-l .left-4 {
  left: 1.25rem;
}

.size-l .left-4-l {
  left: 1.25rem !important;
}

.size-x .left-4 {
  left: 1.25rem;
}

.size-x .left-4-x {
  left: 1.25rem !important;
}

.size-s .top-5 {
  top: calc(var(--vw, 1vw) * 5);
}

.size-s .top-5-s {
  top: calc(var(--vw, 1vw) * 5) !important;
}

.size-m .top-5 {
  top: calc(var(--vw, 1vw) * 2);
}

.size-m .top-5-m {
  top: calc(var(--vw, 1vw) * 2) !important;
}

.size-l .top-5 {
  top: 1.5625rem;
}

.size-l .top-5-l {
  top: 1.5625rem !important;
}

.size-x .top-5 {
  top: 1.5625rem;
}

.size-x .top-5-x {
  top: 1.5625rem !important;
}

.size-s .right-5 {
  right: calc(var(--vw, 1vw) * 5);
}

.size-s .right-5-s {
  right: calc(var(--vw, 1vw) * 5) !important;
}

.size-m .right-5 {
  right: calc(var(--vw, 1vw) * 2);
}

.size-m .right-5-m {
  right: calc(var(--vw, 1vw) * 2) !important;
}

.size-l .right-5 {
  right: 1.5625rem;
}

.size-l .right-5-l {
  right: 1.5625rem !important;
}

.size-x .right-5 {
  right: 1.5625rem;
}

.size-x .right-5-x {
  right: 1.5625rem !important;
}

.size-s .bottom-5 {
  bottom: calc(var(--vw, 1vw) * 5);
}

.size-s .bottom-5-s {
  bottom: calc(var(--vw, 1vw) * 5) !important;
}

.size-m .bottom-5 {
  bottom: calc(var(--vw, 1vw) * 2);
}

.size-m .bottom-5-m {
  bottom: calc(var(--vw, 1vw) * 2) !important;
}

.size-l .bottom-5 {
  bottom: 1.5625rem;
}

.size-l .bottom-5-l {
  bottom: 1.5625rem !important;
}

.size-x .bottom-5 {
  bottom: 1.5625rem;
}

.size-x .bottom-5-x {
  bottom: 1.5625rem !important;
}

.size-s .left-5 {
  left: calc(var(--vw, 1vw) * 5);
}

.size-s .left-5-s {
  left: calc(var(--vw, 1vw) * 5) !important;
}

.size-m .left-5 {
  left: calc(var(--vw, 1vw) * 2);
}

.size-m .left-5-m {
  left: calc(var(--vw, 1vw) * 2) !important;
}

.size-l .left-5 {
  left: 1.5625rem;
}

.size-l .left-5-l {
  left: 1.5625rem !important;
}

.size-x .left-5 {
  left: 1.5625rem;
}

.size-x .left-5-x {
  left: 1.5625rem !important;
}

.size-s .top-6 {
  top: calc(var(--vw, 1vw) * 6);
}

.size-s .top-6-s {
  top: calc(var(--vw, 1vw) * 6) !important;
}

.size-m .top-6 {
  top: calc(var(--vw, 1vw) * 2.4);
}

.size-m .top-6-m {
  top: calc(var(--vw, 1vw) * 2.4) !important;
}

.size-l .top-6 {
  top: 1.875rem;
}

.size-l .top-6-l {
  top: 1.875rem !important;
}

.size-x .top-6 {
  top: 1.875rem;
}

.size-x .top-6-x {
  top: 1.875rem !important;
}

.size-s .right-6 {
  right: calc(var(--vw, 1vw) * 6);
}

.size-s .right-6-s {
  right: calc(var(--vw, 1vw) * 6) !important;
}

.size-m .right-6 {
  right: calc(var(--vw, 1vw) * 2.4);
}

.size-m .right-6-m {
  right: calc(var(--vw, 1vw) * 2.4) !important;
}

.size-l .right-6 {
  right: 1.875rem;
}

.size-l .right-6-l {
  right: 1.875rem !important;
}

.size-x .right-6 {
  right: 1.875rem;
}

.size-x .right-6-x {
  right: 1.875rem !important;
}

.size-s .bottom-6 {
  bottom: calc(var(--vw, 1vw) * 6);
}

.size-s .bottom-6-s {
  bottom: calc(var(--vw, 1vw) * 6) !important;
}

.size-m .bottom-6 {
  bottom: calc(var(--vw, 1vw) * 2.4);
}

.size-m .bottom-6-m {
  bottom: calc(var(--vw, 1vw) * 2.4) !important;
}

.size-l .bottom-6 {
  bottom: 1.875rem;
}

.size-l .bottom-6-l {
  bottom: 1.875rem !important;
}

.size-x .bottom-6 {
  bottom: 1.875rem;
}

.size-x .bottom-6-x {
  bottom: 1.875rem !important;
}

.size-s .left-6 {
  left: calc(var(--vw, 1vw) * 6);
}

.size-s .left-6-s {
  left: calc(var(--vw, 1vw) * 6) !important;
}

.size-m .left-6 {
  left: calc(var(--vw, 1vw) * 2.4);
}

.size-m .left-6-m {
  left: calc(var(--vw, 1vw) * 2.4) !important;
}

.size-l .left-6 {
  left: 1.875rem;
}

.size-l .left-6-l {
  left: 1.875rem !important;
}

.size-x .left-6 {
  left: 1.875rem;
}

.size-x .left-6-x {
  left: 1.875rem !important;
}

.size-l .top-0-l, .size-m .top-0-m, .size-s .top-0-s, .size-x .top-0-x, .top-0 {
  top: 0;
}

.right-0, .size-l .right-0-l, .size-m .right-0-m, .size-s .right-0-s, .size-x .right-0-x {
  right: 0;
}

.bottom-0, .size-l .bottom-0-l, .size-m .bottom-0-m, .size-s .bottom-0-s, .size-x .bottom-0-x {
  bottom: 0;
}

.left-0, .size-l .left-0-l, .size-m .left-0-m, .size-s .left-0-s, .size-x .left-0-x {
  left: 0;
}

.size-l .z--1-l, .size-m .z--1-m, .size-s .z--1-s, .size-x .z--1-x, .z--1 {
  z-index: -1;
}

.size-l .z-0-l, .size-m .z-0-m, .size-s .z-0-s, .size-x .z-0-x, .z-0 {
  z-index: 0;
}

.size-l .z-1-l, .size-m .z-1-m, .size-s .z-1-s, .size-x .z-1-x, .z-1 {
  z-index: 1;
}

.size-l .z-2-l, .size-m .z-2-m, .size-s .z-2-s, .size-x .z-2-x, .z-2 {
  z-index: 2;
}

.size-l .z-3-l, .size-m .z-3-m, .size-s .z-3-s, .size-x .z-3-x, .z-3 {
  z-index: 3;
}

.size-l .z-4-l, .size-m .z-4-m, .size-s .z-4-s, .size-x .z-4-x, .z-4 {
  z-index: 4;
}

.size-l .z-5-l, .size-m .z-5-m, .size-s .z-5-s, .size-x .z-5-x, .z-5 {
  z-index: 5;
}

.size-l .z-6-l, .size-m .z-6-m, .size-s .z-6-s, .size-x .z-6-x, .z-6 {
  z-index: 6;
}

.size-l .z-7-l, .size-m .z-7-m, .size-s .z-7-s, .size-x .z-7-x, .z-7 {
  z-index: 7;
}

.size-l .z-8-l, .size-m .z-8-m, .size-s .z-8-s, .size-x .z-8-x, .z-8 {
  z-index: 8;
}

.size-l .z-9-l, .size-m .z-9-m, .size-s .z-9-s, .size-x .z-9-x, .z-9 {
  z-index: 9;
}

.size-l .z-10-l, .size-m .z-10-m, .size-s .z-10-s, .size-x .z-10-x, .z-10 {
  z-index: 10;
}

.fill, .size-l .fill-l, .size-m .fill-m, .size-s .fill-s, .size-x .fill-x, [class*=" ratio-"] .rf, [class^=ratio-] .rf {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.rf {
  display: none;
  width: 0;
  height: 0;
}

[class*=" ratio-"] .rf, [class^=ratio-] .rf {
  display: block;
}

.pos-relative, .size-l .pos-relative-l, .size-m .pos-relative-m, .size-s .pos-relative-s, .size-x .pos-relative-x {
  position: relative;
}

.pos-absolute, .size-l .pos-absolute-l, .size-m .pos-absolute-m, .size-s .pos-absolute-s, .size-x .pos-absolute-x {
  position: absolute;
}

.pos-fixed, .size-l .pos-fixed-l, .size-m .pos-fixed-m, .size-s .pos-fixed-s, .size-x .pos-fixed-x {
  position: fixed;
}

.pos-center, .size-l .pos-center-l, .size-m .pos-center-m, .size-s .pos-center-s, .size-x .pos-center-x {
  margin-left: auto;
  margin-right: auto;
}

.size-l .top-100-l, .size-m .top-100-m, .size-s .top-100-s, .size-x .top-100-x, .top-100 {
  top: 100%;
}

.size-l .top-50-l, .size-m .top-50-m, .size-s .top-50-s, .size-x .top-50-x, .top-50 {
  top: 50%;
  transform: translateY(-50%);
}

.right-100, .size-l .right-100-l, .size-m .right-100-m, .size-s .right-100-s, .size-x .right-10-x {
  right: 100%;
}

.bottom-100, .size-l .bottom-100-l, .size-m .bottom-100-m, .size-s .bottom-100-s, .size-x .bottom-100-x {
  bottom: 100%;
}

.left-50, .size-l .left-50-l, .size-m .left-50-m, .size-s .left-50-s, .size-x .left-50-x {
  left: 50%;
  transform: translateX(-50%);
}

.left-100, .size-l .left-100-l, .size-m .left-100-m, .size-s .left-100-s, .size-x .left-10-x {
  left: 100%;
}

.size-l .vc-outer-l, .size-m .vc-outer-m, .size-s .vc-outer-s, .size-x .vc-outer-x, .vc-outer {
  width: 100%;
  height: 100%;
  display: table;
  table-layout: fixed;
}

.size-l .vc-inner-l, .size-l .vc-inner-middle-l, .size-m .vc-inner-m, .size-m .vc-inner-middle-m, .size-s .vc-inner-middle-s, .size-s .vc-inner-s, .size-x .vc-inner-middle-x, .size-x .vc-inner-x, .vc-inner, .vc-inner-middle {
  display: table-cell;
  vertical-align: middle;
}

.size-l .vc-inner-top-l, .size-m .vc-inner-top-m, .size-s .vc-inner-top-s, .size-x .vc-inner-top-x, .vc-inner-top {
  display: table-cell;
  vertical-align: top;
}

.size-l .vc-inner-bottom-l, .size-m .vc-inner-bottom-m, .size-s .vc-inner-bottom-s, .size-x .vc-inner-bottom-x, .vc-inner-bottom {
  display: table-cell;
  vertical-align: bottom;
}

.ratio-1-1 {
  font-size: 1em;
  position: relative;
}

.ratio-1-1:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}

.size-s .ratio-1-1-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-1-1-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}

.size-m .ratio-1-1-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-1-1-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}

.size-l .ratio-1-1-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-1-1-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}

.size-x .ratio-1-1-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-1-1-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}

.ratio-1-2 {
  font-size: 1em;
  position: relative;
}

.ratio-1-2:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 200%;
}

.size-s .ratio-1-2-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-1-2-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 200%;
}

.size-m .ratio-1-2-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-1-2-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 200%;
}

.size-l .ratio-1-2-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-1-2-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 200%;
}

.size-x .ratio-1-2-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-1-2-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 200%;
}

.ratio-2-1 {
  font-size: 1em;
  position: relative;
}

.ratio-2-1:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 50%;
}

.size-s .ratio-2-1-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-2-1-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 50%;
}

.size-m .ratio-2-1-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-2-1-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 50%;
}

.size-l .ratio-2-1-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-2-1-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 50%;
}

.size-x .ratio-2-1-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-2-1-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 50%;
}

.ratio-2-3 {
  font-size: 1em;
  position: relative;
}

.ratio-2-3:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 150%;
}

.size-s .ratio-2-3-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-2-3-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 150%;
}

.size-m .ratio-2-3-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-2-3-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 150%;
}

.size-l .ratio-2-3-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-2-3-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 150%;
}

.size-x .ratio-2-3-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-2-3-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 150%;
}

.ratio-3-1 {
  font-size: 1em;
  position: relative;
}

.ratio-3-1:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 33.3333333333%;
}

.size-s .ratio-3-1-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-3-1-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 33.3333333333%;
}

.size-m .ratio-3-1-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-3-1-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 33.3333333333%;
}

.size-l .ratio-3-1-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-3-1-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 33.3333333333%;
}

.size-x .ratio-3-1-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-3-1-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 33.3333333333%;
}

.ratio-3-2 {
  font-size: 1em;
  position: relative;
}

.ratio-3-2:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 66.6666666667%;
}

.size-s .ratio-3-2-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-3-2-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 66.6666666667%;
}

.size-m .ratio-3-2-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-3-2-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 66.6666666667%;
}

.size-l .ratio-3-2-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-3-2-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 66.6666666667%;
}

.size-x .ratio-3-2-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-3-2-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 66.6666666667%;
}

.ratio-3-4 {
  font-size: 1em;
  position: relative;
}

.ratio-3-4:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 133.3333333333%;
}

.size-s .ratio-3-4-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-3-4-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 133.3333333333%;
}

.size-m .ratio-3-4-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-3-4-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 133.3333333333%;
}

.size-l .ratio-3-4-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-3-4-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 133.3333333333%;
}

.size-x .ratio-3-4-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-3-4-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 133.3333333333%;
}

.ratio-3-5 {
  font-size: 1em;
  position: relative;
}

.ratio-3-5:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 166.6666666667%;
}

.size-s .ratio-3-5-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-3-5-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 166.6666666667%;
}

.size-m .ratio-3-5-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-3-5-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 166.6666666667%;
}

.size-l .ratio-3-5-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-3-5-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 166.6666666667%;
}

.size-x .ratio-3-5-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-3-5-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 166.6666666667%;
}

.ratio-4-1 {
  font-size: 1em;
  position: relative;
}

.ratio-4-1:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 25%;
}

.size-s .ratio-4-1-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-4-1-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 25%;
}

.size-m .ratio-4-1-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-4-1-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 25%;
}

.size-l .ratio-4-1-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-4-1-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 25%;
}

.size-x .ratio-4-1-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-4-1-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 25%;
}

.ratio-4-3 {
  font-size: 1em;
  position: relative;
}

.ratio-4-3:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
}

.size-s .ratio-4-3-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-4-3-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
}

.size-m .ratio-4-3-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-4-3-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
}

.size-l .ratio-4-3-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-4-3-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
}

.size-x .ratio-4-3-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-4-3-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
}

.ratio-4-5 {
  font-size: 1em;
  position: relative;
}

.ratio-4-5:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 125%;
}

.size-s .ratio-4-5-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-4-5-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 125%;
}

.size-m .ratio-4-5-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-4-5-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 125%;
}

.size-l .ratio-4-5-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-4-5-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 125%;
}

.size-x .ratio-4-5-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-4-5-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 125%;
}

.ratio-5-1 {
  font-size: 1em;
  position: relative;
}

.ratio-5-1:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 20%;
}

.size-s .ratio-5-1-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-5-1-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 20%;
}

.size-m .ratio-5-1-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-5-1-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 20%;
}

.size-l .ratio-5-1-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-5-1-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 20%;
}

.size-x .ratio-5-1-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-5-1-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 20%;
}

.ratio-5-2 {
  font-size: 1em;
  position: relative;
}

.ratio-5-2:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 40%;
}

.size-s .ratio-5-2-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-5-2-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 40%;
}

.size-m .ratio-5-2-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-5-2-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 40%;
}

.size-l .ratio-5-2-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-5-2-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 40%;
}

.size-x .ratio-5-2-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-5-2-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 40%;
}

.ratio-5-3 {
  font-size: 1em;
  position: relative;
}

.ratio-5-3:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 60%;
}

.size-s .ratio-5-3-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-5-3-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 60%;
}

.size-m .ratio-5-3-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-5-3-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 60%;
}

.size-l .ratio-5-3-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-5-3-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 60%;
}

.size-x .ratio-5-3-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-5-3-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 60%;
}

.ratio-5-4 {
  font-size: 1em;
  position: relative;
}

.ratio-5-4:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 80%;
}

.size-s .ratio-5-4-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-5-4-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 80%;
}

.size-m .ratio-5-4-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-5-4-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 80%;
}

.size-l .ratio-5-4-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-5-4-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 80%;
}

.size-x .ratio-5-4-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-5-4-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 80%;
}

.ratio-6-1 {
  font-size: 1em;
  position: relative;
}

.ratio-6-1:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 16.6666666667%;
}

.size-s .ratio-6-1-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-6-1-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 16.6666666667%;
}

.size-m .ratio-6-1-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-6-1-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 16.6666666667%;
}

.size-l .ratio-6-1-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-6-1-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 16.6666666667%;
}

.size-x .ratio-6-1-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-6-1-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 16.6666666667%;
}

.ratio-7-1 {
  font-size: 1em;
  position: relative;
}

.ratio-7-1:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 14.2857142857%;
}

.size-s .ratio-7-1-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-7-1-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 14.2857142857%;
}

.size-m .ratio-7-1-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-7-1-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 14.2857142857%;
}

.size-l .ratio-7-1-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-7-1-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 14.2857142857%;
}

.size-x .ratio-7-1-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-7-1-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 14.2857142857%;
}

.ratio-8-1 {
  font-size: 1em;
  position: relative;
}

.ratio-8-1:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 12.5%;
}

.size-s .ratio-8-1-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-8-1-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 12.5%;
}

.size-m .ratio-8-1-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-8-1-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 12.5%;
}

.size-l .ratio-8-1-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-8-1-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 12.5%;
}

.size-x .ratio-8-1-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-8-1-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 12.5%;
}

.ratio-9-16 {
  font-size: 1em;
  position: relative;
}

.ratio-9-16:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 177.7777777778%;
}

.size-s .ratio-9-16-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-9-16-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 177.7777777778%;
}

.size-m .ratio-9-16-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-9-16-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 177.7777777778%;
}

.size-l .ratio-9-16-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-9-16-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 177.7777777778%;
}

.size-x .ratio-9-16-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-9-16-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 177.7777777778%;
}

.ratio-10-13 {
  font-size: 1em;
  position: relative;
}

.ratio-10-13:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 130%;
}

.size-s .ratio-10-13-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-10-13-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 130%;
}

.size-m .ratio-10-13-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-10-13-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 130%;
}

.size-l .ratio-10-13-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-10-13-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 130%;
}

.size-x .ratio-10-13-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-10-13-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 130%;
}

.ratio-11-4 {
  font-size: 1em;
  position: relative;
}

.ratio-11-4:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 36.3636363636%;
}

.size-s .ratio-11-4-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-11-4-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 36.3636363636%;
}

.size-m .ratio-11-4-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-11-4-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 36.3636363636%;
}

.size-l .ratio-11-4-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-11-4-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 36.3636363636%;
}

.size-x .ratio-11-4-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-11-4-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 36.3636363636%;
}

.ratio-16-9 {
  font-size: 1em;
  position: relative;
}

.ratio-16-9:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}

.size-s .ratio-16-9-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-16-9-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}

.size-m .ratio-16-9-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-16-9-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}

.size-l .ratio-16-9-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-16-9-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}

.size-x .ratio-16-9-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-16-9-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}

.ratio-16-10 {
  font-size: 1em;
  position: relative;
}

.ratio-16-10:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 62.5%;
}

.size-s .ratio-16-10-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-16-10-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 62.5%;
}

.size-m .ratio-16-10-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-16-10-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 62.5%;
}

.size-l .ratio-16-10-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-16-10-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 62.5%;
}

.size-x .ratio-16-10-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-16-10-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 62.5%;
}

.ratio-18-23 {
  font-size: 1em;
  position: relative;
}

.ratio-18-23:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 127.7777777778%;
}

.size-s .ratio-18-23-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-18-23-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 127.7777777778%;
}

.size-m .ratio-18-23-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-18-23-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 127.7777777778%;
}

.size-l .ratio-18-23-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-18-23-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 127.7777777778%;
}

.size-x .ratio-18-23-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-18-23-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 127.7777777778%;
}

.ratio-19-10 {
  font-size: 1em;
  position: relative;
}

.ratio-19-10:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 52.6315789474%;
}

.size-s .ratio-19-10-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-19-10-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 52.6315789474%;
}

.size-m .ratio-19-10-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-19-10-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 52.6315789474%;
}

.size-l .ratio-19-10-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-19-10-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 52.6315789474%;
}

.size-x .ratio-19-10-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-19-10-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 52.6315789474%;
}

.ratio-20-63 {
  font-size: 1em;
  position: relative;
}

.ratio-20-63:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 315%;
}

.size-s .ratio-20-63-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-20-63-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 315%;
}

.size-m .ratio-20-63-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-20-63-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 315%;
}

.size-l .ratio-20-63-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-20-63-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 315%;
}

.size-x .ratio-20-63-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-20-63-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 315%;
}

.ratio-24-25 {
  font-size: 1em;
  position: relative;
}

.ratio-24-25:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 104.1666666667%;
}

.size-s .ratio-24-25-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-24-25-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 104.1666666667%;
}

.size-m .ratio-24-25-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-24-25-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 104.1666666667%;
}

.size-l .ratio-24-25-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-24-25-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 104.1666666667%;
}

.size-x .ratio-24-25-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-24-25-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 104.1666666667%;
}

.ratio-36-25 {
  font-size: 1em;
  position: relative;
}

.ratio-36-25:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 69.4444444444%;
}

.size-s .ratio-36-25-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-36-25-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 69.4444444444%;
}

.size-m .ratio-36-25-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-36-25-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 69.4444444444%;
}

.size-l .ratio-36-25-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-36-25-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 69.4444444444%;
}

.size-x .ratio-36-25-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-36-25-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 69.4444444444%;
}

.ratio-40-51 {
  font-size: 1em;
  position: relative;
}

.ratio-40-51:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 127.5%;
}

.size-s .ratio-40-51-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-40-51-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 127.5%;
}

.size-m .ratio-40-51-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-40-51-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 127.5%;
}

.size-l .ratio-40-51-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-40-51-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 127.5%;
}

.size-x .ratio-40-51-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-40-51-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 127.5%;
}

.ratio-102-131 {
  font-size: 1em;
  position: relative;
}

.ratio-102-131:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 128.431372549%;
}

.size-s .ratio-102-131-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-102-131-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 128.431372549%;
}

.size-m .ratio-102-131-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-102-131-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 128.431372549%;
}

.size-l .ratio-102-131-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-102-131-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 128.431372549%;
}

.size-x .ratio-102-131-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-102-131-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 128.431372549%;
}

.ratio-134-171 {
  font-size: 1em;
  position: relative;
}

.ratio-134-171:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 127.6119402985%;
}

.size-s .ratio-134-171-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-134-171-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 127.6119402985%;
}

.size-m .ratio-134-171-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-134-171-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 127.6119402985%;
}

.size-l .ratio-134-171-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-134-171-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 127.6119402985%;
}

.size-x .ratio-134-171-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-134-171-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 127.6119402985%;
}

.ratio-full-page {
  font-size: 1em;
  position: relative;
}

.ratio-full-page:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 10000%;
}

.size-s .ratio-full-page-s {
  font-size: 1em;
  position: relative;
}

.size-s .ratio-full-page-s:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 10000%;
}

.size-m .ratio-full-page-m {
  font-size: 1em;
  position: relative;
}

.size-m .ratio-full-page-m:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 10000%;
}

.size-l .ratio-full-page-l {
  font-size: 1em;
  position: relative;
}

.size-l .ratio-full-page-l:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 10000%;
}

.size-x .ratio-full-page-x {
  font-size: 1em;
  position: relative;
}

.size-x .ratio-full-page-x:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 10000%;
}

[class*=" ratio-"], [class^=ratio-] {
  position: relative;
}

[class*=" ratio-"]:before, [class^=ratio-]:before {
  display: block;
  content: "";
  width: 100%;
}

.col-transition, .size-l .col-transition-l, .size-m .col-transition-m, .size-s .col-transition-s, .size-x .col-transition-x {
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.bg-col-transition, .size-l .bg-col-transition-l, .size-m .bg-col-transition-m, .size-s .bg-col-transition-s, .size-x .bg-col-transition-x {
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.b-col-transition, .size-l .b-col-transition-l, .size-m .b-col-transition-m, .size-s .b-col-transition-s, .size-x .b-col-transition-x {
  transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.all-transition, .size-l .all-transition-l, .size-m .all-transition-m, .size-s .all-transition-s, .size-x .all-transition-x {
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

html.size-s {
  font-size: 15.975px;
}

html:not([class^=size-]):not([class*=" size-"]) {
  font-size: calc(var(--vw, 1vw) * 4.26);
}

@media (min-width: 431.25px) {
  html:not([class^=size-]):not([class*=" size-"]) {
    font-size: 18.37125px;
  }
}
html.size-m {
  font-size: 15.9744px;
}

@media (min-width: 701px) {
  html:not([class^=size-]):not([class*=" size-"]) {
    font-size: calc(var(--vw, 1vw) * 2.08);
  }
}
@media (min-width: 883.2px) {
  html:not([class^=size-]):not([class*=" size-"]) {
    font-size: 18.37056px;
  }
}
html.size-l {
  font-size: 16px;
}

@media (min-width: 1101px) {
  html:not([class^=size-]):not([class*=" size-"]) {
    font-size: 14.4px;
  }
}
@media (min-width: 1296px) and (max-width: 1439px) {
  html:not([class^=size-]):not([class*=" size-"]) {
    font-size: calc(var(--vw, 1vw) * 1.1111111111);
  }
}
@media (min-width: 1440px) {
  html:not([class^=size-]):not([class*=" size-"]) {
    font-size: 16px;
  }
}
html.size-x {
  font-size: 16px;
}

@media (min-width: 1501px) {
  html:not([class^=size-]):not([class*=" size-"]) {
    font-size: 14.4px;
  }
}
@media (min-width: 1728px) and (max-width: 1919px) {
  html:not([class^=size-]):not([class*=" size-"]) {
    font-size: calc(var(--vw, 1vw) * 0.8333333333);
  }
}
@media (min-width: 1920px) {
  html:not([class^=size-]):not([class*=" size-"]) {
    font-size: 16px;
  }
}
body.size-s {
  font-size: calc(var(--vw, 1vw) * 4.26);
}

body.size-m {
  font-size: calc(var(--vw, 1vw) * 2.08);
}

body.size-l, body.size-x {
  font-size: 16px;
}

.fs-1, .size-l .fs-1-l, .size-m .fs-1-m, .size-s .fs-1-s, .size-x .fs-1-x {
  font-size: 0.62em;
}

.fs-2, .size-l .fs-2-l, .size-m .fs-2-m, .size-s .fs-2-s, .size-x .fs-2-x, .small-body-3:not([_dfs]), .title-20:not([_dfs]) {
  font-size: 0.7em;
}

.fs-3, .size-l .fs-3-l, .size-m .fs-3-m, .size-s .fs-3-s, .size-x .fs-3-x, .small-body-2:not([_dfs]), .title-18:not([_dfs]), .title-19:not([_dfs]), .title-23:not([_dfs]) {
  font-size: 0.79em;
}

.fs-4, .size-l .fs-4-l, .size-m .fs-4-m, .size-s .fs-4-s, .size-x .fs-4-x, .small-body-1:not([_dfs]), .title-15:not([_dfs]), .title-16:not([_dfs]), .title-17:not([_dfs]) {
  font-size: 0.89em;
}

.body-1:not([_dfs]), .body-2:not([_dfs]), .fs-5, .size-l .fs-5-l, .size-m .fs-5-m, .size-s .fs-5-s, .size-x .fs-5-x, .text p:not([_dfs]), .title-13:not([_dfs]), .title-14:not([_dfs]) {
  font-size: 1em;
}

.fs-6, .size-l .fs-6-l, .size-m .fs-6-m, .size-s .fs-6-s, .size-x .fs-6-x, .title-11:not([_dfs]), .title-12:not([_dfs]) {
  font-size: 1.13em;
}

.fs-7, .size-l .fs-7-l, .size-m .fs-7-m, .size-s .fs-7-s, .size-x .fs-7-x {
  font-size: 1.27em;
}

.fs-8, .large-body-2:not([_dfs]), .size-l .fs-8-l, .size-m .fs-8-m, .size-s .fs-8-s, .size-x .fs-8-x, .title-21:not([_dfs]), .title-22:not([_dfs]) {
  font-size: 1.42em;
}

.fs-9, .size-l .fs-9-l, .size-m .fs-9-m, .size-s .fs-9-s, .size-x .fs-9-x, .title-9:not([_dfs]), .title-10:not([_dfs]) {
  font-size: 1.6em;
}

.fs-10, .size-l .fs-10-l, .size-m .fs-10-m, .size-s .fs-10-s, .size-x .fs-10-x {
  font-size: 1.8em;
}

.fs-11, .size-l .fs-11-l, .size-m .fs-11-m, .size-s .fs-11-s, .size-x .fs-11-x, .title-6:not([_dfs]), .title-7:not([_dfs]), .title-8:not([_dfs]) {
  font-size: 2.03em;
}

.fs-12, .large-body-1:not([_dfs]), .size-l .fs-12-l, .size-m .fs-12-m, .size-s .fs-12-s, .size-x .fs-12-x {
  font-size: 2.28em;
}

.fs-13, .size-l .fs-13-l, .size-m .fs-13-m, .size-s .fs-13-s, .size-x .fs-13-x, .title-1:not([_dfs]), .title-2:not([_dfs]), .title-3:not([_dfs]), .title-4:not([_dfs]), .title-5:not([_dfs]) {
  font-size: 2.57em;
}

.fs-14, .size-l .fs-14-l, .size-m .fs-14-m, .size-s .fs-14-s, .size-x .fs-14-x {
  font-size: 2.89em;
}

.fs-15, .headline-6:not([_dfs]), .headline-7:not([_dfs]), .headline-8:not([_dfs]), .headline-9:not([_dfs]), .headline-10:not([_dfs]), .size-l .fs-15-l, .size-m .fs-15-m, .size-s .fs-15-s, .size-x .fs-15-x, .text h6:not([_dfs]) {
  font-size: 3.25em;
}

.fs-16, .size-l .fs-16-l, .size-m .fs-16-m, .size-s .fs-16-s, .size-x .fs-16-x {
  font-size: 3.65em;
}

.fs-17, .headline-1:not([_dfs]), .headline-2:not([_dfs]), .headline-3:not([_dfs]), .headline-4:not([_dfs]), .headline-5:not([_dfs]), .size-l .fs-17-l, .size-m .fs-17-m, .size-s .fs-17-s, .size-x .fs-17-x, .text h1:not([_dfs]), .text h2:not([_dfs]), .text h3:not([_dfs]), .text h4:not([_dfs]), .text h5:not([_dfs]) {
  font-size: 4.11em;
}

.fs-18, .size-l .fs-18-l, .size-m .fs-18-m, .size-s .fs-18-s, .size-x .fs-18-x {
  font-size: 4.62em;
}

.fs-19, .size-l .fs-19-l, .size-m .fs-19-m, .size-s .fs-19-s, .size-x .fs-19-x {
  font-size: 5.2em;
}

.fs-20, .size-l .fs-20-l, .size-m .fs-20-m, .size-s .fs-20-s, .size-x .fs-20-x {
  font-size: 5.85em;
}

.fs-21, .size-l .fs-21-l, .size-m .fs-21-m, .size-s .fs-21-s, .size-x .fs-21-x {
  font-size: 6.58em;
}

.font-1, .size-l .font-1-l, .size-m .font-1-m, .size-s .font-1-s, .size-x .font-1-x {
  font-family: "'Montserrat', sans-serif";
  font-family: var(--atomic-typography-font-family-1, "'Montserrat', sans-serif");
}

.font-default, .size-l .font-default-l, .size-m .font-default-m, .size-s .font-default-s, .size-x .font-default-x {
  font-family: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
  font-family: var(--atomic-typography-font-family-default, "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif");
}

.fw-regular, .headline-5:not([_dfs]), .headline-10:not([_dfs]), .large-body-1:not([_dfs]), .large-body-2:not([_dfs]), .size-l .fw-regular-l, .size-m .fw-regular-m, .size-s .fw-regular-s, .size-x .fw-regular-x, .text h5:not([_dfs]), .title-5:not([_dfs]) {
  font-weight: 400;
  font-weight: var(--atomic-typography-font-weight-regular, 400);
}

.body-1:not([_dfs]), .fw-medium, .headline-4:not([_dfs]), .headline-9:not([_dfs]), .size-l .fw-medium-l, .size-m .fw-medium-m, .size-s .fw-medium-s, .size-x .fw-medium-x, .small-body-1:not([_dfs]), .small-body-2:not([_dfs]), .small-body-3:not([_dfs]), .text h4:not([_dfs]), .text p:not([_dfs]), .title-4:not([_dfs]), .title-17:not([_dfs]), .title-23:not([_dfs]) {
  font-weight: 500;
  font-weight: var(--atomic-typography-font-weight-medium, 500);
}

.body-2:not([_dfs]), .fw-semi-bold, .headline-3:not([_dfs]), .headline-8:not([_dfs]), .size-l .fw-semi-bold-l, .size-m .fw-semi-bold-m, .size-s .fw-semi-bold-s, .size-x .fw-semi-bold-x, .text h3:not([_dfs]), .title-3:not([_dfs]), .title-8:not([_dfs]), .title-10:not([_dfs]), .title-12:not([_dfs]), .title-14:not([_dfs]), .title-16:not([_dfs]), .title-18:not([_dfs]), .title-20:not([_dfs]) {
  font-weight: 600;
  font-weight: var(--atomic-typography-font-weight-semi-bold, 600);
}

.fw-bold, .headline-2:not([_dfs]), .headline-7:not([_dfs]), .size-l .fw-bold-l, .size-m .fw-bold-m, .size-s .fw-bold-s, .size-x .fw-bold-x, .text h2:not([_dfs]), .title-2:not([_dfs]), .title-7:not([_dfs]), .title-9:not([_dfs]), .title-11:not([_dfs]), .title-13:not([_dfs]), .title-15:not([_dfs]), .title-19:not([_dfs]) {
  font-weight: 700;
  font-weight: var(--atomic-typography-font-weight-bold, 700);
}

.fw-extra-bold, .headline-1:not([_dfs]), .headline-6:not([_dfs]), .size-l .fw-extra-bold-l, .size-m .fw-extra-bold-m, .size-s .fw-extra-bold-s, .size-x .fw-extra-bold-x, .text h1:not([_dfs]), .text h6:not([_dfs]), .title-1:not([_dfs]), .title-6:not([_dfs]), .title-21:not([_dfs]), .title-22:not([_dfs]) {
  font-weight: 800;
  font-weight: var(--atomic-typography-font-weight-extra-bold, 800);
}

.fw-thin, .size-l .fw-thin-l, .size-m .fw-thin-m, .size-s .fw-thin-s, .size-x .fw-thin-x {
  font-weight: 100;
  font-weight: var(--atomic-typography-font-weight-thin, 100);
}

.fw-bolder, .size-l .fw-bolder-l, .size-m .fw-bolder-m, .size-s .fw-bolder-s, .size-x .fw-bolder-x {
  font-weight: 900;
  font-weight: var(--atomic-typography-font-weight-bolder, 900);
}

.lh-1, .size-l .lh-1-l, .size-m .lh-1-m, .size-s .lh-1-s, .size-x .lh-1-x {
  line-height: 1.2em;
}

.lh-2, .size-l .lh-2-l, .size-m .lh-2-m, .size-s .lh-2-s, .size-x .lh-2-x {
  line-height: 1.4em;
}

.lh-3, .size-l .lh-3-l, .size-m .lh-3-m, .size-s .lh-3-s, .size-x .lh-3-x, .small-body-2:not([_dfs]) {
  line-height: 1.6em;
}

.lh-4, .size-l .lh-4-l, .size-m .lh-4-m, .size-s .lh-4-s, .size-x .lh-4-x {
  line-height: 1.8em;
}

.ls-0, .size-l .ls-0-l, .size-m .ls-0-m, .size-s .ls-0-s, .size-x .ls-0-x {
  letter-spacing: 0;
}

.ls-1, .size-l .ls-1-l, .size-m .ls-1-m, .size-s .ls-1-s, .size-x .ls-1-x {
  letter-spacing: 0.1em;
}

.ls-2, .size-l .ls-2-l, .size-m .ls-2-m, .size-s .ls-2-s, .size-x .ls-2-x {
  letter-spacing: 0.2em;
}

.lh-0, .size-l .lh-0-l, .size-m .lh-0-m, .size-s .lh-0-s, .size-x .lh-0-x {
  line-height: 1;
}

.italic, .size-l .italic-l, .size-m .italic-m, .size-s .italic-s, .size-x .italic-x {
  font-style: italic;
}

.normal, .size-l .normal-l, .size-m .normal-m, .size-s .normal-s, .size-x .normal-x {
  font-style: normal;
}

.left, .size-l .left-l, .size-l .ta-left-l, .size-m .left-m, .size-m .ta-left-m, .size-s .left-s, .size-s .ta-left-s, .size-x .left-x, .size-x .ta-left-x, .ta-left {
  text-align: left;
}

.center, .size-l .center-l, .size-l .ta-center-l, .size-m .center-m, .size-m .ta-center-m, .size-s .center-s, .size-s .ta-center-s, .size-x .center-x, .size-x .ta-center-x, .ta-center {
  text-align: center;
}

.right, .size-l .right-l, .size-l .ta-right-l, .size-m .right-m, .size-m .ta-right-m, .size-s .right-s, .size-s .ta-right-s, .size-x .right-x, .size-x .ta-right-x, .ta-right {
  text-align: right;
}

.justify, .size-l .justify-l, .size-l .ta-justify-l, .size-m .justify-m, .size-m .ta-justify-m, .size-s .justify-s, .size-s .ta-justify-s, .size-x .justify-x, .size-x .ta-justify-x, .ta-justify {
  text-align: justify;
}

.size-l .td-underline-l, .size-l .underline-l, .size-m .td-underline-m, .size-m .underline-m, .size-s .td-underline-s, .size-s .underline-s, .size-x .td-underline-x, .size-x .underline-x, .td-underline, .underline {
  text-decoration: underline;
}

.line-through, .size-l .line-through-l, .size-m .line-through-m, .size-s .line-through-s, .size-x .line-through-x {
  text-decoration: line-through;
}

.no-underline, .size-l .no-underline-l, .size-m .no-underline-m, .size-s .no-underline-s, .size-x .no-underline-x {
  text-decoration: none;
}

.size-l .tt-uppercase-l, .size-l .uppercase-l, .size-m .tt-uppercase-m, .size-m .uppercase-m, .size-s .tt-uppercase-s, .size-s .uppercase-s, .size-x .tt-uppercase-x, .size-x .uppercase-x, .tt-uppercase, .uppercase {
  text-transform: uppercase;
}

.lowercase, .size-l .lowercase-l, .size-l .tt-lowercase-l, .size-m .lowercase-m, .size-m .tt-lowercase-m, .size-s .lowercase-s, .size-s .tt-lowercase-s, .size-x .lowercase-x, .size-x .tt-lowercase-x, .tt-lowercase {
  text-transform: lowercase;
}

.capitalize, .size-l .capitalize-l, .size-m .capitalize-m, .size-s .capitalize-s, .size-x .capitalize-x {
  text-transform: capitalize;
}

.normal-case, .size-l .normal-case-l, .size-m .normal-case-m, .size-s .normal-case-s, .size-x .normal-case-x {
  text-transform: none;
}

.break-normal, .size-l .break-normal-l, .size-m .break-normal-m, .size-s .break-normal-s, .size-x .break-normal-x {
  overflow-wrap: normal;
  word-break: normal;
}

.break-words, .size-l .break-words-l, .size-m .break-words-m, .size-s .break-words-s, .size-x .break-words-x {
  overflow-wrap: break-word;
}

.break-all, .size-l .break-all-l, .size-m .break-all-m, .size-s .break-all-s, .size-x .break-all-x {
  word-break: break-all;
}

.size-l .truncate-l, .size-m .truncate-m, .size-s .truncate-s, .size-x .truncate-x, .truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.b-b-col-w {
  border-bottom-color: #fff;
}

.box-shadow-t {
  box-shadow: 0 -3px 10px 0 #757575;
}

.box-shadow-b {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.box-shadow-right {
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5);
}

.box-shadow-bottom {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5);
}

.box-shadow-left {
  box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.5);
}

.height-100 {
  height: 100%;
}

@supports not (display: grid) {
  [grid], grid {
    display: flex;
    flex-wrap: wrap;
  }
  [grid] > *, grid > * {
    float: left;
    width: 100%/12;
  }
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  [grid], grid {
    display: flex;
    flex-wrap: wrap;
  }
  [grid] > *, grid > * {
    float: left;
    width: 100%/12;
  }
}
.ratio-full-page {
  min-height: -webkit-fill-available;
  height: calc(var(--vh, 1vh) * 100);
}

.ratio-full-page:before {
  display: none;
}

.size-s .ratio-full-page {
  height: calc(var(--vh, 1vh) * 100 - 3em);
  min-height: -webkit-fill-available;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-height: 768px) and (orientation: landscape) {
  .size-s .ratio-full-page {
    height: calc(768px - 3em);
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-height: 768px) and (orientation: portrait) {
  .size-s .ratio-full-page {
    height: calc(1024px - 3em);
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (min-device-height: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .size-s .ratio-full-page {
    height: calc(414px - 3em);
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (min-device-height: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .size-s .ratio-full-page {
    height: calc(736px - 3em);
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (min-device-height: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .size-s .ratio-full-page {
    height: calc(375px - 3em);
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (min-device-height: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .size-s .ratio-full-page {
    height: calc(667px - 3em);
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (min-device-height: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .size-s .ratio-full-page {
    height: calc(320px - 3em);
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (min-device-height: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .size-s .ratio-full-page {
    height: calc(568px - 3em);
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (min-device-height: 320px) and (max-device-height: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .size-s .ratio-full-page {
    height: calc(320px - 3em);
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (min-device-height: 320px) and (max-device-height: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .size-s .ratio-full-page {
    height: calc(480px - 3em);
  }
}
.size-m .ratio-full-page {
  height: calc(var(--vh, 1vh) * 100 - 3em);
  min-height: -webkit-fill-available;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-height: 768px) and (orientation: landscape) {
  .size-m .ratio-full-page {
    height: calc(768px - 3em);
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-height: 768px) and (orientation: portrait) {
  .size-m .ratio-full-page {
    height: calc(1024px - 3em);
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (min-device-height: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .size-m .ratio-full-page {
    height: calc(414px - 3em);
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (min-device-height: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .size-m .ratio-full-page {
    height: calc(736px - 3em);
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (min-device-height: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .size-m .ratio-full-page {
    height: calc(375px - 3em);
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (min-device-height: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .size-m .ratio-full-page {
    height: calc(667px - 3em);
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (min-device-height: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .size-m .ratio-full-page {
    height: calc(320px - 3em);
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (min-device-height: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .size-m .ratio-full-page {
    height: calc(568px - 3em);
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (min-device-height: 320px) and (max-device-height: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .size-m .ratio-full-page {
    height: calc(320px - 3em);
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (min-device-height: 320px) and (max-device-height: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .size-m .ratio-full-page {
    height: calc(480px - 3em);
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-height: 768px) and (orientation: landscape) {
  .ratio-full-page {
    height: 768px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-height: 768px) and (orientation: portrait) {
  .ratio-full-page {
    height: 1024px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (min-device-height: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .ratio-full-page {
    height: 414px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (min-device-height: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .ratio-full-page {
    height: 736px;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (min-device-height: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .ratio-full-page {
    height: 375px;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (min-device-height: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .ratio-full-page {
    height: 667px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (min-device-height: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .ratio-full-page {
    height: 320px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (min-device-height: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .ratio-full-page {
    height: 568px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (min-device-height: 320px) and (max-device-height: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .ratio-full-page {
    height: 320px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (min-device-height: 320px) and (max-device-height: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .ratio-full-page {
    height: 480px;
  }
}
.rotate-90 {
  transform: rotate(90deg);
}

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

.transition {
  transition: all 0.15s ease-in-out;
}

.transform-middle {
  top: 50%;
  transform: translateY(-50%);
}

.page-body, body {
  background-color: var(--atomic-body-background-color, );
  color: var(--atomic-body-color, );
  font-family: Montserrat, sans-serif;
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.page-body.busy, .page-body.is-busy, body.busy, body.is-busy {
  cursor: progress;
  opacity: 0.5;
}

.page-body .page-content, body .page-content {
  display: block;
  min-height: 600px;
}

.cms-block, .cms-component {
  display: block;
}

.cms-block-hidden, .cms-component-hidden {
  display: none;
}

.content-visibility-auto {
  content-visibility: auto;
}

.unset-content-visibility-auto .content-visibility-auto {
  content-visibility: unset;
}

.size-l .wrap, .size-l .wrap-l, .size-m .wrap, .size-m .wrap-m, .size-s .wrap, .size-s .wrap-s, .size-x .wrap, .size-x .wrap-x, .wrap {
  width: 100%;
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
}

.size-s .wrap, .size-s .wrap-s {
  padding-right: calc(var(--vw, 1vw) * 4);
  padding-left: calc(var(--vw, 1vw) * 4);
}

.size-m .wrap, .size-m .wrap-m {
  padding-right: calc(var(--vw, 1vw) * 1.6);
  padding-left: calc(var(--vw, 1vw) * 1.6);
}

.size-l .wrap, .size-l .wrap-l, .size-x .wrap, .size-x .wrap-x {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}

.noscroll {
  position: fixed !important;
  overflow: hidden !important;
}

.page-body {
  position: relative;
}

.page-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-wrapper {
  background-color: var(--atomic-background-color-16);
}

body:not(.rtl) .page-wrapper {
  font-style: italic;
}

body:not(.rtl) .page-wrapper button, body:not(.rtl) .page-wrapper input, body:not(.rtl) .page-wrapper select, body:not(.rtl) .page-wrapper textarea {
  font-style: inherit;
}

.page-view-background {
  min-height: -webkit-fill-available;
  height: calc(var(--vh, 1vh) * 100);
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-height: 768px) and (orientation: landscape) {
  .page-view-background {
    height: 768px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-height: 768px) and (orientation: portrait) {
  .page-view-background {
    height: 1024px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (min-device-height: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .page-view-background {
    height: 414px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (min-device-height: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .page-view-background {
    height: 736px;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (min-device-height: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .page-view-background {
    height: 375px;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (min-device-height: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .page-view-background {
    height: 667px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (min-device-height: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .page-view-background {
    height: 320px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (min-device-height: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .page-view-background {
    height: 568px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (min-device-height: 320px) and (max-device-height: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .page-view-background {
    height: 320px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (min-device-height: 320px) and (max-device-height: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .page-view-background {
    height: 480px;
  }
}
.icon-circle, .icon-close, .icon-cross, .icon-loading, .icon-minus-circle, .icon-nav, .icon-plus-circle, .icon-swatch {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 1em;
  height: 1em;
}

.icon-plus-circle {
  width: 2.5em;
  height: 2.5em;
  background-image: url(/assets/images/cursor-zoom-in.png);
  background-size: cover;
}

.icon-minus-circle {
  background-image: url(/assets/images/cursor-zoom-out.png);
  background-size: cover;
}

.icon-nav {
  transform: rotate(0deg);
  transition: ease-in-out ease-in-out;
}

.icon-nav span {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background-color: currentcolor;
  opacity: 1;
  transform: rotate(0deg);
  transition: 0.15s ease-in-out;
}

.icon-nav span:first-child {
  top: 0.35em;
}

.is-active .icon-nav span:first-child, .off-canvas-menu-open .icon-nav span:first-child {
  top: 0.5em;
  left: 50%;
  width: 0;
}

.icon-nav span:nth-child(2), .icon-nav span:nth-child(3) {
  top: 0.7em;
}

.is-active .icon-nav span:nth-child(2), .is-active .icon-nav span:nth-child(3), .off-canvas-menu-open .icon-nav span:nth-child(2), .off-canvas-menu-open .icon-nav span:nth-child(3) {
  top: 0.5em;
}

.is-active .icon-nav span:nth-child(2), .off-canvas-menu-open .icon-nav span:nth-child(2) {
  transform: rotate(45deg);
}

.is-active .icon-nav span:nth-child(3), .off-canvas-menu-open .icon-nav span:nth-child(3) {
  transform: rotate(-45deg);
}

.icon-nav span:nth-child(4) {
  top: 0.8em;
}

.is-active .icon-nav span:nth-child(4), .off-canvas-menu-open .icon-nav span:nth-child(4) {
  top: 0.5em;
  left: 50%;
  width: 0;
}

.icon-close:after, .icon-close:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  margin-top: -1px;
  background-color: currentcolor;
  content: "";
  transition: transform 0.15s ease-in-out;
}

.icon-close:before {
  transform: rotate(-45deg);
}

.icon-close:after {
  transform: rotate(45deg);
}

.icon-close.is-active:after, .is-active .icon-close:after {
  transform: rotate(0deg);
}

.icon-cross:after, .icon-cross:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 1em;
  height: 1px;
  background-color: currentcolor;
  content: "";
  transition: transform 0.15s ease-in-out;
}

.icon-cross--bold:after, .icon-cross--bold:before {
  height: 2px;
}

.icon-cross:before {
  transform: rotate(0deg);
}

.icon-cross:after {
  transform: rotate(90deg);
}

.icon-cross.is-active:after, .is-active .icon-cross:after {
  transform: rotate(0deg);
}

.icon-swatch {
  border-radius: 1em;
}

.icon-swatch.is-checked:after, .icon-swatch.is-checked:before {
  position: absolute;
  z-index: 2;
  top: 55%;
  left: 15%;
  width: 70%;
  height: 1px;
  margin-top: -1px;
  background-color: currentcolor;
  content: "";
  transition: transform 0.15s ease-in-out;
}

.icon-swatch.is-checked:before {
  transform: rotate(-45deg);
}

.icon-swatch.is-checked:after {
  transform: rotate(45deg);
}

.rate-empty, .rate-full, .rate-half {
  display: inline-block;
  font-family: icons !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1em;
  width: 1em;
  speak: none;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.25em;
}

.icon-circle {
  width: 0.575em;
  height: 0.575em;
  border: 1px solid;
  border-radius: 50%;
}

.icon-circle--fill {
  background-color: #000;
}

@keyframes icon-loading {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.icon-loading:after {
  display: block;
  width: 1em;
  height: 1em;
  border-color: currentcolor transparent;
  border-style: solid;
  border-width: 0.063em;
  border-radius: 50%;
  animation: icon-loading 1.2s linear infinite;
  content: " ";
}

.zippy-indicator:before {
  display: inline-block;
  font-family: icons !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1em;
  width: 1em;
  speak: none;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 1em;
  float: right;
  line-height: normal;
  transform: rotate(0deg);
  transform-origin: initial;
  transition: transform 0.4s ease;
}

.is-open .zippy-indicator:before, .zippy-indicator.is-open:before {
  transform: rotate(180deg);
}

.font-1 {
  font-family: Montserrat, sans-serif;
  font-family: var(--atomic-typography-font-family-1, "Montserrat", sans-serif);
}

.body-1:not([_dfs]), .body-2:not([_dfs]), .headline-1:not([_dfs]), .headline-2:not([_dfs]), .headline-3:not([_dfs]), .headline-4:not([_dfs]), .headline-5:not([_dfs]), .headline-6:not([_dfs]), .headline-7:not([_dfs]), .headline-8:not([_dfs]), .headline-9:not([_dfs]), .headline-10:not([_dfs]), .large-body-1:not([_dfs]), .large-body-2:not([_dfs]), .small-body-1:not([_dfs]), .small-body-2:not([_dfs]), .small-body-3:not([_dfs]), .text h1:not([_dfs]), .text h2:not([_dfs]), .text h3:not([_dfs]), .text h4:not([_dfs]), .text h5:not([_dfs]), .text h6:not([_dfs]), .text p:not([_dfs]), .title-1:not([_dfs]), .title-2:not([_dfs]), .title-3:not([_dfs]), .title-4:not([_dfs]), .title-5:not([_dfs]), .title-6:not([_dfs]), .title-7:not([_dfs]), .title-8:not([_dfs]), .title-9:not([_dfs]), .title-10:not([_dfs]), .title-11:not([_dfs]), .title-12:not([_dfs]), .title-13:not([_dfs]), .title-14:not([_dfs]), .title-15:not([_dfs]), .title-16:not([_dfs]), .title-17:not([_dfs]), .title-18:not([_dfs]), .title-19:not([_dfs]), .title-20:not([_dfs]), .title-21:not([_dfs]), .title-22:not([_dfs]), .title-23:not([_dfs]) {
  font-style: italic;
}

.lh-0-i {
  line-height: 1em !important;
}

.size-s .h1-s:not([_dfs]), .size-s .h1:not([_dfs]) {
  font-size: 2.03em;
}

.size-s .h2-s:not([_dfs]), .size-s .h2:not([_dfs]) {
  font-size: 1.6em;
}

.cms-basicHtml:not([_dfs]) a {
  text-decoration: none;
}

.cms-basicHtml:not([_dfs]) a:hover {
  text-decoration: underline;
}

.text ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.text ul li {
  display: block;
}

.text ul li:before {
  content: "•";
}

.text ol {
  padding: 0;
  margin: 0;
  counter-reset: item;
  list-style-type: none;
}

.text ol > li {
  padding-left: 0;
  font-weight: 700;
}

.text ol > li li {
  font-weight: 100;
}

.text ol li {
  display: block;
}

.text ol li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
}

.text li ol > li {
  margin: 0;
}

.text li ol > li:before {
  content: counters(item, ".") ". ";
}

.text a {
  text-decoration: none;
}

.text a:hover {
  text-decoration: underline;
}

.cms-html:not([_dfs]) table, .cms-html:not([_dfs]) td, .cms-html:not([_dfs]) th, .text table, .text td, .text th {
  border: 1px solid #000;
}

.cms-html:not([_dfs]) table, .text table {
  border-collapse: collapse;
  font-size: 0.8em;
}

.size-s .cms-html:not([_dfs]) table, .size-s .text table {
  font-size: 0.4em;
}

.cms-html:not([_dfs]) .reverse-colors tr:nth-child(2n), .cms-html:not([_dfs]) tr:nth-child(odd), .text .reverse-colors tr:nth-child(2n), .text tr:nth-child(odd) {
  background-color: var(--atomic-color-14);
}

.cms-html:not([_dfs]) .reverse-colors tr:nth-child(odd), .text .reverse-colors tr:nth-child(odd) {
  background-color: initial !important;
}

.cms-html:not([_dfs]) td, .text td {
  vertical-align: middle;
}

.size-l .cms-html:not([_dfs]) td, .size-l .text td, .size-x .cms-html:not([_dfs]) td, .size-x .text td {
  padding: 20px;
}

.size-m .cms-html:not([_dfs]) td, .size-m .text td, .size-s .cms-html:not([_dfs]) td, .size-s .text td {
  padding: 1em;
}

.cms-html:not([_dfs]) td p, .text td p {
  margin-bottom: 0 !important;
}

.p2:not([_dfs]) {
  font-size: 13px;
  line-height: 25px;
}

.p2:not([_dfs]), .p3 {
  font-family: var(--atomic-font-family-1, "Montserrat");
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0.25px;
}

.p3 {
  font-size: 11px;
  line-height: 20px;
}

.s1:not([_dfs]) {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.4px;
  line-height: 26px;
}

.c1:not([_dfs]), .s1:not([_dfs]) {
  font-family: var(--atomic-font-family-1, "Montserrat");
  font-style: italic;
}

.c1:not([_dfs]) {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.25px;
  line-height: 18px;
}

.payment-logos {
  display: flex;
}

.payment-logos > div {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}

.payment-logos .logo-applepay {
  background-image: url(/assets/images/apple-pay-logo.svg);
  height: 1em;
  width: 1.719em;
}

.payment-logos .logo-googlepay {
  background-image: url(/assets/images/google-pay-logo.svg);
  height: 1em;
  width: 1.719em;
}

.payment-logos .logo-visa {
  background-image: url(/assets/images/visa.svg);
  height: 0.563em;
  width: 1.738em;
}

.payment-logos .logo-vi-large {
  background-image: url(/assets/images/visa.svg);
  height: 2em;
  width: 3em;
}

.payment-logos .logo-mc {
  background-image: url(/assets/images/mastercard.svg);
  height: 0.887em;
  width: 1.431em;
}

.payment-logos .logo-mc-large {
  background-image: url(/assets/images/mastercard.svg);
  height: 2em;
  width: 3em;
}

.payment-logos .logo-ae {
  height: 0.944em;
  width: 1.456em;
}

.payment-logos .logo-ae, .payment-logos .logo-ae-large {
  background-image: url(/assets/images/american-express.svg);
}

.payment-logos .logo-ae-large {
  height: 2em;
  width: 3em;
}

.payment-logos .logo-paypal {
  background-image: url(/assets/images/paypal.svg);
  height: 0.675em;
  width: 2.669em;
}

.payment-logos .logo-klarna {
  background-image: url(/assets/images/klarna.svg);
  height: 0.438em;
  width: 1.975em;
}

.payment-logos .logo-gpay {
  background-image: url(/assets/images/gpay.svg);
  height: 0.756em;
  width: 1.906em;
}

.payment-logos .logo-bancontact {
  background-image: url(/assets/images/bancontact.svg);
  height: 0.756em;
  width: 1.906em;
}

.payment-logos .logo-eps {
  background-image: url(/assets/images/eps.svg);
  height: 0.756em;
  width: 1.906em;
}

.payment-logos .logo-giropay {
  background-image: url(/assets/images/giropay.svg);
  height: 0.756em;
  width: 1.906em;
}

.payment-logos .logo-ideal {
  background-image: url(/assets/images/ideal.svg);
  height: 0.756em;
  width: 1.906em;
}

.payment-logos .logo-mybank {
  background-image: url(/assets/images/mybank.svg);
  height: 0.756em;
  width: 1.906em;
}

.payment-logos .logo-sepa {
  background-image: url(/assets/images/sepa.svg);
  height: 0.756em;
  width: 1.906em;
}

.payment-logos .logo-p24 {
  background-image: url(/assets/images/p24.svg);
  height: 0.756em;
  width: 1.906em;
}

.payment-logos .logo-tabby {
  background-image: url(/assets/images/tabby.svg);
  height: 1.25em;
  width: 2.5em;
}

.payment-logos .logo-stripe {
  background-image: url(/assets/images/stripe.svg);
  height: 1.25em;
  width: 2.25em;
}

.apple-pay-button {
  width: 100%;
  min-height: 32px;
  max-height: 64px;
  height: 3.324em;
}

@supports (-webkit-appearance: -apple-pay-button) {
  .apple-pay-button {
    display: inline-block;
    -webkit-appearance: -apple-pay-button;
    -apple-pay-button-style: #000;
    -apple-pay-button-type: plain;
    -apple-pay-button-type: order;
    border-radius: initial;
  }
}
@supports not (-webkit-appearance: -apple-pay-button) {
  .apple-pay-button {
    display: inline-block;
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 5px;
    padding: 0;
    box-sizing: border-box;
    min-width: 200px;
    min-height: 32px;
    max-height: 64px;
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-color: #000;
  }
}
.footer .hide-up {
  transition-duration: 0.4s;
}

.size-s .newsletter-description {
  font-size: 0.5674em;
}

.footer-column-content.ng-hide:not(.ng-hide-animate) {
  display: block !important;
}

.size-m .giftcards-alternative-style .giftcards {
  padding-top: 3em;
}

.size-l .giftcards-alternative-style .giftcards, .size-x .giftcards-alternative-style .giftcards {
  padding-top: 58px;
}

.size-m .giftcards-alternative-style .giftcards {
  padding-top: 5.85em;
}

.giftcards-parallax {
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 1;
}

.size-s .giftcards-parallax {
  height: calc(var(--vh, 1vh) * 100 - 5.75em);
  top: 5.75em;
}

.size-l .giftcards-parallax, .size-m .giftcards-parallax, .size-x .giftcards-parallax {
  height: calc(var(--vh, 1vh) * 100);
}

.size-s.promo-bar-open .giftcards-parallax {
  height: calc(var(--vh, 1vh) * 100 - 8.6em);
  top: 8.6em;
}

.page-header-transparent.size-s .giftcards-parallax {
  height: 100% !important;
  top: 0 !important;
}

.giftcards-parallax.is-cms-open {
  position: absolute;
  top: 0 !important;
}

.giftcards-overlay {
  background: rgba(0, 0, 0, 0.75);
  z-index: 4;
}

.size-s .giftcards-overlay {
  background: rgba(0, 0, 0, 0.4);
}

.giftcards-title-container .sticky-container {
  width: 100%;
}

.size-m .giftcards-title-top, .size-s .giftcards-title-top {
  top: 3em;
}

.size-l .giftcards-title-top, .size-x .giftcards-title-top {
  top: 58px;
}

.size-m.promo-bar-open .giftcards-title-top, .size-s.promo-bar-open .giftcards-title-top {
  top: 5.85em;
}

.giftcards-description {
  max-width: 25em;
}

.size-m .giftcards-description-parallax, .size-s .giftcards-description-parallax {
  height: calc(var(--vh, 1vh) * 100 - 2.2em);
}

.size-l .giftcards-description-parallax, .size-x .giftcards-description-parallax {
  height: calc(var(--vh, 1vh) * 100 - 58px + 0.8em);
}

.size-m.promo-bar-open .giftcards-description-parallax, .size-s.promo-bar-open .giftcards-description-parallax {
  height: calc(var(--vh, 1vh) * 100 - 5.05em);
}

.page-header-transparent.size-s .giftcards-description-parallax {
  height: calc(var(--vh, 1vh) * 100 + 3.55em);
}

.giftcards-form {
  max-width: 22.5em;
}

.giftcards-amount {
  position: relative;
  overflow: hidden;
}

.giftcards-amount * {
  position: relative;
  z-index: 2;
}

.giftcards-amount:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1%;
  content: "";
  background-color: #000;
  transition: height 0.5s;
}

.giftcards-amount.is-active {
  color: #fff;
  border-color: #000;
  background-color: initial;
}

.giftcards-amount.is-active:after {
  height: 100%;
  transition: height 0.5s;
}

.giftcards-currency {
  padding-left: 1em;
}

.giftcards-message-info {
  font-size: 0.5em;
}

.giftcards-textarea.textarea {
  min-height: 14em;
  padding: 1.65em 2em !important;
}

.giftcards-textarea.textarea::placeholder {
  color: #757575;
}

.giftcards-alternative-style .giftcards-amount:after {
  background-color: #fff;
}

.giftcards-alternative-style .giftcards-amount.is-active {
  color: #000;
  border-color: #fff;
}

.giftcards-alternative-style .giftcards .calendar-day.is-active {
  background-color: #fff;
  color: #000;
}

.giftcards-alternative-style .giftcards .label {
  color: #fff;
}

.giftcards-alternative-style .giftcards .radio.is-checked [class^=icon-]:before, .giftcards-alternative-style .giftcards .radio [class^=icon-] {
  border-color: #fff;
}

.giftcards-alternative-style .giftcards .radio.is-checked [class^=icon-]:after {
  background-color: #fff;
}

.giftcards-calendar-hide-up {
  transition: margin-top 0.5s !important;
}

.app-root {
  display: block;
  overflow: auto;
  width: 100%;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}

.app-root body.rtl :not([_dfs]), body.rtl .app-root :not([_dfs]) {
  direction: rtl;
}

.app-root body.rtl .ltr, body.rtl .app-root .ltr {
  direction: ltr;
}

.ng-hide:not(.ng-hide-animate) {
  display: none !important;
}

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

.ls-019px {
  letter-spacing: 0.017em;
}

.ls-029px {
  letter-spacing: 0.025em;
}

page-header .sticky-container {
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
}

page-header .sticky-container .header {
  position: absolute;
}

body {
  overflow-x: hidden !important;
}

body.account-menu-toggle-block-open .header-content, body.account-sign-in-info-open .header-content, body.minibasket-open .header-content, body.miniwishlist-add-notice-open .header-content, body.miniwishlist-open .header-content {
  background: #fef6f3 !important;
  color: #000 !important;
}

body.account-menu-toggle-block-open .header-logo, body.account-sign-in-info-open .header-logo, body.minibasket-open .header-logo, body.miniwishlist-add-notice-open .header-logo, body.miniwishlist-open .header-logo {
  filter: none !important;
}

.page-header-transparent .page-header_header-container {
  position: absolute;
}

.account-sign-in-info-open .header-sign-in {
  position: relative;
}

.account-sign-in-info-open .header-sign-in:after {
  display: inline-block;
  content: "";
  height: 1px;
  background-color: currentColor;
  position: absolute;
  right: 0;
  left: 0;
  bottom: -2px;
  width: 100%;
  transition: background-color 0.15s ease-in-out;
}

.header .header-content {
  height: 100%;
  background-color: #fef6f3;
}

.header.is-sticky .header-content {
  height: auto;
}

.page-header-transparent:not(.off-canvas-menu-open):not(.minibasket-open):not(.miniwishlist-open):not(.miniwishlist-add-notice-open):not(.account-sign-in-info-open):not(.account-menu-toggle-block-open) .header:not(.is-sticky):not(.is-meganav-open) .header-content {
  background: transparent;
  background: linear-gradient(0deg, transparent, #000);
  color: #fff;
}

.page-header-transparent:not(.off-canvas-menu-open):not(.minibasket-open):not(.miniwishlist-open):not(.miniwishlist-add-notice-open):not(.account-sign-in-info-open):not(.account-menu-toggle-block-open) .header:not(.is-sticky):not(.is-meganav-open) .header-logo {
  filter: invert(100%);
}

.size-m .header-content, .size-s .header-content {
  min-height: 3em;
}

body.content-initiated .header .header-content {
  transition: background-color 0.5s ease;
}

.header.is-meganav-open .header-search input, .header.is-sticky .header-search input, .off-canvas-menu-open .header .header-search input {
  border-color: #000 !important;
  color: #000;
}

.header.is-meganav-open .header-search input:focus, .header.is-sticky .header-search input:focus, .off-canvas-menu-open .header .header-search input:focus {
  border-color: #000;
}

.header-logo {
  max-width: 15em;
}

.header-search {
  width: 12em;
}

.size-l .header-search {
  width: 7.5em;
}

.header-search .input {
  background: none;
  border-radius: 0;
  color: #fff;
  font-size: 0.875em;
  height: 2.2em;
  line-height: 2.2em;
}

.header-search .input:hover {
  background: none;
}

.header-search .input:focus {
  border-color: #fff;
}

.header-search-show {
  z-index: 2;
  transition: opacity 0.3s ease-in;
}

.header-search-form {
  z-index: 0;
  opacity: 0;
  transition: opacity 0.3s ease-in;
}

.header-search .is-focus .header-search-show {
  z-index: 0;
  opacity: 0;
}

.header-search .is-focus .header-search-form {
  opacity: 1;
  z-index: 2;
}

.header-meganav {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.header-help-block {
  width: 22.5em;
}

.sticky-activator {
  position: relative;
  top: 10px;
}

.size-s.account-sign-in-info-open .header-content, .size-s.is-meganav-open .header-content, .size-s.is-sticky .header-content, .size-s.minibasket-open .header-content, .size-s.miniwishlist-add-notice-open .header-content, .size-s.miniwishlist-open .header-content, .size-s.off-canvas-menu-open .header-content {
  background: #fef6f3 !important;
  color: #000 !important;
  transition: none !important;
}

.size-s.account-sign-in-info-open .header-logo, .size-s.is-meganav-open .header-logo, .size-s.is-sticky .header-logo, .size-s.minibasket-open .header-logo, .size-s.miniwishlist-add-notice-open .header-logo, .size-s.miniwishlist-open .header-logo, .size-s.off-canvas-menu-open .header-logo {
  filter: none !important;
}

.product-image {
  position: relative;
}

.product-image:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 125%;
}

.colspan-2 .product-image:before {
  padding-top: 62.5%;
}

.colspan-3 .product-image:before {
  padding-top: 41.7%;
}

.colspan-4 .product-image:before {
  padding-top: 31.25%;
}

.colspan-5 .product-image:before {
  padding-top: 25%;
}

.product-image > img {
  transition: transform 1s ease-out;
}

.product__inner {
  min-height: 8em;
}

.size-s .product__inner {
  min-height: 5em;
}

.product-details {
  max-width: 23.5em;
}

product-media-wrapper {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}

.product-media-modal-panel {
  min-height: auto !important;
}

.product-media-modal-panel .modal-bottom-container, .product-media-modal-panel .modal-container {
  overflow: hidden;
}

.product-media-modal-content.modal-container {
  padding: 0;
}

.product-media-modal {
  height: 100%;
  min-height: -webkit-fill-available;
  width: 100%;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-height: 768px) and (orientation: landscape) {
  .product-media-modal {
    min-height: 768px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-height: 768px) and (orientation: portrait) {
  .product-media-modal {
    min-height: 1024px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (min-device-height: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .product-media-modal {
    min-height: 414px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (min-device-height: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .product-media-modal {
    min-height: 736px;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (min-device-height: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .product-media-modal {
    min-height: 375px;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (min-device-height: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .product-media-modal {
    min-height: 667px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (min-device-height: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .product-media-modal {
    min-height: 320px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (min-device-height: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .product-media-modal {
    min-height: 568px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (min-device-height: 320px) and (max-device-height: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .product-media-modal {
    min-height: 320px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (min-device-height: 320px) and (max-device-height: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .product-media-modal {
    min-height: 480px;
  }
}
.product-media-modal__image {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  height: calc(var(--vh, 1vh) * 100);
  min-height: -webkit-fill-available;
  width: 50%;
  width: calc(var(--vh, 1vh) * 78.43);
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-height: 768px) and (orientation: landscape) {
  .product-media-modal__image {
    height: 768px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-height: 768px) and (orientation: portrait) {
  .product-media-modal__image {
    height: 1024px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (min-device-height: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .product-media-modal__image {
    height: 414px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (min-device-height: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .product-media-modal__image {
    height: 736px;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (min-device-height: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .product-media-modal__image {
    height: 375px;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (min-device-height: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .product-media-modal__image {
    height: 667px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (min-device-height: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .product-media-modal__image {
    height: 320px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (min-device-height: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .product-media-modal__image {
    height: 568px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (min-device-height: 320px) and (max-device-height: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .product-media-modal__image {
    height: 320px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (min-device-height: 320px) and (max-device-height: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .product-media-modal__image {
    height: 480px;
  }
}
.size-s .product-media-modal__image {
  width: 100%;
  width: calc(var(--vw, 1vw) * 100);
}

.product-media-modal .swiper, .product-media-modal .swiper-wrapper, .product-media-modal .swiper .swiper-slide, .product-media-modal .swiper .swiper-slide > div.flex {
  height: 100%;
  min-height: -webkit-fill-available;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-height: 768px) and (orientation: landscape) {
  .product-media-modal .swiper, .product-media-modal .swiper-wrapper, .product-media-modal .swiper .swiper-slide, .product-media-modal .swiper .swiper-slide > div.flex {
    height: 768px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-height: 768px) and (orientation: portrait) {
  .product-media-modal .swiper, .product-media-modal .swiper-wrapper, .product-media-modal .swiper .swiper-slide, .product-media-modal .swiper .swiper-slide > div.flex {
    height: 1024px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (min-device-height: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .product-media-modal .swiper, .product-media-modal .swiper-wrapper, .product-media-modal .swiper .swiper-slide, .product-media-modal .swiper .swiper-slide > div.flex {
    height: 414px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (min-device-height: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .product-media-modal .swiper, .product-media-modal .swiper-wrapper, .product-media-modal .swiper .swiper-slide, .product-media-modal .swiper .swiper-slide > div.flex {
    height: 736px;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (min-device-height: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .product-media-modal .swiper, .product-media-modal .swiper-wrapper, .product-media-modal .swiper .swiper-slide, .product-media-modal .swiper .swiper-slide > div.flex {
    height: 375px;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (min-device-height: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .product-media-modal .swiper, .product-media-modal .swiper-wrapper, .product-media-modal .swiper .swiper-slide, .product-media-modal .swiper .swiper-slide > div.flex {
    height: 667px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (min-device-height: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .product-media-modal .swiper, .product-media-modal .swiper-wrapper, .product-media-modal .swiper .swiper-slide, .product-media-modal .swiper .swiper-slide > div.flex {
    height: 320px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (min-device-height: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .product-media-modal .swiper, .product-media-modal .swiper-wrapper, .product-media-modal .swiper .swiper-slide, .product-media-modal .swiper .swiper-slide > div.flex {
    height: 568px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (min-device-height: 320px) and (max-device-height: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .product-media-modal .swiper, .product-media-modal .swiper-wrapper, .product-media-modal .swiper .swiper-slide, .product-media-modal .swiper .swiper-slide > div.flex {
    height: 320px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (min-device-height: 320px) and (max-device-height: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .product-media-modal .swiper, .product-media-modal .swiper-wrapper, .product-media-modal .swiper .swiper-slide, .product-media-modal .swiper .swiper-slide > div.flex {
    height: 480px;
  }
}
.product-media-modal .swiper-wrapper {
  z-index: 3;
  pointer-events: none;
}

.product-media-modal .swiper-wrapper pinch-zoom {
  pointer-events: auto;
}

.product-media-modal .swiper-wrapper pinch-zoom > img {
  -webkit-user-select: none;
  user-select: none;
  user-drag: none;
}

.product-media-modal .product-media-modal-next, .product-media-modal .product-media-modal-prev {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}

.size-s .product-media-modal .product-media-modal-next, .size-s .product-media-modal .product-media-modal-prev {
  pointer-events: none;
  z-index: 10;
  width: 10%;
}

.size-s .product-media-modal .product-media-modal-next > *, .size-s .product-media-modal .product-media-modal-prev > * {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  pointer-events: auto;
  background-color: hsla(0, 0%, 100%, 0.5);
  border-radius: 32px;
}

.product-media-modal .product-media-modal-next {
  left: auto;
  right: 0;
  justify-content: flex-end;
}

.rtl .product-media-modal .product-media-modal-next {
  justify-content: flex-start;
}

.rtl .product-media-modal .product-media-modal-prev {
  justify-content: flex-end;
}

.swiper .carousel__container:not(.carousel--grabbing) pinch-zoom, .swiper pinch-zoom {
  cursor: url(/assets/images/cursor-zoom-in.png), zoom-in !important;
}

.swiper .carousel__container:not(.carousel--grabbing) pinch-zoom.is-zoomed-max, .swiper pinch-zoom.is-zoomed-max {
  cursor: url(/assets/images/cursor-zoom-out.png), zoom-out !important;
}

.swiper .carousel__container:not(.carousel--grabbing) pinch-zoom img, .swiper pinch-zoom img {
  display: block;
  width: 100%;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

.product-media-carousel .product-view-next, .product-media-carousel .product-view-prev {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  pointer-events: none;
  z-index: 10;
}

.product-media-carousel .product-view-next > *, .product-media-carousel .product-view-prev > * {
  pointer-events: auto;
  padding: 0.5em;
  border-radius: 50%;
}

.product-media-carousel .product-view-next {
  left: auto;
  right: 0;
  justify-content: flex-end;
}

.rtl .product-media-carousel .product-view-next {
  justify-content: flex-start;
}

.rtl .product-media-carousel .product-view-prev {
  justify-content: flex-end;
}

.related-products .carousel-nav .carousel-next, .related-products .carousel-nav .carousel-prev {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 20%;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  pointer-events: none;
}

.size-s .related-products .carousel-nav .carousel-next, .size-s .related-products .carousel-nav .carousel-prev {
  bottom: 30%;
}

.related-products .carousel-nav .carousel-next > *, .related-products .carousel-nav .carousel-prev > * {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  width: 3.125em;
  height: 3.125em;
  background-color: hsla(0, 0%, 100%, 0.5);
  border-radius: 50%;
}

.size-s .related-products .carousel-nav .carousel-next > *, .size-s .related-products .carousel-nav .carousel-prev > * {
  background-color: initial;
  width: 2em;
  height: 2em;
}

.related-products .carousel-nav .carousel-next {
  left: auto;
  right: 0;
  justify-content: flex-end;
}

.plp.wrap, .plp.wrap-x {
  max-width: 2000px;
}

@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");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: initial;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translateZ(0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.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;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  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(270deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.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-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-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: normal;
  line-height: 1;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.df-image:not([srcset*="."]):not([src*="."]), .dynamic-image:not([srcset*="."]):not([src*="."]) {
  opacity: 0;
}

.hide-images .df-image, .hide-images .dynamic-image {
  display: none;
}

.cdk-global-overlay-wrapper, .cdk-overlay-container {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  z-index: 1000;
  position: fixed;
}

.cms-editor-content .cdk-overlay-container {
  position: absolute;
  max-height: calc(var(--vh, 1vh) * 100);
}

.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper, .cdk-overlay-pane {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  pointer-events: auto;
  box-sizing: border-box;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}

@media screen and (-ms-high-contrast: active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cms-editor-content .cdk-overlay-backdrop {
  display: none;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

.app-busy {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  cursor: progress;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: hsla(0, 0%, 100%, 0.15);
}

.bar {
  display: inline;
  padding: 0 0.5em;
}

.bar:after {
  position: relative;
  display: inline-block;
  content: "|";
}

.size-x .basket-title {
  margin-left: 10.75em;
}

.rtl.size-x .basket-title {
  margin-right: 10.75em;
  margin-left: 0;
}

.basket-items-container {
  display: inline-block;
  width: 42.5em;
  margin: 0 6.5em 0 9.5em;
}

.size-l .basket-items-container {
  margin: 0 1em 0 0;
}

.size-m .basket-items-container {
  width: 60%;
  margin: 0 1em 0 0;
}

.size-s .basket-items-container {
  width: calc(100% - 1em);
  margin: 0 0.5em;
}

.rtl .basket-items-container {
  margin: 0 9.5em 0 6.5em;
}

.size-l.rtl .basket-items-container, .size-m.rtl .basket-items-container {
  margin: 0 0 0 1em;
}

.size-s.rtl .basket-items-container {
  margin: 0 0 0 0.5em;
}

.basket-content-container {
  display: inline-block;
  width: 24.5em;
}

.basket-content-container__inner {
  padding: 1.125em 0.825em 2.188em;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fef6f3;
}

.size-s .basket-content-container__inner {
  padding-top: 0;
}

.size-m .basket-content-container {
  width: calc(40% - 1em);
  margin: 0;
}

.size-s .basket-content-container {
  width: 100%;
}

.basket-item-image-container {
  width: 11em;
  margin-right: 2em;
}

.size-s .basket-item-image-container {
  width: 33%;
  margin-right: 1em;
}

.rtl .basket-item-image-container {
  margin-right: 0;
  margin-left: 2em;
}

.size-s.rtl .basket-item-image-container {
  margin-left: 1em;
  margin-right: 0;
}

.basket-item-content-container {
  width: calc(100% - 13em);
}

.size-s .basket-item-content-container {
  width: calc(67% - 1em);
}

.basket-gift-card validation {
  font-size: 0.79em;
  text-align: left;
}

.basket-gift-card__bg {
  background-color: #fefaf8;
}

.braintree-input {
  transition: color 0.5s ease;
}

.braintree-input__empty, .braintree-input__error {
  opacity: 0;
  transition: opacity 0.5s ease;
  position: absolute !important;
}

.braintree-input-container.is-valid .braintree-input {
  border-color: #4cd964;
}

.braintree-input-container.is-invalid .braintree-input {
  border-color: #bf0a00;
}

.braintree-input-container.is-invalid:not(.is-empty) .braintree-input__error, .braintree-submitted .braintree-input-container.is-empty .braintree-input__empty {
  opacity: 1;
}

.braintree-3ds-container > div {
  display: flex;
  width: 100%;
}

.button, .button-1, .button-1-small, .button-2, .button-2-small, .button-3, .button-3-small, .button-4, .button-5, .button-6, .button-7, .button-paypal, .button-small {
  height: 3.324em;
  padding: 0 3.324em;
  line-height: 3.324em\9 ;
  border: 1px solid #000;
}

.button:not(button) {
  display: inline-flex !important;
  display: inline-block\9 ;
  align-items: center;
  justify-content: center;
}

.button[success] .button__body, .button[success] .button__success-body {
  transition: opacity 0.15s ease-in-out;
}

.button[success] .button__success-body {
  position: absolute;
  opacity: 0;
}

.button[success].is-success .button__body, .button[success].success .button__body {
  opacity: 0;
}

.button[success].is-success .button__success-body, .button[success].success .button__success-body {
  opacity: 1;
}

.button:not(.busy):not(.is-busy) .button__busy {
  position: absolute !important;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
}

.is-not-touchy .button.is-hover, .is-not-touchy .button:hover {
  background-color: #505050;
  border-color: #000;
  color: #fff;
}

.button.busy, .button.is-busy {
  cursor: wait !important;
  pointer-events: none !important;
  color: #fff;
}

.button.disabled, .button.is-disabled, .button:disabled, .button[disabled] {
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
  background-color: get("namedColor.silver");
  border-color: get("namedColor.silver");
}

.form-default .button {
  height: 3.324em;
  padding-right: 3.324em;
  padding-left: 3.324em;
  line-height: 3.324em\9 ;
}

.form-size-1 .button {
  height: 2.313em;
  padding-right: 2.313em;
  padding-left: 2.313em;
  line-height: 2.313em\9 ;
}

.form-default .button-1, .form-default .button-1-small {
  height: 3.324em;
  padding-right: 3.324em;
  padding-left: 3.324em;
  line-height: 3.324em\9 ;
}

.form-size-1 .button-1, .form-size-1 .button-1-small {
  height: 2.313em;
  padding-right: 2.313em;
  padding-left: 2.313em;
  line-height: 2.313em\9 ;
}

.form-default .button-2, .form-default .button-2-small {
  height: 3.324em;
  padding-right: 3.324em;
  padding-left: 3.324em;
  line-height: 3.324em\9 ;
}

.form-size-1 .button-2, .form-size-1 .button-2-small {
  height: 2.313em;
  padding-right: 2.313em;
  padding-left: 2.313em;
  line-height: 2.313em\9 ;
}

.form-default .button-3, .form-default .button-3-small {
  height: 3.324em;
  padding-right: 3.324em;
  padding-left: 3.324em;
  line-height: 3.324em\9 ;
}

.form-size-1 .button-3, .form-size-1 .button-3-small {
  height: 2.313em;
  padding-right: 2.313em;
  padding-left: 2.313em;
  line-height: 2.313em\9 ;
}

.form-default .button-4 {
  height: 3.324em;
  padding-right: 3.324em;
  padding-left: 3.324em;
  line-height: 3.324em\9 ;
}

.form-size-1 .button-4 {
  height: 2.313em;
  padding-right: 2.313em;
  padding-left: 2.313em;
  line-height: 2.313em\9 ;
}

.form-default .button-5 {
  height: 3.324em;
  padding-right: 3.324em;
  padding-left: 3.324em;
  line-height: 3.324em\9 ;
}

.form-size-1 .button-5 {
  height: 2.313em;
  padding-right: 2.313em;
  padding-left: 2.313em;
  line-height: 2.313em\9 ;
}

.form-default .button-6 {
  height: 3.324em;
  padding-right: 3.324em;
  padding-left: 3.324em;
  line-height: 3.324em\9 ;
}

.form-size-1 .button-6 {
  height: 2.313em;
  padding-right: 2.313em;
  padding-left: 2.313em;
  line-height: 2.313em\9 ;
}

.form-default .button-7 {
  height: 3.324em;
  padding-right: 3.324em;
  padding-left: 3.324em;
  line-height: 3.324em\9 ;
}

.form-size-1 .button-7 {
  height: 2.313em;
  padding-right: 2.313em;
  padding-left: 2.313em;
  line-height: 2.313em\9 ;
}

.form-default .button-paypal {
  height: 3.324em;
  padding-right: 3.324em;
  padding-left: 3.324em;
  line-height: 3.324em\9 ;
}

.form-size-1 .button-paypal {
  height: 2.313em;
  padding-right: 2.313em;
  padding-left: 2.313em;
  line-height: 2.313em\9 ;
}

.button, .button-1, .button-1-small, .button-2, .button-2-small, .button-3, .button-3-small, .button-4, .button-5, .button-6, .button-7, .button-paypal, .button-small {
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid;
  border-radius: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  touch-action: manipulation;
  appearance: none;
  outline: none;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.button-1-small:not(button), .button-1:not(button), .button-2-small:not(button), .button-2:not(button), .button-3-small:not(button), .button-3:not(button), .button-4:not(button), .button-5:not(button), .button-6:not(button), .button-7:not(button), .button-paypal:not(button), .button-small:not(button), .button:not(button) {
  display: inline-flex !important;
  display: inline-block\9 ;
  align-items: center;
  justify-content: center;
}

[success].button-1 .button__body, [success].button-1 .button__success-body, [success].button-1-small .button__body, [success].button-1-small .button__success-body, [success].button-2 .button__body, [success].button-2 .button__success-body, [success].button-2-small .button__body, [success].button-2-small .button__success-body, [success].button-3 .button__body, [success].button-3 .button__success-body, [success].button-3-small .button__body, [success].button-3-small .button__success-body, [success].button-4 .button__body, [success].button-4 .button__success-body, [success].button-5 .button__body, [success].button-5 .button__success-body, [success].button-6 .button__body, [success].button-6 .button__success-body, [success].button-7 .button__body, [success].button-7 .button__success-body, [success].button-paypal .button__body, [success].button-paypal .button__success-body, [success].button-small .button__body, [success].button-small .button__success-body, [success].button .button__body, [success].button .button__success-body {
  transition: opacity 0.15s ease-in-out;
}

[success].button-1 .button__success-body, [success].button-1-small .button__success-body, [success].button-2 .button__success-body, [success].button-2-small .button__success-body, [success].button-3 .button__success-body, [success].button-3-small .button__success-body, [success].button-4 .button__success-body, [success].button-5 .button__success-body, [success].button-6 .button__success-body, [success].button-7 .button__success-body, [success].button-paypal .button__success-body, [success].button-small .button__success-body, [success].button .button__success-body {
  position: absolute;
  opacity: 0;
}

[success].is-success.button-1 .button__body, [success].is-success.button-1-small .button__body, [success].is-success.button-2 .button__body, [success].is-success.button-2-small .button__body, [success].is-success.button-3 .button__body, [success].is-success.button-3-small .button__body, [success].is-success.button-4 .button__body, [success].is-success.button-5 .button__body, [success].is-success.button-6 .button__body, [success].is-success.button-7 .button__body, [success].is-success.button-paypal .button__body, [success].is-success.button-small .button__body, [success].is-success.button .button__body, [success].success.button-1 .button__body, [success].success.button-1-small .button__body, [success].success.button-2 .button__body, [success].success.button-2-small .button__body, [success].success.button-3 .button__body, [success].success.button-3-small .button__body, [success].success.button-4 .button__body, [success].success.button-5 .button__body, [success].success.button-6 .button__body, [success].success.button-7 .button__body, [success].success.button-paypal .button__body, [success].success.button-small .button__body, [success].success.button .button__body {
  opacity: 0;
}

[success].is-success.button-1 .button__success-body, [success].is-success.button-1-small .button__success-body, [success].is-success.button-2 .button__success-body, [success].is-success.button-2-small .button__success-body, [success].is-success.button-3 .button__success-body, [success].is-success.button-3-small .button__success-body, [success].is-success.button-4 .button__success-body, [success].is-success.button-5 .button__success-body, [success].is-success.button-6 .button__success-body, [success].is-success.button-7 .button__success-body, [success].is-success.button-paypal .button__success-body, [success].is-success.button-small .button__success-body, [success].is-success.button .button__success-body, [success].success.button-1 .button__success-body, [success].success.button-1-small .button__success-body, [success].success.button-2 .button__success-body, [success].success.button-2-small .button__success-body, [success].success.button-3 .button__success-body, [success].success.button-3-small .button__success-body, [success].success.button-4 .button__success-body, [success].success.button-5 .button__success-body, [success].success.button-6 .button__success-body, [success].success.button-7 .button__success-body, [success].success.button-paypal .button__success-body, [success].success.button-small .button__success-body, [success].success.button .button__success-body {
  opacity: 1;
}

@keyframes bounce {
  0%, to {
    transform: scale(0);
  }
  50% {
    transform: scale(0.95);
  }
}
.busy.button, .busy.button-1, .busy.button-1-small, .busy.button-2, .busy.button-2-small, .busy.button-3, .busy.button-3-small, .busy.button-4, .busy.button-5, .busy.button-6, .busy.button-7, .busy.button-paypal, .busy.button-small, .is-busy.button, .is-busy.button-1, .is-busy.button-1-small, .is-busy.button-2, .is-busy.button-2-small, .is-busy.button-3, .is-busy.button-3-small, .is-busy.button-4, .is-busy.button-5, .is-busy.button-6, .is-busy.button-7, .is-busy.button-paypal, .is-busy.button-small {
  color: transparent !important;
  position: relative;
}

.busy.button-1 .button__busy, .busy.button-1-small .button__busy, .busy.button-2 .button__busy, .busy.button-2-small .button__busy, .busy.button-3 .button__busy, .busy.button-3-small .button__busy, .busy.button-4 .button__busy, .busy.button-5 .button__busy, .busy.button-6 .button__busy, .busy.button-7 .button__busy, .busy.button-paypal .button__busy, .busy.button-small .button__busy, .busy.button .button__busy, .is-busy.button-1 .button__busy, .is-busy.button-1-small .button__busy, .is-busy.button-2 .button__busy, .is-busy.button-2-small .button__busy, .is-busy.button-3 .button__busy, .is-busy.button-3-small .button__busy, .is-busy.button-4 .button__busy, .is-busy.button-5 .button__busy, .is-busy.button-6 .button__busy, .is-busy.button-7 .button__busy, .is-busy.button-paypal .button__busy, .is-busy.button-small .button__busy, .is-busy.button .button__busy {
  position: absolute !important;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
}

.busy.button-1-small:after, .busy.button-1-small:before, .busy.button-1:after, .busy.button-1:before, .busy.button-2-small:after, .busy.button-2-small:before, .busy.button-2:after, .busy.button-2:before, .busy.button-3-small:after, .busy.button-3-small:before, .busy.button-3:after, .busy.button-3:before, .busy.button-4:after, .busy.button-4:before, .busy.button-5:after, .busy.button-5:before, .busy.button-6:after, .busy.button-6:before, .busy.button-7:after, .busy.button-7:before, .busy.button-paypal:after, .busy.button-paypal:before, .busy.button-small:after, .busy.button-small:before, .busy.button:after, .busy.button:before, .is-busy.button-1-small:after, .is-busy.button-1-small:before, .is-busy.button-1:after, .is-busy.button-1:before, .is-busy.button-2-small:after, .is-busy.button-2-small:before, .is-busy.button-2:after, .is-busy.button-2:before, .is-busy.button-3-small:after, .is-busy.button-3-small:before, .is-busy.button-3:after, .is-busy.button-3:before, .is-busy.button-4:after, .is-busy.button-4:before, .is-busy.button-5:after, .is-busy.button-5:before, .is-busy.button-6:after, .is-busy.button-6:before, .is-busy.button-7:after, .is-busy.button-7:before, .is-busy.button-paypal:after, .is-busy.button-paypal:before, .is-busy.button-small:after, .is-busy.button-small:before, .is-busy.button:after, .is-busy.button:before {
  animation: bounce 2s ease-in-out infinite;
  content: "";
  display: block;
  width: 1.3296em;
  height: 1.3296em;
  border-radius: 50%;
  background-color: #fff;
  margin-left: -0.6648em;
  margin-top: -0.6648em;
  opacity: 0.5;
  position: absolute;
  top: 50%;
  left: 50%;
}

.busy.button-1-small:after, .busy.button-1:after, .busy.button-2-small:after, .busy.button-2:after, .busy.button-3-small:after, .busy.button-3:after, .busy.button-4:after, .busy.button-5:after, .busy.button-6:after, .busy.button-7:after, .busy.button-paypal:after, .busy.button-small:after, .busy.button:after, .is-busy.button-1-small:after, .is-busy.button-1:after, .is-busy.button-2-small:after, .is-busy.button-2:after, .is-busy.button-3-small:after, .is-busy.button-3:after, .is-busy.button-4:after, .is-busy.button-5:after, .is-busy.button-6:after, .is-busy.button-7:after, .is-busy.button-paypal:after, .is-busy.button-small:after, .is-busy.button:after {
  animation-delay: -1s;
}

.form-size-1 .busy.button-1-small:after, .form-size-1 .busy.button-1-small:before, .form-size-1 .busy.button-1:after, .form-size-1 .busy.button-1:before, .form-size-1 .busy.button-2-small:after, .form-size-1 .busy.button-2-small:before, .form-size-1 .busy.button-2:after, .form-size-1 .busy.button-2:before, .form-size-1 .busy.button-3-small:after, .form-size-1 .busy.button-3-small:before, .form-size-1 .busy.button-3:after, .form-size-1 .busy.button-3:before, .form-size-1 .busy.button-4:after, .form-size-1 .busy.button-4:before, .form-size-1 .busy.button-5:after, .form-size-1 .busy.button-5:before, .form-size-1 .busy.button-6:after, .form-size-1 .busy.button-6:before, .form-size-1 .busy.button-7:after, .form-size-1 .busy.button-7:before, .form-size-1 .busy.button-paypal:after, .form-size-1 .busy.button-paypal:before, .form-size-1 .busy.button-small:after, .form-size-1 .busy.button-small:before, .form-size-1 .busy.button:after, .form-size-1 .busy.button:before, .form-size-1 .is-busy.button-1-small:after, .form-size-1 .is-busy.button-1-small:before, .form-size-1 .is-busy.button-1:after, .form-size-1 .is-busy.button-1:before, .form-size-1 .is-busy.button-2-small:after, .form-size-1 .is-busy.button-2-small:before, .form-size-1 .is-busy.button-2:after, .form-size-1 .is-busy.button-2:before, .form-size-1 .is-busy.button-3-small:after, .form-size-1 .is-busy.button-3-small:before, .form-size-1 .is-busy.button-3:after, .form-size-1 .is-busy.button-3:before, .form-size-1 .is-busy.button-4:after, .form-size-1 .is-busy.button-4:before, .form-size-1 .is-busy.button-5:after, .form-size-1 .is-busy.button-5:before, .form-size-1 .is-busy.button-6:after, .form-size-1 .is-busy.button-6:before, .form-size-1 .is-busy.button-7:after, .form-size-1 .is-busy.button-7:before, .form-size-1 .is-busy.button-paypal:after, .form-size-1 .is-busy.button-paypal:before, .form-size-1 .is-busy.button-small:after, .form-size-1 .is-busy.button-small:before, .form-size-1 .is-busy.button:after, .form-size-1 .is-busy.button:before {
  height: 0.9252em;
  width: 0.9252em;
  margin-left: -0.4626em;
  margin-top: -0.4626em;
}

.button, .button-1, .button-1-small, .button-2, .button-2-small, .button-3, .button-3-small, .button-4, .button-5, .button-6, .button-7, .button-paypal, .button-small {
  background-color: #000;
  border-color: #000;
  color: #fff;
  font-size: 0.79em;
}

.is-not-touchy .button-1-small:hover, .is-not-touchy .button-1:hover, .is-not-touchy .button-2-small:hover, .is-not-touchy .button-2:hover, .is-not-touchy .button-3-small:hover, .is-not-touchy .button-3:hover, .is-not-touchy .button-4:hover, .is-not-touchy .button-5:hover, .is-not-touchy .button-6:hover, .is-not-touchy .button-7:hover, .is-not-touchy .button-paypal:hover, .is-not-touchy .button-small:hover, .is-not-touchy .button.is-hover, .is-not-touchy .button:hover, .is-not-touchy .is-hover.button-1, .is-not-touchy .is-hover.button-1-small, .is-not-touchy .is-hover.button-2, .is-not-touchy .is-hover.button-2-small, .is-not-touchy .is-hover.button-3, .is-not-touchy .is-hover.button-3-small, .is-not-touchy .is-hover.button-4, .is-not-touchy .is-hover.button-5, .is-not-touchy .is-hover.button-6, .is-not-touchy .is-hover.button-7, .is-not-touchy .is-hover.button-paypal, .is-not-touchy .is-hover.button-small {
  background-color: #505050;
  border-color: #000;
  color: #fff;
}

.busy.button-1, .busy.button-1-small, .busy.button-2, .busy.button-2-small, .busy.button-3, .busy.button-3-small, .busy.button-4, .busy.button-5, .busy.button-6, .busy.button-7, .busy.button-paypal, .busy.button-small, .button.busy, .button.is-busy, .is-busy.button-1, .is-busy.button-1-small, .is-busy.button-2, .is-busy.button-2-small, .is-busy.button-3, .is-busy.button-3-small, .is-busy.button-4, .is-busy.button-5, .is-busy.button-6, .is-busy.button-7, .is-busy.button-paypal, .is-busy.button-small {
  cursor: wait !important;
  pointer-events: none !important;
  color: #fff;
}

.button-1-small:disabled, .button-1:disabled, .button-2-small:disabled, .button-2:disabled, .button-3-small:disabled, .button-3:disabled, .button-4:disabled, .button-5:disabled, .button-6:disabled, .button-7:disabled, .button-paypal:disabled, .button-small:disabled, .button.disabled, .button.is-disabled, .button:disabled, .button[disabled], .disabled.button-1, .disabled.button-1-small, .disabled.button-2, .disabled.button-2-small, .disabled.button-3, .disabled.button-3-small, .disabled.button-4, .disabled.button-5, .disabled.button-6, .disabled.button-7, .disabled.button-paypal, .disabled.button-small, .is-disabled.button-1, .is-disabled.button-1-small, .is-disabled.button-2, .is-disabled.button-2-small, .is-disabled.button-3, .is-disabled.button-3-small, .is-disabled.button-4, .is-disabled.button-5, .is-disabled.button-6, .is-disabled.button-7, .is-disabled.button-paypal, .is-disabled.button-small, [disabled].button-1, [disabled].button-1-small, [disabled].button-2, [disabled].button-2-small, [disabled].button-3, [disabled].button-3-small, [disabled].button-4, [disabled].button-5, [disabled].button-6, [disabled].button-7, [disabled].button-paypal, [disabled].button-small {
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
  background-color: get("namedColor.silver");
  border-color: get("namedColor.silver");
}

body.size-s .button, body.size-s .button-1, body.size-s .button-1-small, body.size-s .button-2, body.size-s .button-2-small, body.size-s .button-3, body.size-s .button-3-small, body.size-s .button-4, body.size-s .button-5, body.size-s .button-6, body.size-s .button-7, body.size-s .button-paypal, body.size-s .button-small {
  font-size: 0.7em;
}

.button-1 .button__body, .button-1-small .button__body, .button-2 .button__body, .button-2-small .button__body, .button-3 .button__body, .button-3-small .button__body, .button-4 .button__body, .button-5 .button__body, .button-6 .button__body, .button-7 .button__body, .button-paypal .button__body, .button-small .button__body, .button .button__body {
  font-style: italic;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.button-1-small:not(.error):not(.is-error) .icon.button__error, .button-1-small:not(.success):not(.is-success) .button__success, .button-1-small:not(.success):not(.is-success) .icon.c-success, .button-1:not(.error):not(.is-error) .icon.button__error, .button-1:not(.success):not(.is-success) .button__success, .button-1:not(.success):not(.is-success) .icon.c-success, .button-2-small:not(.error):not(.is-error) .icon.button__error, .button-2-small:not(.success):not(.is-success) .button__success, .button-2-small:not(.success):not(.is-success) .icon.c-success, .button-2:not(.error):not(.is-error) .icon.button__error, .button-2:not(.success):not(.is-success) .button__success, .button-2:not(.success):not(.is-success) .icon.c-success, .button-3-small:not(.error):not(.is-error) .icon.button__error, .button-3-small:not(.success):not(.is-success) .button__success, .button-3-small:not(.success):not(.is-success) .icon.c-success, .button-3:not(.error):not(.is-error) .icon.button__error, .button-3:not(.success):not(.is-success) .button__success, .button-3:not(.success):not(.is-success) .icon.c-success, .button-4:not(.error):not(.is-error) .icon.button__error, .button-4:not(.success):not(.is-success) .button__success, .button-4:not(.success):not(.is-success) .icon.c-success, .button-5:not(.error):not(.is-error) .icon.button__error, .button-5:not(.success):not(.is-success) .button__success, .button-5:not(.success):not(.is-success) .icon.c-success, .button-6:not(.error):not(.is-error) .icon.button__error, .button-6:not(.success):not(.is-success) .button__success, .button-6:not(.success):not(.is-success) .icon.c-success, .button-7:not(.error):not(.is-error) .icon.button__error, .button-7:not(.success):not(.is-success) .button__success, .button-7:not(.success):not(.is-success) .icon.c-success, .button-paypal:not(.error):not(.is-error) .icon.button__error, .button-paypal:not(.success):not(.is-success) .button__success, .button-paypal:not(.success):not(.is-success) .icon.c-success, .button-small:not(.error):not(.is-error) .icon.button__error, .button-small:not(.success):not(.is-success) .button__success, .button-small:not(.success):not(.is-success) .icon.c-success, .button:not(.error):not(.is-error) .icon.button__error, .button:not(.success):not(.is-success) .button__success, .button:not(.success):not(.is-success) .icon.c-success {
  position: absolute !important;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
}

.button-1, .button-1-small {
  background-color: rgba(0, 0, 0, 0.1);
  border-color: #fff;
  color: #fff;
  font-size: 0.79em;
}

.is-not-touchy .button-1-small:hover, .is-not-touchy .button-1.is-hover, .is-not-touchy .button-1:hover, .is-not-touchy .is-hover.button-1-small {
  background-color: hsla(0, 0%, 100%, 0.5);
  border-color: rgba(46, 46, 46, 0.5);
  color: #2e2e2e;
}

.busy.button-1-small, .button-1.busy, .button-1.is-busy, .is-busy.button-1-small {
  cursor: wait !important;
  pointer-events: none !important;
}

.button-1-small:disabled, .button-1.disabled, .button-1.is-disabled, .button-1:disabled, .button-1[disabled], .disabled.button-1-small, .is-disabled.button-1-small, [disabled].button-1-small {
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
}

body.size-s .button-1, body.size-s .button-1-small {
  font-size: 0.7em;
}

.button-1 .button__body, .button-1-small .button__body {
  font-style: italic;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.button-1-small:not(.error):not(.is-error) .icon.button__error, .button-1-small:not(.success):not(.is-success) .button__success, .button-1-small:not(.success):not(.is-success) .icon.c-success, .button-1:not(.error):not(.is-error) .icon.button__error, .button-1:not(.success):not(.is-success) .button__success, .button-1:not(.success):not(.is-success) .icon.c-success {
  position: absolute !important;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
}

.button-2, .button-2-small {
  background-color: #fff;
  border-color: #fff;
  color: #000;
  font-size: 0.79em;
}

.is-not-touchy .button-2-small:hover, .is-not-touchy .button-2.is-hover, .is-not-touchy .button-2:hover, .is-not-touchy .is-hover.button-2-small {
  background-color: #505050;
  border-color: #000;
  color: #fff;
}

.busy.button-2-small, .button-2.busy, .button-2.is-busy, .is-busy.button-2-small {
  cursor: wait !important;
  pointer-events: none !important;
}

.button-2-small:disabled, .button-2.disabled, .button-2.is-disabled, .button-2:disabled, .button-2[disabled], .disabled.button-2-small, .is-disabled.button-2-small, [disabled].button-2-small {
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
}

body.size-s .button-2, body.size-s .button-2-small {
  font-size: 0.7em;
}

.button-2 .button__body, .button-2-small .button__body {
  font-style: italic;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.button-2-small:not(.error):not(.is-error) .icon.button__error, .button-2-small:not(.success):not(.is-success) .button__success, .button-2-small:not(.success):not(.is-success) .icon.c-success, .button-2:not(.error):not(.is-error) .icon.button__error, .button-2:not(.success):not(.is-success) .button__success, .button-2:not(.success):not(.is-success) .icon.c-success {
  position: absolute !important;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
}

.button-3, .button-3-small {
  background-color: initial;
  border-color: #000;
  color: #000;
  font-size: 0.79em;
}

.is-not-touchy .button-3-small:hover, .is-not-touchy .button-3.is-hover, .is-not-touchy .button-3:hover, .is-not-touchy .is-hover.button-3-small {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

.busy.button-3-small, .button-3.busy, .button-3.is-busy, .is-busy.button-3-small {
  cursor: wait !important;
  pointer-events: none !important;
}

.button-3-small:disabled, .button-3.disabled, .button-3.is-disabled, .button-3:disabled, .button-3[disabled], .disabled.button-3-small, .is-disabled.button-3-small, [disabled].button-3-small {
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
}

body.size-s .button-3, body.size-s .button-3-small {
  font-size: 0.7em;
}

.button-3 .button__body, .button-3-small .button__body {
  font-style: italic;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.button-3-small:not(.error):not(.is-error) .icon.button__error, .button-3-small:not(.success):not(.is-success) .button__success, .button-3-small:not(.success):not(.is-success) .icon.c-success, .button-3:not(.error):not(.is-error) .icon.button__error, .button-3:not(.success):not(.is-success) .button__success, .button-3:not(.success):not(.is-success) .icon.c-success {
  position: absolute !important;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
}

.button-4 {
  background-color: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.79em;
}

.is-not-touchy .button-4.is-hover, .is-not-touchy .button-4:hover {
  background-color: rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.04);
  color: #fff;
}

.button-4.busy, .button-4.is-busy {
  cursor: wait !important;
  pointer-events: none !important;
}

.button-4.disabled, .button-4.is-disabled, .button-4:disabled, .button-4[disabled] {
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
}

body.size-s .button-4 {
  font-size: 0.7em;
}

.button-4 .button__body {
  font-style: italic;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.button-4:not(.error):not(.is-error) .icon.button__error, .button-4:not(.success):not(.is-success) .button__success, .button-4:not(.success):not(.is-success) .icon.c-success {
  position: absolute !important;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
}

.button-5 {
  background-color: initial;
  border-color: transparent;
  color: #000;
  font-size: 0.79em;
}

.is-not-touchy .button-5.is-hover, .is-not-touchy .button-5:hover {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

.button-5.busy, .button-5.is-busy {
  cursor: wait !important;
  pointer-events: none !important;
}

.button-5.disabled, .button-5.is-disabled, .button-5:disabled, .button-5[disabled] {
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
}

body.size-s .button-5 {
  font-size: 0.7em;
}

.button-5 .button__body {
  font-style: italic;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.button-5:not(.error):not(.is-error) .icon.button__error, .button-5:not(.success):not(.is-success) .button__success, .button-5:not(.success):not(.is-success) .icon.c-success {
  position: absolute !important;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
}

.button-6 {
  background-color: #2e2e2e;
  border-color: #000;
  color: #fff;
  font-size: 0.79em;
}

.is-not-touchy .button-6.is-hover, .is-not-touchy .button-6:hover {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

.button-6.busy, .button-6.is-busy {
  cursor: wait !important;
  pointer-events: none !important;
}

.button-6.disabled, .button-6.is-disabled, .button-6:disabled, .button-6[disabled] {
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
}

body.size-s .button-6 {
  font-size: 0.7em;
}

.button-6 .button__body {
  font-style: italic;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.button-6:not(.error):not(.is-error) .icon.button__error, .button-6:not(.success):not(.is-success) .button__success, .button-6:not(.success):not(.is-success) .icon.c-success {
  position: absolute !important;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
}

.button-7 {
  background-color: #fefaf8;
  border-color: #fefaf8;
  color: #000;
  font-size: 0.79em;
}

.is-not-touchy .button-7.is-hover, .is-not-touchy .button-7:hover {
  background-color: #feede8;
  border-color: #feede8;
  color: #000;
}

.button-7.busy, .button-7.is-busy {
  cursor: wait !important;
  pointer-events: none !important;
}

.button-7.disabled, .button-7.is-disabled, .button-7:disabled, .button-7[disabled] {
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
}

body.size-s .button-7 {
  font-size: 0.7em;
}

.button-7 .button__body {
  font-style: italic;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.button-7:not(.error):not(.is-error) .icon.button__error, .button-7:not(.success):not(.is-success) .button__success, .button-7:not(.success):not(.is-success) .icon.c-success {
  position: absolute !important;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
}

.button-paypal {
  font-size: 0.79em;
}

.button-paypal, .is-not-touchy .button-paypal.is-hover, .is-not-touchy .button-paypal:hover {
  background-color: initial;
  border-color: #000;
  color: #000;
}

.button-paypal.busy, .button-paypal.is-busy {
  cursor: wait !important;
  pointer-events: none !important;
}

.button-paypal.disabled, .button-paypal.is-disabled, .button-paypal:disabled, .button-paypal[disabled] {
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
}

body.size-s .button-paypal {
  font-size: 0.7em;
}

.button-paypal .button__body {
  font-style: italic;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.button-paypal:not(.error):not(.is-error) .icon.button__error, .button-paypal:not(.success):not(.is-success) .button__success, .button-paypal:not(.success):not(.is-success) .icon.c-success {
  position: absolute !important;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
}

.button-1, .button-1-small {
  border-radius: 3.324em;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  transition: all 0.15s ease-in-out;
}

.button-1 .button__body, .button-1 .button__body > *, .button-1-small .button__body, .button-1-small .button__body > * {
  text-transform: uppercase;
}

.button-1-small:hover, .button-1.is-hover, .button-1:hover, .is-hover.button-1-small {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.button-3, .button-3-small {
  letter-spacing: 0.05em;
  font-weight: 500;
}

.button-1-small, .button-2-small, .button-small {
  padding: 0 14px;
}

.button-3-small {
  padding: 0 12px;
}

.button-inline, .button-inline-inherit {
  touch-action: manipulation;
  appearance: none;
  outline: none;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
  color: inherit;
  color: #454647;
  display: inline-block;
  font-size: 0.79em;
  position: relative;
}

.button-inline-inherit[success] .button__body, .button-inline-inherit[success] .button__success-body, .button-inline[success] .button__body, .button-inline[success] .button__success-body {
  transition: opacity 0.15s ease-in-out;
}

.button-inline-inherit[success] .button__success-body, .button-inline[success] .button__success-body {
  position: absolute;
  opacity: 0;
}

.button-inline-inherit[success].is-success .button__body, .button-inline-inherit[success].success .button__body, .button-inline[success].is-success .button__body, .button-inline[success].success .button__body {
  opacity: 0;
}

.button-inline-inherit[success].is-success .button__success-body, .button-inline-inherit[success].success .button__success-body, .button-inline[success].is-success .button__success-body, .button-inline[success].success .button__success-body {
  opacity: 1;
}

.button-inline-inherit.active, .button-inline-inherit.busy, .button-inline-inherit.disabled, .button-inline-inherit.is-active, .button-inline-inherit.is-busy, .button-inline-inherit.is-disabled, .button-inline-inherit.is-focus, .button-inline-inherit.is-hover, .button-inline-inherit:active, .button-inline-inherit:disabled, .button-inline-inherit:focus, .button-inline-inherit:hover, .button-inline-inherit[disabled], .button-inline.active, .button-inline.busy, .button-inline.disabled, .button-inline.is-active, .button-inline.is-busy, .button-inline.is-disabled, .button-inline.is-focus, .button-inline.is-hover, .button-inline:active, .button-inline:disabled, .button-inline:focus, .button-inline:hover, .button-inline[disabled] {
  color: inherit;
}

.button-inline-inherit .button__busy, .button-inline-inherit .icon-failure, .button-inline-inherit .icon-success, .button-inline .button__busy, .button-inline .icon-failure, .button-inline .icon-success {
  position: absolute !important;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
}

.button-inline-inherit.is-hover, .button-inline-inherit:hover, .button-inline.is-hover, .button-inline:hover {
  color: #2e2e2e;
}

.button-inline-inherit.is-focus, .button-inline-inherit:focus, .button-inline.is-focus, .button-inline:focus {
  color: #4d90fe;
}

.button-inline-inherit.active, .button-inline-inherit.is-active, .button-inline-inherit:active, .button-inline.active, .button-inline.is-active, .button-inline:active {
  color: #2e2e2e;
}

.button-inline-inherit.busy, .button-inline-inherit.is-busy, .button-inline.busy, .button-inline.is-busy {
  cursor: wait !important;
  pointer-events: none !important;
  color: #2e2e2e;
}

.button-inline-inherit.disabled, .button-inline-inherit.is-disabled, .button-inline-inherit:disabled, .button-inline-inherit[disabled], .button-inline.disabled, .button-inline.is-disabled, .button-inline:disabled, .button-inline[disabled] {
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
  color: #e8e8e8;
}

@keyframes button-inline-busy-underline {
  0% {
    left: 0;
  }
  50% {
    left: 90%;
  }
  to {
    left: 0;
  }
}
.button-inline-inherit.busy:not(.pos-absolute), .button-inline-inherit.is-busy:not(.pos-absolute), .button-inline.busy:not(.pos-absolute), .button-inline.is-busy:not(.pos-absolute) {
  position: relative;
}

.button-inline-inherit.busy .button__busy, .button-inline-inherit.is-busy .button__busy, .button-inline.busy .button__busy, .button-inline.is-busy .button__busy {
  display: none;
}

.button-inline-inherit.busy .button__body, .button-inline-inherit.is-busy .button__body, .button-inline.busy .button__body, .button-inline.is-busy .button__body {
  margin-left: 0 !important;
  transform: none;
}

.button-inline-inherit.busy:after, .button-inline-inherit.busy:before, .button-inline-inherit.is-busy:after, .button-inline-inherit.is-busy:before, .button-inline.busy:after, .button-inline.busy:before, .button-inline.is-busy:after, .button-inline.is-busy:before {
  content: "";
  background-color: #454647;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -0.05em;
  z-index: 1;
  height: 1px;
  pointer-events: none;
}

.button-inline-inherit.busy:after, .button-inline-inherit.is-busy:after, .button-inline.busy:after, .button-inline.is-busy:after {
  width: 10% !important;
  z-index: 2;
  background-color: #fff !important;
  animation: button-inline-busy-underline 2s infinite;
}

.button-inline-inherit.busy.col-1:after, .button-inline-inherit.is-busy.col-1:after, .button-inline.busy.col-1:after, .button-inline.is-busy.col-1:after {
  background-color: #454647;
}

.button-inline-inherit.busy.col-2:after, .button-inline-inherit.is-busy.col-2:after, .button-inline.busy.col-2:after, .button-inline.is-busy.col-2:after {
  background-color: #bf0a00;
}

.button-inline-inherit.busy.col-3:after, .button-inline-inherit.is-busy.col-3:after, .button-inline.busy.col-3:after, .button-inline.is-busy.col-3:after {
  background-color: #4cd964;
}

.button-inline-inherit.busy.col-4:after, .button-inline-inherit.is-busy.col-4:after, .button-inline.busy.col-4:after, .button-inline.is-busy.col-4:after {
  background-color: #e8e8e8;
}

.button-inline-inherit.busy.col-5:after, .button-inline-inherit.is-busy.col-5:after, .button-inline.busy.col-5:after, .button-inline.is-busy.col-5:after {
  background-color: #fafafa;
}

.button-inline-inherit.busy.col-11:after, .button-inline-inherit.is-busy.col-11:after, .button-inline.busy.col-11:after, .button-inline.is-busy.col-11:after {
  background-color: #ff2c54;
}

.button-inline-inherit.busy.col-12:after, .button-inline-inherit.is-busy.col-12:after, .button-inline.busy.col-12:after, .button-inline.is-busy.col-12:after {
  background-color: #2e2e2e;
}

.button-inline-inherit.busy.col-13:after, .button-inline-inherit.is-busy.col-13:after, .button-inline.busy.col-13:after, .button-inline.is-busy.col-13:after {
  background-color: #c52241;
}

.button-inline-inherit.busy.col-14:after, .button-inline-inherit.is-busy.col-14:after, .button-inline.busy.col-14:after, .button-inline.is-busy.col-14:after {
  background-color: #fef6f3;
}

.button-inline-inherit.busy.col-15:after, .button-inline-inherit.is-busy.col-15:after, .button-inline.busy.col-15:after, .button-inline.is-busy.col-15:after {
  background-color: #feede8;
}

.button-inline-inherit.busy.col-16:after, .button-inline-inherit.is-busy.col-16:after, .button-inline.busy.col-16:after, .button-inline.is-busy.col-16:after {
  background-color: #fefaf8;
}

.button-inline-inherit.busy.col-21:after, .button-inline-inherit.is-busy.col-21:after, .button-inline.busy.col-21:after, .button-inline.is-busy.col-21:after {
  background-color: #757575;
}

.button-inline-inherit.busy.col-22:after, .button-inline-inherit.is-busy.col-22:after, .button-inline.busy.col-22:after, .button-inline.is-busy.col-22:after {
  background-color: #ed699a;
}

.button-inline-inherit.busy.col-23:after, .button-inline-inherit.is-busy.col-23:after, .button-inline.busy.col-23:after, .button-inline.is-busy.col-23:after {
  background-color: #f2f2f2;
}

.button-inline-inherit.busy.col-24:after, .button-inline-inherit.is-busy.col-24:after, .button-inline.busy.col-24:after, .button-inline.is-busy.col-24:after {
  background-color: #afafaf;
}

.button-inline-inherit.busy.col-25:after, .button-inline-inherit.is-busy.col-25:after, .button-inline.busy.col-25:after, .button-inline.is-busy.col-25:after {
  background-color: #eddcd4;
}

.button-inline-inherit.busy.col-27:after, .button-inline-inherit.is-busy.col-27:after, .button-inline.busy.col-27:after, .button-inline.is-busy.col-27:after {
  background-color: #aca09b;
}

.button-inline-inherit.busy.col-28:after, .button-inline-inherit.is-busy.col-28:after, .button-inline.busy.col-28:after, .button-inline.is-busy.col-28:after {
  background-color: #e5e2e1;
}

.button-inline-inherit.busy.col-29:after, .button-inline-inherit.is-busy.col-29:after, .button-inline.busy.col-29:after, .button-inline.is-busy.col-29:after {
  background-color: #1d1c1f;
}

.button-inline-inherit.busy.col-30:after, .button-inline-inherit.is-busy.col-30:after, .button-inline.busy.col-30:after, .button-inline.is-busy.col-30:after {
  background-color: #4d90fe;
}

.button-inline-inherit.busy.col-32:after, .button-inline-inherit.is-busy.col-32:after, .button-inline.busy.col-32:after, .button-inline.is-busy.col-32:after {
  background-color: #505050;
}

.button-inline-inherit.busy.col-b:after, .button-inline-inherit.is-busy.col-b:after, .button-inline.busy.col-b:after, .button-inline.is-busy.col-b:after {
  background-color: #000;
}

.button-inline-inherit.busy.col-w:after, .button-inline-inherit.is-busy.col-w:after, .button-inline.busy.col-w:after, .button-inline.is-busy.col-w:after {
  background-color: #fff;
}

.button-inline-inherit.busy.col-t:after, .button-inline-inherit.is-busy.col-t:after, .button-inline.busy.col-t:after, .button-inline.is-busy.col-t:after {
  background-color: initial;
}

.button-inline-inherit.busy.col-12-temp:after, .button-inline-inherit.is-busy.col-12-temp:after, .button-inline.busy.col-12-temp:after, .button-inline.is-busy.col-12-temp:after {
  background-color: #7e7d7b;
}

.button-inline-inherit.underline, .button-inline.underline {
  text-decoration: none;
}

.button-inline-inherit.underline:before, .button-inline.underline:before {
  content: "";
  background-color: #454647;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -1px;
  z-index: 1;
  height: 1px;
  pointer-events: none;
  transition: background-color 0.15s ease-in-out;
}

.button-inline-inherit.busy:after, .button-inline-inherit.busy:before, .button-inline-inherit.is-busy:after, .button-inline-inherit.is-busy:before, .button-inline.busy:after, .button-inline.busy:before, .button-inline.is-busy:after, .button-inline.is-busy:before {
  bottom: -1px;
}

.button-inline-inherit.busy.underline:before, .button-inline-inherit.busy:before, .button-inline-inherit.is-busy.underline:before, .button-inline-inherit.is-busy:before, .button-inline-inherit.is-hover.underline:before, .button-inline-inherit:hover.underline:before, .button-inline.busy.underline:before, .button-inline.busy:before, .button-inline.is-busy.underline:before, .button-inline.is-busy:before, .button-inline.is-hover.underline:before, .button-inline:hover.underline:before {
  background-color: #2e2e2e;
}

.button-inline-inherit.is-focus.underline:before, .button-inline-inherit:focus.underline:before, .button-inline.is-focus.underline:before, .button-inline:focus.underline:before {
  background-color: #4d90fe;
}

.button-inline-inherit.active.underline:before, .button-inline-inherit.is-active.underline:before, .button-inline-inherit:active.underline:before, .button-inline.active.underline:before, .button-inline.is-active.underline:before, .button-inline:active.underline:before {
  background-color: #2e2e2e;
}

.button-inline-inherit.disabled.underline:before, .button-inline-inherit.is-disabled.underline:before, .button-inline-inherit:disabled.underline:before, .button-inline-inherit[disabled].underline:before, .button-inline.disabled.underline:before, .button-inline.is-disabled.underline:before, .button-inline:disabled.underline:before, .button-inline[disabled].underline:before {
  background-color: #e8e8e8;
}

.button-inline-inherit:not(.tt-none), .button-inline-inherit:not(.tt-none) .button__body, .button-inline-inherit:not(.tt-none) .button__body *, .button-inline:not(.tt-none), .button-inline:not(.tt-none) .button__body, .button-inline:not(.tt-none) .button__body * {
  text-transform: uppercase;
}

.button-inline-inherit {
  color: inherit;
  font-size: inherit;
}

.button-inline .button__body {
  letter-spacing: 0.05em;
  font-weight: 600;
}

.button-paypal:after {
  content: "";
  width: 3.2em;
  height: 0.81em;
  display: block;
  margin-left: 0.5em;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url(/assets/images/paypal.svg);
}

._payment-button.disabled {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}

.calendar-prev-month {
  left: -0.25em;
}

.size-s .calendar-prev-month {
  left: 0.25em;
}

.calendar-next-month {
  right: -0.25em;
}

.size-s .calendar-next-month {
  right: 0.25em;
}

.calendar-week {
  margin-top: 0.2em;
}

.calendar-day {
  height: 2.69em;
  width: 2.69em;
}

.calendar-day.is-active {
  background-color: #000;
  color: #fff;
}

.cookie-modal-bg {
  background-color: #fff;
}

.size-s .cookie-modal-bg {
  background-color: #fef6f3;
}

.cookie-modal-bg-transparent {
  background-color: hsla(0, 0%, 100%, 0.7);
}

.size-s .cookie-modal-bg-transparent {
  background-color: rgba(254, 246, 243, 0.8);
}

.link.underline, .link.underline-h.active, .link.underline-h.active.active, .link.underline-h.active.is-active, .link.underline-h.active.is-hover, .link.underline-h.active:active, .link.underline-h.active:hover, .link.underline-h.is-active, .link.underline-h.is-active.active, .link.underline-h.is-active.is-active, .link.underline-h.is-active.is-hover, .link.underline-h.is-active:active, .link.underline-h.is-active:hover, .link.underline-h.is-hover, .link.underline-h.is-hover.active, .link.underline-h.is-hover.is-active, .link.underline-h.is-hover.is-hover, .link.underline-h.is-hover:active, .link.underline-h.is-hover:hover, .link.underline-h:active, .link.underline-h:active.active, .link.underline-h:active.is-active, .link.underline-h:active.is-hover, .link.underline-h:active:active, .link.underline-h:active:hover, .link.underline-h:hover, .link.underline-h:hover.active, .link.underline-h:hover.is-active, .link.underline-h:hover.is-hover, .link.underline-h:hover:active, .link.underline-h:hover:hover, .link.underline.active, .link.underline.is-active, .link.underline.is-hover, .link.underline:active, .link.underline:hover {
  text-decoration: none !important;
}

.link, .link-w {
  cursor: pointer;
  transition: color 0.15s ease-in-out;
  appearance: none;
  outline: none;
}

.link-w {
  color: #fff;
}

.link-w.is-hover, .link-w:hover {
  color: #fafafa;
}

.link-w.is-focus, .link-w:focus {
  color: #4d90fe;
}

.link-w.is-focus i, .link-w:focus i {
  font-size: 1.05em;
}

.link-1 {
  cursor: pointer;
  transition: color 0.15s ease-in-out;
  appearance: none;
  outline: none;
  color: #ed699a;
}

.link-1.is-focus, .link-1:focus {
  color: #4d90fe;
}

.link-1.is-focus i, .link-1:focus i {
  font-size: 1.05em;
}

.link-2 {
  cursor: pointer;
  transition: color 0.15s ease-in-out;
  appearance: none;
  outline: none;
  color: #454647;
}

.link-2.is-hover, .link-2:hover {
  color: #ed699a;
}

.link-2.is-focus, .link-2:focus {
  color: #4d90fe;
}

.link-2.is-focus i, .link-2:focus i {
  font-size: 1.05em;
}

.link-3 {
  cursor: pointer;
  transition: color 0.15s ease-in-out;
  appearance: none;
  outline: none;
  color: #000;
}

.link-3.is-hover, .link-3:hover {
  color: #454647;
}

.link-3.is-focus, .link-3:focus {
  color: #4d90fe;
}

.link-3.is-focus i, .link-3:focus i {
  font-size: 1.05em;
}

.link-4 {
  cursor: pointer;
  transition: color 0.15s ease-in-out;
  appearance: none;
  outline: none;
}

.link-4, .link-4.is-hover, .link-4:hover {
  color: #ff2c54;
}

.link-4.is-focus, .link-4:focus {
  color: #4d90fe;
}

.link-4.is-focus i, .link-4:focus i {
  font-size: 1.05em;
}

.link i {
  transition: font-size 2s;
}

.link-5 {
  cursor: pointer;
  transition: color 0.15s ease-in-out;
  appearance: none;
  outline: none;
  color: #454647;
}

.link-5.is-hover, .link-5:hover {
  color: #000;
}

.link-5.is-focus, .link-5:focus {
  color: #4d90fe;
}

.link-5.is-focus i, .link-5:focus i {
  font-size: 1.05em;
}

.link.underline {
  position: relative;
}

.link.underline:after {
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: currentcolor;
  content: "";
  transition: background-color 0.15s ease-in-out;
}

.link.underline-h.is-hover, .link.underline-h:hover {
  position: relative;
}

.link.underline-h.is-hover:after, .link.underline-h:hover:after {
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: currentcolor;
  content: "";
  transition: background-color 0.15s ease-in-out;
}

.link.underline-h.active, .link.underline-h.is-active, .link.underline-h:active {
  position: relative;
}

.link.underline-h.active:after, .link.underline-h.is-active:after, .link.underline-h:active:after {
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: currentcolor;
  content: "";
  transition: background-color 0.15s ease-in-out;
}

.category-filters.is-sticky {
  z-index: 8;
}

.size-s .category-filters.is-sticky {
  z-index: 10;
}

.filters-component {
  padding: 0.125em 0.188em;
}

.filters-component .hide-fade {
  margin-right: -100%;
}

.rtl .filters-component .hide-fade {
  margin-right: 0;
  margin-left: -100% !important;
}

.filters-component .hide-fade.ng-hide {
  max-height: 0;
}

.filters-component__dropdown {
  padding-top: 12px;
}

.filters-component__dropdown-inner {
  padding-left: 3px;
}

.filter-attribute-option__column {
  max-width: 16.6%;
}

.size-l .filter-attribute-option__column {
  max-width: 20%;
}

.size-m .filter-attribute-option__column {
  max-width: 25%;
}

.size-s .filter-attribute-option__column {
  max-width: 50%;
}

.filter-attribute-option__column-item {
  margin-bottom: 18px;
}

.size-s .filter-attribute-option__column-item {
  margin-bottom: 15px;
}

.filter-attribute-option__column-item.is-hover .link, .filter-attribute-option__column-item:hover .link {
  position: relative;
}

.filter-attribute-option__column-item.is-hover .link:after, .filter-attribute-option__column-item:hover .link:after {
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: currentcolor;
  content: "";
  transition: background-color 0.15s ease-in-out;
}

.filters-mobile, filters-mobile {
  display: block;
  height: 0;
  overflow: hidden;
}

.listing-sort__list {
  min-width: 15em;
}

.listing-size__list {
  min-width: 10em;
}

.size-s .product-size-guide .modal-container {
  max-height: calc(var(--vh, 1vh) * 100);
}

.label {
  color: #000;
  transition-duration: 0.15s;
  transition-property: color;
  transition-timing-function: ease-in-out;
}

.label.disabled, .label.is-disabled, .label:disabled, .label[disabled] {
  color: #000 !important;
  opacity: 0.5;
}

.is-required .label:after, .label.is-required:after, [required] .label:after {
  position: relative;
  left: 0.1em;
  color: #bf0a00;
  content: "*";
  font-size: 1.1em;
}

.is-invalid .label {
  color: #bf0a00;
}

.is-disabled .label {
  color: #000 !important;
  opacity: 0.5;
}

.input-wrap-label, input-wrap .label {
  display: block;
  padding-bottom: 0.5em;
  font-size: 0.79em;
  font-weight: 500;
  line-height: 1.2em;
}

.size-s .input-wrap-label, .size-s input-wrap .label, input-wrap .size-s .label {
  font-size: 0.7em;
}

input-wrap {
  position: relative;
}

.validation-error, validation {
  display: block;
  margin-top: 0.5em;
  color: red;
  font-size: 0.7em;
}

.required validation {
  padding-left: 2.2em;
}

.placeholder:not(.ta-left, .left)::placeholder {
  font-size: 0.85em;
  font-weight: medium;
  text-align: left;
}

.rtl .placeholder:not(.ta-left, .left)::placeholder {
  text-align: right;
}

.radio {
  position: relative;
  padding-left: 1.5em;
}

.radio, .radio label {
  display: inline-block;
}

.radio label {
  cursor: pointer;
}

.radio input {
  position: absolute !important;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
}

.radio label {
  display: flex;
  align-items: center;
}

.radio .icon-radio-checked, .radio .icon-radio-unchecked {
  border: 1px solid #000;
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 16px;
  min-width: 16px;
  height: 16px;
  border-radius: 16px;
}

.radio .icon-radio-checked:after, .radio .icon-radio-checked:before, .radio .icon-radio-unchecked:after, .radio .icon-radio-unchecked:before {
  content: "";
  width: 14px;
  height: 14px;
  margin-top: -7px;
  margin-left: -7px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 16px;
}

.radio .icon-radio-checked:after {
  width: 100%;
  height: 100%;
  margin-top: -50%;
  margin-left: -50%;
  background-color: #000;
}

.radio .c-body {
  width: 100%;
  padding-left: 0.5em;
  margin: 0 !important;
}

.radio.aligned-up label {
  display: flex;
  align-items: flex-start;
}

.radio.is-checked [class*=" icon-"]:after, .radio .is-checked [class*=" icon-"]:after, .radio.is-checked [class^=icon-]:after, .radio .is-checked [class^=icon-]:after {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
}

.radio.is-disabled, .radio .is-disabled {
  color: #afafaf;
}

.radio.is-disabled .icon-radio-checked, .radio .is-disabled .icon-radio-checked, .radio.is-disabled .icon-radio-unchecked, .radio .is-disabled .icon-radio-unchecked {
  border-color: #afafaf !important;
}

.radio.is-disabled .icon-radio-checked:after, .radio .is-disabled .icon-radio-checked:after {
  background-color: #afafaf !important;
}

.checkbox {
  display: inline-block;
  position: relative;
  padding-left: 1.75em;
  line-height: 1.2em;
}

.checkbox label {
  display: inline-block;
  cursor: pointer;
}

.checkbox input {
  position: absolute !important;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
}

.checkbox .icon-checkbox, .checkbox .icon-checkbox-checked {
  border: 1px solid #000;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  height: 1em;
  left: 0;
  top: 0;
  width: 1em;
}

.checkbox .icon-checkbox-checked:before {
  border-color: #000;
  border-style: solid;
  border-width: 0 1.5px 1.5px 0;
  content: "";
  margin-left: -0.2em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotate(45deg);
  width: 0.36em;
  height: 0.59em;
  margin-top: -0.39em;
}

input-wrap {
  display: block;
}

input-wrap.busy, input-wrap.is-busy {
  position: relative;
}

input-wrap.busy:after, input-wrap.is-busy:after {
  position: absolute;
  z-index: 0;
  top: calc(50% + 0.6648em);
  right: 0.6648em;
  display: block;
  width: 1.3296em;
  height: 1.3296em;
  box-sizing: border-box;
  border-top: 2px solid #757575;
  border-right: 2px solid transparent;
  margin-top: -0.6648em;
  margin-left: -0.6648em;
  animation: input-wrap-loader 0.5s linear infinite;
  border-radius: 50%;
  content: "";
}

input-wrap.busy .mui-input.is-valid:before, input-wrap.is-busy .mui-input.is-valid:before {
  visibility: hidden;
}

@keyframes input-wrap-loader {
  to {
    transform: rotate(1turn);
  }
}
.fixed-position-result {
  position: fixed;
  bottom: 2em;
  left: 50%;
  width: 280px;
  padding: 0.5em;
  border: 1px solid #e8e8e8;
  margin: 0 auto 0 -140px;
  background: #feede8;
  color: #454647;
}

result.error {
  color: #bf0a00;
}

result.success {
  color: #4cd964;
}

.cluster span {
  color: #fff !important;
  font-size: 1rem;
}

.cluster div, .cluster img {
  bottom: 50%;
}

.image-component img.circle {
  border-radius: 50%;
}

.input.is-focus, .input:focus {
  border-color: #000;
}

.input.busy, .input.is-busy {
  cursor: wait !important;
  pointer-events: none !important;
}

.input.disabled, .input.is-disabled, .input:disabled, .input[disabled] {
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
}

.select {
  appearance: none;
  display: inline-block;
  padding: 0 0.5em;
  border: 1px solid;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
  font-family: Montserrat, sans-serif;
  font-size: 0.79em;
  vertical-align: middle;
  outline: none;
  background-color: initial;
  border-color: #000;
  color: #000;
}

.select.is-focus, .select:focus {
  border-color: #000;
}

.select.busy, .select.is-busy {
  cursor: wait !important;
  pointer-events: none !important;
}

.select.disabled, .select.is-disabled, .select:disabled, .select[disabled] {
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
}

.select {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.35em center;
  background-size: 0.6em 0.75em;
  padding-right: 1em;
}

.select[multiple], .select[size] {
  height: auto;
}

.select[multiple] option, .select[size] option {
  padding: 0.1em 0.2em;
}

.select::-ms-expand {
  display: none;
}

.select {
  height: 3.324em;
  line-height: 3.324em;
}

.select:not([multiple]):not([size]) {
  background-color: initial;
  border-color: #000;
  color: #000;
}

.select:not([multiple]):not([size]).is-focus, .select:not([multiple]):not([size]):focus {
  border-color: #000;
}

.select:not([multiple]):not([size]).busy, .select:not([multiple]):not([size]).is-busy {
  cursor: wait !important;
  pointer-events: none !important;
}

.select:not([multiple]):not([size]).disabled, .select:not([multiple]):not([size]).is-disabled, .select:not([multiple]):not([size]):disabled, .select:not([multiple]):not([size])[disabled] {
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
}

.input-1, .select-1 {
  appearance: none;
  display: inline-block;
  padding: 0 0.5em;
  border: 1px solid;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
  font-family: Montserrat, sans-serif;
  font-size: 0.79em;
  vertical-align: middle;
  outline: none;
  height: 3.324em;
  line-height: 3.324em;
  background-color: initial;
  border-color: #000;
  color: #000;
}

.input-1.is-focus, .input-1:focus, .select-1.is-focus, .select-1:focus {
  border-color: #000;
}

.input-1.busy, .input-1.is-busy, .select-1.busy, .select-1.is-busy {
  cursor: wait !important;
  pointer-events: none !important;
}

.input-1.disabled, .input-1.is-disabled, .input-1:disabled, .input-1[disabled], .select-1.disabled, .select-1.is-disabled, .select-1:disabled, .select-1[disabled] {
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
}

.input-w, .select-w {
  appearance: none;
  display: inline-block;
  padding: 0 0.5em;
  border: 1px solid;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
  font-family: Montserrat, sans-serif;
  font-size: 0.79em;
  vertical-align: middle;
  outline: none;
  border-color: #000;
  color: #000;
}

.input-w.is-focus, .input-w:focus, .select-w.is-focus, .select-w:focus {
  border-color: #000;
}

.input-w, .select-w {
  height: 3.324em;
  line-height: 3.324em;
  background-color: initial;
  border-color: #fff;
  color: #fff;
}

.input-w.is-focus, .input-w:focus, .select-w.is-focus, .select-w:focus {
  border-color: #fff;
}

.input-w.busy, .input-w.is-busy, .select-w.busy, .select-w.is-busy {
  cursor: wait !important;
  pointer-events: none !important;
}

.input-w.disabled, .input-w.is-disabled, .input-w:disabled, .input-w[disabled], .select-w.disabled, .select-w.is-disabled, .select-w:disabled, .select-w[disabled] {
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
}

.form-size-1 .input, .form-size-1 .select, .input-size-1, .select-size-1 {
  appearance: none;
  display: inline-block;
  padding: 0 0.5em;
  border: 1px solid;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
  font-family: Montserrat, sans-serif;
  font-size: 0.79em;
  vertical-align: middle;
  outline: none;
  height: 3.324em;
  line-height: 3.324em;
  height: 2.313em;
  line-height: 2.313em;
  background-color: initial;
  border-color: #000;
  color: #000;
}

.form-size-1 .input.is-focus, .form-size-1 .input:focus, .form-size-1 .select.is-focus, .form-size-1 .select:focus, .input-size-1.is-focus, .input-size-1:focus, .select-size-1.is-focus, .select-size-1:focus {
  border-color: #000;
}

.form-size-1 .input.busy, .form-size-1 .input.is-busy, .form-size-1 .select.busy, .form-size-1 .select.is-busy, .input-size-1.busy, .input-size-1.is-busy, .select-size-1.busy, .select-size-1.is-busy {
  cursor: wait !important;
  pointer-events: none !important;
}

.form-size-1 .input.disabled, .form-size-1 .input.is-disabled, .form-size-1 .input:disabled, .form-size-1 .input[disabled], .form-size-1 .select.disabled, .form-size-1 .select.is-disabled, .form-size-1 .select:disabled, .form-size-1 .select[disabled], .input-size-1.disabled, .input-size-1.is-disabled, .input-size-1:disabled, .input-size-1[disabled], .select-size-1.disabled, .select-size-1.is-disabled, .select-size-1:disabled, .select-size-1[disabled] {
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
}

.form-size-1 .input.input-1, .form-size-1 .select.input-1, .input-size-1.input-1, .select-size-1.input-1 {
  background-color: initial;
  border-color: #000;
  color: #000;
}

.form-size-1 .input.input-1.is-focus, .form-size-1 .input.input-1:focus, .form-size-1 .select.input-1.is-focus, .form-size-1 .select.input-1:focus, .input-size-1.input-1.is-focus, .input-size-1.input-1:focus, .select-size-1.input-1.is-focus, .select-size-1.input-1:focus {
  border-color: #000;
}

.form-size-1 .input.input-1.busy, .form-size-1 .input.input-1.is-busy, .form-size-1 .select.input-1.busy, .form-size-1 .select.input-1.is-busy, .input-size-1.input-1.busy, .input-size-1.input-1.is-busy, .select-size-1.input-1.busy, .select-size-1.input-1.is-busy {
  cursor: wait !important;
  pointer-events: none !important;
}

.form-size-1 .input.input-1.disabled, .form-size-1 .input.input-1.is-disabled, .form-size-1 .input.input-1:disabled, .form-size-1 .input.input-1[disabled], .form-size-1 .select.input-1.disabled, .form-size-1 .select.input-1.is-disabled, .form-size-1 .select.input-1:disabled, .form-size-1 .select.input-1[disabled], .input-size-1.input-1.disabled, .input-size-1.input-1.is-disabled, .input-size-1.input-1:disabled, .input-size-1.input-1[disabled], .select-size-1.input-1.disabled, .select-size-1.input-1.is-disabled, .select-size-1.input-1:disabled, .select-size-1.input-1[disabled] {
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
}

.form-size-1 .input.input-w, .form-size-1 .select.input-w, .input-size-1.input-w, .select-size-1.input-w {
  background-color: initial;
  border-color: #fff;
  color: #fff;
}

.form-size-1 .input.input-w.is-focus, .form-size-1 .input.input-w:focus, .form-size-1 .select.input-w.is-focus, .form-size-1 .select.input-w:focus, .input-size-1.input-w.is-focus, .input-size-1.input-w:focus, .select-size-1.input-w.is-focus, .select-size-1.input-w:focus {
  border-color: #fff;
}

.form-size-1 .input.input-w.busy, .form-size-1 .input.input-w.is-busy, .form-size-1 .select.input-w.busy, .form-size-1 .select.input-w.is-busy, .input-size-1.input-w.busy, .input-size-1.input-w.is-busy, .select-size-1.input-w.busy, .select-size-1.input-w.is-busy {
  cursor: wait !important;
  pointer-events: none !important;
}

.form-size-1 .input.input-w.disabled, .form-size-1 .input.input-w.is-disabled, .form-size-1 .input.input-w:disabled, .form-size-1 .input.input-w[disabled], .form-size-1 .select.input-w.disabled, .form-size-1 .select.input-w.is-disabled, .form-size-1 .select.input-w:disabled, .form-size-1 .select.input-w[disabled], .input-size-1.input-w.disabled, .input-size-1.input-w.is-disabled, .input-size-1.input-w:disabled, .input-size-1.input-w[disabled], .select-size-1.input-w.disabled, .select-size-1.input-w.is-disabled, .select-size-1.input-w:disabled, .select-size-1.input-w[disabled] {
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
}

.no-spinner {
  -moz-appearance: textfield !important;
}

.no-spinner::-webkit-inner-spin-button, .no-spinner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.select {
  background-image: url(/assets/images/arrow-down.svg);
  background-size: 1em;
  background-position: right 1em center;
}

.rtl .select {
  background-position: left 1em center;
}

.select--error {
  background-image: url(/assets/images/red-arrow-down.svg);
  border-color: #bf0a00 !important;
  color: #bf0a00 !important;
}

.size-s .select--error--bg-s {
  background-color: #ffd3d0 !important;
}

.input, .input-underline, .select, .textarea {
  font-style: italic;
  appearance: none;
  display: inline-block;
  padding: 0 0.5em;
  border: 1px solid;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
  font-size: 0.79em;
  vertical-align: middle;
  outline: none;
  transition-property: border-color, box-shadow;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  font-family: Montserrat, sans-serif;
}

body.size-s .input, body.size-s .input-underline, body.size-s .select, body.size-s .textarea {
  font-size: 0.7em;
}

.input, .input-underline, .select, .textarea {
  background-color: initial;
  border-color: #000;
  color: #000;
}

.input-underline:focus, .input.is-focus, .input:focus, .is-focus.input-underline, .select.is-focus, .select:focus, .textarea.is-focus, .textarea:focus {
  border-color: #000;
}

.busy.input-underline, .input.busy, .input.is-busy, .is-busy.input-underline, .select.busy, .select.is-busy, .textarea.busy, .textarea.is-busy {
  cursor: wait !important;
  pointer-events: none !important;
}

.disabled.input-underline, .input-underline:disabled, .input.disabled, .input.is-disabled, .input:disabled, .input[disabled], .is-disabled.input-underline, .select.disabled, .select.is-disabled, .select:disabled, .select[disabled], .textarea.disabled, .textarea.is-disabled, .textarea:disabled, .textarea[disabled], [disabled].input-underline {
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
}

.is-disabled .input-underline:not(.is-disabled).is-focus, .is-disabled .input-underline:not(.is-disabled):focus, .is-disabled .input:not(.is-disabled).is-focus, .is-disabled .input:not(.is-disabled):focus, .is-disabled .select:not(.is-disabled).is-focus, .is-disabled .select:not(.is-disabled):focus, .is-disabled .textarea:not(.is-disabled).is-focus, .is-disabled .textarea:not(.is-disabled):focus, .is-invalid .input-underline:not(.is-disabled).is-focus, .is-invalid .input-underline:not(.is-disabled):focus, .is-invalid .input:not(.is-disabled).is-focus, .is-invalid .input:not(.is-disabled):focus, .is-invalid .select:not(.is-disabled).is-focus, .is-invalid .select:not(.is-disabled):focus, .is-invalid .textarea:not(.is-disabled).is-focus, .is-invalid .textarea:not(.is-disabled):focus {
  box-shadow: none;
}

.input-underline::placeholder, .input::placeholder, .select::placeholder, .textarea::placeholder {
  color: #000;
}

.input-1, .select-1, .textarea-1 {
  font-style: italic;
  appearance: none;
  display: inline-block;
  padding: 0 0.5em;
  border: 1px solid;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
  font-size: 0.79em;
  vertical-align: middle;
  outline: none;
  transition-property: border-color, box-shadow;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  font-family: Montserrat, sans-serif;
}

body.size-s .input-1, body.size-s .select-1, body.size-s .textarea-1 {
  font-size: 0.7em;
}

.input-1, .select-1, .textarea-1 {
  height: 3.324em;
  line-height: 3.324em;
  background-color: initial;
  border-color: #000;
  color: #000;
}

.input-1.is-focus, .input-1:focus, .select-1.is-focus, .select-1:focus, .textarea-1.is-focus, .textarea-1:focus {
  border-color: #000;
}

.input-1.busy, .input-1.is-busy, .select-1.busy, .select-1.is-busy, .textarea-1.busy, .textarea-1.is-busy {
  cursor: wait !important;
  pointer-events: none !important;
}

.input-1.disabled, .input-1.is-disabled, .input-1:disabled, .input-1[disabled], .select-1.disabled, .select-1.is-disabled, .select-1:disabled, .select-1[disabled], .textarea-1.disabled, .textarea-1.is-disabled, .textarea-1:disabled, .textarea-1[disabled] {
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
}

.is-disabled .input-1:not(.is-disabled).is-focus, .is-disabled .input-1:not(.is-disabled):focus, .is-disabled .select-1:not(.is-disabled).is-focus, .is-disabled .select-1:not(.is-disabled):focus, .is-disabled .textarea-1:not(.is-disabled).is-focus, .is-disabled .textarea-1:not(.is-disabled):focus, .is-invalid .input-1:not(.is-disabled).is-focus, .is-invalid .input-1:not(.is-disabled):focus, .is-invalid .select-1:not(.is-disabled).is-focus, .is-invalid .select-1:not(.is-disabled):focus, .is-invalid .textarea-1:not(.is-disabled).is-focus, .is-invalid .textarea-1:not(.is-disabled):focus {
  box-shadow: none;
}

.input-1::placeholder, .select-1::placeholder, .textarea-1::placeholder {
  color: #fff;
}

.input-w, .select-w, .textarea-w {
  font-style: italic;
  appearance: none;
  display: inline-block;
  padding: 0 0.5em;
  border: 1px solid;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
  font-size: 0.79em;
  vertical-align: middle;
  outline: none;
  transition-property: border-color, box-shadow;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  font-family: Montserrat, sans-serif;
}

body.size-s .input-w, body.size-s .select-w, body.size-s .textarea-w {
  font-size: 0.7em;
}

.input-w, .select-w, .textarea-w {
  height: 3.324em;
  line-height: 3.324em;
  border-color: #000;
  color: #000;
}

.input-w.is-focus, .input-w:focus, .select-w.is-focus, .select-w:focus, .textarea-w.is-focus, .textarea-w:focus {
  border-color: #000;
}

.input-w, .select-w, .textarea-w {
  background-color: initial;
  border-color: #fff;
  color: #fff;
}

.input-w.is-focus, .input-w:focus, .select-w.is-focus, .select-w:focus, .textarea-w.is-focus, .textarea-w:focus {
  border-color: #fff;
}

.input-w.busy, .input-w.is-busy, .select-w.busy, .select-w.is-busy, .textarea-w.busy, .textarea-w.is-busy {
  cursor: wait !important;
  pointer-events: none !important;
}

.input-w.disabled, .input-w.is-disabled, .input-w:disabled, .input-w[disabled], .select-w.disabled, .select-w.is-disabled, .select-w:disabled, .select-w[disabled], .textarea-w.disabled, .textarea-w.is-disabled, .textarea-w:disabled, .textarea-w[disabled] {
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
}

.is-disabled .input-w:not(.is-disabled).is-focus, .is-disabled .input-w:not(.is-disabled):focus, .is-disabled .select-w:not(.is-disabled).is-focus, .is-disabled .select-w:not(.is-disabled):focus, .is-disabled .textarea-w:not(.is-disabled).is-focus, .is-disabled .textarea-w:not(.is-disabled):focus, .is-invalid .input-w:not(.is-disabled).is-focus, .is-invalid .input-w:not(.is-disabled):focus, .is-invalid .select-w:not(.is-disabled).is-focus, .is-invalid .select-w:not(.is-disabled):focus, .is-invalid .textarea-w:not(.is-disabled).is-focus, .is-invalid .textarea-w:not(.is-disabled):focus {
  box-shadow: none;
}

.input-w::placeholder, .select-w::placeholder, .textarea-w::placeholder {
  color: #fff;
}

.input, .input-underline, .select, .textarea {
  height: 3.324em;
  line-height: 3.324em;
}

.form-size-1 .input, .form-size-1 .input-underline, .form-size-1 .select, .form-size-1 .textarea {
  height: 2.313em;
  line-height: 2.313em;
}

.input.is-error, .is-error.input-underline, .is-invalid .input, .is-invalid .input-underline, .is-invalid .select, .is-invalid .textarea, .select.is-error, .textarea.is-error {
  border-color: #bf0a00;
}

.input.no-focus, .no-focus .input, .no-focus.input-underline, .no-focus .input-underline, .no-focus .select, .no-focus .textarea, .select.no-focus, .textarea.no-focus {
  box-shadow: none;
}

.input-underline {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding-left: 0;
}

.textarea {
  min-height: 6.3em;
  max-height: 25em;
  line-height: 1.5em !important;
  padding: 0.5em;
  resize: vertical;
}

.textarea-message-info {
  font-size: 0.5em;
}

.search {
  font-size: 1.2em;
  line-height: 1.3em;
  height: 1.3em;
}

input[type=number] {
  -moz-appearance: textfield;
}

.meganav-wrapper:not(.is-open) {
  pointer-events: none;
}

.meganav-wrapper:not(.is-open) .meganav-item, .meganav-wrapper:not(.is-open) .meganav-item .link {
  pointer-events: none !important;
}

.meganav__overlay {
  background-color: #000;
  z-index: 8;
  opacity: 0.15;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition-property: z-index, opacity;
  transition-delay: 0.5s;
  transition: 0.15s ease-in-out;
}

.meganav__overlay .ng-hide {
  z-index: -1;
  opacity: 0;
  left: -9999px;
  right: auto;
}

.meganav__content .hide-fade.ng-hide {
  max-height: 0;
}

.meganav__content-outlet .row-component .row-component {
  padding-left: 0 !important;
}

.minibasket-open .underlined-when-minibasket-opened {
  position: relative;
}

.minibasket-open .underlined-when-minibasket-opened:after {
  display: inline-block;
  content: "";
  height: 1px;
  background-color: currentColor;
  position: absolute;
  right: 0;
  left: 0;
  bottom: -2px;
  width: 100%;
  transition: background-color 0.15s ease-in-out;
}

.minibasket, .miniwishlist {
  width: 100%;
  opacity: 1;
  transform: translateX(0);
  transition-property: transform, opacity;
  transition: 0.15s ease-in-out;
}

.minibasket.ng-hide, .miniwishlist.ng-hide {
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
}

.size-s .minibasket, .size-s .miniwishlist {
  height: calc(var(--vh, 1vh) * 100);
  width: calc(var(--vw, 1vw) * 100);
  box-shadow: none;
}

.size-s .minibasket .mobile-shadow, .size-s .miniwishlist .mobile-shadow {
  overflow: hidden;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5);
}

.minibasket-items, .miniwishlist-items {
  max-height: 20em;
}

.minibasket {
  width: 23em;
}

.miniwishlist {
  width: 22.5em;
}

.miniwishlist-item__left {
  width: 68%;
}

.size-s .miniwishlist-item__left {
  width: 70%;
}

.miniwishlist-item__right {
  width: 32%;
}

.size-s .miniwishlist-item__right {
  width: 30%;
}

body.size-s.miniwishlist-open {
  overflow: hidden;
  max-height: calc(var(--vh, 1vh) * 100);
}

.size-l .product-configuration, .size-m .product-configuration, .size-x .product-configuration {
  width: 22.5em;
}

product-size-guide-wrapper cms-block-toolbar .mat-toolbar {
  position: fixed !important;
  z-index: 1001 !important;
  top: calc(var(--vh, 1vh) * 50) !important;
  right: 0 !important;
  left: inherit !important;
  border-radius: 8px 0 0 8px !important;
}

.custom-cursor {
  z-index: 8 !important;
  pointer-events: none;
}

.promo-bar {
  height: 100%;
  opacity: 1;
}

.ng-hide.ng-hide-animate .promo-bar {
  height: 0;
  overflow: hidden;
}

.promo-bar-animate {
  height: 2.85em;
}

.promo-bar-animate .promo-bar-content {
  height: 2em;
  overflow: hidden;
  position: relative;
}

.promo-bar-animate .promo-bar-copy {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 300%;
  animation: marquee 10s linear infinite;
}

.size-l .promo-bar-animate .promo-bar-copy, .size-x .promo-bar-animate .promo-bar-copy {
  animation: marquee 20s linear infinite;
}

.promo-bar-animate .promo-bar-copy span {
  float: left;
  width: 50%;
}

@keyframes marquee {
  0% {
    left: 0;
  }
  to {
    left: -150%;
  }
}
.off-canvas {
  background-color: #fef6f3;
  z-index: 7;
  top: 3em;
  height: calc(var(--vh, 1vh) * 100 - 3em);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  transition-property: right, left, width;
  transition: 0.15s ease-in-out;
  transition-duration: 0.75s;
  overflow-x: hidden;
  overflow-y: auto;
}

.promo-bar-open .off-canvas {
  height: calc(var(--vh, 1vh) * 100 - 5.55em);
}

.off-canvas-bottom {
  transition: height 0.75s ease;
}

.off-canvas-bottom.ng-hide {
  height: 0;
  transition: height 0.75s ease-in-out;
}

.off-canvas.ng-hide {
  opacity: 0;
  pointer-events: none;
}

.off-canvas .hide-left.ng-hide {
  opacity: 1;
}

.off-canvas .hide-fade, .off-canvas .hide-left {
  transition-duration: 0.75s;
}

.off-canvas .hide-left:not(.ng-hide).overflow-y-scroll, .off-canvas .hide-left:not(.ng-hide) .overflow-y-scroll {
  animation-name: mymove;
  animation-duration: 2.5s;
}

@keyframes mymove {
  0% {
    overflow: hidden;
  }
  to {
    overflow-y: scroll;
  }
}
.size-s .off-canvas-filters {
  width: 100%;
}

.page-container {
  position: relative;
}

.size-m .page-container, .size-s .page-container {
  transition: transform 0.15s ease-in-out;
}

html.off-canvas-menu-open-root {
  overflow: hidden !important;
}

.product-wear-with-configurable-options-error {
  bottom: calc(100% + 1em);
}

.size-s .product-wear-with-configurable-options-error {
  bottom: calc(100% + 0.2em);
}

.bar-bg-transparent {
  opacity: 0.7;
}

.size-s .bar-bg-transparent {
  opacity: 0.8;
}

.modal-container.modal-product-preview {
  padding: 0;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
}

.backdrop-product-preview {
  background-color: initial;
}

.quick-view .pp-wishlist-toggle {
  position: relative;
  width: 4em;
  padding: 0;
}

.quick-view .pp-wishlist-toggle .icon-wishlist-fill:before, .quick-view .pp-wishlist-toggle .icon-wishlist:before {
  color: #fff !important;
}

.quick-view .pp-wishlist-toggle action {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.quick-view .pp-wishlist-toggle action i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-40%, -50%, 0);
}

.pp-wishlist-toggle {
  margin-left: 1px;
  width: 2.918rem;
  padding: 0;
}

.pp-wishlist-toggle .icon-wishlist-fill:before, .pp-wishlist-toggle .icon-wishlist:before {
  color: #fff !important;
}

@keyframes qty-select-input-busy {
  0% {
    left: 0;
  }
  50% {
    left: 90%;
  }
  to {
    left: 0;
  }
}
.qty-select-less, .qty-select-more {
  height: 1.5em !important;
  min-height: 1.5em;
  width: 1.5em;
  min-width: 1.5em;
  box-shadow: none;
}

.qty-select-less i, .qty-select-more i {
  margin-top: 1px;
}

.busy .qty-select-less, .busy .qty-select-more, .is-busy .qty-select-less, .is-busy .qty-select-more {
  opacity: 0.75;
  pointer-events: none;
}

.qty-select-input input {
  height: 2.5em;
  line-height: 2.5em;
  width: 3.4em;
  border: none;
  font-weight: 600;
  color: #454647;
  background-color: #fefaf8;
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.busy .qty-select-input input, .is-busy .qty-select-input input {
  opacity: 0.75;
  pointer-events: none;
}

.busy .qty-select-input, .is-busy .qty-select-input {
  position: relative;
}

.busy .qty-select-input:after, .busy .qty-select-input:before, .is-busy .qty-select-input:after, .is-busy .qty-select-input:before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 1;
  height: 1px;
  pointer-events: none;
}

.busy .qty-select-input:after, .is-busy .qty-select-input:after {
  width: 10%;
  z-index: 2;
  background-color: #fff;
  animation: qty-select-input-busy 2s infinite;
}

.grid-flow-row .row-wrapper {
  grid-auto-flow: row !important;
}

.text-shadow {
  text-shadow: 1px 1px 1px #757575;
}

.size-guide-item {
  width: 6.3em;
  height: 3em;
}

.size-guide-item-edge {
  width: 5em;
}

.size-s .size-guide-item {
  width: 5em;
  height: 3.2em;
}

.size-s .size-guide-item-edge {
  width: 3.7em;
}

.size-s .small.size-guide-item {
  width: 3.8em;
}

.size-s .small.size-guide-item-edge {
  width: 3.4em;
}

.toggle label i {
  margin-right: 0.625em;
  background-color: #e8e8e8;
  border-radius: 1.563em;
  color: #757575;
  display: inline-block;
  width: 3.25em;
  height: 1.563em;
  overflow: hidden;
  position: relative;
  z-index: 2;
  transition-property: background-color;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
}

.toggle label i:before {
  position: absolute;
  top: calc(50% - 0.5em);
  left: 0.375em;
}

.toggle label i:after {
  background-color: #fff;
  border-radius: 1.438em;
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 3;
  transition-property: left;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
}

.is-checked .toggle label i, .toggle label.is-checked i {
  background-color: #454647;
  color: #454647;
}

.is-checked .toggle label i:after, .toggle label.is-checked i:after {
  left: calc(100% - 1.5em);
}

.is-disabled .toggle label, .toggle label.is-disabled {
  pointer-events: none;
  cursor: default;
}

.is-disabled .toggle label i, .toggle label.is-disabled i {
  background-color: #afafaf;
  color: #afafaf;
}

.is-disabled .toggle label i:after, .toggle label.is-disabled i:after {
  background-color: #fff;
}

.toggle label i {
  cursor: pointer;
  height: 0.938em;
  width: 2.5em;
  overflow: visible;
}

.toggle label i:after {
  box-shadow: 1px 2px 8px -1px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  top: -0.25em;
  width: 1.438em;
  height: 1.438em;
}

.is-checked .toggle label i:after, .toggle label.is-checked i:after {
  background-color: #000;
  left: calc(100% - 1.4em);
}

.is-disabled .toggle label i:after, .toggle label.is-disabled i:after {
  background-color: #757575;
}

tooltip tooltip-content {
  font-size: 0.79em;
  min-width: 200px;
}

tooltip tooltip-content:before {
  border-color: #fafafa transparent transparent;
  border-style: solid;
  border-width: 0.5em 0.5em 0;
  bottom: -0.4em;
  content: "";
  height: 0;
  left: calc(50% - 0.5em);
  position: absolute;
  right: auto;
}

tooltip.tooltip-right tooltip-content:before {
  border-width: 0.5em 0.5em 0.5em 0;
  border-color: transparent #fafafa transparent transparent;
  right: 100%;
  bottom: calc(50% - 0.5em);
  left: auto;
}

tooltip.tooltip-left tooltip-content:before {
  border-width: 0.5em 0 0.5em 0.5em;
  border-color: transparent transparent transparent #fafafa;
  left: 100%;
  bottom: calc(50% - 0.5em);
  right: auto;
}

tooltip.tooltip-bottom tooltip-content:before {
  border-width: 0 0.5em 0.5em;
  border-color: transparent transparent #fafafa;
  left: calc(50% - 0.5em);
  bottom: 100%;
  right: auto;
}

.video-component.circle img, .video-component.circle vimeo-player, .video-component.circle youtube-player {
  clip-path: ellipse(50% 50% at 50% 50%);
}

.video-player-container, .video-player-control {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.video-player-container iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 103%;
  height: 103%;
}

.video-player-container.is-background iframe .ytp-chrome-top {
  display: none !important;
}

.video-player-control {
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  pointer-events: none;
}

.video-player-control .icon-control {
  pointer-events: auto;
  cursor: pointer;
}

.video-player-control.is-playing {
  opacity: 0;
  transition: opacity 1s ease;
}

.video-player-control.is-playing:hover {
  opacity: 1;
}

.video-controls-background .icon-control {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.video-controls-background .icon-control .pause {
  opacity: 0;
}

.video-controls-background .icon-control .pause:hover {
  opacity: 1;
}

.custom-scrollbar {
  overflow: auto;
  overflow: overlay;
  scrollbar-gutter: stable;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 0.25em;
  height: 0.25em;
}

.custom-scrollbar::-webkit-scrollbar-track {
  border: 0 transparent;
  background-color: #fefaf8;
  border-radius: 1px;
}

.custom-scrollbar::-webkit-scrollbar-track:active, .custom-scrollbar::-webkit-scrollbar-track:hover {
  background: #fefaf8;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  border: 0 transparent;
  background-color: #7c7c7c;
  border-radius: 0;
  outline: 1px solid #7c7c7c;
  -webkit-transition: background 1s ease;
  transition: background 1s ease;
}

.custom-scrollbar::-webkit-scrollbar-thumb:active, .custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #7c7c7c;
}

.custom-scrollbar::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}

.custom-scrollbar::-webkit-scrollbar-corner {
  background: transparent;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.element-with-dynamic-color {
  color: #000;
}

.login-page-has-background .background-overlay, .register-page-has-background .background-overlay {
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  opacity: 0.6;
  background-color: #000;
  z-index: 2;
}

.login-page-has-background .element-with-dynamic-color, .register-page-has-background .element-with-dynamic-color {
  color: #fff;
}

.login-page-has-background .element-with-dynamic-color .label, .register-page-has-background .element-with-dynamic-color .label {
  display: none;
}

.login-page-has-background .element-with-dynamic-color .checkbox label i, .register-page-has-background .element-with-dynamic-color .checkbox label i {
  color: #000;
  background-color: #fefaf8;
}

.login-page-has-background .element-with-dynamic-color .input, .register-page-has-background .element-with-dynamic-color .input {
  background-color: #fefaf8;
}

login-form {
  width: 100%;
  height: 100%;
  display: table;
  table-layout: fixed;
}

.size-l .static-container-height, .size-x .static-container-height {
  height: calc(var(--vh, 1vh) * 90);
  min-height: 35em;
}

.size-s .static-container-height {
  min-height: calc(var(--vh, 1vh) * 70);
}

.max-container-height-50vh {
  max-height: calc(var(--vh, 1vh) * 50);
}

[qty-bullet] {
  position: relative;
}

[qty-bullet]:after {
  position: absolute;
  top: -5px;
  left: 50%;
  display: inline-flex;
  min-width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
  padding: 0 3px;
  border-radius: 3.5rem;
  background-color: #fff;
  color: #000;
  content: attr(qty-bullet);
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 0.8125rem;
  transition-duration: var(--page-header-transition-duration);
  transition-property: background-color, color;
}

.size-m [qty-bullet]:after, .size-s [qty-bullet]:after {
  top: 3px;
}

/*# sourceMappingURL=styles.css.map*/