.u-degular {
  font-family: Degular, sans-serif;
  font-weight: 500;
  font-size: var(--step-h1);
  line-height: var(--step-h1-height);
}

@font-face {
  font-family: InterTight;
  src: url("../../../../../InterTight-Regular.120c0696.otf") format("opentype");
  src: url("../../../../../InterTight-Regular.66f19912.woff") format("woff");
  src: url("../../../../../InterTight-Regular.5ef28921.woff2") format("woff2");
  src: url("../../../../../InterTight-Regular.5ef28921.woff2") format("woff2"), url("../../../../../InterTight-Regular.66f19912.woff") format("woff"), url("../../../../../InterTight-Regular.120c0696.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("../../../../../Inter-Regular.648edc13.otf") format("opentype");
  src: url("../../../../../Inter-Regular.a6146160.woff") format("woff");
  src: url("../../../../../Inter-Regular.e4b63683.woff2") format("woff2");
  src: url("../../../../../Inter-Regular.e4b63683.woff2") format("woff2"), url("../../../../../Inter-Regular.a6146160.woff") format("woff"), url("../../../../../Inter-Regular.648edc13.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("../../../../../Inter-Light.27963341.otf") format("opentype");
  src: url("../../../../../Inter-Light.80c8948d.woff") format("woff");
  src: url("../../../../../Inter-Light.1375a794.woff2") format("woff2");
  src: url("../../../../../Inter-Light.1375a794.woff2") format("woff2"), url("../../../../../Inter-Light.80c8948d.woff") format("woff"), url("../../../../../Inter-Light.27963341.otf") format("opentype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("../../../../../Inter-Medium.f21efbbf.otf") format("opentype");
  src: url("../../../../../Inter-Medium.17242c85.woff") format("woff");
  src: url("../../../../../Inter-Medium.7444d38e.woff2") format("woff2");
  src: url("../../../../../Inter-Medium.7444d38e.woff2") format("woff2"), url("../../../../../Inter-Medium.17242c85.woff") format("woff"), url("../../../../../Inter-Medium.f21efbbf.otf") format("opentype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: Degular;
  src: url("../../../../../Degular-Regular.02149bc8.otf") format("opentype");
  src: url("../../../../../Degular-Regular.c63d51ea.woff") format("woff");
  src: url("../../../../../Degular-Regular.2a5aa002.woff2") format("woff2");
  src: url("../../../../../Degular-Regular.2a5aa002.woff2") format("woff2"), url("../../../../../Degular-Regular.c63d51ea.woff") format("woff"), url("../../../../../Degular-Regular.02149bc8.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Degular;
  src: url("../../../../../Degular-Medium.2499722e.otf") format("opentype");
  src: url("../../../../../Degular-Medium.ea1abbb1.woff") format("woff");
  src: url("../../../../../Degular-Medium.177c296a.woff2") format("woff2");
  src: url("../../../../../Degular-Medium.177c296a.woff2") format("woff2"), url("../../../../../Degular-Medium.ea1abbb1.woff") format("woff"), url("../../../../../Degular-Medium.2499722e.otf") format("opentype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

:root {
  --rem: 16;
  --color-white: #fff;
  --color-black: #000;
  --color-dark-glass-1: #0003;
  --color-dark-glass-2: #0000004d;
  --color-pale-gray: #f1f4f4;
  --color-slate-gray: #515e80;
  --color-light-glass-1: #ffffffb3;
  --color-light-glass-2: #fff6;
  --color-light-glass-3: #ffffff4d;
  --color-light-glass-4: #ffffff80;
  --color-soft-blue: #e1ebef;
  --gradient-light: linear-gradient(0deg, #e1ebef 0%, #e1ebef 100%);
  --gradient-dark: linear-gradient(0deg, #000 0%, #000 100%);
  --gradient-white: linear-gradient(0deg, #fff 0%, #fff 100%);
  --gradient-light-1: linear-gradient(0deg, #cbdbf2 0%, #cbdbf2 100%);
  --gradient-light-2: linear-gradient(0deg, #cbdbf2 0%, #cbdbf2 100%);
  --gradient-light-glass-1: linear-gradient(0deg, #ffffffb3 0%, #ffffffb3 100%);
  --gradient-light-glass-2: linear-gradient(0deg, #fff6 0%, #fff6 100%);
  --gradient-dark-glass-1: linear-gradient(0deg, #ffffff1a 0%, #ffffff1a 100%), linear-gradient(45deg, #5d98f233 0%, #7b5df233 100%);
  --gradient-dark-glass-2: linear-gradient(0deg, #ffffff0d 0%, #ffffff0d 100%), linear-gradient(45deg, #5d98f21a 0%, #7b5df21a 100%);
  --gradient-dark-1: linear-gradient(0deg, #231b47 0%, #231b47 100%);
  --gradient-dark-2: linear-gradient(0deg, #042532 0%, #042532 100%);
  --gradient-button-l-solid: linear-gradient(0deg, #dce9f7 0%, #dce9f7 100%);
  --gradient-button-d-solid: linear-gradient(0deg, #dce4f9 0%, #dce4f9 100%);
  --gradient-button-dark-solid: linear-gradient(0deg, #2d374f 0%, #2d374f 100%);
  --gradient-button-l: linear-gradient(87deg, #e9eefb 0%, #b6cbff 100%);
  --gradient-button-d: linear-gradient(101deg, #e9eefb 3.2%, #9fb8f5 64.32%);
  --gradient-button-dark: linear-gradient(109deg, #515e80 0%, #090f1d 62.86%);
  --gradient-stroke-color: linear-gradient(143deg, #65f4fdb3 0%, #42ced703 57.14%), linear-gradient(276deg, #6f4df6 0%, #4618fd00 55.02%);
  --gradient-stroke-white: linear-gradient(98deg, #ffffffb3 0%, #fff0 56.15%), linear-gradient(280deg, #fff 0%, #fff0 57.57%);
  --gradient-fill: linear-gradient(94deg, #64a2ff 14.5%, #8566ff 54%, #bd6a8d 100%);
  --gradient-fill-dark: linear-gradient(.77deg, #4b6eea 11.1%, #231b47 140.14%);
  --gradient-fill-darker: linear-gradient(360deg, #231b47 17.7%, #4b6eea 85.58%);
  --gradient-imagery-overlay: linear-gradient(180deg, #0000 65%, #000c 100%);
  --measure: 60ch;
  --step--2: clamp(.6076rem, .5821rem + .1036vi, .68rem);
  --step--2-height: clamp(.884rem, .9211rem + -.0393vi, .9115rem);
  --step--1: clamp(.7292rem, .6866rem + .1729vi, .85rem);
  --step--1-height: clamp(1.0938rem, 1.0898rem + .0161vi, 1.105rem);
  --step-0: clamp(.875rem, .8089rem + .2683vi, 1.0625rem);
  --step-0-height: clamp(1.3125rem, 1.2883rem + .0984vi, 1.3813rem);
  --step-1: clamp(1.05rem, .952rem + .398vi, 1.3281rem);
  --step-1-height: clamp(1.575rem, 1.5216rem + .2169vi, 1.7266rem);
  --step-2: clamp(1.26rem, 1.119rem + .5727vi, 1.6602rem);
  --step-2-height: clamp(1.89rem, 1.7955rem + .3838vi, 2.1582rem);
  --step-3: clamp(1.512rem, 1.3135rem + .806vi, 2.0752rem);
  --step-3-height: clamp(2.268rem, 2.1165rem + .615vi, 2.6978rem);
  --step-4: clamp(1.8144rem, 1.5397rem + 1.1157vi, 2.594rem);
  --step-4-height: clamp(2.7216rem, 2.4923rem + .9311vi, 3.3722rem);
  --step-5: clamp(2.1773rem, 1.8019rem + 1.5245vi, 3.2425rem);
  --step-5-height: clamp(3.2659rem, 2.9314rem + 1.3586vi, 4.2152rem);
  --step-title: clamp(4.5rem, 3.8833rem + 2.5045vi, 6.25rem);
  --step-title-height: clamp(4.9995rem, 4.5588rem + 1.7896vi, 6.25rem);
  --step-h1: clamp(3rem, 2.4714rem + 2.1467vi, 4.5rem);
  --step-h1-height: clamp(3.126rem, 2.6196rem + 2.0565vi, 4.563rem);
  --step-h2: clamp(1.875rem, 1.6547rem + .8945vi, 2.5rem);
  --step-h2-height: clamp(2.4994rem, 2.2348rem + 1.0742vi, 3.25rem);
  --step-h2-h1: clamp(1.875rem, .9499rem + 3.7567vi, 4.5rem);
  --step-h2-h1-height: clamp(2.4994rem, 1.7721rem + 2.9533vi, 4.563rem);
  --step-h3: clamp(1.0625rem, .9303rem + .5367vi, 1.4375rem);
  --step-h3-height: clamp(1.5002rem, 1.3243rem + .7146vi, 1.9996rem);
  --step-h3-h2: clamp(1.0625rem, .5559rem + 2.0572vi, 2.5rem);
  --step-h3-h2-height: clamp(1.5002rem, .8836rem + 2.5041vi, 3.25rem);
  --step-p2: clamp(.625rem, .5369rem + .3578vi, .875rem);
  --step-p2-height: clamp(1.3379rem, 1.5571rem + -.232vi, 1.5rem);
  --step-p2-p1: clamp(.625rem, .4708rem + .6261vi, 1.0625rem);
  --step-p2-p1-height: clamp(1.4673rem, 1.5115rem + -.0468vi, 1.5rem);
  --step-c1: clamp(.6875rem, .5994rem + .3578vi, .9375rem);
  --step-c1-height: clamp(1.5rem, 1.5002rem + -.0002vi, 1.5001rem);
  --step-c2: clamp(.5625rem, .4964rem + .2683vi, .75rem);
  --step-c2-height: clamp(.7498rem, .6176rem + .5369vi, 1.125rem);
  --space-none: 0;
  --space-3xs: clamp(4px, 3.6476px + .0894vi, 5px);
  --space-3xs-rem: clamp(.25rem, .228rem + .0894vi, .3125rem);
  --space-2xs: clamp(10px, 9.2952px + .1789vi, 12px);
  --space-2xs-rem: clamp(.625rem, .5809rem + .1789vi, .75rem);
  --space-xs: clamp(13px, 12.2952px + .1789vi, 15px);
  --space-xs-rem: clamp(.8125rem, .7684rem + .1789vi, .9375rem);
  --space-s: clamp(14px, 12.9428px + .2683vi, 17px);
  --space-s-rem: clamp(.875rem, .8089rem + .2683vi, 1.0625rem);
  --space-m: clamp(20px, 18.5903px + .3578vi, 24px);
  --space-m-rem: clamp(1.25rem, 1.1619rem + .3578vi, 1.5rem);
  --space-l: clamp(25px, 23.2379px + .4472vi, 30px);
  --space-l-rem: clamp(1.5625rem, 1.4524rem + .4472vi, 1.875rem);
  --space-xl: clamp(30px, 27.5331px + .6261vi, 37px);
  --space-xl-rem: clamp(1.875rem, 1.7208rem + .6261vi, 2.3125rem);
  --space-2xl: clamp(41px, 37.8283px + .805vi, 50px);
  --space-2xl-rem: clamp(2.5625rem, 2.3643rem + .805vi, 3.125rem);
  --space-3xl: clamp(66px, 61.0662px + 1.2522vi, 80px);
  --space-3xl-rem: clamp(4.125rem, 3.8166rem + 1.2522vi, 5rem);
  --space-4xl: clamp(83px, 77.0089px + 1.5206vi, 100px);
  --space-4xl-rem: clamp(5.1875rem, 4.8131rem + 1.5206vi, 6.25rem);
  --space-3xs-2xs: clamp(4px, 1.1807px + .7156vi, 12px);
  --space-3xs-2xs-rem: clamp(.25rem, .0738rem + .7156vi, .75rem);
  --space-2xs-xs: clamp(10px, 8.2379px + .4472vi, 15px);
  --space-2xs-xs-rem: clamp(.625rem, .5149rem + .4472vi, .9375rem);
  --space-2xs-m: clamp(10px, 5.0662px + 1.2522vi, 24px);
  --space-2xs-m-rem: clamp(.625rem, .3166rem + 1.2522vi, 1.5rem);
  --space-xs-s: clamp(13px, 11.5903px + .3578vi, 17px);
  --space-xs-s-rem: clamp(.8125rem, .7244rem + .3578vi, 1.0625rem);
  --space-xs-xl: clamp(13px, 4.542px + 2.1467vi, 37px);
  --space-xs-xl-rem: clamp(.8125rem, .2839rem + 2.1467vi, 2.3125rem);
  --space-s-m: clamp(14px, 10.4758px + .8945vi, 24px);
  --space-s-m-rem: clamp(.875rem, .6547rem + .8945vi, 1.5rem);
  --space-s-l: clamp(14px, 8.3614px + 1.4311vi, 30px);
  --space-s-l-rem: clamp(.875rem, .5226rem + 1.4311vi, 1.875rem);
  --space-m-l: clamp(20px, 16.4758px + .8945vi, 30px);
  --space-m-l-rem: clamp(1.25rem, 1.0297rem + .8945vi, 1.875rem);
  --space-s-xl: clamp(14px, 5.8945px + 2.0572vi, 37px);
  --space-s-xl-rem: clamp(.875rem, .3684rem + 2.0572vi, 2.3125rem);
  --space-m-xl: clamp(20px, 14.0089px + 1.5206vi, 37px);
  --space-m-xl-rem: clamp(1.25rem, .8756rem + 1.5206vi, 2.3125rem);
  --space-m-2xl: clamp(20px, 9.4275px + 2.6834vi, 50px);
  --space-m-2xl-rem: clamp(1.25rem, .5892rem + 2.6834vi, 3.125rem);
  --space-l-xl: clamp(25px, 20.771px + 1.0733vi, 37px);
  --space-l-xl-rem: clamp(1.5625rem, 1.2982rem + 1.0733vi, 2.3125rem);
  --space-l-3xl: clamp(25px, 5.6172px + 4.9195vi, 80px);
  --space-l-3xl-rem: clamp(1.5625rem, .3511rem + 4.9195vi, 5rem);
  --space-xl-2xl: clamp(30px, 22.9517px + 1.7889vi, 50px);
  --space-xl-2xl-rem: clamp(1.875rem, 1.4345rem + 1.7889vi, 3.125rem);
  --space-2xl-3xl: clamp(41px, 27.2558px + 3.4884vi, 80px);
  --space-2xl-3xl-rem: clamp(2.5625rem, 1.7035rem + 3.4884vi, 5rem);
  --space-3xl-4xl: clamp(66px, 54.0179px + 3.0411vi, 100px);
  --space-3xl-4xl-rem: clamp(4.125rem, 3.3761rem + 3.0411vi, 6.25rem);
  --space-card-gap: clamp(15px, 13.2379px + .4472vi, 20px);
  --space-card-gap-rem: clamp(.9375rem, .8274rem + .4472vi, 1.25rem);
  --space-timeline-marker: clamp(70px, 45.3309px + 6.2612vi, 140px);
  --space-timeline-marker-rem: clamp(4.375rem, 2.8332rem + 6.2612vi, 8.75rem);
  --space-logo-size: clamp(40px, 36.4758px + .8945vi, 50px);
  --space-logo-size-rem: clamp(2.5rem, 2.2797rem + .8945vi, 3.125rem);
  --space-footer-padding: clamp(34px, 5.8068px + 7.1556vi, 114px);
  --space-footer-padding-rem: clamp(2.125rem, .3629rem + 7.1556vi, 7.125rem);
  --space-pre-footer-size: clamp(640px, 772.537px + -8.7657vi, 738px);
  --space-pre-footer-size-rem: clamp(40rem, 48.2835rem + -8.7657vi, 46.125rem);
  --space-reel-card-text-spacing: clamp(3px, -8.9821px + 3.0411vi, 37px);
  --space-reel-card-text-spacing-rem: clamp(.1875rem, -.5614rem + 3.0411vi, 2.3125rem);
  --grid-columns: 12;
  --grid-max-inline-size: 94.5rem;
  --grid-gutter: clamp(.625rem, .3166rem + 1.2522vi, 1.5rem);
}

@supports (width: round(nearest, 1px, 1px)) {
  :root {
    --space-3xs: round(nearest, clamp(4px, 3.6476px + .0894vi, 5px), .25px);
    --space-2xs: round(nearest, clamp(10px, 9.2952px + .1789vi, 12px), .25px);
    --space-xs: round(nearest, clamp(13px, 12.2952px + .1789vi, 15px), .25px);
    --space-s: round(nearest, clamp(14px, 12.9428px + .2683vi, 17px), .25px);
    --space-m: round(nearest, clamp(20px, 18.5903px + .3578vi, 24px), .25px);
    --space-l: round(nearest, clamp(25px, 23.2379px + .4472vi, 30px), .25px);
    --space-xl: round(nearest, clamp(30px, 27.5331px + .6261vi, 37px), .25px);
    --space-2xl: round(nearest, clamp(41px, 37.8283px + .805vi, 50px), .25px);
    --space-3xl: round(nearest, clamp(66px, 61.0662px + 1.2522vi, 80px), .25px);
    --space-4xl: round(nearest, clamp(83px, 77.0089px + 1.5206vi, 100px), .25px);
    --space-3xs-2xs: round(nearest, clamp(4px, 1.1807px + .7156vi, 12px), .25px);
    --space-2xs-xs: round(nearest, clamp(10px, 8.2379px + .4472vi, 15px), .25px);
    --space-2xs-m: round(nearest, clamp(10px, 5.0662px + 1.2522vi, 24px), .25px);
    --space-xs-s: round(nearest, clamp(13px, 11.5903px + .3578vi, 17px), .25px);
    --space-xs-xl: round(nearest, clamp(13px, 4.542px + 2.1467vi, 37px), .25px);
    --space-s-m: round(nearest, clamp(14px, 10.4758px + .8945vi, 24px), .25px);
    --space-s-l: round(nearest, clamp(14px, 8.3614px + 1.4311vi, 30px), .25px);
    --space-m-l: round(nearest, clamp(20px, 16.4758px + .8945vi, 30px), .25px);
    --space-s-xl: round(nearest, clamp(14px, 5.8945px + 2.0572vi, 37px), .25px);
    --space-m-xl: round(nearest, clamp(20px, 14.0089px + 1.5206vi, 37px), .25px);
    --space-m-2xl: round(nearest, clamp(20px, 9.4275px + 2.6834vi, 50px), .25px);
    --space-l-xl: round(nearest, clamp(25px, 20.771px + 1.0733vi, 37px), .25px);
    --space-l-3xl: round(nearest, clamp(25px, 5.6172px + 4.9195vi, 80px), .25px);
    --space-xl-2xl: round(nearest, clamp(30px, 22.9517px + 1.7889vi, 50px), .25px);
    --space-2xl-3xl: round(nearest, clamp(41px, 27.2558px + 3.4884vi, 80px), .25px);
    --space-3xl-4xl: round(nearest, clamp(66px, 54.0179px + 3.0411vi, 100px), .25px);
    --space-card-gap: round(nearest, clamp(15px, 13.2379px + .4472vi, 20px), .25px);
    --space-timeline-marker: round(nearest, clamp(70px, 45.3309px + 6.2612vi, 140px), .25px);
    --space-logo-size: round(nearest, clamp(40px, 36.4758px + .8945vi, 50px), .25px);
    --space-footer-padding: round(nearest, clamp(34px, 5.8068px + 7.1556vi, 114px), .25px);
    --space-pre-footer-size: round(nearest, clamp(640px, 772.537px + -8.7657vi, 738px), .25px);
    --space-reel-card-text-spacing: round(nearest, clamp(3px, -8.9821px + 3.0411vi, 37px), .25px);
  }
}

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    background-attachment: initial !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
    transition-delay: 0s !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    animation-delay: 0s !important;
  }
}

*, :before, :after {
  background-repeat: no-repeat;
}

:where(button, input, select, optgroup, textarea) {
  background: none;
}

html {
  box-sizing: border-box;
}

*, :before, :after {
  box-sizing: inherit;
  border-style: solid;
  border-width: 0;
}

:where(img, svg, video, canvas, audio, iframe, embed, object, select, textarea) {
  block-size: auto;
  max-inline-size: 100%;
  display: block;
}

:where(select, textarea) {
  vertical-align: middle;
  display: inline-block;
}

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

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

:where(svg) {
  overflow: hidden;
}

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

:where(picture) {
  display: contents;
}

:where(source) {
  display: none;
}

:where(img, svg, video, canvas) {
  block-size: auto;
}

:where(a img) {
  border-style: none;
}

:where(button, input, select, optgroup, textarea) {
  -webkit-appearance: none;
  appearance: none;
  color: inherit;
  font: inherit;
  text-align: inherit;
  text-transform: inherit;
  vertical-align: middle;
  border: 1px solid;
  border-radius: 0;
  margin: 0;
  padding: 0 .5em;
}

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

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

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

:where(textarea) {
  resize: vertical;
  margin: 0;
}

:where([type="checkbox"], [type="radio"]) {
  box-sizing: border-box;
  padding: 0;
}

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

::-webkit-inner-spin-button {
  block-size: auto;
}

::-webkit-outer-spin-button {
  block-size: auto;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54;
}

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

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

:where(:root) {
  cursor: default;
  scroll-behavior: smooth;
}

:where(dialog) {
  color: #000;
  background-color: #fff;
  border: solid;
  block-size: fit-content;
  inline-size: fit-content;
  margin: auto;
  padding: 1em;
  position: absolute;
  inset-inline: 0;
}

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

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

:where(label[for], a[href], button, [type="button" i], [type="submit" i], [type="reset" i], [role="button" i], [tabindex]:not([tabindex="-1"])) {
  cursor: pointer;
}

* {
  max-inline-size: var(--measure, 60ch);
}

:where(html, body, div, header, nav, main, footer, section, iframe, ul[role="list"], ol[role="list"]) {
  max-inline-size: none;
}

:where(body) {
  min-block-size: 100svb;
}

:where(textarea:not([rows])) {
  min-block-size: 8ex;
}

:where(:target) {
  scroll-margin-block: 5ex;
}

:where(table) {
  border-collapse: collapse;
  text-indent: 0;
  border-color: currentColor;
  inline-size: fit-content;
}

:where(td, th) {
  vertical-align: top;
  border: .5px solid;
  padding: .5rem;
}

:where(caption, th) {
  text-align: start;
  font-weight: bold;
}

:where(:root) {
  overflow-wrap: break-word;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
}

:where(body) {
  font-size: var(--step-0);
  line-height: var(--step-0-height);
  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
}

:where(h1, h2, h3, h4, h5, h6) {
  text-wrap: balance;
  font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  font-weight: bold;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  -webkit-hyphens: none;
  hyphens: none;
}

:where(input, button, textarea, select, address) {
  font: inherit;
}

:where(h1) {
  font-size: var(--step-5);
  line-height: var(--step-5-height);
}

:where(h2) {
  font-size: var(--step-4);
  line-height: var(--step-4-height);
}

:where(h3) {
  font-size: var(--step-3);
  line-height: var(--step-3-height);
}

:where(h4) {
  font-size: var(--step-2);
  line-height: var(--step-2-height);
}

:where(h5) {
  font-size: var(--step-1);
  line-height: var(--step-1-height);
}

:where(h6) {
  font-size: var(--step-0);
  line-height: var(--step-0-height);
}

:where(small) {
  font-size: var(--step--1);
}

:where(body, h1, h2, h3, h4, h5, h6, p, figure, pre, address, iframe, form, blockquote, table, dl, dd) {
  margin: 0;
}

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

:where(ul, ol) > li {
  margin-inline-start: 1.3em;
}

:where(dl) {
  padding: 0;
}

:where(dl) > dd {
  margin-block-end: .25em;
  margin-inline-start: 1.3em;
}

:where(ul[role="list"], ol[role="list"]) {
  list-style: none;
}

:where(ul[role="list"], ol[role="list"]) > li, :where(dl[role="list"]) > dd {
  margin: 0;
}

:where(pre, code, kbd, samp) {
  font-family: monospace;
  font-size: 1em;
  overflow: auto;
}

:where(pre) {
  white-space: pre-wrap;
}

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

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

:where(hr) {
  color: inherit;
  border: 0 solid;
  border-top-width: 1px;
  block-size: 0;
  inline-size: 100%;
  max-inline-size: none;
  overflow: visible;
}

:where(sub, sup) {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

:where(sub) {
  inset-block-end: -.25em;
}

:where(sup) {
  inset-block-start: -.5em;
}

body {
  --bg-color: var(--color-white);
  --text-color: var(--color-black);
  background-color: var(--bg-color);
  color: var(--text-color);
}

a {
  text-underline-offset: .22em;
  color: var(--link-color, var(--color-black));
  text-decoration: underline;
}

nav a {
  text-decoration: none;
}

a:hover, a:focus, a:active {
  color: var(--link-hover-color, var(--color-slate-gray));
  text-decoration: underline;
}

a[disabled] {
  color: var(--link-disabled-color, var(--color-slate-gray));
}

.l-box {
  --gap: var(--space-s);
  padding: var(--box-gap, var(--gap));
  display: block;
}

.l-center {
  --gap: 0;
  --max-size: var(--measure);
  box-sizing: content-box;
  max-inline-size: var(--max-size);
  margin-inline: auto;
  padding-inline-start: var(--center-gap, var(--gap));
  padding-inline-end: var(--center-gap, var(--gap));
}

.l-center--text {
  text-align: center;
}

.l-center--intrinsic {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.l-cluster {
  --gap: var(--space-s);
  gap: var(--cluster-gap, var(--gap));
  justify-content: var(--inline-align, flex-start);
  align-items: var(--block-align, center);
  flex-wrap: wrap;
  display: flex;
}

.l-cluster > * {
  margin-inline: 0;
}

.l-cluster__split {
  margin-inline-start: auto;
}

.l-cluster__split-after {
  margin-inline-end: auto;
}

.l-cluster__split-after + * {
  margin-inline-start: 0;
}

.l-cluster--split-1 > :first-child {
  margin-inline-end: auto;
}

.l-cluster--split-last-1 > :last-child {
  margin-inline-start: auto;
}

.l-cluster--split-2 > :nth-child(2) {
  margin-inline-end: auto;
}

.l-cluster--split-last-2 > :nth-last-child(2) {
  margin-inline-start: auto;
}

.l-cluster--split-3 > :nth-child(3) {
  margin-inline-end: auto;
}

.l-cluster--split-last-3 > :nth-last-child(3) {
  margin-inline-start: auto;
}

.l-cluster--split-4 > :nth-child(4) {
  margin-inline-end: auto;
}

.l-cluster--split-last-4 > :nth-last-child(4) {
  margin-inline-start: auto;
}

.l-cluster--split-5 > :nth-child(5) {
  margin-inline-end: auto;
}

.l-cluster--split-last-5 > :nth-last-child(5) {
  margin-inline-start: auto;
}

.l-cluster--split-6 > :nth-child(6) {
  margin-inline-end: auto;
}

.l-cluster--split-last-6 > :nth-last-child(6) {
  margin-inline-start: auto;
}

.l-cluster--grid {
  --columns: 3;
  --item-size: var(--cluster-grid-item-size, calc((100% - var(--cluster-gap, var(--gap)) * (var(--columns)  - 1)) / var(--columns)));
  --inline-align: center;
}

.l-cluster--grid > * {
  flex-grow: 1;
  flex-basis: var(--item-size);
  max-inline-size: var(--item-size);
}

.l-cluster--grid-1 {
  --columns: 1;
}

.l-cluster--grid-2 {
  --columns: 2;
}

.l-cluster--grid-3 {
  --columns: 3;
}

.l-cluster--grid-4 {
  --columns: 4;
}

.l-cluster--grid-5 {
  --columns: 5;
}

.l-cluster--grid-6 {
  --columns: 6;
}

.l-cluster--grid-7 {
  --columns: 7;
}

.l-cluster--grid-8 {
  --columns: 8;
}

.l-cluster--grid-9 {
  --columns: 9;
}

.l-cluster--grid-10 {
  --columns: 10;
}

.l-cluster--grid-11 {
  --columns: 11;
}

.l-cluster--grid-12 {
  --columns: 12;
}

.l-cover {
  --min-block-size: 100vh;
  --min-gap: 0;
  min-block-size: var(--min-block-size);
  flex-direction: column;
  display: flex;
}

.l-cover .l-cover {
  --min-block-size: 100%;
  flex-grow: 1;
}

.l-cover > * {
  margin-block: var(--min-gap);
}

.l-cover:not(.l-cover--stretch) > .l-cover__principal, .l-cover:not(.l-cover--stretch) > :only-child, .l-cover:not(.l-cover--stretch):not(:has( > .l-cover__principal)) > main {
  margin-block: auto;
}

.l-cover.l-cover--stretch > .l-cover__principal, .l-cover.l-cover--stretch > :only-child, .l-cover.l-cover--stretch:not(:has( > .l-cover__principal)) > main {
  flex-grow: 1;
}

.l-cover:has( > .l-cover__principal) > :first-child:not(.l-cover__principal), .l-cover:not(:has( > .l-cover__principal)) > :first-child:not(main):not(:only-child) {
  margin-block-start: 0;
}

.l-cover:has( > .l-cover__principal) > :last-child:not(.l-cover__principal), .l-cover:not(:has( > .l-cover__principal)) > :last-child:not(main):not(:only-child) {
  margin-block-end: 0;
}

.l-flex {
  --gap: var(--space-s);
  --threshold: var(--measure);
  gap: var(--flex-gap, var(--gap));
  justify-content: var(--inline-align, flex-start);
  align-items: var(--block-align, stretch);
  flex-wrap: wrap;
  display: flex;
}

.l-flex--reverse {
  flex-flow: wrap-reverse;
}

@media (width >= 20rem) {
  .l-flex--reverse\@xs {
    flex-flow: wrap-reverse;
  }
}

@media (width >= 30rem) {
  .l-flex--reverse\@s {
    flex-flow: wrap-reverse;
  }
}

@media (width >= 48rem) {
  .l-flex--reverse\@m {
    flex-flow: wrap-reverse;
  }
}

@media (width >= 64rem) {
  .l-flex--reverse\@l {
    flex-flow: wrap-reverse;
  }
}

@media (width >= 75rem) {
  .l-flex--reverse\@xl {
    flex-flow: wrap-reverse;
  }
}

.l-flex > * {
  flex-grow: 1;
  flex-basis: calc((var(--threshold)  - 100%) * 999);
}

.l-flex--limit-1 > :nth-last-child(n+2), .l-flex--limit-1 > :nth-last-child(n+2) ~ *, .l-flex--limit-2 > :nth-last-child(n+3), .l-flex--limit-2 > :nth-last-child(n+3) ~ *, .l-flex--limit-3 > :nth-last-child(n+4), .l-flex--limit-3 > :nth-last-child(n+4) ~ *, .l-flex--limit-4 > :nth-last-child(n+5), .l-flex--limit-4 > :nth-last-child(n+5) ~ *, .l-flex--limit-5 > :nth-last-child(n+6), .l-flex--limit-5 > :nth-last-child(n+6) ~ *, .l-flex--limit-6 > :nth-last-child(n+7), .l-flex--limit-6 > :nth-last-child(n+7) ~ *, .l-flex--limit-7 > :nth-last-child(n+8), .l-flex--limit-7 > :nth-last-child(n+8) ~ *, .l-flex--limit-8 > :nth-last-child(n+9), .l-flex--limit-8 > :nth-last-child(n+9) ~ *, .l-flex--limit-9 > :nth-last-child(n+10), .l-flex--limit-9 > :nth-last-child(n+10) ~ *, .l-flex--limit-10 > :nth-last-child(n+11), .l-flex--limit-10 > :nth-last-child(n+11) ~ *, .l-flex--limit-11 > :nth-last-child(n+12), .l-flex--limit-11 > :nth-last-child(n+12) ~ *, .l-flex--limit-12 > :nth-last-child(n+13), .l-flex--limit-12 > :nth-last-child(n+13) ~ * {
  flex-basis: 100%;
}

.l-fluid-grid {
  grid-template-columns: repeat(var(--grid-columns), 1fr);
  gap: var(--grid-gutter);
  max-inline-size: var(--grid-max-inline-size);
  display: grid;
}

.l-fluid-grid__cell-1 {
  grid-column: span 1;
}

.l-fluid-grid__cell-2 {
  grid-column: span 2;
}

.l-fluid-grid__cell-3 {
  grid-column: span 3;
}

.l-fluid-grid__cell-4 {
  grid-column: span 4;
}

.l-fluid-grid__cell-5 {
  grid-column: span 5;
}

.l-fluid-grid__cell-6 {
  grid-column: span 6;
}

.l-fluid-grid__cell-7 {
  grid-column: span 7;
}

.l-fluid-grid__cell-8 {
  grid-column: span 8;
}

.l-fluid-grid__cell-9 {
  grid-column: span 9;
}

.l-fluid-grid__cell-10 {
  grid-column: span 10;
}

.l-fluid-grid__cell-11 {
  grid-column: span 11;
}

.l-fluid-grid__cell-12 {
  grid-column: span 12;
}

@media (width <= 20rem) {
  .l-fluid-grid__cell-1\@xs {
    grid-column: span 1;
  }

  .l-fluid-grid__cell-2\@xs {
    grid-column: span 2;
  }

  .l-fluid-grid__cell-3\@xs {
    grid-column: span 3;
  }

  .l-fluid-grid__cell-4\@xs {
    grid-column: span 4;
  }

  .l-fluid-grid__cell-5\@xs {
    grid-column: span 5;
  }

  .l-fluid-grid__cell-6\@xs {
    grid-column: span 6;
  }

  .l-fluid-grid__cell-7\@xs {
    grid-column: span 7;
  }

  .l-fluid-grid__cell-8\@xs {
    grid-column: span 8;
  }

  .l-fluid-grid__cell-9\@xs {
    grid-column: span 9;
  }

  .l-fluid-grid__cell-10\@xs {
    grid-column: span 10;
  }

  .l-fluid-grid__cell-11\@xs {
    grid-column: span 11;
  }

  .l-fluid-grid__cell-12\@xs {
    grid-column: span 12;
  }
}

@media (width <= 30rem) {
  .l-fluid-grid__cell-1\@s {
    grid-column: span 1;
  }

  .l-fluid-grid__cell-2\@s {
    grid-column: span 2;
  }

  .l-fluid-grid__cell-3\@s {
    grid-column: span 3;
  }

  .l-fluid-grid__cell-4\@s {
    grid-column: span 4;
  }

  .l-fluid-grid__cell-5\@s {
    grid-column: span 5;
  }

  .l-fluid-grid__cell-6\@s {
    grid-column: span 6;
  }

  .l-fluid-grid__cell-7\@s {
    grid-column: span 7;
  }

  .l-fluid-grid__cell-8\@s {
    grid-column: span 8;
  }

  .l-fluid-grid__cell-9\@s {
    grid-column: span 9;
  }

  .l-fluid-grid__cell-10\@s {
    grid-column: span 10;
  }

  .l-fluid-grid__cell-11\@s {
    grid-column: span 11;
  }

  .l-fluid-grid__cell-12\@s {
    grid-column: span 12;
  }
}

@media (width <= 48rem) {
  .l-fluid-grid__cell-1\@m {
    grid-column: span 1;
  }

  .l-fluid-grid__cell-2\@m {
    grid-column: span 2;
  }

  .l-fluid-grid__cell-3\@m {
    grid-column: span 3;
  }

  .l-fluid-grid__cell-4\@m {
    grid-column: span 4;
  }

  .l-fluid-grid__cell-5\@m {
    grid-column: span 5;
  }

  .l-fluid-grid__cell-6\@m {
    grid-column: span 6;
  }

  .l-fluid-grid__cell-7\@m {
    grid-column: span 7;
  }

  .l-fluid-grid__cell-8\@m {
    grid-column: span 8;
  }

  .l-fluid-grid__cell-9\@m {
    grid-column: span 9;
  }

  .l-fluid-grid__cell-10\@m {
    grid-column: span 10;
  }

  .l-fluid-grid__cell-11\@m {
    grid-column: span 11;
  }

  .l-fluid-grid__cell-12\@m {
    grid-column: span 12;
  }
}

@media (width <= 64rem) {
  .l-fluid-grid__cell-1\@l {
    grid-column: span 1;
  }

  .l-fluid-grid__cell-2\@l {
    grid-column: span 2;
  }

  .l-fluid-grid__cell-3\@l {
    grid-column: span 3;
  }

  .l-fluid-grid__cell-4\@l {
    grid-column: span 4;
  }

  .l-fluid-grid__cell-5\@l {
    grid-column: span 5;
  }

  .l-fluid-grid__cell-6\@l {
    grid-column: span 6;
  }

  .l-fluid-grid__cell-7\@l {
    grid-column: span 7;
  }

  .l-fluid-grid__cell-8\@l {
    grid-column: span 8;
  }

  .l-fluid-grid__cell-9\@l {
    grid-column: span 9;
  }

  .l-fluid-grid__cell-10\@l {
    grid-column: span 10;
  }

  .l-fluid-grid__cell-11\@l {
    grid-column: span 11;
  }

  .l-fluid-grid__cell-12\@l {
    grid-column: span 12;
  }
}

@media (width <= 75rem) {
  .l-fluid-grid__cell-1\@xl {
    grid-column: span 1;
  }

  .l-fluid-grid__cell-2\@xl {
    grid-column: span 2;
  }

  .l-fluid-grid__cell-3\@xl {
    grid-column: span 3;
  }

  .l-fluid-grid__cell-4\@xl {
    grid-column: span 4;
  }

  .l-fluid-grid__cell-5\@xl {
    grid-column: span 5;
  }

  .l-fluid-grid__cell-6\@xl {
    grid-column: span 6;
  }

  .l-fluid-grid__cell-7\@xl {
    grid-column: span 7;
  }

  .l-fluid-grid__cell-8\@xl {
    grid-column: span 8;
  }

  .l-fluid-grid__cell-9\@xl {
    grid-column: span 9;
  }

  .l-fluid-grid__cell-10\@xl {
    grid-column: span 10;
  }

  .l-fluid-grid__cell-11\@xl {
    grid-column: span 11;
  }

  .l-fluid-grid__cell-12\@xl {
    grid-column: span 12;
  }
}

.l-frame {
  --ratio: 16 / 9;
  aspect-ratio: var(--ratio);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.l-frame:not(:has(.l-frame__principal)) > :is(img, video), .l-frame__principal, .l-frame > :only-child {
  object-fit: cover;
  block-size: 100%;
  inline-size: 100%;
  max-inline-size: 100%;
}

.l-grid {
  --gap: var(--space-s);
  --min-item-size: calc(var(--measure) / 2);
  --max-item-size: 100%;
  gap: var(--grid-gap, var(--gap));
  grid-template-columns: repeat(auto-fit, minmax(min(var(--min-item-size), var(--max-item-size)), 1fr));
  display: grid;
}

.l-reel {
  --gap: var(--space-s);
  scrollbar-color: var(--color-scrollbar-thumb) var(--color-scrollbar-track);
  block-size: auto;
  display: flex;
  overflow: auto hidden;
}

.l-reel > * {
  flex: none;
}

.l-reel > :is(img, picture, video) {
  block-size: 100%;
  flex-basis: auto;
  width: auto;
}

.l-reel > * + * {
  margin-inline-start: var(--reel-gap, var(--gap));
}

.l-reel.is-overflowing {
  padding-block-end: var(--reel-gap, var(--gap));
}

.l-reel::-webkit-scrollbar {
  block-size: 1rem;
}

.l-reel::-webkit-scrollbar-track {
  background-color: var(--color-scrollbar-track);
}

.l-reel::-webkit-scrollbar-thumb {
  background-color: var(--color-scrollbar-thumb);
  background-image: linear-gradient(var(--color-scrollbar-thumb) 0, var(--color-scrollbar-thumb) .25rem, var(--color-scrollbar-track) .25rem, var(--color-scrollbar-track) .75rem, var(--color-scrollbar-thumb) .75rem);
}

.l-sidebar {
  --size: var(--space-3xl-4xl);
  --min-content-size: 50%;
  --gap: 0;
  flex-direction: var(--sidebar-dir, var(--flex-dir, row));
  gap: var(--sidebar-gap, var(--gap));
  align-items: var(--block-align, normal);
  justify-content: var(--inline-align, normal);
  flex-wrap: wrap;
  display: flex;
}

.l-sidebar--no-stretch {
  --block-align: flex-start;
}

.l-sidebar:not(.l-sidebar--reverse) > :first-child, .l-sidebar.l-sidebar--reverse > :last-child {
  flex-basis: initial;
  flex-grow: 1;
}

.l-sidebar:not(.l-sidebar--intrinsic):not(.l-sidebar--reverse) > :first-child, .l-sidebar:not(.l-sidebar--intrinsic).l-sidebar--reverse > :last-child {
  flex-basis: var(--size);
}

.l-sidebar:not(.l-sidebar--reverse) > :last-child, .l-sidebar.l-sidebar--reverse > :first-child {
  min-inline-size: var(--min-content-size);
  flex-grow: 999;
  flex-basis: 0;
}

.l-stack {
  --gap: var(--space-s);
  justify-content: flex-start;
  gap: var(--stack-gap, var(--gap));
  flex-direction: column;
  display: flex;
}

.l-stack--center {
  align-items: center;
}

:is(.l-stack[class*="l-stack--split-"], .l-stack:has(.l-stack__split), .l-stack:has(.l-stack__split-after)):only-child {
  block-size: 100%;
}

.l-stack > *, .l-stack--recursive * {
  --gap: 0;
  margin-block: 0;
}

.l-stack--reverse {
  flex-direction: column-reverse;
}

@media (width <= 20rem) {
  .l-stack--reverse\@xs {
    flex-direction: column-reverse;
  }
}

@media (width <= 30rem) {
  .l-stack--reverse\@s {
    flex-direction: column-reverse;
  }
}

@media (width <= 48rem) {
  .l-stack--reverse\@m {
    flex-direction: column-reverse;
  }
}

@media (width <= 64rem) {
  .l-stack--reverse\@l {
    flex-direction: column-reverse;
  }
}

@media (width <= 75rem) {
  .l-stack--reverse\@xl {
    flex-direction: column-reverse;
  }
}

.l-stack__split {
  margin-block-start: auto;
}

.l-stack__split-after, .l-stack--split-1 > :first-child {
  margin-block-end: auto;
}

.l-stack--split-last-1 > :last-child {
  margin-block-start: auto;
}

.l-stack--split-2 > :nth-child(2) {
  margin-block-end: auto;
}

.l-stack--split-last-2 > :nth-last-child(2) {
  margin-block-start: auto;
}

.l-stack--split-3 > :nth-child(3) {
  margin-block-end: auto;
}

.l-stack--split-last-3 > :nth-last-child(3) {
  margin-block-start: auto;
}

.l-stack--split-4 > :nth-child(4) {
  margin-block-end: auto;
}

.l-stack--split-last-4 > :nth-last-child(4) {
  margin-block-start: auto;
}

.l-stack--split-5 > :nth-child(5) {
  margin-block-end: auto;
}

.l-stack--split-last-5 > :nth-last-child(5) {
  margin-block-start: auto;
}

.l-stack--split-6 > :nth-child(6) {
  margin-block-end: auto;
}

.l-stack--split-last-6 > :nth-last-child(6) {
  margin-block-start: auto;
}

.l-box--no-padding-inline {
  padding-inline: 0;
}

.l-box--padding-inline {
  padding-inline: var(--gap, var(--box-gap));
}

@media (width <= 20rem) {
  .l-box--no-padding-inline\@xs {
    padding-inline: 0;
  }

  .l-box--padding-inline\@xs {
    padding-inline: var(--gap, var(--box-gap));
  }
}

@media (width <= 30rem) {
  .l-box--no-padding-inline\@s {
    padding-inline: 0;
  }

  .l-box--padding-inline\@s {
    padding-inline: var(--gap, var(--box-gap));
  }
}

@media (width <= 48rem) {
  .l-box--no-padding-inline\@m {
    padding-inline: 0;
  }

  .l-box--padding-inline\@m {
    padding-inline: var(--gap, var(--box-gap));
  }
}

@media (width <= 64rem) {
  .l-box--no-padding-inline\@l {
    padding-inline: 0;
  }

  .l-box--padding-inline\@l {
    padding-inline: var(--gap, var(--box-gap));
  }
}

@media (width <= 75rem) {
  .l-box--no-padding-inline\@xl {
    padding-inline: 0;
  }

  .l-box--padding-inline\@xl {
    padding-inline: var(--gap, var(--box-gap));
  }
}

@media (width <= 20rem) {
  .l-box--gap-none\@xs {
    --box-gap: var(--space-none);
  }
}

@media (width <= 30rem) {
  .l-box--gap-none\@s {
    --box-gap: var(--space-none);
  }
}

@media (width <= 48rem) {
  .l-box--gap-none\@m {
    --box-gap: var(--space-none);
  }
}

@media (width <= 64rem) {
  .l-box--gap-none\@l {
    --box-gap: var(--space-none);
  }
}

@media (width <= 75rem) {
  .l-box--gap-none\@xl {
    --box-gap: var(--space-none);
  }
}

@media (width <= 20rem) {
  .l-box--gap-3xs\@xs {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-3xs\@s {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-3xs\@m {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-3xs\@l {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-3xs\@xl {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xs\@xs {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xs\@s {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xs\@m {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xs\@l {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xs\@xl {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xs\@xs {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xs\@s {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xs\@m {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xs\@l {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xs\@xl {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-s\@xs {
    --box-gap: var(--space-s);
  }
}

@media (width <= 30rem) {
  .l-box--gap-s\@s {
    --box-gap: var(--space-s);
  }
}

@media (width <= 48rem) {
  .l-box--gap-s\@m {
    --box-gap: var(--space-s);
  }
}

@media (width <= 64rem) {
  .l-box--gap-s\@l {
    --box-gap: var(--space-s);
  }
}

@media (width <= 75rem) {
  .l-box--gap-s\@xl {
    --box-gap: var(--space-s);
  }
}

@media (width <= 20rem) {
  .l-box--gap-m\@xs {
    --box-gap: var(--space-m);
  }
}

@media (width <= 30rem) {
  .l-box--gap-m\@s {
    --box-gap: var(--space-m);
  }
}

@media (width <= 48rem) {
  .l-box--gap-m\@m {
    --box-gap: var(--space-m);
  }
}

@media (width <= 64rem) {
  .l-box--gap-m\@l {
    --box-gap: var(--space-m);
  }
}

@media (width <= 75rem) {
  .l-box--gap-m\@xl {
    --box-gap: var(--space-m);
  }
}

@media (width <= 20rem) {
  .l-box--gap-l\@xs {
    --box-gap: var(--space-l);
  }
}

@media (width <= 30rem) {
  .l-box--gap-l\@s {
    --box-gap: var(--space-l);
  }
}

@media (width <= 48rem) {
  .l-box--gap-l\@m {
    --box-gap: var(--space-l);
  }
}

@media (width <= 64rem) {
  .l-box--gap-l\@l {
    --box-gap: var(--space-l);
  }
}

@media (width <= 75rem) {
  .l-box--gap-l\@xl {
    --box-gap: var(--space-l);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xl\@xs {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xl\@s {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xl\@m {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xl\@l {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xl\@xl {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xl\@xs {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xl\@s {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xl\@m {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xl\@l {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xl\@xl {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-3xl\@xs {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-3xl\@s {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-3xl\@m {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-3xl\@l {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-3xl\@xl {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-4xl\@xs {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-4xl\@s {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-4xl\@m {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-4xl\@l {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-4xl\@xl {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-3xs-2xs\@xs {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-3xs-2xs\@s {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-3xs-2xs\@m {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-3xs-2xs\@l {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-3xs-2xs\@xl {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xs-xs\@xs {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xs-xs\@s {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xs-xs\@m {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xs-xs\@l {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xs-xs\@xl {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xs-m\@xs {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xs-m\@s {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xs-m\@m {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xs-m\@l {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xs-m\@xl {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xs-s\@xs {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xs-s\@s {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xs-s\@m {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xs-s\@l {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xs-s\@xl {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xs-xl\@xs {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xs-xl\@s {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xs-xl\@m {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xs-xl\@l {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xs-xl\@xl {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-s-m\@xs {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 30rem) {
  .l-box--gap-s-m\@s {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 48rem) {
  .l-box--gap-s-m\@m {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 64rem) {
  .l-box--gap-s-m\@l {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 75rem) {
  .l-box--gap-s-m\@xl {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 20rem) {
  .l-box--gap-s-l\@xs {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 30rem) {
  .l-box--gap-s-l\@s {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 48rem) {
  .l-box--gap-s-l\@m {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 64rem) {
  .l-box--gap-s-l\@l {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 75rem) {
  .l-box--gap-s-l\@xl {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 20rem) {
  .l-box--gap-m-l\@xs {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 30rem) {
  .l-box--gap-m-l\@s {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 48rem) {
  .l-box--gap-m-l\@m {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 64rem) {
  .l-box--gap-m-l\@l {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 75rem) {
  .l-box--gap-m-l\@xl {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 20rem) {
  .l-box--gap-s-xl\@xs {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-s-xl\@s {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-s-xl\@m {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-s-xl\@l {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-s-xl\@xl {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-m-xl\@xs {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-m-xl\@s {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-m-xl\@m {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-m-xl\@l {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-m-xl\@xl {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-m-2xl\@xs {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-m-2xl\@s {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-m-2xl\@m {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-m-2xl\@l {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-m-2xl\@xl {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-l-xl\@xs {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-l-xl\@s {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-l-xl\@m {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-l-xl\@l {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-l-xl\@xl {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-l-3xl\@xs {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-l-3xl\@s {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-l-3xl\@m {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-l-3xl\@l {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-l-3xl\@xl {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xl-2xl\@xs {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xl-2xl\@s {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xl-2xl\@m {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xl-2xl\@l {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xl-2xl\@xl {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xl-3xl\@xs {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xl-3xl\@s {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xl-3xl\@m {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xl-3xl\@l {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xl-3xl\@xl {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-3xl-4xl\@xs {
    --box-gap: var(--space-3xl-4xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-3xl-4xl\@s {
    --box-gap: var(--space-3xl-4xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-3xl-4xl\@m {
    --box-gap: var(--space-3xl-4xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-3xl-4xl\@l {
    --box-gap: var(--space-3xl-4xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-3xl-4xl\@xl {
    --box-gap: var(--space-3xl-4xl);
  }
}

.l-box--no-padding-block {
  padding-block: 0;
}

.l-box--padding-block {
  padding-block: var(--gap, var(--box-gap));
}

@media (width <= 20rem) {
  .l-box--no-padding-block\@xs {
    padding-block: 0;
  }

  .l-box--padding-block\@xs {
    padding-block: var(--gap, var(--box-gap));
  }
}

@media (width <= 30rem) {
  .l-box--no-padding-block\@s {
    padding-block: 0;
  }

  .l-box--padding-block\@s {
    padding-block: var(--gap, var(--box-gap));
  }
}

@media (width <= 48rem) {
  .l-box--no-padding-block\@m {
    padding-block: 0;
  }

  .l-box--padding-block\@m {
    padding-block: var(--gap, var(--box-gap));
  }
}

@media (width <= 64rem) {
  .l-box--no-padding-block\@l {
    padding-block: 0;
  }

  .l-box--padding-block\@l {
    padding-block: var(--gap, var(--box-gap));
  }
}

@media (width <= 75rem) {
  .l-box--no-padding-block\@xl {
    padding-block: 0;
  }

  .l-box--padding-block\@xl {
    padding-block: var(--gap, var(--box-gap));
  }
}

@media (width <= 20rem) {
  .l-box--gap-none\@xs {
    --box-gap: var(--space-none);
  }
}

@media (width <= 30rem) {
  .l-box--gap-none\@s {
    --box-gap: var(--space-none);
  }
}

@media (width <= 48rem) {
  .l-box--gap-none\@m {
    --box-gap: var(--space-none);
  }
}

@media (width <= 64rem) {
  .l-box--gap-none\@l {
    --box-gap: var(--space-none);
  }
}

@media (width <= 75rem) {
  .l-box--gap-none\@xl {
    --box-gap: var(--space-none);
  }
}

@media (width <= 20rem) {
  .l-box--gap-3xs\@xs {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-3xs\@s {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-3xs\@m {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-3xs\@l {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-3xs\@xl {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xs\@xs {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xs\@s {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xs\@m {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xs\@l {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xs\@xl {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xs\@xs {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xs\@s {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xs\@m {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xs\@l {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xs\@xl {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-s\@xs {
    --box-gap: var(--space-s);
  }
}

@media (width <= 30rem) {
  .l-box--gap-s\@s {
    --box-gap: var(--space-s);
  }
}

@media (width <= 48rem) {
  .l-box--gap-s\@m {
    --box-gap: var(--space-s);
  }
}

@media (width <= 64rem) {
  .l-box--gap-s\@l {
    --box-gap: var(--space-s);
  }
}

@media (width <= 75rem) {
  .l-box--gap-s\@xl {
    --box-gap: var(--space-s);
  }
}

@media (width <= 20rem) {
  .l-box--gap-m\@xs {
    --box-gap: var(--space-m);
  }
}

@media (width <= 30rem) {
  .l-box--gap-m\@s {
    --box-gap: var(--space-m);
  }
}

@media (width <= 48rem) {
  .l-box--gap-m\@m {
    --box-gap: var(--space-m);
  }
}

@media (width <= 64rem) {
  .l-box--gap-m\@l {
    --box-gap: var(--space-m);
  }
}

@media (width <= 75rem) {
  .l-box--gap-m\@xl {
    --box-gap: var(--space-m);
  }
}

@media (width <= 20rem) {
  .l-box--gap-l\@xs {
    --box-gap: var(--space-l);
  }
}

@media (width <= 30rem) {
  .l-box--gap-l\@s {
    --box-gap: var(--space-l);
  }
}

@media (width <= 48rem) {
  .l-box--gap-l\@m {
    --box-gap: var(--space-l);
  }
}

@media (width <= 64rem) {
  .l-box--gap-l\@l {
    --box-gap: var(--space-l);
  }
}

@media (width <= 75rem) {
  .l-box--gap-l\@xl {
    --box-gap: var(--space-l);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xl\@xs {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xl\@s {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xl\@m {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xl\@l {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xl\@xl {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xl\@xs {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xl\@s {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xl\@m {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xl\@l {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xl\@xl {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-3xl\@xs {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-3xl\@s {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-3xl\@m {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-3xl\@l {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-3xl\@xl {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-4xl\@xs {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-4xl\@s {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-4xl\@m {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-4xl\@l {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-4xl\@xl {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-3xs-2xs\@xs {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-3xs-2xs\@s {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-3xs-2xs\@m {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-3xs-2xs\@l {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-3xs-2xs\@xl {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xs-xs\@xs {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xs-xs\@s {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xs-xs\@m {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xs-xs\@l {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xs-xs\@xl {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xs-m\@xs {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xs-m\@s {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xs-m\@m {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xs-m\@l {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xs-m\@xl {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xs-s\@xs {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xs-s\@s {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xs-s\@m {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xs-s\@l {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xs-s\@xl {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xs-xl\@xs {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xs-xl\@s {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xs-xl\@m {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xs-xl\@l {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xs-xl\@xl {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-s-m\@xs {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 30rem) {
  .l-box--gap-s-m\@s {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 48rem) {
  .l-box--gap-s-m\@m {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 64rem) {
  .l-box--gap-s-m\@l {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 75rem) {
  .l-box--gap-s-m\@xl {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 20rem) {
  .l-box--gap-s-l\@xs {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 30rem) {
  .l-box--gap-s-l\@s {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 48rem) {
  .l-box--gap-s-l\@m {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 64rem) {
  .l-box--gap-s-l\@l {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 75rem) {
  .l-box--gap-s-l\@xl {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 20rem) {
  .l-box--gap-m-l\@xs {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 30rem) {
  .l-box--gap-m-l\@s {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 48rem) {
  .l-box--gap-m-l\@m {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 64rem) {
  .l-box--gap-m-l\@l {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 75rem) {
  .l-box--gap-m-l\@xl {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 20rem) {
  .l-box--gap-s-xl\@xs {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-s-xl\@s {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-s-xl\@m {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-s-xl\@l {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-s-xl\@xl {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-m-xl\@xs {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-m-xl\@s {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-m-xl\@m {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-m-xl\@l {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-m-xl\@xl {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-m-2xl\@xs {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-m-2xl\@s {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-m-2xl\@m {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-m-2xl\@l {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-m-2xl\@xl {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-l-xl\@xs {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-l-xl\@s {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-l-xl\@m {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-l-xl\@l {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-l-xl\@xl {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-l-3xl\@xs {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-l-3xl\@s {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-l-3xl\@m {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-l-3xl\@l {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-l-3xl\@xl {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xl-2xl\@xs {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xl-2xl\@s {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xl-2xl\@m {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xl-2xl\@l {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xl-2xl\@xl {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xl-3xl\@xs {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xl-3xl\@s {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xl-3xl\@m {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xl-3xl\@l {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xl-3xl\@xl {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-3xl-4xl\@xs {
    --box-gap: var(--space-3xl-4xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-3xl-4xl\@s {
    --box-gap: var(--space-3xl-4xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-3xl-4xl\@m {
    --box-gap: var(--space-3xl-4xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-3xl-4xl\@l {
    --box-gap: var(--space-3xl-4xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-3xl-4xl\@xl {
    --box-gap: var(--space-3xl-4xl);
  }
}

.l-box--no-padding-inline-start {
  padding-inline-start: 0;
}

.l-box--padding-inline-start {
  padding-inline-start: var(--gap, var(--box-gap));
}

@media (width <= 20rem) {
  .l-box--no-padding-inline-start\@xs {
    padding-inline-start: 0;
  }

  .l-box--padding-inline-start\@xs {
    padding-inline-start: var(--gap, var(--box-gap));
  }
}

@media (width <= 30rem) {
  .l-box--no-padding-inline-start\@s {
    padding-inline-start: 0;
  }

  .l-box--padding-inline-start\@s {
    padding-inline-start: var(--gap, var(--box-gap));
  }
}

@media (width <= 48rem) {
  .l-box--no-padding-inline-start\@m {
    padding-inline-start: 0;
  }

  .l-box--padding-inline-start\@m {
    padding-inline-start: var(--gap, var(--box-gap));
  }
}

@media (width <= 64rem) {
  .l-box--no-padding-inline-start\@l {
    padding-inline-start: 0;
  }

  .l-box--padding-inline-start\@l {
    padding-inline-start: var(--gap, var(--box-gap));
  }
}

@media (width <= 75rem) {
  .l-box--no-padding-inline-start\@xl {
    padding-inline-start: 0;
  }

  .l-box--padding-inline-start\@xl {
    padding-inline-start: var(--gap, var(--box-gap));
  }
}

@media (width <= 20rem) {
  .l-box--gap-none\@xs {
    --box-gap: var(--space-none);
  }
}

@media (width <= 30rem) {
  .l-box--gap-none\@s {
    --box-gap: var(--space-none);
  }
}

@media (width <= 48rem) {
  .l-box--gap-none\@m {
    --box-gap: var(--space-none);
  }
}

@media (width <= 64rem) {
  .l-box--gap-none\@l {
    --box-gap: var(--space-none);
  }
}

@media (width <= 75rem) {
  .l-box--gap-none\@xl {
    --box-gap: var(--space-none);
  }
}

@media (width <= 20rem) {
  .l-box--gap-3xs\@xs {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-3xs\@s {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-3xs\@m {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-3xs\@l {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-3xs\@xl {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xs\@xs {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xs\@s {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xs\@m {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xs\@l {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xs\@xl {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xs\@xs {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xs\@s {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xs\@m {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xs\@l {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xs\@xl {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-s\@xs {
    --box-gap: var(--space-s);
  }
}

@media (width <= 30rem) {
  .l-box--gap-s\@s {
    --box-gap: var(--space-s);
  }
}

@media (width <= 48rem) {
  .l-box--gap-s\@m {
    --box-gap: var(--space-s);
  }
}

@media (width <= 64rem) {
  .l-box--gap-s\@l {
    --box-gap: var(--space-s);
  }
}

@media (width <= 75rem) {
  .l-box--gap-s\@xl {
    --box-gap: var(--space-s);
  }
}

@media (width <= 20rem) {
  .l-box--gap-m\@xs {
    --box-gap: var(--space-m);
  }
}

@media (width <= 30rem) {
  .l-box--gap-m\@s {
    --box-gap: var(--space-m);
  }
}

@media (width <= 48rem) {
  .l-box--gap-m\@m {
    --box-gap: var(--space-m);
  }
}

@media (width <= 64rem) {
  .l-box--gap-m\@l {
    --box-gap: var(--space-m);
  }
}

@media (width <= 75rem) {
  .l-box--gap-m\@xl {
    --box-gap: var(--space-m);
  }
}

@media (width <= 20rem) {
  .l-box--gap-l\@xs {
    --box-gap: var(--space-l);
  }
}

@media (width <= 30rem) {
  .l-box--gap-l\@s {
    --box-gap: var(--space-l);
  }
}

@media (width <= 48rem) {
  .l-box--gap-l\@m {
    --box-gap: var(--space-l);
  }
}

@media (width <= 64rem) {
  .l-box--gap-l\@l {
    --box-gap: var(--space-l);
  }
}

@media (width <= 75rem) {
  .l-box--gap-l\@xl {
    --box-gap: var(--space-l);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xl\@xs {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xl\@s {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xl\@m {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xl\@l {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xl\@xl {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xl\@xs {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xl\@s {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xl\@m {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xl\@l {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xl\@xl {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-3xl\@xs {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-3xl\@s {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-3xl\@m {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-3xl\@l {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-3xl\@xl {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-4xl\@xs {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-4xl\@s {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-4xl\@m {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-4xl\@l {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-4xl\@xl {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-3xs-2xs\@xs {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-3xs-2xs\@s {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-3xs-2xs\@m {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-3xs-2xs\@l {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-3xs-2xs\@xl {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xs-xs\@xs {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xs-xs\@s {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xs-xs\@m {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xs-xs\@l {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xs-xs\@xl {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xs-m\@xs {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xs-m\@s {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xs-m\@m {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xs-m\@l {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xs-m\@xl {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xs-s\@xs {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xs-s\@s {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xs-s\@m {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xs-s\@l {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xs-s\@xl {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xs-xl\@xs {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xs-xl\@s {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xs-xl\@m {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xs-xl\@l {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xs-xl\@xl {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-s-m\@xs {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 30rem) {
  .l-box--gap-s-m\@s {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 48rem) {
  .l-box--gap-s-m\@m {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 64rem) {
  .l-box--gap-s-m\@l {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 75rem) {
  .l-box--gap-s-m\@xl {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 20rem) {
  .l-box--gap-s-l\@xs {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 30rem) {
  .l-box--gap-s-l\@s {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 48rem) {
  .l-box--gap-s-l\@m {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 64rem) {
  .l-box--gap-s-l\@l {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 75rem) {
  .l-box--gap-s-l\@xl {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 20rem) {
  .l-box--gap-m-l\@xs {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 30rem) {
  .l-box--gap-m-l\@s {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 48rem) {
  .l-box--gap-m-l\@m {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 64rem) {
  .l-box--gap-m-l\@l {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 75rem) {
  .l-box--gap-m-l\@xl {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 20rem) {
  .l-box--gap-s-xl\@xs {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-s-xl\@s {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-s-xl\@m {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-s-xl\@l {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-s-xl\@xl {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-m-xl\@xs {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-m-xl\@s {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-m-xl\@m {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-m-xl\@l {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-m-xl\@xl {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-m-2xl\@xs {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-m-2xl\@s {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-m-2xl\@m {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-m-2xl\@l {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-m-2xl\@xl {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-l-xl\@xs {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-l-xl\@s {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-l-xl\@m {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-l-xl\@l {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-l-xl\@xl {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-l-3xl\@xs {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-l-3xl\@s {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-l-3xl\@m {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-l-3xl\@l {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-l-3xl\@xl {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xl-2xl\@xs {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xl-2xl\@s {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xl-2xl\@m {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xl-2xl\@l {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xl-2xl\@xl {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xl-3xl\@xs {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xl-3xl\@s {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xl-3xl\@m {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xl-3xl\@l {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xl-3xl\@xl {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-3xl-4xl\@xs {
    --box-gap: var(--space-3xl-4xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-3xl-4xl\@s {
    --box-gap: var(--space-3xl-4xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-3xl-4xl\@m {
    --box-gap: var(--space-3xl-4xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-3xl-4xl\@l {
    --box-gap: var(--space-3xl-4xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-3xl-4xl\@xl {
    --box-gap: var(--space-3xl-4xl);
  }
}

.l-box--no-padding-inline-end {
  padding-inline-end: 0;
}

.l-box--padding-inline-end {
  padding-inline-end: var(--gap, var(--box-gap));
}

@media (width <= 20rem) {
  .l-box--no-padding-inline-end\@xs {
    padding-inline-end: 0;
  }

  .l-box--padding-inline-end\@xs {
    padding-inline-end: var(--gap, var(--box-gap));
  }
}

@media (width <= 30rem) {
  .l-box--no-padding-inline-end\@s {
    padding-inline-end: 0;
  }

  .l-box--padding-inline-end\@s {
    padding-inline-end: var(--gap, var(--box-gap));
  }
}

@media (width <= 48rem) {
  .l-box--no-padding-inline-end\@m {
    padding-inline-end: 0;
  }

  .l-box--padding-inline-end\@m {
    padding-inline-end: var(--gap, var(--box-gap));
  }
}

@media (width <= 64rem) {
  .l-box--no-padding-inline-end\@l {
    padding-inline-end: 0;
  }

  .l-box--padding-inline-end\@l {
    padding-inline-end: var(--gap, var(--box-gap));
  }
}

@media (width <= 75rem) {
  .l-box--no-padding-inline-end\@xl {
    padding-inline-end: 0;
  }

  .l-box--padding-inline-end\@xl {
    padding-inline-end: var(--gap, var(--box-gap));
  }
}

@media (width <= 20rem) {
  .l-box--gap-none\@xs {
    --box-gap: var(--space-none);
  }
}

@media (width <= 30rem) {
  .l-box--gap-none\@s {
    --box-gap: var(--space-none);
  }
}

@media (width <= 48rem) {
  .l-box--gap-none\@m {
    --box-gap: var(--space-none);
  }
}

@media (width <= 64rem) {
  .l-box--gap-none\@l {
    --box-gap: var(--space-none);
  }
}

@media (width <= 75rem) {
  .l-box--gap-none\@xl {
    --box-gap: var(--space-none);
  }
}

@media (width <= 20rem) {
  .l-box--gap-3xs\@xs {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-3xs\@s {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-3xs\@m {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-3xs\@l {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-3xs\@xl {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xs\@xs {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xs\@s {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xs\@m {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xs\@l {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xs\@xl {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xs\@xs {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xs\@s {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xs\@m {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xs\@l {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xs\@xl {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-s\@xs {
    --box-gap: var(--space-s);
  }
}

@media (width <= 30rem) {
  .l-box--gap-s\@s {
    --box-gap: var(--space-s);
  }
}

@media (width <= 48rem) {
  .l-box--gap-s\@m {
    --box-gap: var(--space-s);
  }
}

@media (width <= 64rem) {
  .l-box--gap-s\@l {
    --box-gap: var(--space-s);
  }
}

@media (width <= 75rem) {
  .l-box--gap-s\@xl {
    --box-gap: var(--space-s);
  }
}

@media (width <= 20rem) {
  .l-box--gap-m\@xs {
    --box-gap: var(--space-m);
  }
}

@media (width <= 30rem) {
  .l-box--gap-m\@s {
    --box-gap: var(--space-m);
  }
}

@media (width <= 48rem) {
  .l-box--gap-m\@m {
    --box-gap: var(--space-m);
  }
}

@media (width <= 64rem) {
  .l-box--gap-m\@l {
    --box-gap: var(--space-m);
  }
}

@media (width <= 75rem) {
  .l-box--gap-m\@xl {
    --box-gap: var(--space-m);
  }
}

@media (width <= 20rem) {
  .l-box--gap-l\@xs {
    --box-gap: var(--space-l);
  }
}

@media (width <= 30rem) {
  .l-box--gap-l\@s {
    --box-gap: var(--space-l);
  }
}

@media (width <= 48rem) {
  .l-box--gap-l\@m {
    --box-gap: var(--space-l);
  }
}

@media (width <= 64rem) {
  .l-box--gap-l\@l {
    --box-gap: var(--space-l);
  }
}

@media (width <= 75rem) {
  .l-box--gap-l\@xl {
    --box-gap: var(--space-l);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xl\@xs {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xl\@s {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xl\@m {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xl\@l {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xl\@xl {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xl\@xs {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xl\@s {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xl\@m {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xl\@l {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xl\@xl {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-3xl\@xs {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-3xl\@s {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-3xl\@m {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-3xl\@l {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-3xl\@xl {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-4xl\@xs {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-4xl\@s {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-4xl\@m {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-4xl\@l {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-4xl\@xl {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-3xs-2xs\@xs {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-3xs-2xs\@s {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-3xs-2xs\@m {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-3xs-2xs\@l {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-3xs-2xs\@xl {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xs-xs\@xs {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xs-xs\@s {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xs-xs\@m {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xs-xs\@l {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xs-xs\@xl {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xs-m\@xs {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xs-m\@s {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xs-m\@m {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xs-m\@l {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xs-m\@xl {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xs-s\@xs {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xs-s\@s {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xs-s\@m {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xs-s\@l {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xs-s\@xl {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xs-xl\@xs {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xs-xl\@s {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xs-xl\@m {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xs-xl\@l {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xs-xl\@xl {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-s-m\@xs {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 30rem) {
  .l-box--gap-s-m\@s {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 48rem) {
  .l-box--gap-s-m\@m {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 64rem) {
  .l-box--gap-s-m\@l {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 75rem) {
  .l-box--gap-s-m\@xl {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 20rem) {
  .l-box--gap-s-l\@xs {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 30rem) {
  .l-box--gap-s-l\@s {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 48rem) {
  .l-box--gap-s-l\@m {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 64rem) {
  .l-box--gap-s-l\@l {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 75rem) {
  .l-box--gap-s-l\@xl {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 20rem) {
  .l-box--gap-m-l\@xs {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 30rem) {
  .l-box--gap-m-l\@s {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 48rem) {
  .l-box--gap-m-l\@m {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 64rem) {
  .l-box--gap-m-l\@l {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 75rem) {
  .l-box--gap-m-l\@xl {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 20rem) {
  .l-box--gap-s-xl\@xs {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-s-xl\@s {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-s-xl\@m {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-s-xl\@l {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-s-xl\@xl {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-m-xl\@xs {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-m-xl\@s {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-m-xl\@m {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-m-xl\@l {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-m-xl\@xl {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-m-2xl\@xs {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-m-2xl\@s {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-m-2xl\@m {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-m-2xl\@l {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-m-2xl\@xl {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-l-xl\@xs {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-l-xl\@s {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-l-xl\@m {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-l-xl\@l {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-l-xl\@xl {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-l-3xl\@xs {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-l-3xl\@s {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-l-3xl\@m {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-l-3xl\@l {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-l-3xl\@xl {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xl-2xl\@xs {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xl-2xl\@s {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xl-2xl\@m {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xl-2xl\@l {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xl-2xl\@xl {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xl-3xl\@xs {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xl-3xl\@s {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xl-3xl\@m {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xl-3xl\@l {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xl-3xl\@xl {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-3xl-4xl\@xs {
    --box-gap: var(--space-3xl-4xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-3xl-4xl\@s {
    --box-gap: var(--space-3xl-4xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-3xl-4xl\@m {
    --box-gap: var(--space-3xl-4xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-3xl-4xl\@l {
    --box-gap: var(--space-3xl-4xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-3xl-4xl\@xl {
    --box-gap: var(--space-3xl-4xl);
  }
}

.l-box--no-padding-block-start {
  padding-block-start: 0;
}

.l-box--padding-block-start {
  padding-block-start: var(--gap, var(--box-gap));
}

@media (width <= 20rem) {
  .l-box--no-padding-block-start\@xs {
    padding-block-start: 0;
  }

  .l-box--padding-block-start\@xs {
    padding-block-start: var(--gap, var(--box-gap));
  }
}

@media (width <= 30rem) {
  .l-box--no-padding-block-start\@s {
    padding-block-start: 0;
  }

  .l-box--padding-block-start\@s {
    padding-block-start: var(--gap, var(--box-gap));
  }
}

@media (width <= 48rem) {
  .l-box--no-padding-block-start\@m {
    padding-block-start: 0;
  }

  .l-box--padding-block-start\@m {
    padding-block-start: var(--gap, var(--box-gap));
  }
}

@media (width <= 64rem) {
  .l-box--no-padding-block-start\@l {
    padding-block-start: 0;
  }

  .l-box--padding-block-start\@l {
    padding-block-start: var(--gap, var(--box-gap));
  }
}

@media (width <= 75rem) {
  .l-box--no-padding-block-start\@xl {
    padding-block-start: 0;
  }

  .l-box--padding-block-start\@xl {
    padding-block-start: var(--gap, var(--box-gap));
  }
}

@media (width <= 20rem) {
  .l-box--gap-none\@xs {
    --box-gap: var(--space-none);
  }
}

@media (width <= 30rem) {
  .l-box--gap-none\@s {
    --box-gap: var(--space-none);
  }
}

@media (width <= 48rem) {
  .l-box--gap-none\@m {
    --box-gap: var(--space-none);
  }
}

@media (width <= 64rem) {
  .l-box--gap-none\@l {
    --box-gap: var(--space-none);
  }
}

@media (width <= 75rem) {
  .l-box--gap-none\@xl {
    --box-gap: var(--space-none);
  }
}

@media (width <= 20rem) {
  .l-box--gap-3xs\@xs {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-3xs\@s {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-3xs\@m {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-3xs\@l {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-3xs\@xl {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xs\@xs {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xs\@s {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xs\@m {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xs\@l {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xs\@xl {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xs\@xs {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xs\@s {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xs\@m {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xs\@l {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xs\@xl {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-s\@xs {
    --box-gap: var(--space-s);
  }
}

@media (width <= 30rem) {
  .l-box--gap-s\@s {
    --box-gap: var(--space-s);
  }
}

@media (width <= 48rem) {
  .l-box--gap-s\@m {
    --box-gap: var(--space-s);
  }
}

@media (width <= 64rem) {
  .l-box--gap-s\@l {
    --box-gap: var(--space-s);
  }
}

@media (width <= 75rem) {
  .l-box--gap-s\@xl {
    --box-gap: var(--space-s);
  }
}

@media (width <= 20rem) {
  .l-box--gap-m\@xs {
    --box-gap: var(--space-m);
  }
}

@media (width <= 30rem) {
  .l-box--gap-m\@s {
    --box-gap: var(--space-m);
  }
}

@media (width <= 48rem) {
  .l-box--gap-m\@m {
    --box-gap: var(--space-m);
  }
}

@media (width <= 64rem) {
  .l-box--gap-m\@l {
    --box-gap: var(--space-m);
  }
}

@media (width <= 75rem) {
  .l-box--gap-m\@xl {
    --box-gap: var(--space-m);
  }
}

@media (width <= 20rem) {
  .l-box--gap-l\@xs {
    --box-gap: var(--space-l);
  }
}

@media (width <= 30rem) {
  .l-box--gap-l\@s {
    --box-gap: var(--space-l);
  }
}

@media (width <= 48rem) {
  .l-box--gap-l\@m {
    --box-gap: var(--space-l);
  }
}

@media (width <= 64rem) {
  .l-box--gap-l\@l {
    --box-gap: var(--space-l);
  }
}

@media (width <= 75rem) {
  .l-box--gap-l\@xl {
    --box-gap: var(--space-l);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xl\@xs {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xl\@s {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xl\@m {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xl\@l {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xl\@xl {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xl\@xs {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xl\@s {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xl\@m {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xl\@l {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xl\@xl {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-3xl\@xs {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-3xl\@s {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-3xl\@m {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-3xl\@l {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-3xl\@xl {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-4xl\@xs {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-4xl\@s {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-4xl\@m {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-4xl\@l {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-4xl\@xl {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-3xs-2xs\@xs {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-3xs-2xs\@s {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-3xs-2xs\@m {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-3xs-2xs\@l {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-3xs-2xs\@xl {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xs-xs\@xs {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xs-xs\@s {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xs-xs\@m {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xs-xs\@l {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xs-xs\@xl {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xs-m\@xs {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xs-m\@s {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xs-m\@m {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xs-m\@l {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xs-m\@xl {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xs-s\@xs {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xs-s\@s {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xs-s\@m {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xs-s\@l {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xs-s\@xl {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xs-xl\@xs {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xs-xl\@s {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xs-xl\@m {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xs-xl\@l {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xs-xl\@xl {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-s-m\@xs {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 30rem) {
  .l-box--gap-s-m\@s {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 48rem) {
  .l-box--gap-s-m\@m {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 64rem) {
  .l-box--gap-s-m\@l {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 75rem) {
  .l-box--gap-s-m\@xl {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 20rem) {
  .l-box--gap-s-l\@xs {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 30rem) {
  .l-box--gap-s-l\@s {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 48rem) {
  .l-box--gap-s-l\@m {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 64rem) {
  .l-box--gap-s-l\@l {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 75rem) {
  .l-box--gap-s-l\@xl {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 20rem) {
  .l-box--gap-m-l\@xs {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 30rem) {
  .l-box--gap-m-l\@s {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 48rem) {
  .l-box--gap-m-l\@m {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 64rem) {
  .l-box--gap-m-l\@l {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 75rem) {
  .l-box--gap-m-l\@xl {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 20rem) {
  .l-box--gap-s-xl\@xs {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-s-xl\@s {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-s-xl\@m {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-s-xl\@l {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-s-xl\@xl {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-m-xl\@xs {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-m-xl\@s {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-m-xl\@m {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-m-xl\@l {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-m-xl\@xl {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-m-2xl\@xs {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-m-2xl\@s {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-m-2xl\@m {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-m-2xl\@l {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-m-2xl\@xl {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-l-xl\@xs {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-l-xl\@s {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-l-xl\@m {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-l-xl\@l {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-l-xl\@xl {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-l-3xl\@xs {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-l-3xl\@s {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-l-3xl\@m {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-l-3xl\@l {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-l-3xl\@xl {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-xl-2xl\@xs {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xl-2xl\@s {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xl-2xl\@m {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xl-2xl\@l {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xl-2xl\@xl {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-2xl-3xl\@xs {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xl-3xl\@s {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xl-3xl\@m {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xl-3xl\@l {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xl-3xl\@xl {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 20rem) {
  .l-box--gap-3xl-4xl\@xs {
    --box-gap: var(--space-3xl-4xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-3xl-4xl\@s {
    --box-gap: var(--space-3xl-4xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-3xl-4xl\@m {
    --box-gap: var(--space-3xl-4xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-3xl-4xl\@l {
    --box-gap: var(--space-3xl-4xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-3xl-4xl\@xl {
    --box-gap: var(--space-3xl-4xl);
  }
}

.l-box--no-padding-block-end {
  padding-block-end: 0;
}

.l-box--padding-block-end {
  padding-block-end: var(--gap, var(--box-gap));
}

@media (width <= 20rem) {
  .l-box--no-padding-block-end\@xs {
    padding-block-end: 0;
  }

  .l-box--padding-block-end\@xs {
    padding-block-end: var(--gap, var(--box-gap));
  }
}

@media (width <= 30rem) {
  .l-box--no-padding-block-end\@s {
    padding-block-end: 0;
  }

  .l-box--padding-block-end\@s {
    padding-block-end: var(--gap, var(--box-gap));
  }
}

@media (width <= 48rem) {
  .l-box--no-padding-block-end\@m {
    padding-block-end: 0;
  }

  .l-box--padding-block-end\@m {
    padding-block-end: var(--gap, var(--box-gap));
  }
}

@media (width <= 64rem) {
  .l-box--no-padding-block-end\@l {
    padding-block-end: 0;
  }

  .l-box--padding-block-end\@l {
    padding-block-end: var(--gap, var(--box-gap));
  }
}

@media (width <= 75rem) {
  .l-box--no-padding-block-end\@xl {
    padding-block-end: 0;
  }

  .l-box--padding-block-end\@xl {
    padding-block-end: var(--gap, var(--box-gap));
  }
}

.l-box--gap-none {
  --box-gap: var(--space-none);
}

@media (width <= 20rem) {
  .l-box--gap-none\@xs {
    --box-gap: var(--space-none);
  }
}

@media (width <= 30rem) {
  .l-box--gap-none\@s {
    --box-gap: var(--space-none);
  }
}

@media (width <= 48rem) {
  .l-box--gap-none\@m {
    --box-gap: var(--space-none);
  }
}

@media (width <= 64rem) {
  .l-box--gap-none\@l {
    --box-gap: var(--space-none);
  }
}

@media (width <= 75rem) {
  .l-box--gap-none\@xl {
    --box-gap: var(--space-none);
  }
}

.l-box--gap-3xs {
  --box-gap: var(--space-3xs);
}

@media (width <= 20rem) {
  .l-box--gap-3xs\@xs {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-3xs\@s {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-3xs\@m {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-3xs\@l {
    --box-gap: var(--space-3xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-3xs\@xl {
    --box-gap: var(--space-3xs);
  }
}

.l-box--gap-2xs {
  --box-gap: var(--space-2xs);
}

@media (width <= 20rem) {
  .l-box--gap-2xs\@xs {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xs\@s {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xs\@m {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xs\@l {
    --box-gap: var(--space-2xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xs\@xl {
    --box-gap: var(--space-2xs);
  }
}

.l-box--gap-xs {
  --box-gap: var(--space-xs);
}

@media (width <= 20rem) {
  .l-box--gap-xs\@xs {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xs\@s {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xs\@m {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xs\@l {
    --box-gap: var(--space-xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xs\@xl {
    --box-gap: var(--space-xs);
  }
}

.l-box--gap-s {
  --box-gap: var(--space-s);
}

@media (width <= 20rem) {
  .l-box--gap-s\@xs {
    --box-gap: var(--space-s);
  }
}

@media (width <= 30rem) {
  .l-box--gap-s\@s {
    --box-gap: var(--space-s);
  }
}

@media (width <= 48rem) {
  .l-box--gap-s\@m {
    --box-gap: var(--space-s);
  }
}

@media (width <= 64rem) {
  .l-box--gap-s\@l {
    --box-gap: var(--space-s);
  }
}

@media (width <= 75rem) {
  .l-box--gap-s\@xl {
    --box-gap: var(--space-s);
  }
}

.l-box--gap-m {
  --box-gap: var(--space-m);
}

@media (width <= 20rem) {
  .l-box--gap-m\@xs {
    --box-gap: var(--space-m);
  }
}

@media (width <= 30rem) {
  .l-box--gap-m\@s {
    --box-gap: var(--space-m);
  }
}

@media (width <= 48rem) {
  .l-box--gap-m\@m {
    --box-gap: var(--space-m);
  }
}

@media (width <= 64rem) {
  .l-box--gap-m\@l {
    --box-gap: var(--space-m);
  }
}

@media (width <= 75rem) {
  .l-box--gap-m\@xl {
    --box-gap: var(--space-m);
  }
}

.l-box--gap-l {
  --box-gap: var(--space-l);
}

@media (width <= 20rem) {
  .l-box--gap-l\@xs {
    --box-gap: var(--space-l);
  }
}

@media (width <= 30rem) {
  .l-box--gap-l\@s {
    --box-gap: var(--space-l);
  }
}

@media (width <= 48rem) {
  .l-box--gap-l\@m {
    --box-gap: var(--space-l);
  }
}

@media (width <= 64rem) {
  .l-box--gap-l\@l {
    --box-gap: var(--space-l);
  }
}

@media (width <= 75rem) {
  .l-box--gap-l\@xl {
    --box-gap: var(--space-l);
  }
}

.l-box--gap-xl {
  --box-gap: var(--space-xl);
}

@media (width <= 20rem) {
  .l-box--gap-xl\@xs {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xl\@s {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xl\@m {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xl\@l {
    --box-gap: var(--space-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xl\@xl {
    --box-gap: var(--space-xl);
  }
}

.l-box--gap-2xl {
  --box-gap: var(--space-2xl);
}

@media (width <= 20rem) {
  .l-box--gap-2xl\@xs {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xl\@s {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xl\@m {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xl\@l {
    --box-gap: var(--space-2xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xl\@xl {
    --box-gap: var(--space-2xl);
  }
}

.l-box--gap-3xl {
  --box-gap: var(--space-3xl);
}

@media (width <= 20rem) {
  .l-box--gap-3xl\@xs {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-3xl\@s {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-3xl\@m {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-3xl\@l {
    --box-gap: var(--space-3xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-3xl\@xl {
    --box-gap: var(--space-3xl);
  }
}

.l-box--gap-4xl {
  --box-gap: var(--space-4xl);
}

@media (width <= 20rem) {
  .l-box--gap-4xl\@xs {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-4xl\@s {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-4xl\@m {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-4xl\@l {
    --box-gap: var(--space-4xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-4xl\@xl {
    --box-gap: var(--space-4xl);
  }
}

.l-box--gap-3xs-2xs {
  --box-gap: var(--space-3xs-2xs);
}

@media (width <= 20rem) {
  .l-box--gap-3xs-2xs\@xs {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-3xs-2xs\@s {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-3xs-2xs\@m {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-3xs-2xs\@l {
    --box-gap: var(--space-3xs-2xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-3xs-2xs\@xl {
    --box-gap: var(--space-3xs-2xs);
  }
}

.l-box--gap-2xs-xs {
  --box-gap: var(--space-2xs-xs);
}

@media (width <= 20rem) {
  .l-box--gap-2xs-xs\@xs {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xs-xs\@s {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xs-xs\@m {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xs-xs\@l {
    --box-gap: var(--space-2xs-xs);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xs-xs\@xl {
    --box-gap: var(--space-2xs-xs);
  }
}

.l-box--gap-2xs-m {
  --box-gap: var(--space-2xs-m);
}

@media (width <= 20rem) {
  .l-box--gap-2xs-m\@xs {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xs-m\@s {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xs-m\@m {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xs-m\@l {
    --box-gap: var(--space-2xs-m);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xs-m\@xl {
    --box-gap: var(--space-2xs-m);
  }
}

.l-box--gap-xs-s {
  --box-gap: var(--space-xs-s);
}

@media (width <= 20rem) {
  .l-box--gap-xs-s\@xs {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xs-s\@s {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xs-s\@m {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xs-s\@l {
    --box-gap: var(--space-xs-s);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xs-s\@xl {
    --box-gap: var(--space-xs-s);
  }
}

.l-box--gap-xs-xl {
  --box-gap: var(--space-xs-xl);
}

@media (width <= 20rem) {
  .l-box--gap-xs-xl\@xs {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xs-xl\@s {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xs-xl\@m {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xs-xl\@l {
    --box-gap: var(--space-xs-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xs-xl\@xl {
    --box-gap: var(--space-xs-xl);
  }
}

.l-box--gap-s-m {
  --box-gap: var(--space-s-m);
}

@media (width <= 20rem) {
  .l-box--gap-s-m\@xs {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 30rem) {
  .l-box--gap-s-m\@s {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 48rem) {
  .l-box--gap-s-m\@m {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 64rem) {
  .l-box--gap-s-m\@l {
    --box-gap: var(--space-s-m);
  }
}

@media (width <= 75rem) {
  .l-box--gap-s-m\@xl {
    --box-gap: var(--space-s-m);
  }
}

.l-box--gap-s-l {
  --box-gap: var(--space-s-l);
}

@media (width <= 20rem) {
  .l-box--gap-s-l\@xs {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 30rem) {
  .l-box--gap-s-l\@s {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 48rem) {
  .l-box--gap-s-l\@m {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 64rem) {
  .l-box--gap-s-l\@l {
    --box-gap: var(--space-s-l);
  }
}

@media (width <= 75rem) {
  .l-box--gap-s-l\@xl {
    --box-gap: var(--space-s-l);
  }
}

.l-box--gap-m-l {
  --box-gap: var(--space-m-l);
}

@media (width <= 20rem) {
  .l-box--gap-m-l\@xs {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 30rem) {
  .l-box--gap-m-l\@s {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 48rem) {
  .l-box--gap-m-l\@m {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 64rem) {
  .l-box--gap-m-l\@l {
    --box-gap: var(--space-m-l);
  }
}

@media (width <= 75rem) {
  .l-box--gap-m-l\@xl {
    --box-gap: var(--space-m-l);
  }
}

.l-box--gap-s-xl {
  --box-gap: var(--space-s-xl);
}

@media (width <= 20rem) {
  .l-box--gap-s-xl\@xs {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-s-xl\@s {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-s-xl\@m {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-s-xl\@l {
    --box-gap: var(--space-s-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-s-xl\@xl {
    --box-gap: var(--space-s-xl);
  }
}

.l-box--gap-m-xl {
  --box-gap: var(--space-m-xl);
}

@media (width <= 20rem) {
  .l-box--gap-m-xl\@xs {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-m-xl\@s {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-m-xl\@m {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-m-xl\@l {
    --box-gap: var(--space-m-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-m-xl\@xl {
    --box-gap: var(--space-m-xl);
  }
}

.l-box--gap-m-2xl {
  --box-gap: var(--space-m-2xl);
}

@media (width <= 20rem) {
  .l-box--gap-m-2xl\@xs {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-m-2xl\@s {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-m-2xl\@m {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-m-2xl\@l {
    --box-gap: var(--space-m-2xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-m-2xl\@xl {
    --box-gap: var(--space-m-2xl);
  }
}

.l-box--gap-l-xl {
  --box-gap: var(--space-l-xl);
}

@media (width <= 20rem) {
  .l-box--gap-l-xl\@xs {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-l-xl\@s {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-l-xl\@m {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-l-xl\@l {
    --box-gap: var(--space-l-xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-l-xl\@xl {
    --box-gap: var(--space-l-xl);
  }
}

.l-box--gap-l-3xl {
  --box-gap: var(--space-l-3xl);
}

@media (width <= 20rem) {
  .l-box--gap-l-3xl\@xs {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-l-3xl\@s {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-l-3xl\@m {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-l-3xl\@l {
    --box-gap: var(--space-l-3xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-l-3xl\@xl {
    --box-gap: var(--space-l-3xl);
  }
}

.l-box--gap-xl-2xl {
  --box-gap: var(--space-xl-2xl);
}

@media (width <= 20rem) {
  .l-box--gap-xl-2xl\@xs {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-xl-2xl\@s {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-xl-2xl\@m {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-xl-2xl\@l {
    --box-gap: var(--space-xl-2xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-xl-2xl\@xl {
    --box-gap: var(--space-xl-2xl);
  }
}

.l-box--gap-2xl-3xl {
  --box-gap: var(--space-2xl-3xl);
}

@media (width <= 20rem) {
  .l-box--gap-2xl-3xl\@xs {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-2xl-3xl\@s {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-2xl-3xl\@m {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-2xl-3xl\@l {
    --box-gap: var(--space-2xl-3xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-2xl-3xl\@xl {
    --box-gap: var(--space-2xl-3xl);
  }
}

.l-box--gap-3xl-4xl {
  --box-gap: var(--space-3xl-4xl);
}

@media (width <= 20rem) {
  .l-box--gap-3xl-4xl\@xs {
    --box-gap: var(--space-3xl-4xl);
  }
}

@media (width <= 30rem) {
  .l-box--gap-3xl-4xl\@s {
    --box-gap: var(--space-3xl-4xl);
  }
}

@media (width <= 48rem) {
  .l-box--gap-3xl-4xl\@m {
    --box-gap: var(--space-3xl-4xl);
  }
}

@media (width <= 64rem) {
  .l-box--gap-3xl-4xl\@l {
    --box-gap: var(--space-3xl-4xl);
  }
}

@media (width <= 75rem) {
  .l-box--gap-3xl-4xl\@xl {
    --box-gap: var(--space-3xl-4xl);
  }
}

.l-cluster--titles__left {
  --box-gap: 0 0 var(--space-xl) 0;
  max-inline-size: 60ch;
}

.l-cluster--titles__left p {
  max-inline-size: 35ch;
}

.l-cluster--titles__left h1 {
  padding-block-end: var(--space-xl);
}

@media (width <= 48rem) {
  .l-cluster--titles__left {
    text-align: center;
    margin: 0 auto;
  }

  .l-cluster--titles__left p {
    max-inline-size: 60ch;
  }
}

.l-cluster--titles__right {
  --box-gap: 0;
}

@media (width <= 48rem) {
  .l-cluster--titles__right {
    margin: 0 auto;
  }
}

.l-cluster__logo {
  text-align: center;
  border-top-left-radius: 19px;
  border-top-right-radius: 19px;
  block-size: 97px;
  inline-size: 166px;
  margin: 0 auto;
}

.l-cluster__logo .card {
  --box-gap: var(--space-xl) 0 0 0;
  color: #fff;
  width: 136px;
  height: 51px;
  padding-top: 10px;
}

.l-cluster__logo .card .big {
  --border-color: var(--color-white);
  border-width: 1px;
  border-color: var(--border-color);
  color: #fff;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 15.68px;
}

.l-cluster__logo .card .big .sortlist {
  --color: var(--color-white);
  text-align: center;
  color: var(--color);
}

.l-cluster__logo .card .big .sortlist--dark {
  --color: var(--color-black);
}

.l-cluster__logo .card .big--dark {
  --border-color: var(--color-black);
}

.l-cluster__logo .card .small {
  --color: var(--color-black);
  --background-color: var(--color-white);
  color: var(--color);
  background-color: var(--background-color);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  align-items: center;
  block-size: 20px;
  inline-size: 136px;
  font-size: 9.51px;
  display: flex;
}

.l-cluster__logo .card .small img {
  block-size: 11px;
  inline-size: 81px;
}

.l-cluster__logo .card .small--dark {
  --color: var(--color-white);
  --background-color: var(--color-black);
}

.l-cluster__logo .card .small--dark .m-icon--top-rated-agency {
  --icon-color: var(--color-white);
}

.l-cluster__logo-star {
  background-position: center;
  max-block-size: 16px;
  max-inline-size: 16px;
}

.l-cluster--testimonials {
  max-inline-size: 100%;
}

.l-cluster--testimonials__content {
  align-items: center;
}

@media (width <= 48rem) {
  .l-cluster--testimonials__content {
    flex-direction: column-reverse;
  }
}

.l-cluster--no-wrap {
  flex-flow: row;
}

@media (width >= 20rem) {
  .l-cluster--no-wrap\@xs {
    flex-flow: row;
  }
}

@media (width >= 30rem) {
  .l-cluster--no-wrap\@s {
    flex-flow: row;
  }
}

@media (width >= 48rem) {
  .l-cluster--no-wrap\@m {
    flex-flow: row;
  }
}

@media (width >= 64rem) {
  .l-cluster--no-wrap\@l {
    flex-flow: row;
  }
}

@media (width >= 75rem) {
  .l-cluster--no-wrap\@xl {
    flex-flow: row;
  }
}

.l-cluster--reverse {
  flex-flow: wrap-reverse;
}

@media (width <= 48rem) {
  .l-cluster--reverse-row {
    flex-direction: row-reverse;
  }

  .l-cluster--center {
    justify-content: center;
  }
}

@media (width <= 20rem) {
  .l-cluster--reverse\@xs {
    flex-flow: wrap-reverse;
  }
}

@media (width <= 30rem) {
  .l-cluster--reverse\@s {
    flex-flow: wrap-reverse;
  }
}

@media (width <= 48rem) {
  .l-cluster--reverse\@m {
    flex-flow: wrap-reverse;
  }
}

@media (width <= 64rem) {
  .l-cluster--reverse\@l {
    flex-flow: wrap-reverse;
  }
}

@media (width <= 75rem) {
  .l-cluster--reverse\@xl {
    flex-flow: wrap-reverse;
  }
}

.l-flex--horizontal-width-and-border > div {
  border-left: 1px solid #fff;
  max-width: 22%;
  height: 31.625rem;
}

.l-flex--horizontal-width-and-border > div .l-box {
  --box-gap: 3.62rem 0 0 1.25rem;
}

@media (width <= 48rem) {
  .l-flex--horizontal-width-and-border > div {
    --threshold: auto;
    border-bottom: 1px solid #fff;
    border-left: 0;
    max-width: 100%;
    height: auto;
  }

  .l-flex--horizontal-width-and-border > div .l-box {
    --box-gap: 0;
    margin: 0 auto;
  }

  .l-flex--horizontal-width-and-border > div h3 {
    max-inline-size: 20ch;
  }

  .l-flex--horizontal-width-and-border .l-stack {
    padding: var(--space-xl);
    --stack-gap: 0;
  }
}

.l-flex--inline-max img {
  max-inline-size: 100%;
}

.l-flex--inline-80 {
  max-inline-size: 80%;
}

.l-flex--top-gap {
  padding-top: var(--space-4xl);
}

.l-flex--center {
  margin: 0 auto;
}

@media (width <= 20rem) {
  .l-stack--center\@xs {
    align-items: center;
  }
}

@media (width <= 30rem) {
  .l-stack--center\@s {
    align-items: center;
  }
}

@media (width <= 48rem) {
  .l-stack--center\@m {
    align-items: center;
  }
}

@media (width <= 64rem) {
  .l-stack--center\@l {
    align-items: center;
  }
}

@media (width <= 75rem) {
  .l-stack--center\@xl {
    align-items: center;
  }
}

.l-wrapper {
  --box-gap: 0 var(--space-m-2xl);
  max-inline-size: 1800px;
  margin: 0 auto;
}

.l-wrapper--fluid {
  --box-gap: 0 var(--space-m-2xl);
  max-inline-size: none;
}

.l-wrapper__item {
  --measure: 57ch;
  overflow-wrap: normal;
  -webkit-hyphens: none;
  hyphens: none;
}

.l-wrapper__item-container {
  justify-content: space-between;
  align-items: center;
  display: inline-flex;
}

@media (width <= 48rem) {
  .l-wrapper__item-container {
    inline-size: 100%;
  }
}

.l-wrapper__item--right {
  min-inline-size: 60%;
}

.l-wrapper--fill-viewport {
  min-block-size: 100vh;
}

@media (width <= 48rem) {
  .l-wrapper .u-align-items--center\@m {
    align-items: center;
  }
}

:root {
  --icon-url-arrow-profit: url("../../../../../arrow-profit.a90f6773.svg");
  --icon-url-arrow: url("../../../../../arrow.f5dc59e5.svg");
  --icon-url-chevron: url("../../../../../chevron.1aecc64c.svg");
  --icon-url-gradient-cross: url("../../../../../gradient-cross.1905a6d2.svg");
  --icon-url-gradient-tick: url("../../../../../gradient-tick.b758ac6d.svg");
  --icon-url-plus-thick: url("../../../../../plus-thick.9c87420f.svg");
  --icon-url-plus: url("../../../../../plus.505647a2.svg");
  --icon-url-star-fragment: url("../../../../../star-fragment.8b55f548.svg");
  --icon-url-star: url("../../../../../star.8dc007e1.svg");
  --icon-url-top-rated-agency: url("../../../../../top-rated-agency.ae2835d0.svg");
}

.m-icon {
  inline-size: var(--icon-size, calc(var(--space-l) * .95));
  block-size: var(--icon-size, calc(var(--space-l) * .95));
  -webkit-mask: none 100% 100% no-repeat;
  mask: none 100% 100% no-repeat;
  -webkit-mask-image: var(--icon, url("data:image/svg+xml,,%3Csvg viewBox=\"0 0 1 1\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M0 0h1v1H0z\"/%3E%3C/svg%3E"));
  mask-image: var(--icon, url("data:image/svg+xml,,%3Csvg viewBox=\"0 0 1 1\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M0 0h1v1H0z\"/%3E%3C/svg%3E"));
  background: var(--icon-color, currentColor);
  flex-shrink: 0;
  display: block;
}

.m-icon--arrow-profit {
  --icon: var(--icon-url-arrow-profit);
}

.m-icon--arrow {
  --icon: var(--icon-url-arrow);
}

.m-icon--chevron {
  --icon: var(--icon-url-chevron);
}

.m-icon--gradient-cross {
  --icon: var(--icon-url-gradient-cross);
}

.m-icon--gradient-tick {
  --icon: var(--icon-url-gradient-tick);
}

.m-icon--plus-thick {
  --icon: var(--icon-url-plus-thick);
}

.m-icon--plus {
  --icon: var(--icon-url-plus);
}

.m-icon--star-fragment {
  --icon: var(--icon-url-star-fragment);
}

.m-icon--star {
  --icon: var(--icon-url-star);
}

.m-icon--top-rated-agency {
  --icon: var(--icon-url-top-rated-agency);
}

.m-marquee {
  --gap: var(--space-s);
  --marquee-speed: 50;
  --marquee-default-duration: 24s;
  --marquee-from: 0;
  --marquee-to: calc(-100% - var(--marquee-gap, var(--gap)));
  gap: var(--marquee-gap, var(--gap));
  -webkit-user-select: none;
  user-select: none;
  display: flex;
  overflow: hidden;
}

.m-marquee--reverse {
  --marquee-from: calc(-100% - var(--marquee-gap, var(--gap)));
  --marquee-to: 0;
}

@media (width >= 20rem) {
  .m-marquee {
    --marquee-default-duration: 6.4s;
  }
}

@media (width >= 30rem) {
  .m-marquee {
    --marquee-default-duration: 9.6s;
  }
}

@media (width >= 48rem) {
  .m-marquee {
    --marquee-default-duration: 15.36s;
  }
}

@media (width >= 64rem) {
  .m-marquee {
    --marquee-default-duration: 20.48s;
  }
}

@media (width >= 75rem) {
  .m-marquee {
    --marquee-default-duration: 24s;
  }
}

.m-marquee__content, .m-marquee > * {
  gap: var(--marquee-gap, var(--gap));
  white-space: nowrap;
  will-change: transform;
  animation: marquee var(--marquee-duration, var(--marquee-default-duration)) linear infinite;
  flex-shrink: 0;
  justify-content: space-around;
  max-inline-size: none;
  display: flex;
}

.m-marquee:hover .m-marquee__content, .m-marquee:hover > * {
  animation-play-state: paused;
}

@keyframes marquee {
  0% {
    transform: translateX(var(--marquee-from));
  }

  100% {
    transform: translateX(var(--marquee-to));
  }
}

.m-toggle {
  --toggle-color: #fff;
  --toggle-thumb-color: #000;
  --toggle-size: var(--space-m);
  --toggle-thumb-size: calc(var(--toggle-size)  - 8px);
  --toggle-inline-size: calc(var(--toggle-size) * 2);
  --toggle-border-color: #000;
  display: inline-block;
}

.m-toggle__thumb {
  border-radius: calc(var(--space-m) * .5);
  background: var(--toggle-thumb-color);
  block-size: var(--toggle-thumb-size);
  inline-size: var(--toggle-thumb-size);
  transform: translateX(var(--toggle-thumb-x, 0));
  transition: transform .15s ease-out;
  transition: transform .15s 0s ease-out allow-discrete;
  display: block;
}

.m-toggle > input:focus-visible + label, .m-toggle > input:checked:focus-visible + label {
  --toggle-color: #fff;
  --toggle-thumb-color: #000;
  --toggle-border-color: #000;
}

.m-toggle > input[disabled] + label {
  --toggle-color: #fff;
  --toggle-thumb-color: #000;
  --toggle-border-color: #000;
  cursor: not-allowed;
}

.m-toggle > input:checked + label {
  --toggle-color: #fff;
  --toggle-thumb-color: #000;
  --toggle-border-color: #000;
}

.m-toggle > input:checked + label .m-toggle__thumb {
  --toggle-thumb-x: calc(var(--toggle-inline-size)  - var(--toggle-size));
}

.m-toggle > input:checked + label:hover, .m-toggle > input:checked + label:active, .m-toggle > input[disabled]:checked + label {
  --toggle-color: #fff;
  --toggle-thumb-color: #000;
  --toggle-border-color: #000;
}

.m-toggle > label {
  background: var(--toggle-color);
  cursor: pointer;
  block-size: var(--toggle-size);
  inline-size: var(--toggle-inline-size);
  border: 1px solid var(--toggle-border-color, var(--toggle-thumb-color));
  border-radius: calc(var(--space-m) * .5);
  padding: 3px;
  display: block;
}

.m-toggle > label:hover, .m-toggle > label:active {
  --toggle-color: #fff;
  --toggle-thumb-color: #000;
  --toggle-border-color: #000;
}

.m-accordion {
  --color: $ -text-color;
  --bg: transparent;
  --item-bg: var(--bg);
  --item-color: var(--color);
  --border-width: 1px;
  color: var(--color);
  background: var(--bg);
}

.m-accordion .m-icon {
  transform: rotate(var(--icon-angle));
  transition: transform .15s ease-out;
  transition: transform .15s 0s ease-out allow-discrete;
}

.m-accordion__item {
  border-block-start: var(--border-width) solid var(--border-color, var(--text-color));
  max-inline-size: none;
}

.m-accordion__item:has( > .m-accordion__item-content > *) > .m-accordion__item-trigger {
  --icon-angle: 0;
  cursor: pointer;
}

.m-accordion__item:has( > .m-accordion__item-content > *) > .m-accordion__item-trigger:focus-visible {
  text-underline-offset: .25ex;
  text-decoration: underline dotted;
}

.m-accordion__item:has( > .m-accordion__item-content > *) > .m-accordion__item-trigger .m-icon {
  display: block;
}

.m-accordion__item[open] .m-accordion__item-content {
  opacity: 1;
}

.m-accordion__item-trigger {
  --cluster-gap: var(--space-xs);
  --box-gap: var(--space-xl) 0;
  font-weight: 400;
  font-size: var(--step-h3);
  font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-h3-height);
  letter-spacing: .02ch;
  flex-wrap: wrap;
  max-inline-size: 100%;
  list-style: none !important;
}

.m-accordion__item-trigger::-webkit-details-marker {
  display: none;
}

.m-accordion__item-trigger::marker {
  content: none;
  display: none;
}

.m-accordion__item-trigger .m-icon {
  display: none;
}

.m-accordion__item-trigger::selection {
  background-color: #0000;
}

.m-accordion__item-trigger:focus-visible {
  outline: none;
}

.m-accordion__item-content {
  opacity: 0;
  --stack-gap: var(--space-s);
  --box-gap: var(--space-xl);
  max-height: 0;
  padding-inline: 0;
  transition: max-height .5s ease-in-out, opacity .5s ease-in-out;
}

.m-accordion__item-content:not(:has( > *)) {
  --box-gap: 0;
}

.m-accordion__item[open] > .m-accordion__item-trigger {
  --icon-angle: 45deg;
}

.m-accordion__item[open] > .m-accordion--border-block-end {
  border-block-end: .5px solid var(--border-color);
}

.m-accordion > :last-child {
  border-block-end: var(--border-width) solid var(--border-color, var(--text-color));
}

@media (width <= 48rem) {
  .m-accordion--responsive .m-accordion__item:not(.m-accordion__section) .m-accordion__item-trigger {
    flex-direction: column-reverse;
    align-items: flex-start;
    --cluster-gap: var(--space-s) !important;
  }

  .m-accordion--responsive .m-accordion__section:not(.is-open) > .m-accordion__item:not(:first-child) {
    display: none;
  }

  .m-accordion--responsive .m-accordion__section__title {
    cursor: pointer;
    max-width: none;
  }
}

@media (width >= 48rem) {
  .m-accordion--responsive .m-accordion__section .m-accordion__item-trigger {
    inline-size: 100%;
  }
}

.m-accordion--borderless {
  --border-width: 0;
}

.m-accordion--columns {
  --columns: 2;
  --gap: none;
  --block-align: block-start;
  flex-wrap: nowrap;
  align-items: flex-start;
  max-block-size: 1893px;
}

.m-accordion--columns > * {
  max-inline-size: calc(100% / var(--columns));
}

.m-accordion--columns-grid {
  --grid-gutter: var(--space-xs);
  overflow-y: hidden;
}

.m-accordion--columns-grid .l-fluid-grid__cell-1 > .l-frame, .m-accordion--columns-grid .l-fluid-grid__cell-2 > .l-frame, .m-accordion--columns-grid .l-fluid-grid__cell-3 > .l-frame, .m-accordion--columns-grid .l-fluid-grid__cell-4 > .l-frame, .m-accordion--columns-grid .l-fluid-grid__cell-5 > .l-frame {
  --ratio: 1.74 / 1;
  max-block-size: 400px;
  max-inline-size: 696px;
}

.m-accordion--columns-grid .l-fluid-grid__cell-6 > .l-frame {
  --ratio: 1.13 / 1;
  max-block-size: 300px;
  max-inline-size: 338px;
}

.m-accordion--columns-grid .l-fluid-grid__cell-7 > .l-frame, .m-accordion--columns-grid .l-fluid-grid__cell-8 > .l-frame, .m-accordion--columns-grid .l-fluid-grid__cell-9 > .l-frame, .m-accordion--columns-grid .l-fluid-grid__cell-10 > .l-frame, .m-accordion--columns-grid .l-fluid-grid__cell-11 > .l-frame, .m-accordion--columns-grid .l-fluid-grid__cell-12 > .l-frame {
  --ratio: 1.74 / 1;
  max-block-size: 400px;
  max-inline-size: 696px;
}

@media (width <= 64rem) {
  .m-accordion--columns-grid {
    --grid-gutter: var(--space-m);
  }
}

.m-accordion--columns-grid-wrapper {
  box-sizing: content-box;
  max-block-size: 1893px;
  max-inline-size: 696px;
  overflow-y: hidden;
}

.m-accordion--columns-stack {
  --box-gap: var(--space-xs) var(--space-4xl);
}

@media (width <= 75rem) {
  .m-accordion--columns-stack {
    --box-gap: var(--space-l);
  }
}

.m-accordion--columns-stack .l-box.u-text--c1, .m-accordion--columns-stack .l-box.u-text--h3 {
  --box-gap: var(--space-xs);
  padding-inline: 0;
}

.m-accordion--columns-stack .l-box.u-text--h3 {
  padding-block-start: 0;
}

.m-accordion--columns-stack .l-box.l-stack {
  --box-gap: var(--space-2xl);
  padding-inline: 0;
}

.m-accordion--disable-actions {
  pointer-events: none;
}

.m-card {
  --border-radius: 19px;
  border-radius: var(--border-radius);
  --box-gap: var(--space-card-gap);
  text-wrap: balance;
  overflow-wrap: normal;
  -webkit-hyphens: none;
  hyphens: none;
  max-inline-size: none;
  height: 100%;
  display: grid;
  position: relative;
  overflow: hidden;
}

.m-card-grid {
  max-inline-size: 106.25rem;
  margin-left: auto;
  margin-right: auto;
}

.m-card--wide {
  aspect-ratio: 2;
  grid-column: span 12;
}

@media (width <= 48rem) {
  .m-card--wide {
    aspect-ratio: 1;
  }

  .m-card--wide .l-frame__principal {
    aspect-ratio: .5;
  }
}

.m-card--wide.m-card--short {
  aspect-ratio: auto;
}

.m-card--narrow {
  aspect-ratio: 1;
  grid-column: span 6;
}

@media (width <= 48rem) {
  .m-card--narrow {
    grid-column: span 12;
  }
}

.m-card__link {
  z-index: 100;
  -webkit-tap-highlight-color: transparent;
  max-inline-size: none;
  display: block;
  position: absolute;
  inset: 0;
}

@supports (-webkit-touch-callout: none) {
  .m-card__link {
    width: 100%;
    height: 100%;
  }
}

.m-card > .m-tag {
  inset: var(--box-gap) auto auto var(--box-gap);
  z-index: 10;
  position: absolute;
}

.m-card__background {
  z-index: 0;
  position: absolute;
  inset: 0;
}

.m-card__background :is(picture, img, video) {
  object-fit: cover;
  block-size: 100%;
  max-block-size: 100%;
  inline-size: 100%;
  max-inline-size: 100%;
}

.m-card__background--overlay:before, .m-card__background--overlay\@m:before {
  content: "";
  background: var(--gradient-imagery-overlay);
  position: absolute;
  inset: 0;
}

@media (width >= 48rem) {
  .m-card__background--overlay\@m:before {
    display: none;
  }
}

.m-card__background + * {
  color: var(--color-white);
}

.m-card--wide .m-card__background + .m-card__content {
  inline-size: 40%;
  margin-block: auto;
}

@media (width <= 48rem) {
  .m-card--wide .m-card__background + .m-card__content {
    inline-size: 100%;
    margin: 0;
  }

  .m-card--wide .m-card__background :is(picture, img, video) {
    object-position: top 50% right 25%;
  }
}

.m-card__title {
  padding-top: 10rem;
}

@media (width <= 48rem) {
  .m-card__title {
    padding-top: 0;
  }
}

.m-card__figure {
  place-self: center;
  max-inline-size: 70%;
}

.m-card__content {
  --measure: none;
  gap: var(--card-gap);
  z-index: 1;
  align-items: center;
  display: grid;
  position: relative;
  overflow: hidden;
  container: card-content / inline-size;
}

.m-card__content :where(img, video, picture) {
  max-inline-size: 100%;
  margin: auto;
}

.m-card__content--2-col {
  grid-template-columns: 1fr 1fr;
}

.m-card__content--2-col.reverse > :last-child {
  grid-area: auto;
}

.m-card__content--2-col > :last-child {
  grid-area: 1;
}

@media (width <= 48rem) {
  .m-card__content--2-col {
    grid-template-columns: 1fr;
  }

  .m-card__content--2-col > :last-child {
    grid-area: 2;
    align-self: end;
  }

  .m-card__content--2-col :where(img, video, picture) {
    max-block-size: calc(40vi - var(--space-s));
    inline-size: auto;
    max-inline-size: 100%;
  }

  @supports (block-size: 1cqi) {
    .m-card__content--2-col :where(img, video, picture) {
      max-block-size: 40cqi;
    }
  }

  .m-tag + .m-card__content--2-col {
    padding-block-start: var(--space-l);
  }
}

.m-card__content.l-stack {
  align-items: flex-start;
  display: flex;
}

.m-card__content.l-stack :where(img, video, picture) {
  max-block-size: calc(40vi - var(--space-s));
  inline-size: auto;
  max-inline-size: 100%;
}

@supports (block-size: 1cqi) {
  .m-card__content.l-stack :where(img, video, picture) {
    max-block-size: 40cqi;
  }
}

.m-card__content .m-card__text--title {
  align-self: center;
  min-block-size: 20%;
}

.m-card__content .m-card__text--big {
  font-weight: 500;
  font-size: var(--step-h2-h1);
  font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-h2-h1-height);
}

@container card-content (inline-size <= 480px) {
  .m-card__content .m-card__text--big {
    font-weight: 400;
    font-size: var(--step-h2);
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
    line-height: var(--step-h2-height);
  }
}

.m-card__content .m-card__text--small {
  font-weight: 400;
  font-size: var(--step-h3);
  font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-h3-height);
  letter-spacing: .02ch;
}

@container card-content (inline-size <= 480px) {
  .m-card__content .m-card__text--small {
    font-weight: 300;
    font-size: var(--step-0);
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
    line-height: var(--step-0-height);
  }
}

.m-card__content .m-card__text--flex {
  justify-content: flex-end;
  align-items: flex-end;
}

.m-card__content .m-card__text--flex .m-icon {
  --icon-size: 1.25rem;
  padding-bottom: 3.25rem;
}

.m-card__content > .m-card__fill {
  z-index: 1;
  block-size: 75%;
  max-block-size: 75%;
  inline-size: auto;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 50%;
  transform: translateX(-50%);
}

.m-card__content > .m-card__fill + * {
  --box-gap: 0 var(--space-m) var(--space-m);
  z-index: 2;
}

.m-card__content > .m-card__figure {
  z-index: 1;
  block-size: 100%;
  inline-size: 100%;
  max-inline-size: none;
  display: flex;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.m-card__content > .m-card__figure :is(img, video, picture) {
  object-fit: cover;
  block-size: 100%;
  max-block-size: 100%;
  inline-size: auto;
  margin: 0 0 0 auto;
  transform: scale(1.5);
}

.m-card__content > .m-card__figure + * {
  z-index: 2;
}

@media (width <= 48rem) {
  .m-card__content > .m-card__figure {
    inline-size: 100%;
    margin-inline-start: 0;
  }

  .m-card__content > .m-card__figure :is(img, video, picture) {
    transform: scale(.9)translate(10%, -20%);
  }
}

.m-card__logo {
  block-size: auto;
  max-inline-size: 27%;
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: 0;
}

.m-card__stats {
  grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
  min-block-size: 18.75rem;
  max-inline-size: none;
  display: grid;
}

.m-card__stats-item {
  padding: var(--space-2xl);
  border-inline-end: 1px solid var(--color-white);
  align-content: center;
}

.m-card__stats-item:last-child {
  border-inline-end: 0;
}

.m-card__stats-item dt {
  font-weight: 500;
  font-size: var(--step-h2-h1);
  font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-h2-h1-height);
}

.m-card__stats-item dd {
  font-weight: 400;
  font-size: var(--step-h3-h2);
  font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-h3-h2-height);
}

@media (width <= 48rem) {
  .m-card__stats {
    grid-template-columns: 1fr;
    min-block-size: auto;
  }

  .m-card__stats-item {
    border-inline-end: 0;
    border-block-end: 1px solid var(--color-white);
  }

  .m-card__stats-item:last-child {
    border-block-end: 0;
  }

  .m-card__stats-item dt {
    font-weight: 500;
    font-size: var(--step-h1);
    font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
    line-height: var(--step-h1-height);
  }

  .m-card__stats-item dd {
    font-weight: 400;
    font-size: var(--step-h2);
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
    line-height: var(--step-h2-height);
  }
}

.m-card .l-frame__principal {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
}

.m-card video.l-frame__principal:not([controls]) {
  pointer-events: none;
}

.m-card--black {
  background-color: var(--color-black);
  color: var(--color-white);
}

.m-card--light-glass {
  background-image: var(--gradient-light-glass-1);
  backdrop-filter: blur(5.5px);
}

.m-card--dark-glass {
  background-image: var(--gradient-dark-glass-2);
  backdrop-filter: blur(11px);
}

.m-card--pale-gray {
  background-color: var(--color-pale-gray);
}

.m-card--white {
  background-color: var(--color-white);
}

.m-card--outline {
  border: 1px solid #7b5df2;
}

.m-card--outline picture {
  display: block;
}

.m-card--outline picture img {
  aspect-ratio: 1;
}

.m-card--outline .m-card__video {
  display: none;
}

.m-card--outline:hover {
  overflow: hidden;
  box-shadow: -10px 10px 30px -5px #4b6eea80, 10px -10px 40px -5px #a84eef80;
}

.m-card--outline:hover .m-card__video {
  display: block;
}

.m-card--outline:hover picture {
  display: none;
}

.m-card--outline:hover:before {
  content: "";
  z-index: -1;
  filter: blur(20px);
  background-color: #0000;
  background-image: linear-gradient(276.37deg, #6f4df6 0%, #4618fd00 55.02%), linear-gradient(143.13deg, #65f4fdb3 0%, #42ced700 57.14%);
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  background-attachment: scroll, scroll;
  background-origin: border-box;
  background-clip: border-box;
  border: 1px solid #7b5df2;
  position: absolute;
  inset: -10px;
}

.m-card--glow {
  padding-top: 80px;
  position: relative;
  overflow: hidden;
  box-shadow: -10px 10px 30px -5px #4b6eea80, 10px -10px 40px -5px #a84eef80;
}

.m-card--glow:before {
  content: "";
  z-index: -1;
  filter: blur(20px);
  background-color: #0000;
  background-image: linear-gradient(276.37deg, #6f4df6 0%, #4618fd00 55.02%), linear-gradient(143.13deg, #65f4fdb3 0%, #42ced700 57.14%);
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  background-attachment: scroll, scroll;
  background-origin: border-box;
  background-clip: border-box;
  border: 1px solid #7b5df2;
  position: absolute;
  inset: -10px;
}

.m-card--form-two-columns {
  --threshold: 739px;
  --flex-gap: var(--space-3xl-4xl);
}

.m-card--form-two-columns .border-description {
  border-block-start: 1px solid var(--form-border-color, var(--color-black));
  padding-block-start: var(--space-xl);
}

@media (width <= 48rem) {
  .m-card--form-two-columns .border-description {
    border: 0;
    padding-block-start: 0;
  }
}

.m-card--form-two-columns__left {
  max-inline-size: 35rem;
}

.m-card--form-two-columns h2 {
  font-weight: 400;
  font-size: var(--step-h2);
  font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-h2-height);
}

@media (width <= 48rem) {
  .m-card--reverse-direction-m-size {
    flex-direction: column-reverse;
  }

  .m-card--form-center-m-size {
    text-align: center;
    margin: 0 auto;
  }

  .m-card--form-center-m-size p {
    margin: 0 auto;
  }

  .m-card--form-center-m-size h2 {
    font-weight: 300;
    font-size: var(--step-0);
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
    line-height: var(--step-0-height);
  }
}

.m-card--form.l-box {
  --box-gap: var(--space-4xl);
}

@media (width <= 48rem) {
  .m-card--form.l-box {
    --box-gap: var(--space-m);
  }
}

.m-card--list {
  text-transform: uppercase;
  font-weight: 500;
  font-size: var(--step-c1);
  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-c1-height);
  text-transform: none;
  --cluster-gap: var(--space-l);
}

.m-card--list ul {
  max-inline-size: 100%;
  margin: 0 auto;
  list-style-type: none;
}

.m-card--list li {
  font-weight: 300;
  font-size: var(--step-0);
  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-0-height);
  --inline-align: space-between;
  border-block-end: 1px solid var(--form-border-color, var(--color-black));
  max-inline-size: 100%;
  margin: 0;
  padding-block-end: var(--space-s);
}

.m-card--list .header {
  text-transform: uppercase;
  font-weight: 500;
  font-size: var(--step-c1);
  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-c1-height);
}

.m-card--memo__header {
  border-block-end: 1px solid var(--form-border-color, var(--color-black));
  padding-block-end: var(--space-s);
}

.m-card--memo__body {
  font-weight: 300;
  font-size: var(--step-0);
  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-0-height);
  padding-block-start: var(--space-s);
}

.m-card--short-list {
  padding-top: var(--space-4xl);
  max-inline-size: 100%;
}

@media (width <= 48rem) {
  .m-card--short-list {
    border: 0;
    padding: 0;
  }
}

.m-card--short-list__header {
  font-weight: 400;
  font-size: var(--step-h2);
  font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-h2-height);
  border-block-end: 1px solid var(--form-border-color, var(--color-black));
  padding-block-end: var(--space-l);
}

.m-card--short-list__body {
  font-weight: 300;
  font-size: var(--step-0);
  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-0-height);
  --box-gap: var(--space-s) 0;
  max-inline-size: 100%;
  padding-block-end: var(--space-s);
}

.m-card--short-list__body label {
  color: var(--color-light-glass-4);
  max-inline-size: 100%;
  padding-block-start: var(--space-xs);
}

.m-card--short-list__body input {
  max-inline-size: 100%;
}

.m-card--short-list .l-sidebar {
  --size: 65%;
  --min-content-size: 35%;
  flex-wrap: nowrap;
  align-items: center;
}

.m-card--bg-cover {
  background-position: center;
  background-size: cover;
}

.m-cursor {
  --size: var(--cursor-size, var(--space-xs));
  z-index: 9999;
  background: var(--cursor-color, var(--color-black));
  color: var(--cursor-text-color, var(--color-white));
  transform: translate(var(--x), var(--y));
  transform-origin: 50%;
  inline-size: var(--size);
  block-size: var(--size);
  pointer-events: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  inset: calc(var(--size) / -2) auto auto calc(var(--size) / -2);
  text-transform: uppercase;
  font-weight: 500;
  font-size: var(--step-c1);
  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-c1-height);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: inline-size .225s ease-out, block-size .225s ease-out, inset .225s ease-out;
  display: none;
  position: fixed;
  overflow: hidden;
}

.m-cursor--white {
  --cursor-color: var(--color-white);
  --cursor-text-color: var(--color-black);
}

.m-cursor--inverted {
  --cursor-color: transparent;
  backdrop-filter: invert();
}

.m-cursor--light-glass {
  --cursor-color: transparent;
  --cursor-text-color: var(--color-black);
  background-image: var(--gradient-light-glass-1);
  backdrop-filter: blur(5.5px);
}

.m-cursor--dark-glass {
  --cursor-color: transparent;
  background-image: var(--gradient-dark-glass-2);
  backdrop-filter: blur(11px);
}

.m-cursor--medium {
  --cursor-size: var(--space-l);
}

.m-cursor--large {
  --cursor-size: var(--space-4xl);
}

.m-cursor-container * {
  cursor: none !important;
}

.m-cursor-container .m-cursor {
  display: flex;
}

.m-fab {
  max-width: fit-content;
  position: sticky;
  bottom: 10px;
  transform: translate(0, -50%);
}

.m-fab--split {
  margin-inline: auto 0;
}

.m-fab-case-study {
  bottom: 8%;
}

.m-fab.is-close-fab {
  --icon-angle: 45deg;
}

.m-fab.is-close-fab button {
  --border-radius: 50%;
  background: var(--color-black);
  color: var(--color-white);
  width: 42px;
  height: 42px;
}

.m-fab.is-close-fab button span:not(.m-icon) {
  display: none;
}

.m-fab.is-close-fab button .m-icon {
  transform: rotate(var(--icon-angle));
  transition: transform .15s ease-out;
  transition: transform .15s 0s ease-out allow-discrete;
  max-width: 18px;
  max-height: 18px;
}

.m-flip--3d {
  perspective: 1000px;
}

.m-flip__inner {
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  transition: transform .8s;
  position: relative;
}

.m-flip__front, .m-flip__back {
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
}

.m-flip__back {
  background-color: var(--color-black);
  box-shadow: none;
  transition: transform .8s, box-shadow .8s;
  transform: rotateY(180deg);
}

.m-flip:hover .m-flip__inner {
  transform: rotateY(180deg);
}

.m-flip:hover .m-flip__back {
  transition-delay: .35s;
  box-shadow: 10px -10px 27px -13px #a84eef59, -8px 9px 20px -10px #4b6eea59, 8px -8px 25px -11px #a84eef, -6px 7px 18px -8px #4b6eea;
}

.m-footer {
  padding-block: var(--space-footer-padding) var(--space-l);
  background-color: var(--color-black);
  color: var(--color-white);
  --link-color: currentColor;
  margin-block-start: var(--space-footer-padding);
}

.m-footer__contact {
  --inline-align: space-between;
  min-inline-size: max-content;
  max-inline-size: 30%;
}

@media (width <= 48rem) {
  .m-footer__contact {
    --stack-gap: var(--space-m);
    max-inline-size: 100%;
  }
}

.m-footer__nav {
  --min-item-size: calc((100% - var(--gap) * 2) / 3);
  font-weight: 300;
  font-size: var(--step-p2-p1);
  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-p2-p1-height);
}

@media (width <= 48rem) {
  .m-footer__nav {
    --min-item-size: calc((100% - var(--gap)) / 2);
    --stack-gap: 0;
  }
}

.m-footer__section-title {
  font-weight: 400;
  font-size: var(--step-h3);
  font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-h3-height);
  letter-spacing: .02ch;
}

@media (width <= 48rem) {
  .m-footer__section-title {
    text-transform: uppercase;
    font-weight: 500;
    font-size: var(--step-c1);
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
    line-height: var(--step-c1-height);
  }
}

.m-footer__bottom-nav {
  --inline-align: space-between;
  --gap: var(--space-m);
}

.m-footer__social {
  --cluster-grid-item-size: auto;
}

@media (width <= 48rem) {
  .m-footer__social {
    --cluster-grid-item-size: initial;
    --columns: 3;
    max-inline-size: 75%;
    margin: 0 auto;
  }

  .m-footer__social li {
    flex-grow: 1;
  }

  .m-footer__social .m-tag {
    justify-content: center;
    inline-size: 100%;
  }
}

.m-footer__legal {
  font-weight: 400;
  font-size: var(--step-p2);
  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-p2-height);
}

@media (width <= 48rem) {
  .m-footer__legal {
    --inline-align: center;
    --cluster-gap: var(--space-3xs) var(--space-m);
    font-weight: 300;
    font-size: var(--step-0);
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
    line-height: var(--step-0-height);
  }

  .m-footer__legal :last-child {
    text-align: center;
    min-inline-size: 100%;
  }
}

.m-page__section--dark + .m-footer {
  padding-block: var(--space-xl) var(--space-l);
  margin-block-start: 0;
}

.m-pre-footer {
  min-block-size: var(--space-pre-footer-size);
  justify-content: center;
  align-items: center;
  padding-block-start: var(--space-3xl);
  display: flex;
  position: relative;
  overflow: hidden;
}

.m-pre-footer:before, .m-pre-footer:after {
  content: "";
  block-size: calc(100% - var(--space-3xl));
  aspect-ratio: 1;
  pointer-events: none;
  z-index: 1;
  background: -webkit-image-set(url("../../../../../outfly.4d1f4b2b.webp") 1x type("image/webp"), url("../../../../../outfly.b1c3fcdd.avif") 1x type("image/avif"), url("../../../../../outfly.87803aef.png") 1x type("image/png")) center / cover no-repeat;
  background: image-set("../../../../../outfly.4d1f4b2b.webp" 1x type("image/webp"), "../../../../../outfly.b1c3fcdd.avif" 1x type("image/avif"), "../../../../../outfly.87803aef.png" 1x type("image/png")) center / cover no-repeat;
  position: absolute;
  inset-block-end: 0;
}

.m-pre-footer:before {
  inset-inline-start: 0;
  transform: translateX(-50%);
}

.m-pre-footer:after {
  inset-inline-end: 0;
  transform: translateX(50%);
}

@media (width <= 48rem) {
  .m-pre-footer:before {
    inset-inline-start: 50%;
  }

  .m-pre-footer:after {
    display: none;
  }
}

.m-pre-footer__content {
  text-align: center;
  z-index: 2;
  inline-size: 60%;
}

.m-form {
  max-inline-size: 100%;
}

.m-form input, .m-form textarea {
  text-transform: none;
  font-weight: 400;
  font-size: var(--step-h2);
  font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-h2-height);
  border: 0;
  width: 100%;
  min-height: 2em;
  padding: 0;
}

.m-form input::placeholder, .m-form textarea::placeholder {
  color: var(--form-placeholder-color, var(--color-dark-glass-1));
  text-transform: none;
}

.m-form input:focus, .m-form textarea:focus {
  outline: none;
}

.m-form label {
  text-transform: uppercase;
  font-weight: 500;
  font-size: var(--step-c1);
  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-c1-height);
  color: var(--form-label-color, var(--color-dark-glass-2));
  max-inline-size: 100%;
}

.m-form__title {
  font-weight: 400;
  font-size: var(--step-h2);
  font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-h2-height);
  margin-block-end: var(--space-l);
}

.m-form .border-line {
  border-bottom: 1px solid var(--form-border-color, var(--color-black));
  margin-block-end: var(--space-l);
}

.m-form--disclaimer.l-box {
  --box-gap: 0 0 1.25rem;
}

.m-form--tag-wrapper {
  margin-block-end: var(--space-l);
}

.m-frames-our-work {
  max-inline-size: 112.5rem;
}

@media (width <= 48rem) {
  .m-frames-our-work {
    --grid-columns: 1;
    --grid-gutter: var(--space-m);
  }

  .m-frames-our-work > * {
    grid-column: span 1;
  }
}

.m-frames-our-work > * .l-frame {
  --border-radius: 19px;
  border-radius: var(--border-radius);
  --ratio: 1.68 / 1;
}

.m-frames-our-work > * .l-frame > picture, .m-frames-our-work > * .l-frame > img, .m-frames-our-work > * .l-frame > video {
  max-block-size: 400px;
}

@media (width <= 48rem) {
  .m-frames-our-work > * .l-frame {
    --ratio: 1.77 / 1;
  }

  .m-frames-our-work > * .l-frame > picture, .m-frames-our-work > * .l-frame > img, .m-frames-our-work > * .l-frame > video {
    min-block-size: 200px;
  }
}

.m-frames-our-work :nth-child(3n) > .l-frame {
  --ratio: 2.94 / 1;
}

.m-frames-our-work :nth-child(3n) > .l-frame > picture, .m-frames-our-work :nth-child(3n) > .l-frame > img, .m-frames-our-work :nth-child(3n) > .l-frame > video {
  max-block-size: 480px;
}

@media (width <= 48rem) {
  .m-frames-our-work :nth-child(3n) > .l-frame {
    --ratio: 1.77 / 1;
  }

  .m-frames-our-work :nth-child(3n) > .l-frame > picture, .m-frames-our-work :nth-child(3n) > .l-frame > img, .m-frames-our-work :nth-child(3n) > .l-frame > video {
    min-block-size: 200px;
  }
}

.m-frames-our-work__caption > span {
  text-wrap: balance;
  max-inline-size: 45%;
}

@media (width <= 48rem) {
  .m-frames-our-work__caption > span {
    max-inline-size: 100%;
  }
}

.m-frames-our-work__caption .u-text--c1 {
  text-align: end;
}

.m-frames-case-study {
  max-inline-size: 112.5rem;
}

.m-frames-case-study .l-fluid-grid__cell-1 > .l-frame {
  --ratio: 1.14 / 1;
  max-block-size: none;
}

.m-frames-case-study .l-fluid-grid__cell-1 > .l-frame > picture, .m-frames-case-study .l-fluid-grid__cell-1 > .l-frame > img, .m-frames-case-study .l-fluid-grid__cell-1 > .l-frame > video {
  background-size: cover;
}

@media (width <= 48rem) {
  .m-frames-case-study .l-fluid-grid__cell-1 > .l-frame {
    --ratio: 1.13 / 1;
    min-block-size: min(100%, 150px);
  }

  .m-frames-case-study .l-fluid-grid__cell-1 > .l-frame > picture, .m-frames-case-study .l-fluid-grid__cell-1 > .l-frame > img, .m-frames-case-study .l-fluid-grid__cell-1 > .l-frame > video {
    background-size: cover;
  }
}

.m-frames-case-study .l-fluid-grid__cell-2 > .l-frame {
  --ratio: 1.14 / 1;
  max-block-size: none;
}

.m-frames-case-study .l-fluid-grid__cell-2 > .l-frame > picture, .m-frames-case-study .l-fluid-grid__cell-2 > .l-frame > img, .m-frames-case-study .l-fluid-grid__cell-2 > .l-frame > video {
  background-size: cover;
}

@media (width <= 48rem) {
  .m-frames-case-study .l-fluid-grid__cell-2 > .l-frame {
    --ratio: 1.13 / 1;
    min-block-size: min(100%, 150px);
  }

  .m-frames-case-study .l-fluid-grid__cell-2 > .l-frame > picture, .m-frames-case-study .l-fluid-grid__cell-2 > .l-frame > img, .m-frames-case-study .l-fluid-grid__cell-2 > .l-frame > video {
    background-size: cover;
  }
}

.m-frames-case-study .l-fluid-grid__cell-3 > .l-frame {
  --ratio: 1.14 / 1;
  max-block-size: none;
}

.m-frames-case-study .l-fluid-grid__cell-3 > .l-frame > picture, .m-frames-case-study .l-fluid-grid__cell-3 > .l-frame > img, .m-frames-case-study .l-fluid-grid__cell-3 > .l-frame > video {
  background-size: cover;
}

@media (width <= 48rem) {
  .m-frames-case-study .l-fluid-grid__cell-3 > .l-frame {
    --ratio: 1.13 / 1;
    min-block-size: min(100%, 150px);
  }

  .m-frames-case-study .l-fluid-grid__cell-3 > .l-frame > picture, .m-frames-case-study .l-fluid-grid__cell-3 > .l-frame > img, .m-frames-case-study .l-fluid-grid__cell-3 > .l-frame > video {
    background-size: cover;
  }
}

.m-frames-case-study .l-fluid-grid__cell-4 > .l-frame {
  --ratio: 1.14 / 1;
  max-block-size: none;
}

.m-frames-case-study .l-fluid-grid__cell-4 > .l-frame > picture, .m-frames-case-study .l-fluid-grid__cell-4 > .l-frame > img, .m-frames-case-study .l-fluid-grid__cell-4 > .l-frame > video {
  background-size: cover;
}

@media (width <= 48rem) {
  .m-frames-case-study .l-fluid-grid__cell-4 > .l-frame {
    --ratio: 1.13 / 1;
    min-block-size: min(100%, 150px);
  }

  .m-frames-case-study .l-fluid-grid__cell-4 > .l-frame > picture, .m-frames-case-study .l-fluid-grid__cell-4 > .l-frame > img, .m-frames-case-study .l-fluid-grid__cell-4 > .l-frame > video {
    background-size: cover;
  }
}

.m-frames-case-study .l-fluid-grid__cell-5 > .l-frame {
  --ratio: 1.14 / 1;
  max-block-size: none;
}

.m-frames-case-study .l-fluid-grid__cell-5 > .l-frame > picture, .m-frames-case-study .l-fluid-grid__cell-5 > .l-frame > img, .m-frames-case-study .l-fluid-grid__cell-5 > .l-frame > video {
  background-size: cover;
}

@media (width <= 48rem) {
  .m-frames-case-study .l-fluid-grid__cell-5 > .l-frame {
    --ratio: 1.13 / 1;
    min-block-size: min(100%, 150px);
  }

  .m-frames-case-study .l-fluid-grid__cell-5 > .l-frame > picture, .m-frames-case-study .l-fluid-grid__cell-5 > .l-frame > img, .m-frames-case-study .l-fluid-grid__cell-5 > .l-frame > video {
    background-size: cover;
  }
}

.m-frames-case-study .l-fluid-grid__cell-6 > .l-frame {
  --ratio: 1.16 / 1;
  max-block-size: none;
}

.m-frames-case-study .l-fluid-grid__cell-6 > .l-frame > picture, .m-frames-case-study .l-fluid-grid__cell-6 > .l-frame > img, .m-frames-case-study .l-fluid-grid__cell-6 > .l-frame > video {
  background-size: cover;
}

@media (width <= 48rem) {
  .m-frames-case-study .l-fluid-grid__cell-6 > .l-frame {
    --ratio: 1.77 / 1;
    min-block-size: min(100%, 200px);
  }

  .m-frames-case-study .l-fluid-grid__cell-6 > .l-frame > picture, .m-frames-case-study .l-fluid-grid__cell-6 > .l-frame > img, .m-frames-case-study .l-fluid-grid__cell-6 > .l-frame > video {
    background-size: cover;
  }
}

.m-frames-case-study .l-fluid-grid__cell-7 > .l-frame {
  --ratio: 2.02 / 1;
  max-block-size: none;
}

.m-frames-case-study .l-fluid-grid__cell-7 > .l-frame > picture, .m-frames-case-study .l-fluid-grid__cell-7 > .l-frame > img, .m-frames-case-study .l-fluid-grid__cell-7 > .l-frame > video {
  background-size: cover;
}

@media (width <= 48rem) {
  .m-frames-case-study .l-fluid-grid__cell-7 > .l-frame {
    --ratio: 1.77 / 1;
    min-block-size: min(100%, 200px);
  }

  .m-frames-case-study .l-fluid-grid__cell-7 > .l-frame > picture, .m-frames-case-study .l-fluid-grid__cell-7 > .l-frame > img, .m-frames-case-study .l-fluid-grid__cell-7 > .l-frame > video {
    background-size: cover;
  }
}

.m-frames-case-study .l-fluid-grid__cell-8 > .l-frame {
  --ratio: 2.02 / 1;
  max-block-size: none;
}

.m-frames-case-study .l-fluid-grid__cell-8 > .l-frame > picture, .m-frames-case-study .l-fluid-grid__cell-8 > .l-frame > img, .m-frames-case-study .l-fluid-grid__cell-8 > .l-frame > video {
  background-size: cover;
}

@media (width <= 48rem) {
  .m-frames-case-study .l-fluid-grid__cell-8 > .l-frame {
    --ratio: 1.77 / 1;
    min-block-size: min(100%, 200px);
  }

  .m-frames-case-study .l-fluid-grid__cell-8 > .l-frame > picture, .m-frames-case-study .l-fluid-grid__cell-8 > .l-frame > img, .m-frames-case-study .l-fluid-grid__cell-8 > .l-frame > video {
    background-size: cover;
  }
}

.m-frames-case-study .l-fluid-grid__cell-9 > .l-frame {
  --ratio: 2.02 / 1;
  max-block-size: none;
}

.m-frames-case-study .l-fluid-grid__cell-9 > .l-frame > picture, .m-frames-case-study .l-fluid-grid__cell-9 > .l-frame > img, .m-frames-case-study .l-fluid-grid__cell-9 > .l-frame > video {
  background-size: cover;
}

@media (width <= 48rem) {
  .m-frames-case-study .l-fluid-grid__cell-9 > .l-frame {
    --ratio: 1.77 / 1;
    min-block-size: min(100%, 200px);
  }

  .m-frames-case-study .l-fluid-grid__cell-9 > .l-frame > picture, .m-frames-case-study .l-fluid-grid__cell-9 > .l-frame > img, .m-frames-case-study .l-fluid-grid__cell-9 > .l-frame > video {
    background-size: cover;
  }
}

.m-frames-case-study .l-fluid-grid__cell-10 > .l-frame {
  --ratio: 2.02 / 1;
  max-block-size: none;
}

.m-frames-case-study .l-fluid-grid__cell-10 > .l-frame > picture, .m-frames-case-study .l-fluid-grid__cell-10 > .l-frame > img, .m-frames-case-study .l-fluid-grid__cell-10 > .l-frame > video {
  background-size: cover;
}

@media (width <= 48rem) {
  .m-frames-case-study .l-fluid-grid__cell-10 > .l-frame {
    --ratio: 1.77 / 1;
    min-block-size: min(100%, 200px);
  }

  .m-frames-case-study .l-fluid-grid__cell-10 > .l-frame > picture, .m-frames-case-study .l-fluid-grid__cell-10 > .l-frame > img, .m-frames-case-study .l-fluid-grid__cell-10 > .l-frame > video {
    background-size: cover;
  }
}

.m-frames-case-study .l-fluid-grid__cell-11 > .l-frame {
  --ratio: 2.02 / 1;
  max-block-size: none;
}

.m-frames-case-study .l-fluid-grid__cell-11 > .l-frame > picture, .m-frames-case-study .l-fluid-grid__cell-11 > .l-frame > img, .m-frames-case-study .l-fluid-grid__cell-11 > .l-frame > video {
  background-size: cover;
}

@media (width <= 48rem) {
  .m-frames-case-study .l-fluid-grid__cell-11 > .l-frame {
    --ratio: 1.77 / 1;
    min-block-size: min(100%, 200px);
  }

  .m-frames-case-study .l-fluid-grid__cell-11 > .l-frame > picture, .m-frames-case-study .l-fluid-grid__cell-11 > .l-frame > img, .m-frames-case-study .l-fluid-grid__cell-11 > .l-frame > video {
    background-size: cover;
  }
}

.m-frames-case-study .l-fluid-grid__cell-12 > .l-frame {
  --ratio: 2.02 / 1;
  max-block-size: none;
}

.m-frames-case-study .l-fluid-grid__cell-12 > .l-frame > picture, .m-frames-case-study .l-fluid-grid__cell-12 > .l-frame > img, .m-frames-case-study .l-fluid-grid__cell-12 > .l-frame > video {
  background-size: cover;
}

@media (width <= 48rem) {
  .m-frames-case-study .l-fluid-grid__cell-12 > .l-frame {
    --ratio: 1.77 / 1;
    min-block-size: min(100%, 200px);
  }

  .m-frames-case-study .l-fluid-grid__cell-12 > .l-frame > picture, .m-frames-case-study .l-fluid-grid__cell-12 > .l-frame > img, .m-frames-case-study .l-fluid-grid__cell-12 > .l-frame > video {
    background-size: cover;
  }

  .m-frames-case-study {
    --grid-columns: 2;
    --grid-gutter: var(--space-m);
  }

  .m-frames-case-study .l-fluid-grid__cell-1, .m-frames-case-study .l-fluid-grid__cell-2, .m-frames-case-study .l-fluid-grid__cell-3, .m-frames-case-study .l-fluid-grid__cell-4, .m-frames-case-study .l-fluid-grid__cell-5 {
    grid-column: span 1;
  }

  .m-frames-case-study .l-fluid-grid__cell-6, .m-frames-case-study .l-fluid-grid__cell-7, .m-frames-case-study .l-fluid-grid__cell-8, .m-frames-case-study .l-fluid-grid__cell-9, .m-frames-case-study .l-fluid-grid__cell-10, .m-frames-case-study .l-fluid-grid__cell-11, .m-frames-case-study .l-fluid-grid__cell-12 {
    grid-column: span 2;
  }
}

.m-frames-case-study__caption {
  --measure: 38ch;
  --gap: var(--space-m);
  text-wrap: balance;
  padding-inline: 0;
}

.m-frames-case-study * > .l-frame {
  --border-radius: 19px;
  border-radius: var(--border-radius);
}

.m-frames-case-study__item[open] summary {
  display: none;
}

.m-frames-case-study.u-hide {
  opacity: 0;
  max-height: 0;
  transition: max-height .5s ease-in-out, opacity .5s ease-in-out;
  overflow: hidden;
}

.m-frames-case-study.u-show {
  opacity: 1;
  max-height: 1000px;
  transition: max-height .5s ease-in-out, opacity .5s ease-in-out;
}

.m-frames-reel {
  --reel-gap: var(--space-m);
}

.m-frames-reel__item {
  --ratio: 1.51 / 1;
  --border-radius: 19px;
  border-radius: var(--border-radius);
  max-block-size: 303px;
}

.m-frames-reel__item > picture, .m-frames-reel__item > img, .m-frames-reel__item > video {
  background-size: cover;
}

@media (width <= 48rem) {
  .m-frames-reel__item {
    --ratio: 1 / 1;
    max-block-size: 262px;
  }
}

.m-frames--vibe-check {
  --ratio: 557 / 547;
  max-inline-size: 557px;
}

@media (width <= 64rem) {
  .m-frames--vibe-check {
    --ratio: 313 / 270;
    max-inline-size: 100%;
  }
}

.m-frames--business-card {
  min-block-size: 40rem;
  max-inline-size: 28.625rem;
}

@media (width <= 48rem) {
  .m-frames--business-card {
    min-block-size: auto;
    max-block-size: 28.625rem;
    min-inline-size: 22rem;
  }
}

.m-frames--business-card-dark {
  background-image: var(--gradient-dark-glass-2);
  backdrop-filter: blur(11px);
}

.m-frames--business-card-black {
  background-color: var(--color-black);
}

.m-frames--business-card--big {
  aspect-ratio: 457 / 640;
}

.m-frames--business-card--square {
  aspect-ratio: 1;
}

@media (width <= 48rem) {
  .m-frames--business-card--square {
    aspect-ratio: 457 / 640;
  }
}

.l-frame--rounded {
  border-radius: .375rem;
}

.l-frame--long {
  --ratio: 318 / 97;
}

@media (width <= 48rem) {
  .l-frame--long {
    --ratio: 353 / 240;
  }
}

.m-button {
  color: var(--color);
  padding: .25rem var(--space-l);
  cursor: pointer;
  background: var(--background, var(--gradient-white)) padding-box, var(--stroke, var(--gradient-stroke-color)) border-box;
  --border-width: .5px;
  --border-style: solid;
  --border-color: transparent;
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  --border-radius: 25px;
  border-radius: var(--border-radius);
  text-transform: uppercase;
  font-weight: 500;
  font-size: var(--step-c1);
  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-c1-height);
  width: fit-content;
  height: 2.625rem;
  justify-content: center;
  align-items: center;
  max-inline-size: fit-content;
  text-decoration: none;
  transition: --background .3s ease-out, color .3s ease-out, border .3s ease-out;
  display: inline-flex;
}

.m-button:hover {
  text-decoration: none;
}

.m-button:any-link {
  color: var(--color);
}

.m-button--small {
  text-transform: uppercase;
  font-weight: 500;
  font-size: var(--step-c2);
  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-c2-height);
  --padding: var(--space-3xs) var(--space-s-m) var(--space-3xs) var(--space-s-m);
}

.m-button-wrapper {
  justify-content: var(--block-align);
}

.m-button-more {
  padding: 0 .95em;
}

.m-button--primary-light {
  --color: var(--color-white);
  --background: var(--gradient-dark);
  --padding: calc(var(--step-c1-height) / 3) .95em;
  box-shadow: 8px -8px 25px -11px #a84eef59, -6px 7px 18px -8px #4b6eea59;
}

.m-button--primary-light:active, .m-button--primary-light[aria-pressed="true"], .m-button--primary-light:hover {
  --color: var(--color-white);
  --background: var(--gradient-button-dark);
  box-shadow: 10px -10px 27px -13px #a84eef59, -8px 9px 20px -10px #4b6eea59, 8px -8px 25px -11px #a84eef, -6px 7px 18px -8px #4b6eea;
}

.m-button--secondary-light {
  --color: var(--color-black);
  --background: var(--gradient-button-l-solid);
  box-shadow: 8px -8px 25px -11px #a84eef59, -6px 7px 18px -8px #4b6eea59;
}

.m-button--secondary-light:active, .m-button--secondary-light[aria-pressed="true"], .m-button--secondary-light:hover {
  --color: var(--color-black);
  --background: var(--gradient-button-l);
  box-shadow: 10px -10px 27px -13px #a84eef59, -8px 9px 20px -10px #4b6eea59, 8px -8px 25px -11px #a84eef, -6px 7px 18px -8px #4b6eea;
}

.m-button--primary-dark {
  --color: var(--color-black);
  --background: var(--gradient-button-d-solid);
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: 8px -8px 25px -11px #a84eef59, -6px 7px 18px -8px #4b6eea59;
}

.m-button--primary-dark:active, .m-button--primary-dark[aria-pressed="true"], .m-button--primary-dark:hover {
  --color: var(--color-black);
  --background: var(--gradient-button-d);
  --stroke: var(--gradient-stroke-white);
  text-decoration: none;
  box-shadow: 10px -10px 27px -13px #a84eef59, -8px 9px 20px -10px #4b6eea59, 8px -8px 25px -11px #a84eef, -6px 7px 18px -8px #4b6eea;
}

.m-button--primary-dark:focus {
  text-decoration: none;
}

.m-button--secondary-dark {
  --color: var(--color-white);
  --background: var(--gradient-button-dark-solid);
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: 8px -8px 25px -11px #a84eef59, -6px 7px 18px -8px #4b6eea59;
}

.m-button--secondary-dark:active, .m-button--secondary-dark[aria-pressed="true"], .m-button--secondary-dark:hover {
  --color: var(--color-white);
  --background: var(--gradient-button-dark);
  box-shadow: 10px -10px 27px -13px #a84eef59, -8px 9px 20px -10px #4b6eea59, 8px -8px 25px -11px #a84eef, -6px 7px 18px -8px #4b6eea;
}

.m-button--light-glass {
  background-image: var(--gradient-light-glass-1);
  backdrop-filter: blur(5.5px);
  --color: var(--color-black);
  --background: var(--color-white);
}

.m-button--light-glass:active, .m-button--light-glass[aria-pressed="true"], .m-button--light-glass:hover {
  --color: var(--color-black);
  --background: var(--gradient-button-dark);
  box-shadow: 10px -10px 27px -13px #a84eef59, -8px 9px 20px -10px #4b6eea59, 8px -8px 25px -11px #a84eef, -6px 7px 18px -8px #4b6eea;
}

.m-button--transparent {
  --background: transparent;
}

.m-button--rounded {
  --border-radius: 50%;
  width: 42px;
  height: 42px;
}

.m-button .m-icon {
  max-height: .95em;
}

.m-button .m-icon--large {
  max-width: 18px;
  max-height: 18px;
}

.m-button-sort__text {
  text-transform: none;
}

.m-button--light-filter {
  --color: var(--color-black);
  --stroke: var(--gradient-dark);
}

.m-button--light-filter:active {
  --stroke: var(--gradient-dark);
}

.m-button--dark-filter {
  --background: transparent;
  --color: var(--color-white);
  --stroke: var(--gradient-white);
}

.m-button--dark-filter:active {
  --background: transparent;
  --stroke: var(--gradient-white);
}

.m-button--expand-info {
  --background: var(--color-light-glass-1);
  --padding: calc(var(--step-c1-height) / 3) .95em;
}

.m-button--expand-info:active {
  --background: var(--color-black);
  --color: var(--color-white);
  --padding: calc(var(--step-c1-height) / 3) .95em;
}

.m-header {
  padding-block: var(--space-l);
  white-space: nowrap;
  min-block-size: var(--space-4xl);
  z-index: 1000;
  position: relative;
}

.m-header__content {
  align-items: center;
  gap: var(--space-m);
  z-index: 2;
  display: flex;
  position: relative;
}

.m-header__backdrop {
  z-index: 1;
  opacity: 0;
  background-image: var(--gradient-dark-glass-1);
  backdrop-filter: blur(5.5px);
  border-radius: 0 0 1.5rem 1.5rem;
  height: 0;
  transition: height .15s ease-out, opacity .15s ease-out;
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
}

.m-header__backdrop.is-active {
  opacity: 1;
  height: clamp(400px, 320px + 20vw, 630px);
}

.m-header__nav {
  background-image: var(--gradient-light-glass-1);
  backdrop-filter: blur(5.5px);
  border-radius: 999em;
  margin-inline: auto;
}

.m-header__nav-pill, .m-header__nav-backdrop {
  backdrop-filter: invert();
  pointer-events: none;
  opacity: 0;
  z-index: 3;
  border-radius: 999em;
  block-size: 76%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.m-header__nav-backdrop {
  background: var(--color-white);
  z-index: 1;
}

.m-header__nav ul:not(.m-header__subnav) {
  gap: calc(var(--space-m-l) * 1.5);
  padding-inline: var(--space-3xs);
  z-index: 2;
  flex-direction: row;
  align-items: center;
  display: flex;
  position: relative;
}

.m-header__nav a {
  --icon-angle: 180deg;
  align-items: center;
  gap: var(--space-3xs);
  padding-inline: var(--space-xs) var(--space-2xs);
  flex-direction: row;
  block-size: 2.625rem;
  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3375;
  display: flex;
}

.m-header__nav a:any-link {
  color: var(--color-text);
  text-decoration: none;
}

.m-header__nav a[aria-expanded="true"] {
  --icon-angle: -90deg;
}

.m-header__nav-media {
  aspect-ratio: 417 / 262;
  border-radius: .75rem;
  width: 100%;
  overflow: hidden;
}

.m-header__nav-media * {
  max-inline-size: 100%;
}

.m-header__nav-media video, .m-header__nav-media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.m-header__subnav {
  gap: var(--space-m);
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s ease-out;
  transition: opacity .15s 0s ease-out allow-discrete;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  height: 0;
  display: grid;
}

.m-header__subnav-container {
  padding-bottom: var(--space-l);
  -webkit-clip-path: inset(0 0 100%);
  clip-path: inset(0 0 100%);
  transition: -webkit-clip-path .15s ease-out, clip-path .15s ease-out;
  transition: clip-path .15s 0s ease-out allow-discrete;
  width: 100%;
  position: absolute;
  top: 110px;
  left: 0;
}

.m-header__subnav-container.is-active {
  -webkit-clip-path: inset(0);
  clip-path: inset(0);
}

.m-header__subnav.is-active {
  opacity: 1;
  pointer-events: all;
  height: auto;
}

.m-header__subnav:has(li:only-child) {
  grid-template-columns: 1fr;
}

.m-header__subnav li {
  background: var(--subnav-color, var(--color-white));
  padding: var(--space-m);
  font-weight: 500;
  font-size: var(--step-h1);
  font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-h1-height);
  border-radius: 1.5rem;
  position: relative;
}

.m-header__subnav li a {
  text-align: center;
  color: var(--color-text);
  white-space: wrap;
  text-wrap: balance;
  margin-bottom: var(--space-l);
  text-decoration: none;
  display: block;
}

.m-header__subnav li a:hover {
  color: var(--color-text);
}

.m-header__subnav li a.m-header__small-title {
  font-weight: 400;
  font-size: var(--step-h2);
  font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-h2-height);
  padding-top: .5em;
}

.m-header__subnav li i {
  font-style: normal;
  font-weight: 400;
  font-size: var(--step-h3);
  font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-h3-height);
  letter-spacing: .02ch;
  margin-top: .5em;
  display: block;
}

.m-header__subnav li:nth-child(4) {
  background: none;
  grid-column: 2;
  justify-content: center;
  padding: 0;
  display: flex;
}

.m-header__subnav li:nth-child(4) a {
  margin: 0;
  line-height: 2;
}

.m-header__subnav-2col {
  gap: var(--space-l);
  white-space: wrap;
  text-wrap: balance;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.m-header__subnav-2col .l-frame {
  --ratio: 676 / 417;
  border-radius: 1.5rem;
}

.m-header__subnav-2col-content {
  justify-content: center;
  align-items: center;
  display: flex;
}

.m-header__subnav-2col-content > * {
  max-inline-size: 80%;
}

.m-header__subnav-2col-content a {
  margin: 0;
  line-height: 2;
}

.m-header--dark {
  --logo-color: var(--color-white);
  --color-text: var(--color-white);
}

.m-header--dark .m-button {
  --color: var(--color-black);
  --background: var(--gradient-button-d-solid);
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: 8px -8px 25px -11px #a84eef59, -6px 7px 18px -8px #4b6eea59;
}

.m-header--dark .m-button:active, .m-header--dark .m-button[aria-pressed="true"], .m-header--dark .m-button:hover {
  --color: var(--color-black);
  --background: var(--gradient-button-d);
  --stroke: var(--gradient-stroke-white);
  text-decoration: none;
  box-shadow: 10px -10px 27px -13px #a84eef59, -8px 9px 20px -10px #4b6eea59, 8px -8px 25px -11px #a84eef, -6px 7px 18px -8px #4b6eea;
}

.m-header--dark .m-button:focus {
  text-decoration: none;
}

.m-header--dark .m-header__nav {
  background-image: var(--gradient-dark-glass-1);
  backdrop-filter: blur(5.5px);
}

.m-header--dark .m-header__nav-backdrop {
  background: var(--color-black);
}

.m-hero {
  --max-inline-size: 36ch;
  padding-top: calc(5rem - var(--space-l));
  flex-wrap: nowrap;
  align-items: flex-start;
}

.m-hero--tall {
  padding-top: calc(7.5rem - var(--space-l));
}

.m-hero__title {
  padding-top: 0;
}

.m-hero__title h1 {
  font-weight: 500;
  font-size: var(--step-h1);
  font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-h1-height);
}

.m-hero__title p {
  font-weight: 400;
  font-size: var(--step-h3);
  font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-h3-height);
  letter-spacing: .02ch;
  align-self: center;
  max-inline-size: 36ch;
}

@media (width <= 48rem) {
  .m-hero__title {
    text-align: center;
  }
}

.m-hero__subtitle {
  --gap: var(--space-l);
  min-block-size: calc(2 * var(--step-h1-height));
  flex-wrap: wrap;
  justify-content: space-between;
  min-inline-size: 60%;
  display: flex;
}

.m-hero__subtitle-item {
  --measure: var(--max-inline-size);
  max-inline-size: var(--measure);
  -webkit-hyphens: none;
  hyphens: none;
  text-wrap: wrap;
}

@media (width <= 48rem) {
  .m-hero__subtitle-item {
    text-align: center;
  }
}

.m-hero__subtitle:before {
  content: "";
  border-top: 1px solid var(--text-color);
  width: 100%;
  display: block;
  position: relative;
}

@media (width <= 48rem) {
  .m-hero__subtitle:before {
    display: none;
  }

  .m-hero__subtitle {
    min-block-size: unset;
    align-content: center;
    inline-size: 100%;
    margin-inline-start: unset;
  }
}

.m-hero__content hr {
  max-inline-size: 62%;
  margin-left: 0;
  margin-right: auto;
}

@media (width <= 48rem) {
  .m-hero__content hr {
    display: none;
  }
}

.m-hero--wide {
  --max-inline-size: 60ch;
  --box-gap: var(--space-2xl) 0 var(--space-3xl);
}

.m-hero--centered {
  padding-bottom: 15rem;
}

@media (width <= 48rem) {
  .m-hero {
    --gap: var(--space-l);
    flex-wrap: wrap;
    justify-content: center;
  }
}

.m-icon--plus, .m-icon--plus-thick {
  max-height: .95em;
}

.m-icon--chevron {
  --icon-size: .8em;
  transform: rotate(var(--icon-angle, -90deg));
  max-height: .95em;
  margin-left: 1ch;
}

.m-icon--arrow-profit {
  block-size: 48px;
  inline-size: 48px;
}

.m-icon--arrow-right {
  --icon-size: 1.25em;
  transform: rotate(var(--icon-angle, 45deg));
  max-height: .95em;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.m-icon--flip {
  transform: rotate(calc(var(--icon-angle)  + 180deg));
}

.m-icon--gradient-tick, .m-icon--gradient-cross {
  --icon-color: var(--gradient-fill);
  min-block-size: 14px;
  min-inline-size: 14px;
}

.m-icon--offset-inline {
  margin-inline: var(--offset, 1.2ch);
}

.m-icon--offset-block {
  margin-block: var(--offset, 1.2ch);
}

.m-icon--offset-inline-start {
  margin-inline-start: var(--offset, 1.2ch);
}

.m-icon--offset-inline-end {
  margin-inline-end: var(--offset, 1.2ch);
}

.m-icon--offset-block-start {
  margin-block-start: var(--offset, 1.2ch);
}

.m-icon--offset-block-end {
  margin-block-end: var(--offset, 1.2ch);
}

.m-icon--large {
  min-block-size: 22px;
  min-inline-size: 22px;
}

.m-insights--grid {
  --min-inline-size: 428px;
}

@media (width <= 75rem) {
  .m-insights--grid {
    --max-inline-size: 353px;
  }
}

.m-insights--grid * {
  --gap: var(--space-xl);
  align-items: center;
}

.m-insights--light {
  --bg-color: var(--color-white);
  background-color: var(--bg-color);
}

.m-insights__hero {
  --gap: var(--space-4xl);
}

@media (width <= 48rem) {
  .m-insights__hero {
    --gap: var(--space-xl);
  }
}

.m-insights__card {
  --box-gap: var(--space-xs);
  --stack-gap: var(--space-m);
  --border-radius: 19px;
  border-radius: var(--border-radius);
  text-align: center;
  align-items: center;
  max-block-size: fit-content;
  min-inline-size: 100%;
}

.m-insights__header {
  --measure: 28ch;
  text-align: center;
}

.m-insights__frame {
  --ratio: 388 / 317;
  --border-radius: 19px;
  border-radius: var(--border-radius);
  max-block-size: 317px;
}

@media (width <= 75rem) {
  .m-insights__frame {
    --ratio: 313 / 240;
    max-block-size: 240px;
  }
}

.m-list--plain {
  max-inline-size: 17.5rem;
  list-style: none;
}

@media (width <= 48rem) {
  .m-list--plain {
    max-inline-size: none;
  }
}

.m-list--plain:first-child {
  border-top: 1px solid var(--color-white);
}

.m-list--plain li {
  border-bottom: 1px solid var(--color-white);
  margin-left: 0;
  padding: .75rem 0;
}

.m-logo {
  block-size: var(--space-logo-size);
  aspect-ratio: 137 / 50;
  display: inline-flex;
  position: relative;
}

.m-logo__image {
  fill: var(--logo-color, #000);
  transform-origin: 0;
  block-size: 100%;
  position: absolute;
  inset: 0 auto auto 0;
}

.m-logo--white {
  --logo-color: var(--color-white);
}

@media (width <= 48rem) {
  .m-logo {
    inline-size: var(--space-logo-size);
    aspect-ratio: 1;
    overflow: hidden;
  }

  .m-logo__image {
    transform: scale(1.62);
  }
}

@keyframes slideIn {
  from {
    transform-origin: 0;
    transform: scaleX(0);
  }

  to {
    transform-origin: 0;
    transform: scaleX(1);
  }
}

@keyframes slideOut {
  from {
    transform-origin: 100%;
    transform: scaleX(1);
  }

  to {
    transform-origin: 100%;
    transform: scaleX(0);
  }
}

@keyframes slideInLTL {
  from {
    transform-origin: 0;
    transform: scaleX(0);
  }

  to {
    transform-origin: 0;
    transform: scaleX(1);
  }
}

.m-link {
  color: inherit;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.m-link:after {
  content: "";
  transform-origin: 0;
  background: #fff;
  width: 100%;
  height: 1px;
  transition: transform .4s;
  position: absolute;
  bottom: -4px;
  left: 0;
  transform: scaleX(0);
}

.m-link:hover, .m-link:focus {
  color: #fff;
  text-decoration: none;
}

.m-link:hover:after, .m-link:focus:after {
  animation: .4s forwards slideIn;
}

.m-link:not(:hover):not(:focus):after {
  animation: .4s forwards slideOut;
}

.m-link--ltl {
  color: inherit;
  width: fit-content;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.m-link--ltl:after {
  content: "";
  transform-origin: 0;
  background: #000;
  width: 100%;
  height: 2px;
  transition: transform .6s;
  position: absolute;
  bottom: -4px;
  left: 0;
  transform: scaleX(1);
}

.m-link--ltl:hover, .m-link--ltl:focus {
  color: #000;
  text-decoration: none;
}

.m-link--ltl:hover:after, .m-link--ltl:focus:after {
  animation: .5s forwards slideInLTL;
  transform: scaleX(1);
}

.m-marquee.mobile {
  visibility: hidden;
  height: 0;
  display: none;
}

@media (width <= 48rem) {
  .m-marquee.mobile {
    visibility: visible;
    height: auto;
    display: flex;
  }
}

.m-marquee--combined {
  visibility: hidden;
  height: 0;
}

@media (width <= 48rem) {
  .m-marquee--combined {
    visibility: visible;
    height: auto;
  }
}

.m-marquee--reverse, .m-marquee--bottom-divider {
  height: auto;
}

.m-marquee__wrapper {
  --box-gap: var(--space-2xl);
}

.m-marquee__content .m-card--bg-cover.l-box {
  aspect-ratio: auto;
  --box-gap: var(--space-m);
  justify-content: flex-start;
  align-items: flex-start;
  block-size: 28.125rem;
  inline-size: 21.125rem;
}

@media (width <= 48rem) {
  .m-marquee__content .m-card--bg-cover.l-box {
    block-size: 21.25rem;
    max-block-size: none;
    inline-size: 16.375rem;
    max-inline-size: none;
  }
}

.m-marquee__content .l-box {
  --box-gap: var(--space-xl);
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  block-size: 12.882rem;
  inline-size: 12.882rem;
}

@media (width <= 48rem) {
  .m-marquee__content .l-box {
    --box-gap: var(--space-card-gap);
    max-block-size: 8.8235rem;
    max-inline-size: 8.8235rem;
  }
}

.m-marquee__content .l-box img {
  max-inline-size: 100%;
  display: block;
}

.m-marquee--large {
  --box-gap: var(--space-m);
}

.m-marquee--large .l-box {
  aspect-ratio: 457 / 300;
  block-size: 300px;
  inline-size: 457px;
}

@media (width <= 48rem) {
  .m-marquee--large .l-box {
    aspect-ratio: 353 / 200;
    max-block-size: 200px;
    max-inline-size: 353px;
  }
}

.m-marquee--large .l-box img {
  margin: auto auto 0;
}

.m-marquee--bottom-divider {
  margin-block-end: var(--space-4xl);
}

.m-modal__container {
  position: relative;
}

.m-modal__trigger:hover {
  color: var(--color-white);
}

.m-modal__content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 10;
  transition: transform .3s ease-in-out, opacity .3s ease-in-out;
  position: absolute;
  inset: 0;
  transform: translateX(-50%)scale(1);
}

.m-modal__content.visible {
  opacity: 1;
  visibility: visible;
}

.m-modal__content.zoom-in {
  transform: translateX(-50%)scale(1.05);
}

.m-modal__content.zoom-out {
  transform: translateX(-50%)scale(.95);
}

.m-modal__image {
  width: 240px;
  height: 180px;
  transition: transform .3s ease-in-out, opacity .3s ease-in-out;
  position: absolute;
}

.m-modal__image--top {
  top: -150px;
  left: 80%;
}

.m-modal__image--side {
  top: 30%;
  bottom: 0;
  left: 100px;
}

.m-modal__image--bottom {
  bottom: -100px;
  left: 100%;
}

.m-overlay__wrapper {
  --gap: var(--space-3xs);
  block-size: 100%;
  inline-size: 100%;
}

@media (width <= 48rem) {
  .m-overlay__wrapper {
    position: relative;
    overflow: scroll;
  }

  .m-overlay__wrapper > * {
    inline-size: 100%;
  }
}

.m-overlay__container {
  --border-radius: 19px;
  border-radius: var(--border-radius);
  --gap: var(--space-s);
  background: var(--color-white);
  border-end-end-radius: 0;
  border-end-start-radius: 0;
  justify-content: flex-end;
}

.m-overlay--mobile {
  z-index: 9999;
  height: 100vh;
  position: fixed;
  inset: 0;
}

.m-page {
  background-color: var(--color-soft-blue);
}

.m-page__section {
  background-image: var(--gradient-dark-glass-2);
}

.m-page__section--dark {
  background: var(--color-black);
  color: var(--color-white);
  --link-color: currentColor;
  --link-disabled-color: var(--color-light-glass-3);
  --form-placeholder-color: var(--color-light-glass-3);
  --form-border-color: var(--color-white);
  --form-label-color: var(--color-light-glass-4);
  --indicator-color: var(--color-white);
}

.m-portfolio-section-details {
  grid-template-columns: repeat(2, minmax(min-content, 21em));
  inline-size: 60%;
}

.m-portfolio-section-details__item {
  --stack-gap: var(--space-3xs);
  text-wrap: balance;
  max-inline-size: 21em;
}

.m-portfolio-section-details__item-link:before {
  height: var(--step-c2-height);
  content: "";
  width: 100%;
  display: block;
  position: relative;
}

@media (width <= 48rem) {
  .m-portfolio-section-details {
    inline-size: 100%;
  }
}

@media (width <= 20rem) {
  .m-portfolio-section-details {
    grid-template-columns: minmax(min-content, 21em);
  }
}

.m-portfolio-section-sort-wrapper {
  margin-top: 5rem;
  padding-left: 0;
}

.m-portfolio-cluster > * {
  justify-content: center;
  block-size: 300px;
  min-inline-size: 353px;
  max-inline-size: 457px;
  display: inline-flex;
}

.m-portfolio-cluster > * > * {
  padding-inline: var(--space-4xl);
  text-align: center;
  justify-content: center;
  display: inline-flex;
}

@media (width <= 48rem) {
  .m-portfolio-cluster > * {
    block-size: 200px;
    max-inline-size: 353px;
  }
}

.m-portfolio-tab {
  cursor: pointer;
}

.m-portfolio-tab-radio {
  display: none;
}

.m-portfolio-tab:has(.m-portfolio-tab-radio:checked) ~ .m-icon {
  transform: rotate(90deg);
}

.m-reel {
  position: relative;
}

.m-reel__indicators {
  --cluster-gap: var(--space-m);
  margin: 0 auto;
}

@media (width >= 48rem) {
  .m-reel__indicators--glow {
    --cluster-gap: none;
  }

  .m-reel__indicators--glow * {
    --indicator-color: var(--color-slate-gray);
  }

  .m-reel__indicators--glow .is-active {
    --indicator-color: var(--color-black);
    background-image: var(--gradient-dark-glass-2);
    backdrop-filter: blur(11px);
    border: 1px solid;
    box-shadow: 10px -10px 27px -13px #a84eef59, -8px 9px 20px -10px #4b6eea59, 8px -8px 25px -11px #a84eef, -6px 7px 18px -8px #4b6eea;
  }

  .m-reel__indicators--glow .m-reel__line-separator {
    background-image: var(--gradient-dark-glass-2);
    backdrop-filter: blur(11px);
    block-size: 1px;
    inline-size: min(15vw, 214px);
  }
}

.m-reel__indicator {
  --size: var(--space-xs);
  border: 1px solid var(--indicator-color, var(--color-black));
  height: var(--size);
  width: var(--size);
  cursor: pointer;
  background: none;
  border-radius: 50%;
}

.m-reel__indicator:hover, .m-reel__indicator.is-active {
  background: var(--indicator-color, var(--color-black));
}

.m-reel:hover .m-reel__arrow {
  opacity: 1;
}

.m-reel--max-width {
  inline-size: 100%;
}

.m-reel--rounded-for-score-card {
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

@media (width <= 48rem) {
  .m-reel--rounded-for-score-card {
    border-radius: 16px;
  }
}

.m-reel--no-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.m-reel--no-scrollbar::-webkit-scrollbar {
  display: none;
}

.m-reel--dark-glass-2 {
  background-image: var(--gradient-dark-glass-2);
  backdrop-filter: blur(11px);
}

.m-reel--dark-glass-2:has(.is-active) {
  box-shadow: 10px -10px 27px -13px #a84eef59, -8px 9px 20px -10px #4b6eea59, 8px -8px 25px -11px #a84eef, -6px 7px 18px -8px #4b6eea;
}

.m-reel--card-stack {
  --block-size: 295px;
  --margin-modifier: 0;
  --card-block-size-step: 25px;
  block-size: calc(var(--block-size)  + 2 * var(--card-block-size-step)  + 2 * var(--card-block-size-step));
  position: relative;
}

.m-reel--card-stack * {
  background-image: var(--gradient-dark-glass-2);
  backdrop-filter: blur(11px);
  box-sizing: border-box;
  inline-size: min(var(--inline-size), 100%);
  block-size: var(--block-size);
  z-index: var(--n);
  left: 50%;
  top: calc((var(--n)  - var(--margin-modifier)) * var(--card-block-size-step));
  transition-duration: .1s;
  display: none;
  position: absolute;
  transform: translateX(-50%);
}

.m-reel--card-stack .m-reel__first-card {
  --n: 5;
  --inline-size: 696px;
  display: flex;
}

@media (width <= 48rem) {
  .m-reel--card-stack .m-reel__first-card {
    --inline-size: 353px;
  }
}

.m-reel--card-stack * * {
  transition: none;
  display: none;
}

.m-reel--card-stack .is-active {
  z-index: 5;
  top: calc(2 * var(--card-block-size-step));
  background: var(--color-black);
  border-width: 1px;
  position: relative;
  box-shadow: 8px -8px 25px -11px #a84eef59, -6px 7px 18px -8px #4b6eea59;
}

.m-reel--card-stack .is-active * {
  background: none;
  max-block-size: 100%;
  max-inline-size: 458px;
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.m-reel--card-stack .m-reel__second-card-above, .m-reel--card-stack .m-reel__second-card-below {
  --n: 2;
  --inline-size: 578px;
  display: flex;
}

@media (width <= 48rem) {
  .m-reel--card-stack .m-reel__second-card-above, .m-reel--card-stack .m-reel__second-card-below {
    --inline-size: 293px;
  }
}

.m-reel--card-stack .m-reel__third-card-below, .m-reel--card-stack .m-reel__third-card-above {
  --n: 1;
  --inline-size: 442px;
  display: flex;
}

@media (width <= 48rem) {
  .m-reel--card-stack .m-reel__third-card-below, .m-reel--card-stack .m-reel__third-card-above {
    --inline-size: 233px;
  }
}

.m-reel--card-stack .m-reel__second-card-above, .m-reel--card-stack .m-reel__third-card-above {
  --margin-modifier: 1;
}

.m-reel--card-stack .m-reel__second-card-below, .m-reel--card-stack .m-reel__third-card-below {
  --margin-modifier: calc((2 * var(--n))  - 5);
}

.m-section--padding-top-m {
  padding-top: 7.5rem;
}

.m-section--padding-top-l {
  padding-top: 15rem;
}

.m-section--padding-bottom-m {
  padding-bottom: 7.5rem;
}

.m-section--padding-bottom-l {
  padding-bottom: 15rem;
}

.m-section--bordered {
  border-top: .0625rem solid #fff;
  border-bottom: .0625rem solid #fff;
}

.m-section--sticky {
  border-top: 1px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
  position: relative;
}

.m-section--sticky .left {
  border-right: 1px solid var(--color-white);
  height: 100vh;
  max-inline-size: 33%;
  padding: 5rem 3.75rem 3.75rem;
  position: sticky;
  top: 0;
  overflow-y: auto;
}

@media (width <= 48rem) {
  .m-section--sticky .left {
    height: auto;
    border-right: none;
    max-inline-size: 100%;
    padding: 2.5rem 2.5rem 0;
    position: relative;
  }
}

.m-section--sticky .right .content {
  visibility: hidden;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.m-section--sticky .right .content:not(.hidden) {
  visibility: visible;
}

@media (width <= 48rem) {
  .m-section--sticky .right .m-button {
    margin: 0 auto;
    display: block;
  }
}

.m-section.why, .m-section.why .left {
  position: relative;
}

.m-section.why .right {
  position: sticky;
  top: 0;
  overflow: hidden;
}

.m-section.why .m-text-container--fadeout {
  scroll-behavior: smooth;
  max-height: 28.125rem;
  padding: 8rem 0;
  position: relative;
  overflow: auto;
}

.m-section.why .m-text-container--fadeout::-webkit-scrollbar {
  width: 8px;
}

.m-section.why .m-text-container--fadeout::-webkit-scrollbar-thumb {
  background-color: #0003;
  border-radius: 10px;
}

.m-section.investors-grid .l-flex {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.m-section.investors-grid .m-card {
  --box-gap: var(--space-xl);
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  inline-size: 13.75rem;
  max-inline-size: 13.75rem;
}

@media (width <= 48rem) {
  .m-section.highlights .l-cluster__split {
    margin-inline-start: 0;
  }
}

.m-slideshow .l-wrapper {
  max-inline-size: 94.5rem;
}

.m-slideshow .left {
  padding-bottom: 3.75rem;
}

.m-slideshow .left.pb-0 {
  padding-bottom: 0;
}

.m-slideshow .left .l-grid {
  gap: var(--space-m);
  grid-template-columns: repeat(3, 1fr);
}

@media (width <= 48rem) {
  .m-slideshow .right {
    padding: 0 1rem;
  }
}

.m-slideshow.desktop {
  display: block;
}

@media (width <= 48rem) {
  .m-slideshow.desktop {
    display: none;
  }
}

.m-slideshow.mobile {
  display: none;
}

@media (width <= 48rem) {
  .m-slideshow.mobile {
    display: block;
  }
}

.m-slideshow__carousel, .m-slideshow__carousel .m-card, .m-slideshow__carousel .m-card .l-flex {
  height: 100%;
}

@media (width <= 48rem) {
  .m-slideshow__carousel {
    transition: transform .5s ease-in-out;
    display: flex;
    overflow: hidden;
  }
}

.m-slideshow__trigger {
  opacity: .6;
  transition: opacity .3s, padding-left .3s;
  position: relative;
}

.m-slideshow__trigger.active {
  opacity: 1;
  padding-left: 2.125rem;
  transition: padding-left .3s;
}

.m-slideshow__trigger.active:before {
  content: "→";
  color: var(--color-white);
  opacity: 0;
  transition: opacity .3s, left .3s;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.m-slideshow__trigger.active.active:before {
  opacity: 1;
  left: 0;
}

.m-slideshow__content {
  opacity: 0;
  transition: opacity .5s ease-in-out;
  display: none;
}

@media (width <= 48rem) {
  .m-slideshow__content {
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #7b5df2;
    flex: 0 0 100%;
    inline-size: 100%;
  }
}

.m-slideshow__content.active {
  opacity: 1;
  display: block;
}

.m-slideshow__content.borderless {
  border: none;
}

@media (width <= 48rem) {
  .m-slideshow__dots {
    justify-content: center;
    margin-top: 20px;
    display: flex;
  }

  .m-slideshow__dot {
    border: 1px solid var(--color-white);
    background-color: #0000;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    transition: background-color .3s;
    display: inline-block;
  }
}

.m-slideshow__dot.active {
  background-color: var(--color-white);
}

.m-slideshow.mobile .m-card .l-flex {
  justify-content: center;
  align-items: center;
}

.m-tab--list {
  list-style: none;
}

.m-tab--list li {
  margin-left: 0;
  padding: .375rem 0;
}

.m-tab--list li a {
  color: var(--color-white);
  padding-left: .5rem;
  text-decoration: none;
  transition: padding-left .45s ease-in-out, transform .4s ease-in-out;
  display: inline-block;
  position: relative;
}

.m-tab--list li a:before {
  content: "⎯";
  opacity: 0;
  font-weight: bold;
  transition: transform .5s ease-in-out, opacity .25s ease-in-out;
  position: absolute;
  top: 50%;
  left: -15px;
  transform: translateY(-50%)translateX(-100%);
}

.m-tab--list li a.active, .m-tab--list li a:hover, .m-tab--list li a:focus, .m-tab--list li a:visited {
  padding-left: 1rem;
  text-decoration: none;
  transition: padding-left .45s ease-in-out;
  transform: translateX(.5rem);
}

.m-tab--list li a.active:before, .m-tab--list li a:hover:before, .m-tab--list li a:focus:before, .m-tab--list li a:visited:before {
  content: "⎯";
  color: var(--color-white);
  opacity: 1;
  position: absolute;
  top: 50%;
  left: -10px;
  transform: translateY(-50%)translateX(0);
}

.m-tab--list li a:not(.active):not(:hover):not(:focus):before {
  opacity: 0;
  transform: translateY(-50%)translateX(-100%);
}

.m-tab--trigger {
  text-transform: uppercase;
  text-decoration: none;
}

.m-tab--trigger:hover, .m-tab--trigger:active, .m-tab--trigger:visited, .m-tab--trigger.active {
  color: var(--color-white);
  text-decoration: none;
  transition: color .3s;
}

.m-table--full-size {
  max-inline-size: 100%;
}

.m-table th {
  border: none;
}

.m-table td {
  vertical-align: middle;
  border-inline: none;
}

.m-table td span {
  display: block;
}

.m-table th, .m-table td {
  padding: var(--space-s) var(--space-l);
  max-inline-size: 100%;
}

.m-table tr :nth-child(2) {
  border: none;
}

.m-table .m-table__column {
  background-image: var(--gradient-dark-glass-2);
  min-block-size: 683px;
}

.m-table .m-table__column th, .m-table .m-table__column td {
  padding: var(--space-s) var(--space-l);
  max-inline-size: 100%;
}

.m-table .m-table__column--first {
  --border-radius: 19px;
  border-radius: var(--border-radius);
  border-end-end-radius: unset;
  border-end-start-radius: unset;
}

.m-table .m-table__column--last {
  --border-radius: 19px;
  border-radius: var(--border-radius);
  border-start-start-radius: unset;
  border-start-end-radius: unset;
}

.m-table td.m-table__column--text {
  padding: 0;
}

.m-table__row--last td {
  border: none;
}

.m-table__checkmark {
  --background-color: var(--color-white);
  background-color: var(--background-color);
  border-radius: 50%;
  block-size: 8px;
  inline-size: 8px;
}

.m-table__checkmark--glow {
  background-image: var(--gradient-fill);
  background-color: unset;
  block-size: 13px;
  inline-size: 13px;
}

.m-table--accordion {
  --border-color: var(--color-white);
  --border-width: .5px;
  --box-gap: var(--space-2xl) 0 var(--space-2xl) 0;
}

.m-table--accordion .m-accordion__item-content .m-icon--offset-inline-end {
  --offset: 1.2ch;
}

.m-table--accordion summary {
  --box-gap: var(--space-xs) 0;
}

.m-table--accordion summary .m-icon--offset-inline-end {
  --offset: .6ch;
}

.m-tag {
  --color: var(--color-black);
  background-image: var(--gradient-light-glass-1);
  backdrop-filter: blur(5.5px);
  --border-width: 1px;
  --border-style: solid;
  --border-color: transparent;
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  --border-radius: 999em;
  border-radius: var(--border-radius);
  text-transform: uppercase;
  font-weight: 500;
  font-size: var(--step-c1);
  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-c1-height);
  padding: calc(var(--space-3xs)  - var(--border-width)) var(--space-2xs-xs);
  color: var(--color);
  align-items: center;
  inline-size: fit-content;
  display: inline-flex;
}

.m-tag, .m-tag:hover {
  text-decoration: none;
}

.m-tag--navigation {
  background-image: var(--gradient-dark-glass-1);
  backdrop-filter: blur(5.5px);
  --background: var(--color-dark-glass-2);
  --color: var(--color-white);
  --border-radius: 19px;
  border-radius: var(--border-radius);
  padding: 14px 18px;
}

@media (width <= 48rem) {
  .m-tag--navigation {
    border-radius: 10px;
  }
}

.m-tag--dark {
  --color: var(--color-white);
  background: var(--color-black);
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--color-black);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  --border-radius: 999em;
  border-radius: var(--border-radius);
}

.m-tag--outline {
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--color);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  --border-radius: 999em;
  border-radius: var(--border-radius);
  background: none;
}

.m-tag--transparent {
  --border-width: 1px;
  --border-style: solid;
  --border-color: transparent;
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  --border-radius: 999em;
  border-radius: var(--border-radius);
  background: none;
}

.m-tag--light-glass {
  backdrop-filter: blur(5.5px);
  --color: var(--color-white);
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--color);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  --border-radius: 999em;
  border-radius: var(--border-radius);
  background: none;
}

.m-tag--dark-glass {
  background-image: var(--gradient-dark-glass-1);
  backdrop-filter: blur(5.5px);
  text-transform: uppercase;
  font-weight: 500;
  font-size: var(--step-c2);
  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-c2-height);
  --background: var(--gradient-button-dark-glass-1);
  --color: var(--color-white);
  --border-width: 1px;
  --border-style: solid;
  --border-color: transparent;
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  --border-radius: 999em;
  border-radius: var(--border-radius);
}

.m-tag--dark-glass-1 {
  --color: var(--color-white);
  background-image: var(--gradient-dark-glass-1);
  backdrop-filter: blur(5.5px);
}

.m-tag--dark-glass-2 {
  --color: var(--color-black);
  background-image: var(--gradient-dark-glass-2);
  backdrop-filter: blur(11px);
}

.m-tag--selected {
  --color: var(--color-black);
  background-color: var(--color-white);
}

.m-tag--white {
  --background: var(--color-white);
  --color: var(--color-black);
  --border-color: var(--color-black);
  --border-width: 1px;
}

@media (width <= 48rem) {
  .m-tag-cluster {
    --inline-align: center;
  }
}

.m-tag .m-icon {
  --icon-size: .8em;
  max-height: .95em;
  margin-left: 1ch;
  transform: rotate(45deg);
}

.m-text-crawl {
  --anim-step-duration: .6s;
  flex-direction: column;
  justify-content: flex-end;
  block-size: 100%;
  display: flex;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(0deg, #0000 0%, #000 5% 95%, #0000 100%);
  mask-image: linear-gradient(0deg, #0000 0%, #000 5% 95%, #0000 100%);
}

.m-text-crawl__content {
  transform: translateY(calc(100% / var(--crawl-lines, 1) * (var(--crawl-lines, 1)  - 1)));
  bottom: var(--space-xl);
  font-weight: 400;
  font-size: var(--step-h2);
  font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-h2-height);
  font-size: var(--step-h2-h1);
  flex-direction: column;
  display: flex;
  position: relative;
}

.m-text-crawl__line {
  white-space: nowrap;
  block-size: var(--crawl-line-block-size);
  padding-block-end: var(--space-3xs);
  padding-top: var(--space-3xs);
  opacity: 0;
  align-items: end;
  line-height: 1;
  display: flex;
}

.m-text-crawl__line:first-child {
  opacity: 1;
}

.m-text-crawl.is-finished .m-text-crawl__line {
  transition: opacity var(--anim-step-duration) var(--anim-step-duration) ease-in;
  opacity: 1 !important;
}

.m-text {
  background-image: var(--background-image);
  background-clip: var(--background-clip);
  color: var(--color);
}

.m-text--gradient {
  --background-image: var(--gradient-fill);
  --background-clip: text;
  --color: transparent;
}

.m-text--gradient-d {
  --background-image: var(--gradient-fill-darker);
  --background-clip: text;
  --color: transparent;
}

.m-text--gradient-m {
  --background-image: var(--gradient-fill-dark);
  --background-clip: text;
  --color: transparent;
}

.m-text--gradient-top {
  -webkit-text-fill-color: transparent;
  color: #0000;
  background-image: linear-gradient(0deg, #000 -100%, #ffffff1a 100%);
  -webkit-background-clip: text;
}

.m-text--gradient-bottom {
  -webkit-text-fill-color: transparent;
  color: #0000;
  background-image: linear-gradient(#000 -100%, #ffffffe6 100%);
  -webkit-background-clip: text;
}

.m-text--sized p, .m-text h2 {
  max-inline-size: 60%;
}

.m-text-container--fadeout {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(0deg, #0000 0%, #000 50% 50%, #0000 100%);
  mask-image: linear-gradient(0deg, #0000 0%, #000 50% 50%, #0000 100%);
}

.m-text.m-link--trigger {
  color: var(--color-white);
  text-decoration: none;
  position: relative;
}

.m-text.m-link--trigger:hover span {
  color: var(--color-white);
}

.m-text.m-link--trigger:hover span:after {
  width: 100%;
}

.m-text.m-link--trigger span {
  display: inline-block;
  position: relative;
}

.m-text.m-link--trigger span:after {
  content: "";
  background: var(--color-white);
  width: 0;
  height: 2px;
  transition: width .3s ease-in-out;
  position: absolute;
  bottom: -2px;
  left: 0;
}

@keyframes timeline-slide-up {
  0% {
    opacity: .7;
    transform: translateY(80%);
  }

  25% {
    opacity: 1;
    transform: translateY(0);
  }

  75% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: .7;
    transform: translateY(-80%);
  }
}

@keyframes timeline-fade-up {
  0% {
    opacity: 0;
  }

  30% {
    opacity: 1;
    transform: translateY(0);
  }

  70% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}

@keyframes shake {
  0% {
    transform: rotate(0);
  }

  25% {
    transform: rotate(5deg);
  }

  50% {
    transform: rotate(-5deg);
  }

  75% {
    transform: rotate(5deg);
  }

  100% {
    transform: rotate(0);
  }
}

.m-timeline {
  aspect-ratio: 1;
  -webkit-mask-image: linear-gradient(0deg, #0000 0%, #000 25% 75%, #0000 100%);
  mask-image: linear-gradient(0deg, #0000 0%, #000 25% 75%, #0000 100%);
}

.m-timeline__list {
  block-size: 100%;
  max-block-size: min-content;
  display: block;
  position: relative;
  overflow: hidden;
}

.m-timeline__list:before {
  content: "";
  background: var(--color-white);
  z-index: -1;
  inline-size: 1px;
  position: absolute;
  inset: 0 auto 0 25%;
}

.m-timeline__item {
  gap: var(--space-xl);
  flex-direction: row;
  align-items: center;
  min-block-size: 100%;
  margin-inline-start: calc(25% - var(--space-timeline-marker) / 2);
  display: flex;
  position: absolute;
  inset: 0;
  transform: translateY(100%);
}

.m-timeline__item[aria-current="true"] {
  animation: timeline-slide-up var(--timeline-duration, 4s) ease-in-out;
}

.m-timeline__marker {
  min-inline-size: var(--space-timeline-marker);
  max-inline-size: var(--space-timeline-marker);
  aspect-ratio: 1;
  background: var(--color-black);
  border: 1px solid var(--color-white);
  font-weight: 400;
  font-size: var(--step-h3-h2);
  font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-h3-h2-height);
  border-radius: 999em;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 10px -10px 42px -3px #a84eef4d, -10px 15px 42px -5px #4b6eea4d, 8px -8px 25px -11px #a84eef, -6px 7px 18px -8px #4b6eea;
}

.m-timeline__marker :where(img, video, picture) {
  max-inline-size: 50%;
}

.m-timeline__marker--shake * {
  animation: .5s infinite shake;
}

.m-timeline__entry {
  clip-path: rect(-100% 100% 100% 0);
  font-weight: 400;
  font-size: var(--step-h3-h2);
  font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  line-height: var(--step-h3-h2-height);
}

.m-timeline__entry > * {
  display: block;
  transform: translateY(200%);
}

.m-timeline__entry > :first-child {
  transform: translateY(0);
}

.m-timeline__item[aria-current="true"] .m-timeline__entry > * {
  animation: timeline-fade-up var(--timeline-duration, 4s) ease-in-out;
}

.m-tooltip__content {
  --border-radius: 19px;
  border-radius: var(--border-radius);
  z-index: 1;
  max-block-size: 260px;
  max-inline-size: 340px;
  display: none;
  position: fixed;
  transform: translateY(-50%);
}

.m-tooltip:hover > .m-tooltip__content {
  display: block;
}

.m-tooltip__list {
  max-inline-size: none;
  list-style: none;
}

.m-tooltip__list li {
  border-bottom: 1px solid var(--color-white);
  z-index: 0;
  max-inline-size: none;
  margin-left: 0;
  padding: 1.5rem 0 2.75rem;
}

.m-tooltip__list li p {
  opacity: .6;
}

.m-tooltip__list li:hover p {
  opacity: 1;
}

.m-tooltip__list li:first-of-type {
  border-top: 1px solid var(--color-white);
}

.m-tooltip--left, .m-tooltip--right {
  z-index: 999;
  color: #000;
  pointer-events: none;
  background: #ffffff80;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  font-size: 36px;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  top: 2px;
  transform: translateY(-100%);
}

.m-tooltip--left:before {
  content: "←";
}

.m-tooltip--right:before {
  content: "→";
}

.m-reel:hover .m-tooltip--left, .m-reel:hover .m-tooltip--right {
  opacity: 1;
  pointer-events: auto;
}

.u-align {
  --inline-align: flex-start;
}

.u-align-block {
  --block-align: center;
}

.u-align--start {
  --inline-align: start !important;
}

.u-align--center {
  --inline-align: center !important;
}

.u-align--end {
  --inline-align: end !important;
}

.u-align--stretch {
  --inline-align: stretch !important;
}

.u-align--flex-start {
  --inline-align: flex-start !important;
}

.u-align--flex-end {
  --inline-align: flex-end !important;
}

.u-align--space-between {
  --inline-align: space-between !important;
}

.u-align--space-around {
  --inline-align: space-around !important;
}

.u-align--space-evenly {
  --inline-align: space-evenly !important;
}

@media (width <= 20rem) {
  .u-align--start\@xs {
    --inline-align: start !important;
  }

  .u-align--center\@xs {
    --inline-align: center !important;
  }

  .u-align--end\@xs {
    --inline-align: end !important;
  }

  .u-align--stretch\@xs {
    --inline-align: stretch !important;
  }

  .u-align--flex-start\@xs {
    --inline-align: flex-start !important;
  }

  .u-align--flex-end\@xs {
    --inline-align: flex-end !important;
  }

  .u-align--space-between\@xs {
    --inline-align: space-between !important;
  }

  .u-align--space-around\@xs {
    --inline-align: space-around !important;
  }

  .u-align--space-evenly\@xs {
    --inline-align: space-evenly !important;
  }
}

@media (width <= 30rem) {
  .u-align--start\@s {
    --inline-align: start !important;
  }

  .u-align--center\@s {
    --inline-align: center !important;
  }

  .u-align--end\@s {
    --inline-align: end !important;
  }

  .u-align--stretch\@s {
    --inline-align: stretch !important;
  }

  .u-align--flex-start\@s {
    --inline-align: flex-start !important;
  }

  .u-align--flex-end\@s {
    --inline-align: flex-end !important;
  }

  .u-align--space-between\@s {
    --inline-align: space-between !important;
  }

  .u-align--space-around\@s {
    --inline-align: space-around !important;
  }

  .u-align--space-evenly\@s {
    --inline-align: space-evenly !important;
  }
}

@media (width <= 48rem) {
  .u-align--start\@m {
    --inline-align: start !important;
  }

  .u-align--center\@m {
    --inline-align: center !important;
  }

  .u-align--end\@m {
    --inline-align: end !important;
  }

  .u-align--stretch\@m {
    --inline-align: stretch !important;
  }

  .u-align--flex-start\@m {
    --inline-align: flex-start !important;
  }

  .u-align--flex-end\@m {
    --inline-align: flex-end !important;
  }

  .u-align--space-between\@m {
    --inline-align: space-between !important;
  }

  .u-align--space-around\@m {
    --inline-align: space-around !important;
  }

  .u-align--space-evenly\@m {
    --inline-align: space-evenly !important;
  }
}

@media (width <= 64rem) {
  .u-align--start\@l {
    --inline-align: start !important;
  }

  .u-align--center\@l {
    --inline-align: center !important;
  }

  .u-align--end\@l {
    --inline-align: end !important;
  }

  .u-align--stretch\@l {
    --inline-align: stretch !important;
  }

  .u-align--flex-start\@l {
    --inline-align: flex-start !important;
  }

  .u-align--flex-end\@l {
    --inline-align: flex-end !important;
  }

  .u-align--space-between\@l {
    --inline-align: space-between !important;
  }

  .u-align--space-around\@l {
    --inline-align: space-around !important;
  }

  .u-align--space-evenly\@l {
    --inline-align: space-evenly !important;
  }
}

@media (width <= 75rem) {
  .u-align--start\@xl {
    --inline-align: start !important;
  }

  .u-align--center\@xl {
    --inline-align: center !important;
  }

  .u-align--end\@xl {
    --inline-align: end !important;
  }

  .u-align--stretch\@xl {
    --inline-align: stretch !important;
  }

  .u-align--flex-start\@xl {
    --inline-align: flex-start !important;
  }

  .u-align--flex-end\@xl {
    --inline-align: flex-end !important;
  }

  .u-align--space-between\@xl {
    --inline-align: space-between !important;
  }

  .u-align--space-around\@xl {
    --inline-align: space-around !important;
  }

  .u-align--space-evenly\@xl {
    --inline-align: space-evenly !important;
  }
}

.u-align-block--start {
  --block-align: start !important;
}

.u-align-block--center {
  --block-align: center !important;
}

.u-align-block--end {
  --block-align: end !important;
}

.u-align-block--stretch {
  --block-align: stretch !important;
}

.u-align-block--flex-start {
  --block-align: flex-start !important;
}

.u-align-block--flex-end {
  --block-align: flex-end !important;
}

.u-align-block--self-start {
  --block-align: self-start !important;
}

.u-align-block--self-end {
  --block-align: self-end !important;
}

.u-align-block--baseline {
  --block-align: baseline !important;
}

@media (width <= 20rem) {
  .u-align-block--start\@xs {
    --block-align: start !important;
  }

  .u-align-block--center\@xs {
    --block-align: center !important;
  }

  .u-align-block--end\@xs {
    --block-align: end !important;
  }

  .u-align-block--stretch\@xs {
    --block-align: stretch !important;
  }

  .u-align-block--flex-start\@xs {
    --block-align: flex-start !important;
  }

  .u-align-block--flex-end\@xs {
    --block-align: flex-end !important;
  }

  .u-align-block--self-start\@xs {
    --block-align: self-start !important;
  }

  .u-align-block--self-end\@xs {
    --block-align: self-end !important;
  }

  .u-align-block--baseline\@xs {
    --block-align: baseline !important;
  }
}

@media (width <= 30rem) {
  .u-align-block--start\@s {
    --block-align: start !important;
  }

  .u-align-block--center\@s {
    --block-align: center !important;
  }

  .u-align-block--end\@s {
    --block-align: end !important;
  }

  .u-align-block--stretch\@s {
    --block-align: stretch !important;
  }

  .u-align-block--flex-start\@s {
    --block-align: flex-start !important;
  }

  .u-align-block--flex-end\@s {
    --block-align: flex-end !important;
  }

  .u-align-block--self-start\@s {
    --block-align: self-start !important;
  }

  .u-align-block--self-end\@s {
    --block-align: self-end !important;
  }

  .u-align-block--baseline\@s {
    --block-align: baseline !important;
  }
}

@media (width <= 48rem) {
  .u-align-block--start\@m {
    --block-align: start !important;
  }

  .u-align-block--center\@m {
    --block-align: center !important;
  }

  .u-align-block--end\@m {
    --block-align: end !important;
  }

  .u-align-block--stretch\@m {
    --block-align: stretch !important;
  }

  .u-align-block--flex-start\@m {
    --block-align: flex-start !important;
  }

  .u-align-block--flex-end\@m {
    --block-align: flex-end !important;
  }

  .u-align-block--self-start\@m {
    --block-align: self-start !important;
  }

  .u-align-block--self-end\@m {
    --block-align: self-end !important;
  }

  .u-align-block--baseline\@m {
    --block-align: baseline !important;
  }
}

@media (width <= 64rem) {
  .u-align-block--start\@l {
    --block-align: start !important;
  }

  .u-align-block--center\@l {
    --block-align: center !important;
  }

  .u-align-block--end\@l {
    --block-align: end !important;
  }

  .u-align-block--stretch\@l {
    --block-align: stretch !important;
  }

  .u-align-block--flex-start\@l {
    --block-align: flex-start !important;
  }

  .u-align-block--flex-end\@l {
    --block-align: flex-end !important;
  }

  .u-align-block--self-start\@l {
    --block-align: self-start !important;
  }

  .u-align-block--self-end\@l {
    --block-align: self-end !important;
  }

  .u-align-block--baseline\@l {
    --block-align: baseline !important;
  }
}

@media (width <= 75rem) {
  .u-align-block--start\@xl {
    --block-align: start !important;
  }

  .u-align-block--center\@xl {
    --block-align: center !important;
  }

  .u-align-block--end\@xl {
    --block-align: end !important;
  }

  .u-align-block--stretch\@xl {
    --block-align: stretch !important;
  }

  .u-align-block--flex-start\@xl {
    --block-align: flex-start !important;
  }

  .u-align-block--flex-end\@xl {
    --block-align: flex-end !important;
  }

  .u-align-block--self-start\@xl {
    --block-align: self-start !important;
  }

  .u-align-block--self-end\@xl {
    --block-align: self-end !important;
  }

  .u-align-block--baseline\@xl {
    --block-align: baseline !important;
  }
}

.u-grow, .u-grow--1 {
  flex-grow: 1;
}

.u-grow--2 {
  flex-grow: 2;
}

.u-grow--3 {
  flex-grow: 3;
}

.u-grow--4 {
  flex-grow: 4;
}

.u-grow--6 {
  flex-grow: 6;
}

.u-grow--12 {
  flex-grow: 12;
}

.u-grow--0 {
  flex-grow: 0;
}

.u-shrink, .u-shrink--1 {
  flex-shrink: 1;
}

.u-shrink--2 {
  flex-shrink: 2;
}

.u-shrink--3 {
  flex-shrink: 3;
}

.u-shrink--4 {
  flex-shrink: 4;
}

.u-shrink--6 {
  flex-shrink: 6;
}

.u-shrink--12 {
  flex-shrink: 12;
}

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

.u-gap {
  --gap: var(--space-s);
}

.u-gap--none {
  --gap: var(--space-none) !important;
}

.u-gap--3xs {
  --gap: var(--space-3xs) !important;
}

.u-gap--2xs {
  --gap: var(--space-2xs) !important;
}

.u-gap--xs {
  --gap: var(--space-xs) !important;
}

.u-gap--s {
  --gap: var(--space-s) !important;
}

.u-gap--m {
  --gap: var(--space-m) !important;
}

.u-gap--l {
  --gap: var(--space-l) !important;
}

.u-gap--xl {
  --gap: var(--space-xl) !important;
}

.u-gap--2xl {
  --gap: var(--space-2xl) !important;
}

.u-gap--3xl {
  --gap: var(--space-3xl) !important;
}

.u-gap--4xl {
  --gap: var(--space-4xl) !important;
}

.u-gap--3xs-2xs {
  --gap: var(--space-3xs-2xs) !important;
}

.u-gap--2xs-xs {
  --gap: var(--space-2xs-xs) !important;
}

.u-gap--2xs-m {
  --gap: var(--space-2xs-m) !important;
}

.u-gap--xs-s {
  --gap: var(--space-xs-s) !important;
}

.u-gap--xs-xl {
  --gap: var(--space-xs-xl) !important;
}

.u-gap--s-m {
  --gap: var(--space-s-m) !important;
}

.u-gap--s-l {
  --gap: var(--space-s-l) !important;
}

.u-gap--m-l {
  --gap: var(--space-m-l) !important;
}

.u-gap--s-xl {
  --gap: var(--space-s-xl) !important;
}

.u-gap--m-xl {
  --gap: var(--space-m-xl) !important;
}

.u-gap--m-2xl {
  --gap: var(--space-m-2xl) !important;
}

.u-gap--l-xl {
  --gap: var(--space-l-xl) !important;
}

.u-gap--l-3xl {
  --gap: var(--space-l-3xl) !important;
}

.u-gap--xl-2xl {
  --gap: var(--space-xl-2xl) !important;
}

.u-gap--2xl-3xl {
  --gap: var(--space-2xl-3xl) !important;
}

.u-gap--3xl-4xl {
  --gap: var(--space-3xl-4xl) !important;
}

@media (width <= 20rem) {
  .u-gap--none\@xs {
    --gap: var(--space-none) !important;
  }

  .u-gap--3xs\@xs {
    --gap: var(--space-3xs) !important;
  }

  .u-gap--2xs\@xs {
    --gap: var(--space-2xs) !important;
  }

  .u-gap--xs\@xs {
    --gap: var(--space-xs) !important;
  }

  .u-gap--s\@xs {
    --gap: var(--space-s) !important;
  }

  .u-gap--m\@xs {
    --gap: var(--space-m) !important;
  }

  .u-gap--l\@xs {
    --gap: var(--space-l) !important;
  }

  .u-gap--xl\@xs {
    --gap: var(--space-xl) !important;
  }

  .u-gap--2xl\@xs {
    --gap: var(--space-2xl) !important;
  }

  .u-gap--3xl\@xs {
    --gap: var(--space-3xl) !important;
  }

  .u-gap--4xl\@xs {
    --gap: var(--space-4xl) !important;
  }

  .u-gap--3xs-2xs\@xs {
    --gap: var(--space-3xs-2xs) !important;
  }

  .u-gap--2xs-xs\@xs {
    --gap: var(--space-2xs-xs) !important;
  }

  .u-gap--2xs-m\@xs {
    --gap: var(--space-2xs-m) !important;
  }

  .u-gap--xs-s\@xs {
    --gap: var(--space-xs-s) !important;
  }

  .u-gap--xs-xl\@xs {
    --gap: var(--space-xs-xl) !important;
  }

  .u-gap--s-m\@xs {
    --gap: var(--space-s-m) !important;
  }

  .u-gap--s-l\@xs {
    --gap: var(--space-s-l) !important;
  }

  .u-gap--m-l\@xs {
    --gap: var(--space-m-l) !important;
  }

  .u-gap--s-xl\@xs {
    --gap: var(--space-s-xl) !important;
  }

  .u-gap--m-xl\@xs {
    --gap: var(--space-m-xl) !important;
  }

  .u-gap--m-2xl\@xs {
    --gap: var(--space-m-2xl) !important;
  }

  .u-gap--l-xl\@xs {
    --gap: var(--space-l-xl) !important;
  }

  .u-gap--l-3xl\@xs {
    --gap: var(--space-l-3xl) !important;
  }

  .u-gap--xl-2xl\@xs {
    --gap: var(--space-xl-2xl) !important;
  }

  .u-gap--2xl-3xl\@xs {
    --gap: var(--space-2xl-3xl) !important;
  }

  .u-gap--3xl-4xl\@xs {
    --gap: var(--space-3xl-4xl) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--none\@s {
    --gap: var(--space-none) !important;
  }

  .u-gap--3xs\@s {
    --gap: var(--space-3xs) !important;
  }

  .u-gap--2xs\@s {
    --gap: var(--space-2xs) !important;
  }

  .u-gap--xs\@s {
    --gap: var(--space-xs) !important;
  }

  .u-gap--s\@s {
    --gap: var(--space-s) !important;
  }

  .u-gap--m\@s {
    --gap: var(--space-m) !important;
  }

  .u-gap--l\@s {
    --gap: var(--space-l) !important;
  }

  .u-gap--xl\@s {
    --gap: var(--space-xl) !important;
  }

  .u-gap--2xl\@s {
    --gap: var(--space-2xl) !important;
  }

  .u-gap--3xl\@s {
    --gap: var(--space-3xl) !important;
  }

  .u-gap--4xl\@s {
    --gap: var(--space-4xl) !important;
  }

  .u-gap--3xs-2xs\@s {
    --gap: var(--space-3xs-2xs) !important;
  }

  .u-gap--2xs-xs\@s {
    --gap: var(--space-2xs-xs) !important;
  }

  .u-gap--2xs-m\@s {
    --gap: var(--space-2xs-m) !important;
  }

  .u-gap--xs-s\@s {
    --gap: var(--space-xs-s) !important;
  }

  .u-gap--xs-xl\@s {
    --gap: var(--space-xs-xl) !important;
  }

  .u-gap--s-m\@s {
    --gap: var(--space-s-m) !important;
  }

  .u-gap--s-l\@s {
    --gap: var(--space-s-l) !important;
  }

  .u-gap--m-l\@s {
    --gap: var(--space-m-l) !important;
  }

  .u-gap--s-xl\@s {
    --gap: var(--space-s-xl) !important;
  }

  .u-gap--m-xl\@s {
    --gap: var(--space-m-xl) !important;
  }

  .u-gap--m-2xl\@s {
    --gap: var(--space-m-2xl) !important;
  }

  .u-gap--l-xl\@s {
    --gap: var(--space-l-xl) !important;
  }

  .u-gap--l-3xl\@s {
    --gap: var(--space-l-3xl) !important;
  }

  .u-gap--xl-2xl\@s {
    --gap: var(--space-xl-2xl) !important;
  }

  .u-gap--2xl-3xl\@s {
    --gap: var(--space-2xl-3xl) !important;
  }

  .u-gap--3xl-4xl\@s {
    --gap: var(--space-3xl-4xl) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--none\@m {
    --gap: var(--space-none) !important;
  }

  .u-gap--3xs\@m {
    --gap: var(--space-3xs) !important;
  }

  .u-gap--2xs\@m {
    --gap: var(--space-2xs) !important;
  }

  .u-gap--xs\@m {
    --gap: var(--space-xs) !important;
  }

  .u-gap--s\@m {
    --gap: var(--space-s) !important;
  }

  .u-gap--m\@m {
    --gap: var(--space-m) !important;
  }

  .u-gap--l\@m {
    --gap: var(--space-l) !important;
  }

  .u-gap--xl\@m {
    --gap: var(--space-xl) !important;
  }

  .u-gap--2xl\@m {
    --gap: var(--space-2xl) !important;
  }

  .u-gap--3xl\@m {
    --gap: var(--space-3xl) !important;
  }

  .u-gap--4xl\@m {
    --gap: var(--space-4xl) !important;
  }

  .u-gap--3xs-2xs\@m {
    --gap: var(--space-3xs-2xs) !important;
  }

  .u-gap--2xs-xs\@m {
    --gap: var(--space-2xs-xs) !important;
  }

  .u-gap--2xs-m\@m {
    --gap: var(--space-2xs-m) !important;
  }

  .u-gap--xs-s\@m {
    --gap: var(--space-xs-s) !important;
  }

  .u-gap--xs-xl\@m {
    --gap: var(--space-xs-xl) !important;
  }

  .u-gap--s-m\@m {
    --gap: var(--space-s-m) !important;
  }

  .u-gap--s-l\@m {
    --gap: var(--space-s-l) !important;
  }

  .u-gap--m-l\@m {
    --gap: var(--space-m-l) !important;
  }

  .u-gap--s-xl\@m {
    --gap: var(--space-s-xl) !important;
  }

  .u-gap--m-xl\@m {
    --gap: var(--space-m-xl) !important;
  }

  .u-gap--m-2xl\@m {
    --gap: var(--space-m-2xl) !important;
  }

  .u-gap--l-xl\@m {
    --gap: var(--space-l-xl) !important;
  }

  .u-gap--l-3xl\@m {
    --gap: var(--space-l-3xl) !important;
  }

  .u-gap--xl-2xl\@m {
    --gap: var(--space-xl-2xl) !important;
  }

  .u-gap--2xl-3xl\@m {
    --gap: var(--space-2xl-3xl) !important;
  }

  .u-gap--3xl-4xl\@m {
    --gap: var(--space-3xl-4xl) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--none\@l {
    --gap: var(--space-none) !important;
  }

  .u-gap--3xs\@l {
    --gap: var(--space-3xs) !important;
  }

  .u-gap--2xs\@l {
    --gap: var(--space-2xs) !important;
  }

  .u-gap--xs\@l {
    --gap: var(--space-xs) !important;
  }

  .u-gap--s\@l {
    --gap: var(--space-s) !important;
  }

  .u-gap--m\@l {
    --gap: var(--space-m) !important;
  }

  .u-gap--l\@l {
    --gap: var(--space-l) !important;
  }

  .u-gap--xl\@l {
    --gap: var(--space-xl) !important;
  }

  .u-gap--2xl\@l {
    --gap: var(--space-2xl) !important;
  }

  .u-gap--3xl\@l {
    --gap: var(--space-3xl) !important;
  }

  .u-gap--4xl\@l {
    --gap: var(--space-4xl) !important;
  }

  .u-gap--3xs-2xs\@l {
    --gap: var(--space-3xs-2xs) !important;
  }

  .u-gap--2xs-xs\@l {
    --gap: var(--space-2xs-xs) !important;
  }

  .u-gap--2xs-m\@l {
    --gap: var(--space-2xs-m) !important;
  }

  .u-gap--xs-s\@l {
    --gap: var(--space-xs-s) !important;
  }

  .u-gap--xs-xl\@l {
    --gap: var(--space-xs-xl) !important;
  }

  .u-gap--s-m\@l {
    --gap: var(--space-s-m) !important;
  }

  .u-gap--s-l\@l {
    --gap: var(--space-s-l) !important;
  }

  .u-gap--m-l\@l {
    --gap: var(--space-m-l) !important;
  }

  .u-gap--s-xl\@l {
    --gap: var(--space-s-xl) !important;
  }

  .u-gap--m-xl\@l {
    --gap: var(--space-m-xl) !important;
  }

  .u-gap--m-2xl\@l {
    --gap: var(--space-m-2xl) !important;
  }

  .u-gap--l-xl\@l {
    --gap: var(--space-l-xl) !important;
  }

  .u-gap--l-3xl\@l {
    --gap: var(--space-l-3xl) !important;
  }

  .u-gap--xl-2xl\@l {
    --gap: var(--space-xl-2xl) !important;
  }

  .u-gap--2xl-3xl\@l {
    --gap: var(--space-2xl-3xl) !important;
  }

  .u-gap--3xl-4xl\@l {
    --gap: var(--space-3xl-4xl) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--none\@xl {
    --gap: var(--space-none) !important;
  }

  .u-gap--3xs\@xl {
    --gap: var(--space-3xs) !important;
  }

  .u-gap--2xs\@xl {
    --gap: var(--space-2xs) !important;
  }

  .u-gap--xs\@xl {
    --gap: var(--space-xs) !important;
  }

  .u-gap--s\@xl {
    --gap: var(--space-s) !important;
  }

  .u-gap--m\@xl {
    --gap: var(--space-m) !important;
  }

  .u-gap--l\@xl {
    --gap: var(--space-l) !important;
  }

  .u-gap--xl\@xl {
    --gap: var(--space-xl) !important;
  }

  .u-gap--2xl\@xl {
    --gap: var(--space-2xl) !important;
  }

  .u-gap--3xl\@xl {
    --gap: var(--space-3xl) !important;
  }

  .u-gap--4xl\@xl {
    --gap: var(--space-4xl) !important;
  }

  .u-gap--3xs-2xs\@xl {
    --gap: var(--space-3xs-2xs) !important;
  }

  .u-gap--2xs-xs\@xl {
    --gap: var(--space-2xs-xs) !important;
  }

  .u-gap--2xs-m\@xl {
    --gap: var(--space-2xs-m) !important;
  }

  .u-gap--xs-s\@xl {
    --gap: var(--space-xs-s) !important;
  }

  .u-gap--xs-xl\@xl {
    --gap: var(--space-xs-xl) !important;
  }

  .u-gap--s-m\@xl {
    --gap: var(--space-s-m) !important;
  }

  .u-gap--s-l\@xl {
    --gap: var(--space-s-l) !important;
  }

  .u-gap--m-l\@xl {
    --gap: var(--space-m-l) !important;
  }

  .u-gap--s-xl\@xl {
    --gap: var(--space-s-xl) !important;
  }

  .u-gap--m-xl\@xl {
    --gap: var(--space-m-xl) !important;
  }

  .u-gap--m-2xl\@xl {
    --gap: var(--space-m-2xl) !important;
  }

  .u-gap--l-xl\@xl {
    --gap: var(--space-l-xl) !important;
  }

  .u-gap--l-3xl\@xl {
    --gap: var(--space-l-3xl) !important;
  }

  .u-gap--xl-2xl\@xl {
    --gap: var(--space-xl-2xl) !important;
  }

  .u-gap--2xl-3xl\@xl {
    --gap: var(--space-2xl-3xl) !important;
  }

  .u-gap--3xl-4xl\@xl {
    --gap: var(--space-3xl-4xl) !important;
  }
}

.u-size {
  --size: var(--space-s);
}

.u-size--none {
  --size: var(--space-none) !important;
}

.u-size--3xs {
  --size: var(--space-3xs) !important;
}

.u-size--2xs {
  --size: var(--space-2xs) !important;
}

.u-size--xs {
  --size: var(--space-xs) !important;
}

.u-size--s {
  --size: var(--space-s) !important;
}

.u-size--m {
  --size: var(--space-m) !important;
}

.u-size--l {
  --size: var(--space-l) !important;
}

.u-size--xl {
  --size: var(--space-xl) !important;
}

.u-size--2xl {
  --size: var(--space-2xl) !important;
}

.u-size--3xl {
  --size: var(--space-3xl) !important;
}

.u-size--4xl {
  --size: var(--space-4xl) !important;
}

.u-size--3xs-2xs {
  --size: var(--space-3xs-2xs) !important;
}

.u-size--2xs-xs {
  --size: var(--space-2xs-xs) !important;
}

.u-size--2xs-m {
  --size: var(--space-2xs-m) !important;
}

.u-size--xs-s {
  --size: var(--space-xs-s) !important;
}

.u-size--xs-xl {
  --size: var(--space-xs-xl) !important;
}

.u-size--s-m {
  --size: var(--space-s-m) !important;
}

.u-size--s-l {
  --size: var(--space-s-l) !important;
}

.u-size--m-l {
  --size: var(--space-m-l) !important;
}

.u-size--s-xl {
  --size: var(--space-s-xl) !important;
}

.u-size--m-xl {
  --size: var(--space-m-xl) !important;
}

.u-size--m-2xl {
  --size: var(--space-m-2xl) !important;
}

.u-size--l-xl {
  --size: var(--space-l-xl) !important;
}

.u-size--l-3xl {
  --size: var(--space-l-3xl) !important;
}

.u-size--xl-2xl {
  --size: var(--space-xl-2xl) !important;
}

.u-size--2xl-3xl {
  --size: var(--space-2xl-3xl) !important;
}

.u-size--3xl-4xl {
  --size: var(--space-3xl-4xl) !important;
}

.u-text--title {
  font-weight: 400 !important;
  font-size: var(--step-title) !important;
  font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
  line-height: var(--step-title-height) !important;
}

.u-text--body {
  font-weight: 300 !important;
  font-size: var(--step-0) !important;
  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
  line-height: var(--step-0-height) !important;
}

.u-text--link {
  text-underline-offset: .22em !important;
  text-decoration: underline !important;
}

.u-text--h1 {
  font-weight: 500 !important;
  font-size: var(--step-h1) !important;
  font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
  line-height: var(--step-h1-height) !important;
}

.u-text--h2 {
  font-weight: 400 !important;
  font-size: var(--step-h2) !important;
  font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
  line-height: var(--step-h2-height) !important;
}

.u-text--h2-h1 {
  font-weight: 500 !important;
  font-size: var(--step-h2-h1) !important;
  font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
  line-height: var(--step-h2-h1-height) !important;
}

.u-text--h2-m {
  font-weight: 400 !important;
  font-size: var(--step-0) !important;
  font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
  line-height: var(--step-0-height) !important;
}

.u-text--h2-link {
  text-underline-offset: .22em !important;
  font-weight: 400 !important;
  font-size: var(--step-h2) !important;
  font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
  line-height: var(--step-h2-height) !important;
  text-decoration: underline !important;
}

.u-text--h3 {
  font-weight: 400 !important;
  font-size: var(--step-h3) !important;
  font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
  line-height: var(--step-h3-height) !important;
  letter-spacing: .02ch !important;
}

.u-text--h3-link {
  text-underline-offset: .22em !important;
  font-weight: 400 !important;
  font-size: var(--step-h3) !important;
  font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
  line-height: var(--step-h3-height) !important;
  letter-spacing: .02ch !important;
  text-decoration: underline !important;
}

.u-text--h3-h2 {
  font-weight: 400 !important;
  font-size: var(--step-h3-h2) !important;
  font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
  line-height: var(--step-h3-h2-height) !important;
}

.u-text--p1 {
  font-weight: 300 !important;
  font-size: var(--step-0) !important;
  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
  line-height: var(--step-0-height) !important;
}

.u-text--p1-link {
  text-underline-offset: .22em !important;
  font-weight: 300 !important;
  font-size: var(--step-0) !important;
  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
  line-height: var(--step-0-height) !important;
  text-decoration: underline !important;
}

.u-text--p1-bold {
  font-weight: 500 !important;
  font-size: var(--step-0) !important;
  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
  line-height: var(--step-0-height) !important;
}

.u-text--p2 {
  font-weight: 400 !important;
  font-size: var(--step-p2) !important;
  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
  line-height: var(--step-p2-height) !important;
}

.u-text--p2-link {
  text-underline-offset: .22em !important;
  font-weight: 400 !important;
  font-size: var(--step-p2) !important;
  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
  line-height: var(--step-p2-height) !important;
  text-decoration: underline !important;
}

.u-text--p2-p1 {
  font-weight: 300 !important;
  font-size: var(--step-p2-p1) !important;
  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
  line-height: var(--step-p2-p1-height) !important;
}

.u-text--c1 {
  text-transform: uppercase !important;
  font-weight: 500 !important;
  font-size: var(--step-c1) !important;
  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
  line-height: var(--step-c1-height) !important;
}

.u-text--c2 {
  text-transform: uppercase !important;
  font-weight: 500 !important;
  font-size: var(--step-c2) !important;
  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
  line-height: var(--step-c2-height) !important;
}

.u-text--u-degular {
  font-weight: 400 !important;
  font-size: var(--step-h1) !important;
  font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
  line-height: var(--step-h1-height) !important;
}

@media (width <= 20rem) {
  .u-text--title\@xs {
    font-weight: 400 !important;
    font-size: var(--step-title) !important;
    font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-title-height) !important;
  }

  .u-text--body\@xs {
    font-weight: 300 !important;
    font-size: var(--step-0) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--link\@xs {
    text-underline-offset: .22em !important;
    text-decoration: underline !important;
  }

  .u-text--h1\@xs {
    font-weight: 500 !important;
    font-size: var(--step-h1) !important;
    font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h1-height) !important;
  }

  .u-text--h2\@xs {
    font-weight: 400 !important;
    font-size: var(--step-h2) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h2-height) !important;
  }

  .u-text--h2-h1\@xs {
    font-weight: 500 !important;
    font-size: var(--step-h2-h1) !important;
    font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h2-h1-height) !important;
  }

  .u-text--h2-m\@xs {
    font-weight: 400 !important;
    font-size: var(--step-0) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--h2-link\@xs {
    text-underline-offset: .22em !important;
    font-weight: 400 !important;
    font-size: var(--step-h2) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h2-height) !important;
    text-decoration: underline !important;
  }

  .u-text--h3\@xs {
    font-weight: 400 !important;
    font-size: var(--step-h3) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h3-height) !important;
    letter-spacing: .02ch !important;
  }

  .u-text--h3-link\@xs {
    text-underline-offset: .22em !important;
    font-weight: 400 !important;
    font-size: var(--step-h3) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h3-height) !important;
    letter-spacing: .02ch !important;
    text-decoration: underline !important;
  }

  .u-text--h3-h2\@xs {
    font-weight: 400 !important;
    font-size: var(--step-h3-h2) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h3-h2-height) !important;
  }

  .u-text--p1\@xs {
    font-weight: 300 !important;
    font-size: var(--step-0) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--p1-link\@xs {
    text-underline-offset: .22em !important;
    font-weight: 300 !important;
    font-size: var(--step-0) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
    text-decoration: underline !important;
  }

  .u-text--p1-bold\@xs {
    font-weight: 500 !important;
    font-size: var(--step-0) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--p2\@xs {
    font-weight: 400 !important;
    font-size: var(--step-p2) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-p2-height) !important;
  }

  .u-text--p2-link\@xs {
    text-underline-offset: .22em !important;
    font-weight: 400 !important;
    font-size: var(--step-p2) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-p2-height) !important;
    text-decoration: underline !important;
  }

  .u-text--p2-p1\@xs {
    font-weight: 300 !important;
    font-size: var(--step-p2-p1) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-p2-p1-height) !important;
  }

  .u-text--c1\@xs {
    text-transform: uppercase !important;
    font-weight: 500 !important;
    font-size: var(--step-c1) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-c1-height) !important;
  }

  .u-text--c2\@xs {
    text-transform: uppercase !important;
    font-weight: 500 !important;
    font-size: var(--step-c2) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-c2-height) !important;
  }

  .u-text--u-degular\@xs {
    font-weight: 400 !important;
    font-size: var(--step-h1) !important;
    font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h1-height) !important;
  }
}

@media (width <= 30rem) {
  .u-text--title\@s {
    font-weight: 400 !important;
    font-size: var(--step-title) !important;
    font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-title-height) !important;
  }

  .u-text--body\@s {
    font-weight: 300 !important;
    font-size: var(--step-0) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--link\@s {
    text-underline-offset: .22em !important;
    text-decoration: underline !important;
  }

  .u-text--h1\@s {
    font-weight: 500 !important;
    font-size: var(--step-h1) !important;
    font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h1-height) !important;
  }

  .u-text--h2\@s {
    font-weight: 400 !important;
    font-size: var(--step-h2) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h2-height) !important;
  }

  .u-text--h2-h1\@s {
    font-weight: 500 !important;
    font-size: var(--step-h2-h1) !important;
    font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h2-h1-height) !important;
  }

  .u-text--h2-m\@s {
    font-weight: 400 !important;
    font-size: var(--step-0) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--h2-link\@s {
    text-underline-offset: .22em !important;
    font-weight: 400 !important;
    font-size: var(--step-h2) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h2-height) !important;
    text-decoration: underline !important;
  }

  .u-text--h3\@s {
    font-weight: 400 !important;
    font-size: var(--step-h3) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h3-height) !important;
    letter-spacing: .02ch !important;
  }

  .u-text--h3-link\@s {
    text-underline-offset: .22em !important;
    font-weight: 400 !important;
    font-size: var(--step-h3) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h3-height) !important;
    letter-spacing: .02ch !important;
    text-decoration: underline !important;
  }

  .u-text--h3-h2\@s {
    font-weight: 400 !important;
    font-size: var(--step-h3-h2) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h3-h2-height) !important;
  }

  .u-text--p1\@s {
    font-weight: 300 !important;
    font-size: var(--step-0) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--p1-link\@s {
    text-underline-offset: .22em !important;
    font-weight: 300 !important;
    font-size: var(--step-0) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
    text-decoration: underline !important;
  }

  .u-text--p1-bold\@s {
    font-weight: 500 !important;
    font-size: var(--step-0) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--p2\@s {
    font-weight: 400 !important;
    font-size: var(--step-p2) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-p2-height) !important;
  }

  .u-text--p2-link\@s {
    text-underline-offset: .22em !important;
    font-weight: 400 !important;
    font-size: var(--step-p2) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-p2-height) !important;
    text-decoration: underline !important;
  }

  .u-text--p2-p1\@s {
    font-weight: 300 !important;
    font-size: var(--step-p2-p1) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-p2-p1-height) !important;
  }

  .u-text--c1\@s {
    text-transform: uppercase !important;
    font-weight: 500 !important;
    font-size: var(--step-c1) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-c1-height) !important;
  }

  .u-text--c2\@s {
    text-transform: uppercase !important;
    font-weight: 500 !important;
    font-size: var(--step-c2) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-c2-height) !important;
  }

  .u-text--u-degular\@s {
    font-weight: 400 !important;
    font-size: var(--step-h1) !important;
    font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h1-height) !important;
  }
}

@media (width <= 48rem) {
  .u-text--title\@m {
    font-weight: 400 !important;
    font-size: var(--step-title) !important;
    font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-title-height) !important;
  }

  .u-text--body\@m {
    font-weight: 300 !important;
    font-size: var(--step-0) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--link\@m {
    text-underline-offset: .22em !important;
    text-decoration: underline !important;
  }

  .u-text--h1\@m {
    font-weight: 500 !important;
    font-size: var(--step-h1) !important;
    font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h1-height) !important;
  }

  .u-text--h2\@m {
    font-weight: 400 !important;
    font-size: var(--step-h2) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h2-height) !important;
  }

  .u-text--h2-h1\@m {
    font-weight: 500 !important;
    font-size: var(--step-h2-h1) !important;
    font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h2-h1-height) !important;
  }

  .u-text--h2-m\@m {
    font-weight: 400 !important;
    font-size: var(--step-0) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--h2-link\@m {
    text-underline-offset: .22em !important;
    font-weight: 400 !important;
    font-size: var(--step-h2) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h2-height) !important;
    text-decoration: underline !important;
  }

  .u-text--h3\@m {
    font-weight: 400 !important;
    font-size: var(--step-h3) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h3-height) !important;
    letter-spacing: .02ch !important;
  }

  .u-text--h3-link\@m {
    text-underline-offset: .22em !important;
    font-weight: 400 !important;
    font-size: var(--step-h3) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h3-height) !important;
    letter-spacing: .02ch !important;
    text-decoration: underline !important;
  }

  .u-text--h3-h2\@m {
    font-weight: 400 !important;
    font-size: var(--step-h3-h2) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h3-h2-height) !important;
  }

  .u-text--p1\@m {
    font-weight: 300 !important;
    font-size: var(--step-0) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--p1-link\@m {
    text-underline-offset: .22em !important;
    font-weight: 300 !important;
    font-size: var(--step-0) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
    text-decoration: underline !important;
  }

  .u-text--p1-bold\@m {
    font-weight: 500 !important;
    font-size: var(--step-0) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--p2\@m {
    font-weight: 400 !important;
    font-size: var(--step-p2) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-p2-height) !important;
  }

  .u-text--p2-link\@m {
    text-underline-offset: .22em !important;
    font-weight: 400 !important;
    font-size: var(--step-p2) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-p2-height) !important;
    text-decoration: underline !important;
  }

  .u-text--p2-p1\@m {
    font-weight: 300 !important;
    font-size: var(--step-p2-p1) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-p2-p1-height) !important;
  }

  .u-text--c1\@m {
    text-transform: uppercase !important;
    font-weight: 500 !important;
    font-size: var(--step-c1) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-c1-height) !important;
  }

  .u-text--c2\@m {
    text-transform: uppercase !important;
    font-weight: 500 !important;
    font-size: var(--step-c2) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-c2-height) !important;
  }

  .u-text--u-degular\@m {
    font-weight: 400 !important;
    font-size: var(--step-h1) !important;
    font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h1-height) !important;
  }
}

@media (width <= 64rem) {
  .u-text--title\@l {
    font-weight: 400 !important;
    font-size: var(--step-title) !important;
    font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-title-height) !important;
  }

  .u-text--body\@l {
    font-weight: 300 !important;
    font-size: var(--step-0) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--link\@l {
    text-underline-offset: .22em !important;
    text-decoration: underline !important;
  }

  .u-text--h1\@l {
    font-weight: 500 !important;
    font-size: var(--step-h1) !important;
    font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h1-height) !important;
  }

  .u-text--h2\@l {
    font-weight: 400 !important;
    font-size: var(--step-h2) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h2-height) !important;
  }

  .u-text--h2-h1\@l {
    font-weight: 500 !important;
    font-size: var(--step-h2-h1) !important;
    font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h2-h1-height) !important;
  }

  .u-text--h2-m\@l {
    font-weight: 400 !important;
    font-size: var(--step-0) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--h2-link\@l {
    text-underline-offset: .22em !important;
    font-weight: 400 !important;
    font-size: var(--step-h2) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h2-height) !important;
    text-decoration: underline !important;
  }

  .u-text--h3\@l {
    font-weight: 400 !important;
    font-size: var(--step-h3) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h3-height) !important;
    letter-spacing: .02ch !important;
  }

  .u-text--h3-link\@l {
    text-underline-offset: .22em !important;
    font-weight: 400 !important;
    font-size: var(--step-h3) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h3-height) !important;
    letter-spacing: .02ch !important;
    text-decoration: underline !important;
  }

  .u-text--h3-h2\@l {
    font-weight: 400 !important;
    font-size: var(--step-h3-h2) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h3-h2-height) !important;
  }

  .u-text--p1\@l {
    font-weight: 300 !important;
    font-size: var(--step-0) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--p1-link\@l {
    text-underline-offset: .22em !important;
    font-weight: 300 !important;
    font-size: var(--step-0) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
    text-decoration: underline !important;
  }

  .u-text--p1-bold\@l {
    font-weight: 500 !important;
    font-size: var(--step-0) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--p2\@l {
    font-weight: 400 !important;
    font-size: var(--step-p2) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-p2-height) !important;
  }

  .u-text--p2-link\@l {
    text-underline-offset: .22em !important;
    font-weight: 400 !important;
    font-size: var(--step-p2) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-p2-height) !important;
    text-decoration: underline !important;
  }

  .u-text--p2-p1\@l {
    font-weight: 300 !important;
    font-size: var(--step-p2-p1) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-p2-p1-height) !important;
  }

  .u-text--c1\@l {
    text-transform: uppercase !important;
    font-weight: 500 !important;
    font-size: var(--step-c1) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-c1-height) !important;
  }

  .u-text--c2\@l {
    text-transform: uppercase !important;
    font-weight: 500 !important;
    font-size: var(--step-c2) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-c2-height) !important;
  }

  .u-text--u-degular\@l {
    font-weight: 400 !important;
    font-size: var(--step-h1) !important;
    font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h1-height) !important;
  }
}

@media (width <= 75rem) {
  .u-text--title\@xl {
    font-weight: 400 !important;
    font-size: var(--step-title) !important;
    font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-title-height) !important;
  }

  .u-text--body\@xl {
    font-weight: 300 !important;
    font-size: var(--step-0) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--link\@xl {
    text-underline-offset: .22em !important;
    text-decoration: underline !important;
  }

  .u-text--h1\@xl {
    font-weight: 500 !important;
    font-size: var(--step-h1) !important;
    font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h1-height) !important;
  }

  .u-text--h2\@xl {
    font-weight: 400 !important;
    font-size: var(--step-h2) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h2-height) !important;
  }

  .u-text--h2-h1\@xl {
    font-weight: 500 !important;
    font-size: var(--step-h2-h1) !important;
    font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h2-h1-height) !important;
  }

  .u-text--h2-m\@xl {
    font-weight: 400 !important;
    font-size: var(--step-0) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--h2-link\@xl {
    text-underline-offset: .22em !important;
    font-weight: 400 !important;
    font-size: var(--step-h2) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h2-height) !important;
    text-decoration: underline !important;
  }

  .u-text--h3\@xl {
    font-weight: 400 !important;
    font-size: var(--step-h3) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h3-height) !important;
    letter-spacing: .02ch !important;
  }

  .u-text--h3-link\@xl {
    text-underline-offset: .22em !important;
    font-weight: 400 !important;
    font-size: var(--step-h3) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h3-height) !important;
    letter-spacing: .02ch !important;
    text-decoration: underline !important;
  }

  .u-text--h3-h2\@xl {
    font-weight: 400 !important;
    font-size: var(--step-h3-h2) !important;
    font-family: InterTight, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h3-h2-height) !important;
  }

  .u-text--p1\@xl {
    font-weight: 300 !important;
    font-size: var(--step-0) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--p1-link\@xl {
    text-underline-offset: .22em !important;
    font-weight: 300 !important;
    font-size: var(--step-0) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
    text-decoration: underline !important;
  }

  .u-text--p1-bold\@xl {
    font-weight: 500 !important;
    font-size: var(--step-0) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--p2\@xl {
    font-weight: 400 !important;
    font-size: var(--step-p2) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-p2-height) !important;
  }

  .u-text--p2-link\@xl {
    text-underline-offset: .22em !important;
    font-weight: 400 !important;
    font-size: var(--step-p2) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-p2-height) !important;
    text-decoration: underline !important;
  }

  .u-text--p2-p1\@xl {
    font-weight: 300 !important;
    font-size: var(--step-p2-p1) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-p2-p1-height) !important;
  }

  .u-text--c1\@xl {
    text-transform: uppercase !important;
    font-weight: 500 !important;
    font-size: var(--step-c1) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-c1-height) !important;
  }

  .u-text--c2\@xl {
    text-transform: uppercase !important;
    font-weight: 500 !important;
    font-size: var(--step-c2) !important;
    font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-c2-height) !important;
  }

  .u-text--u-degular\@xl {
    font-weight: 400 !important;
    font-size: var(--step-h1) !important;
    font-family: Degular, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif !important;
    line-height: var(--step-h1-height) !important;
  }
}

.u-text--start {
  text-align: start !important;
}

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

.u-text--end {
  text-align: end !important;
}

@media (width <= 20rem) {
  .u-text--start\@xs {
    text-align: start !important;
  }

  .u-text--center\@xs {
    text-align: center !important;
  }

  .u-text--end\@xs {
    text-align: end !important;
  }
}

@media (width <= 30rem) {
  .u-text--start\@s {
    text-align: start !important;
  }

  .u-text--center\@s {
    text-align: center !important;
  }

  .u-text--end\@s {
    text-align: end !important;
  }
}

@media (width <= 48rem) {
  .u-text--start\@m {
    text-align: start !important;
  }

  .u-text--center\@m {
    text-align: center !important;
  }

  .u-text--end\@m {
    text-align: end !important;
  }
}

@media (width <= 64rem) {
  .u-text--start\@l {
    text-align: start !important;
  }

  .u-text--center\@l {
    text-align: center !important;
  }

  .u-text--end\@l {
    text-align: end !important;
  }
}

@media (width <= 75rem) {
  .u-text--start\@xl {
    text-align: start !important;
  }

  .u-text--center\@xl {
    text-align: center !important;
  }

  .u-text--end\@xl {
    text-align: end !important;
  }
}

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

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

@media (width <= 20rem) {
  .u-hide\@xs {
    display: none !important;
  }
}

@media (width <= 30rem) {
  .u-hide\@s {
    display: none !important;
  }
}

@media (width <= 48rem) {
  .u-hide\@m {
    display: none !important;
  }
}

@media (width <= 64rem) {
  .u-hide\@l {
    display: none !important;
  }
}

@media (width <= 75rem) {
  .u-hide\@xl {
    display: none !important;
  }
}

.u-hide-visually {
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  block-size: 1px !important;
  inline-size: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}

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

.u-show-inline {
  display: inline !important;
}

.u-show-flex {
  display: flex !important;
}

.u-show-inline-flex {
  display: inline-flex !important;
}

.u-show-grid {
  display: grid !important;
}

.u-show\@xs, .u-show-inline\@xs, .u-show-flex\@xs, .u-show-inline-flex\@xs, .u-show-grid\@xs, .u-show\@s, .u-show-inline\@s, .u-show-flex\@s, .u-show-inline-flex\@s, .u-show-grid\@s, .u-show\@m, .u-show-inline\@m, .u-show-flex\@m, .u-show-inline-flex\@m, .u-show-grid\@m, .u-show\@l, .u-show-inline\@l, .u-show-flex\@l, .u-show-inline-flex\@l, .u-show-grid\@l, .u-show\@xl, .u-show-inline\@xl, .u-show-flex\@xl, .u-show-inline-flex\@xl, .u-show-grid\@xl {
  display: none !important;
}

@media (width <= 20rem) {
  .u-show\@xs {
    display: block !important;
  }

  .u-show-inline\@xs {
    display: inline !important;
  }

  .u-show-flex\@xs {
    display: flex !important;
  }

  .u-show-inline-flex\@xs {
    display: inline-flex !important;
  }

  .u-show-grid\@xs {
    display: grid !important;
  }
}

@media (width <= 30rem) {
  .u-show\@s {
    display: block !important;
  }

  .u-show-inline\@s {
    display: inline !important;
  }

  .u-show-flex\@s {
    display: flex !important;
  }

  .u-show-inline-flex\@s {
    display: inline-flex !important;
  }

  .u-show-grid\@s {
    display: grid !important;
  }
}

@media (width <= 48rem) {
  .u-show\@m {
    display: block !important;
  }

  .u-show-inline\@m {
    display: inline !important;
  }

  .u-show-flex\@m {
    display: flex !important;
  }

  .u-show-inline-flex\@m {
    display: inline-flex !important;
  }

  .u-show-grid\@m {
    display: grid !important;
  }
}

@media (width <= 64rem) {
  .u-show\@l {
    display: block !important;
  }

  .u-show-inline\@l {
    display: inline !important;
  }

  .u-show-flex\@l {
    display: flex !important;
  }

  .u-show-inline-flex\@l {
    display: inline-flex !important;
  }

  .u-show-grid\@l {
    display: grid !important;
  }
}

@media (width <= 75rem) {
  .u-show\@xl {
    display: block !important;
  }

  .u-show-inline\@xl {
    display: inline !important;
  }

  .u-show-flex\@xl {
    display: flex !important;
  }

  .u-show-inline-flex\@xl {
    display: inline-flex !important;
  }

  .u-show-grid\@xl {
    display: grid !important;
  }
}

.u-border--rounded {
  --border-radius: 19px;
  border-radius: var(--border-radius);
}

.u-effect--invert {
  backdrop-filter: invert();
}

.u-effect--blur {
  backdrop-filter: blur(5.5px);
}

.u-effect--light-glass-1 {
  background-image: var(--gradient-light-glass-1);
  backdrop-filter: blur(5.5px);
}

.u-effect--light-glass-2 {
  background-image: var(--gradient-light-glass-2);
  backdrop-filter: blur(11px);
}

.u-effect--dark-glass-1 {
  background-image: var(--gradient-dark-glass-1);
  backdrop-filter: blur(5.5px);
}

.u-effect--dark-glass-2 {
  background-image: var(--gradient-dark-glass-2);
  backdrop-filter: blur(11px);
}

.u-effect--glow-1 {
  box-shadow: 8px -8px 25px -11px #a84eef59, -6px 7px 18px -8px #4b6eea59;
}

.u-effect--glow-2 {
  box-shadow: 10px -10px 27px -13px #a84eef59, -8px 9px 20px -10px #4b6eea59, 8px -8px 25px -11px #a84eef, -6px 7px 18px -8px #4b6eea;
}

.u-effect--glow-3 {
  box-shadow: 10px -10px 42px -3px #a84eef4d, -10px 15px 42px -5px #4b6eea4d, 8px -8px 25px -11px #a84eef, -6px 7px 18px -8px #4b6eea;
}

.u-effect--gradient-fill {
  background-image: var(--gradient-fill);
}

.u-effect--color-white {
  color: var(--color-white);
}

.u-effect--color-black {
  color: var(--color-black);
}

.u-effect--color-dark-glass-1 {
  color: var(--color-dark-glass-1);
}

.u-effect--color-dark-glass-2 {
  color: var(--color-dark-glass-2);
}

.u-effect--color-pale-gray {
  color: var(--color-pale-gray);
}

.u-effect--color-slate-gray {
  color: var(--color-slate-gray);
}

.u-effect--color-light-glass-1 {
  color: var(--color-light-glass-1);
}

.u-effect--color-light-glass-2 {
  color: var(--color-light-glass-2);
}

.u-effect--color-light-glass-3 {
  color: var(--color-light-glass-3);
}

.u-effect--color-light-glass-4 {
  color: var(--color-light-glass-4);
}

.u-effect--color-soft-blue {
  color: var(--color-soft-blue);
}

.u-effect--background-color-white {
  background-color: var(--color-white);
}

.u-effect--background-color-black {
  background-color: var(--color-black);
}

.u-effect--background-color-dark-glass-1 {
  background-color: var(--color-dark-glass-1);
}

.u-effect--background-color-dark-glass-2 {
  background-color: var(--color-dark-glass-2);
}

.u-effect--background-color-pale-gray {
  background-color: var(--color-pale-gray);
}

.u-effect--background-color-slate-gray {
  background-color: var(--color-slate-gray);
}

.u-effect--background-color-light-glass-1 {
  background-color: var(--color-light-glass-1);
}

.u-effect--background-color-light-glass-2 {
  background-color: var(--color-light-glass-2);
}

.u-effect--background-color-light-glass-3 {
  background-color: var(--color-light-glass-3);
}

.u-effect--background-color-light-glass-4 {
  background-color: var(--color-light-glass-4);
}

.u-effect--background-color-soft-blue {
  background-color: var(--color-soft-blue);
}

@media (width <= 20rem) {
  .u-gap--none\@xs {
    --gap: var(--space-none) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--none\@s {
    --gap: var(--space-none) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--none\@m {
    --gap: var(--space-none) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--none\@l {
    --gap: var(--space-none) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--none\@xl {
    --gap: var(--space-none) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--3xs\@xs {
    --gap: var(--space-3xs) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--3xs\@s {
    --gap: var(--space-3xs) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--3xs\@m {
    --gap: var(--space-3xs) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--3xs\@l {
    --gap: var(--space-3xs) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--3xs\@xl {
    --gap: var(--space-3xs) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--2xs\@xs {
    --gap: var(--space-2xs) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--2xs\@s {
    --gap: var(--space-2xs) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--2xs\@m {
    --gap: var(--space-2xs) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--2xs\@l {
    --gap: var(--space-2xs) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--2xs\@xl {
    --gap: var(--space-2xs) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--xs\@xs {
    --gap: var(--space-xs) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--xs\@s {
    --gap: var(--space-xs) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--xs\@m {
    --gap: var(--space-xs) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--xs\@l {
    --gap: var(--space-xs) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--xs\@xl {
    --gap: var(--space-xs) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--s\@xs {
    --gap: var(--space-s) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--s\@s {
    --gap: var(--space-s) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--s\@m {
    --gap: var(--space-s) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--s\@l {
    --gap: var(--space-s) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--s\@xl {
    --gap: var(--space-s) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--m\@xs {
    --gap: var(--space-m) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--m\@s {
    --gap: var(--space-m) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--m\@m {
    --gap: var(--space-m) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--m\@l {
    --gap: var(--space-m) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--m\@xl {
    --gap: var(--space-m) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--l\@xs {
    --gap: var(--space-l) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--l\@s {
    --gap: var(--space-l) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--l\@m {
    --gap: var(--space-l) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--l\@l {
    --gap: var(--space-l) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--l\@xl {
    --gap: var(--space-l) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--xl\@xs {
    --gap: var(--space-xl) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--xl\@s {
    --gap: var(--space-xl) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--xl\@m {
    --gap: var(--space-xl) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--xl\@l {
    --gap: var(--space-xl) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--xl\@xl {
    --gap: var(--space-xl) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--2xl\@xs {
    --gap: var(--space-2xl) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--2xl\@s {
    --gap: var(--space-2xl) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--2xl\@m {
    --gap: var(--space-2xl) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--2xl\@l {
    --gap: var(--space-2xl) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--2xl\@xl {
    --gap: var(--space-2xl) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--3xl\@xs {
    --gap: var(--space-3xl) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--3xl\@s {
    --gap: var(--space-3xl) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--3xl\@m {
    --gap: var(--space-3xl) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--3xl\@l {
    --gap: var(--space-3xl) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--3xl\@xl {
    --gap: var(--space-3xl) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--4xl\@xs {
    --gap: var(--space-4xl) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--4xl\@s {
    --gap: var(--space-4xl) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--4xl\@m {
    --gap: var(--space-4xl) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--4xl\@l {
    --gap: var(--space-4xl) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--4xl\@xl {
    --gap: var(--space-4xl) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--3xs-2xs\@xs {
    --gap: var(--space-3xs-2xs) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--3xs-2xs\@s {
    --gap: var(--space-3xs-2xs) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--3xs-2xs\@m {
    --gap: var(--space-3xs-2xs) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--3xs-2xs\@l {
    --gap: var(--space-3xs-2xs) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--3xs-2xs\@xl {
    --gap: var(--space-3xs-2xs) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--2xs-xs\@xs {
    --gap: var(--space-2xs-xs) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--2xs-xs\@s {
    --gap: var(--space-2xs-xs) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--2xs-xs\@m {
    --gap: var(--space-2xs-xs) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--2xs-xs\@l {
    --gap: var(--space-2xs-xs) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--2xs-xs\@xl {
    --gap: var(--space-2xs-xs) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--2xs-m\@xs {
    --gap: var(--space-2xs-m) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--2xs-m\@s {
    --gap: var(--space-2xs-m) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--2xs-m\@m {
    --gap: var(--space-2xs-m) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--2xs-m\@l {
    --gap: var(--space-2xs-m) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--2xs-m\@xl {
    --gap: var(--space-2xs-m) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--xs-s\@xs {
    --gap: var(--space-xs-s) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--xs-s\@s {
    --gap: var(--space-xs-s) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--xs-s\@m {
    --gap: var(--space-xs-s) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--xs-s\@l {
    --gap: var(--space-xs-s) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--xs-s\@xl {
    --gap: var(--space-xs-s) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--xs-xl\@xs {
    --gap: var(--space-xs-xl) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--xs-xl\@s {
    --gap: var(--space-xs-xl) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--xs-xl\@m {
    --gap: var(--space-xs-xl) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--xs-xl\@l {
    --gap: var(--space-xs-xl) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--xs-xl\@xl {
    --gap: var(--space-xs-xl) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--s-m\@xs {
    --gap: var(--space-s-m) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--s-m\@s {
    --gap: var(--space-s-m) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--s-m\@m {
    --gap: var(--space-s-m) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--s-m\@l {
    --gap: var(--space-s-m) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--s-m\@xl {
    --gap: var(--space-s-m) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--s-l\@xs {
    --gap: var(--space-s-l) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--s-l\@s {
    --gap: var(--space-s-l) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--s-l\@m {
    --gap: var(--space-s-l) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--s-l\@l {
    --gap: var(--space-s-l) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--s-l\@xl {
    --gap: var(--space-s-l) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--m-l\@xs {
    --gap: var(--space-m-l) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--m-l\@s {
    --gap: var(--space-m-l) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--m-l\@m {
    --gap: var(--space-m-l) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--m-l\@l {
    --gap: var(--space-m-l) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--m-l\@xl {
    --gap: var(--space-m-l) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--s-xl\@xs {
    --gap: var(--space-s-xl) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--s-xl\@s {
    --gap: var(--space-s-xl) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--s-xl\@m {
    --gap: var(--space-s-xl) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--s-xl\@l {
    --gap: var(--space-s-xl) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--s-xl\@xl {
    --gap: var(--space-s-xl) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--m-xl\@xs {
    --gap: var(--space-m-xl) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--m-xl\@s {
    --gap: var(--space-m-xl) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--m-xl\@m {
    --gap: var(--space-m-xl) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--m-xl\@l {
    --gap: var(--space-m-xl) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--m-xl\@xl {
    --gap: var(--space-m-xl) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--m-2xl\@xs {
    --gap: var(--space-m-2xl) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--m-2xl\@s {
    --gap: var(--space-m-2xl) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--m-2xl\@m {
    --gap: var(--space-m-2xl) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--m-2xl\@l {
    --gap: var(--space-m-2xl) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--m-2xl\@xl {
    --gap: var(--space-m-2xl) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--l-xl\@xs {
    --gap: var(--space-l-xl) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--l-xl\@s {
    --gap: var(--space-l-xl) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--l-xl\@m {
    --gap: var(--space-l-xl) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--l-xl\@l {
    --gap: var(--space-l-xl) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--l-xl\@xl {
    --gap: var(--space-l-xl) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--l-3xl\@xs {
    --gap: var(--space-l-3xl) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--l-3xl\@s {
    --gap: var(--space-l-3xl) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--l-3xl\@m {
    --gap: var(--space-l-3xl) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--l-3xl\@l {
    --gap: var(--space-l-3xl) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--l-3xl\@xl {
    --gap: var(--space-l-3xl) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--xl-2xl\@xs {
    --gap: var(--space-xl-2xl) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--xl-2xl\@s {
    --gap: var(--space-xl-2xl) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--xl-2xl\@m {
    --gap: var(--space-xl-2xl) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--xl-2xl\@l {
    --gap: var(--space-xl-2xl) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--xl-2xl\@xl {
    --gap: var(--space-xl-2xl) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--2xl-3xl\@xs {
    --gap: var(--space-2xl-3xl) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--2xl-3xl\@s {
    --gap: var(--space-2xl-3xl) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--2xl-3xl\@m {
    --gap: var(--space-2xl-3xl) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--2xl-3xl\@l {
    --gap: var(--space-2xl-3xl) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--2xl-3xl\@xl {
    --gap: var(--space-2xl-3xl) !important;
  }
}

@media (width <= 20rem) {
  .u-gap--3xl-4xl\@xs {
    --gap: var(--space-3xl-4xl) !important;
  }
}

@media (width <= 30rem) {
  .u-gap--3xl-4xl\@s {
    --gap: var(--space-3xl-4xl) !important;
  }
}

@media (width <= 48rem) {
  .u-gap--3xl-4xl\@m {
    --gap: var(--space-3xl-4xl) !important;
  }
}

@media (width <= 64rem) {
  .u-gap--3xl-4xl\@l {
    --gap: var(--space-3xl-4xl) !important;
  }
}

@media (width <= 75rem) {
  .u-gap--3xl-4xl\@xl {
    --gap: var(--space-3xl-4xl) !important;
  }
}

@media (width <= 20rem) {
  .u-text--strech\@xs {
    align-items: center;
    min-inline-size: 100%;
  }
}

@media (width <= 30rem) {
  .u-text--strech\@s {
    align-items: center;
    min-inline-size: 100%;
  }
}

@media (width <= 48rem) {
  .u-text--strech\@m {
    align-items: center;
    min-inline-size: 100%;
  }
}

@media (width <= 64rem) {
  .u-text--strech\@l {
    align-items: center;
    min-inline-size: 100%;
  }
}

@media (width <= 75rem) {
  .u-text--strech\@xl {
    align-items: center;
    min-inline-size: 100%;
  }
}

.u-text--opacity\@10 {
  opacity: .1;
}

.u-text--opacity\@20 {
  opacity: .2;
}

.u-text--opacity\@30 {
  opacity: .3;
}

.u-text--opacity\@40 {
  opacity: .4;
}

.u-text--opacity\@50 {
  opacity: .5;
}

.u-text--opacity\@60 {
  opacity: .6;
}

.u-text--opacity\@70 {
  opacity: .7;
}

.u-text--opacity\@80 {
  opacity: .8;
}

.u-text--opacity\@90 {
  opacity: .9;
}

.u-text--opacity\@100 {
  opacity: 1;
}
/*# sourceMappingURL=about.da43ace9.css.map */