/* @link https://utopia.fyi/space/calculator?c=320,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
:root {
  --space-3xs: clamp(0.3125rem, 0.3125rem + 0vw, 0.3125rem);
  --space-2xs: clamp(0.5625rem, 0.5408rem + 0.1087vw, 0.625rem);
  --space-xs: clamp(0.875rem, 0.8533rem + 0.1087vw, 0.9375rem);
  --space-s: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.25rem);
  --space-m: clamp(1.6875rem, 1.6223rem + 0.3261vw, 1.875rem);
  --space-l: clamp(2.25rem, 2.163rem + 0.4348vw, 2.5rem);
  --space-xl: clamp(3.375rem, 3.2446rem + 0.6522vw, 3.75rem);
  --space-2xl: clamp(4.5rem, 4.3261rem + 0.8696vw, 5rem);
  --space-3xl: clamp(6.75rem, 6.4891rem + 1.3043vw, 7.5rem);
  /* One-up pairs */
  --space-3xs-2xs: clamp(0.3125rem, 0.2038rem + 0.5435vw, 0.625rem);
  --space-2xs-xs: clamp(0.5625rem, 0.4321rem + 0.6522vw, 0.9375rem);
  --space-xs-s: clamp(0.875rem, 0.7446rem + 0.6522vw, 1.25rem);
  --space-s-m: clamp(1.125rem, 0.8641rem + 1.3043vw, 1.875rem);
  --space-m-l: clamp(1.6875rem, 1.4049rem + 1.413vw, 2.5rem);
  --space-l-xl: clamp(2.25rem, 1.7283rem + 2.6087vw, 3.75rem);
  --space-xl-2xl: clamp(3.375rem, 2.8098rem + 2.8261vw, 5rem);
  --space-2xl-3xl: clamp(4.5rem, 3.4565rem + 5.2174vw, 7.5rem);
  /* Custom pairs */
  --space-m-3xl: clamp(1.6875rem, -0.3342rem + 10.1087vw, 7.5rem);
}

/* @link https://utopia.fyi/type/calculator?c=320,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
:root {
  --step--2: clamp(0.7813rem, 0.7747rem + 0.0326vw, 0.8rem);
  --step--1: clamp(0.9375rem, 0.9158rem + 0.1087vw, 1rem);
  --step-0: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.25rem);
  --step-1: clamp(1.35rem, 1.2761rem + 0.3696vw, 1.5625rem);
  --step-2: clamp(1.62rem, 1.5041rem + 0.5793vw, 1.9531rem);
  --step-3: clamp(1.944rem, 1.771rem + 0.8651vw, 2.4414rem);
  --step-4: clamp(2.3328rem, 2.0827rem + 1.2504vw, 3.0518rem);
  --step-5: clamp(2.7994rem, 2.4462rem + 1.7658vw, 3.8147rem);
}

:root {
  --layout-max-width: 1200px;
  --layout-columns: 12;
  --layout-gutter: var(--space-m-l);
  --layout-margin: max(var(--layout-gutter), calc((100dvw - var(--layout-max-width)) / 2 + var(--layout-gutter)));
  --layout-single-column-width: calc((100dvw - var(--layout-margin)) / var(--layout-columns));
  --flow-space: var(--space-m);
  --paragraph-max-width: 65ch;
}

:root {
  --color-grey-600: #090d10;
  --color-grey-500: #192a33;
  --color-grey-400: #505e64;
  --color-grey-300: #d2d9d8;
  --color-grey-200: #dfe0e1;
  --color-grey-100: #ffffff;
  --color-brown-400: #a29a7a;
  --color-outline: var(--color-foreground);
  --offset-outline: 0.125lh;
  --width-outline: 0.125em;
}

/*
https://contrast-grid.eightshapes.com/?version=1.1.0&background-colors=&foreground-colors=090d10%0D%0A192a33%0D%0A505e64%0D%0Adde2e1%0D%0Af0f2f2%0D%0Affffff%0D%0A103049%0D%0A0d4f7d%0D%0A387199%0D%0Ab-ad8ee%0D%0Aeaf3f9%0D%0A841830&es-color-form__tile-size=compact&es-color-form__show-contrast=aaa&es-color-form__show-contrast=aa&es-color-form__show-contrast=aa18&es-color-form__show-contrast=dnp
*/
.theme-default {
  --color-foreground: var(--color-grey-600);
  --color-foreground-inverted: var(--color-grey-100);
  --color-foreground-muted: var(--color-grey-400);
  --color-background: var(--color-grey-100);
  --color-background-inverted: var(--color-grey-600);
  --color-accent: var(--color-brown-400);
  /* Button */
  --button-color-foreground-idle: var(--color-foreground);
  --button-color-border-idle: var(--button-color-foreground-idle);
  --button-color-outline: var(--button-color-foreground-idle);
  --button-color-foreground-hover: var(--color-foreground-inverted);
  --button-color-background-hover: var(--color-background-inverted);
  --button-text-decoration-line-idle: none;
  --button-text-decoration-line-hover: underline;
}

.theme-inverted {
  --color-foreground: var(--color-grey-100);
  --color-foreground-inverted: var(--color-grey-600);
  --color-foreground-muted: var(--color-brown-400);
  --color-background: var(--color-grey-600);
  --color-background-inverted: var(--color-grey-100);
}

:root {
  --letter-spacing-200: -0.025em;
  --letter-spacing-300: -0.0125em;
  --letter-spacing-400: normal;
  --letter-spacing-500: 0.0125em;
  --letter-spacing-600: 0.025em;
  --letter-spacing-700: 0.05em;
  --letter-spacing-800: 0.0625em;
}

:root {
  --line-height-0: 0;
  --line-height-100: .85;
  --line-height-200: 1;
  --line-height-250: 1.125;
  --line-height-300: 1.25;
  --line-height-400: 1.375;
  --line-height-500: 1.5;
  --line-height-600: 1.625;
  --line-height-700: 2;
}

:root {
  --weight-thin: 100;
  --weight-extralight: 200;
  --weight-light: 300;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;
  --weight-black: 900;
}

/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/
*, *::before, *::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    interpolate-size: allow-keywords;
  }
}
body {
  -webkit-font-smoothing: antialiased;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

p {
  text-wrap: pretty;
}

h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

#root, #__next {
  isolation: isolate;
}

body {
  font-family: "Source Sans 3", sans-serif;
  font-size: var(--step-0);
  line-height: 1.5;
}

h1:not([class]) {
  font-weight: normal;
  line-height: var(--line-height-250);
  font-size: var(--step-5);
  font-weight: var(--weight-light);
  letter-spacing: var(--letter-spacing-300);
}
h1:not([class]):target {
  scroll-margin: var(--flow-space);
}

h2:not([class]) {
  font-weight: normal;
  line-height: var(--line-height-250);
  font-size: var(--step-4);
  letter-spacing: var(--letter-spacing-300);
}
h2:not([class]):target {
  scroll-margin: var(--flow-space);
}

h3:not([class]) {
  font-weight: normal;
  line-height: var(--line-height-250);
  font-size: var(--step-3);
  letter-spacing: var(--letter-spacing-400);
}
h3:not([class]):target {
  scroll-margin: var(--flow-space);
}

h4:not([class]) {
  font-weight: normal;
  line-height: var(--line-height-250);
  font-size: var(--step-2);
  line-height: var(--line-height-300);
}
h4:not([class]):target {
  scroll-margin: var(--flow-space);
}

h5:not([class]) {
  font-weight: 900;
  font-size: var(--step-0);
}

html {
  scroll-behavior: smooth;
}

a:not([class]) {
  --_link-color-foreground-idle: var(--link-color-foreground-idle, var(--color-foreground));
  --_link-color-foreground-hover: var(--link-color-foreground-hover, var(--color-foreground-muted));
  --_link-color-foreground-focus: var(--link-color-foreground-focus, var(--color-foreground-muted));
  --_link-text-decoration-line-idle: var(--link-text-decoration-line-idle, underline);
  --_link-text-decoration-line-hover: var(--link-text-decoration-line-hover, none);
  --_link-text-decoration-line-focus: var(--link-text-decoration-line-focus, none);
  --_link-line-height: var(--link-line-height, var(--line-height-300));
  --_link-text-decoration-thickness: var(--text-decoration-thickness);
  --_link-text-underline-offset: var(--link-text-underline-offset, var(--text-underline-offset-100));
  --_link-color-outline: var(--link-color-outline, var(--_link-color-foreground-focus));
  --_link-offset-outline: var(--link-offset-outline, var(--width-outline));
  --_link-width-outline: var(--link-width-outline, var(--offset-outline));
  color: var(--_link-color-foreground-idle);
  font-weight: inherit;
  line-height: var(--_link-line-height);
  text-decoration-thickness: var(--_link-text-decoration-thickness);
  text-decoration-skip-ink: auto;
  text-underline-offset: var(--_link-text-underline-offset);
  text-decoration-line: var(--_link-text-decoration-line-idle);
}
a:not([class]):hover {
  color: var(--_link-color-foreground-hover);
  text-decoration-line: var(--_link-text-decoration-line-hover);
}
a:not([class]):focus-visible {
  color: var(--_link-color-foreground-focus);
  text-decoration-line: var(--_link-text-decoration-line-focus);
  outline: var(--_link-color-outline) solid var(--_link-width-outline);
  outline-offset: var(--_link-offset-outline);
}

ul[role=list] {
  padding-inline-start: 0;
}
ul[role=list] li::marker {
  color: transparent;
}

:has(> .pattern-boxes) {
  position: relative;
}

.pattern-boxes {
  --pattern-line-color: var(--color-grey-200);
  --pattern-multiplier: 1.25;
  --pattern-height: 72;
  --pattern-width: 42;
  --pattern-aspect-ratio: calc(var(--pattern-width) / var(--pattern-height));
  container-type: size;
  position: absolute;
  height: 100%;
  width: 100%;
}
.pattern-boxes::after {
  content: "";
  border-bottom: 1px solid var(--pattern-line-color);
  display: block;
  height: 100cqh;
  width: 100cqw;
  background-color: white;
  background-image: linear-gradient(var(--pattern-line-color) 1px, transparent 1px), linear-gradient(to right, var(--pattern-line-color) 1px, white 1px);
  background-size: calc(10cqh * var(--pattern-multiplier) * var(--pattern-aspect-ratio)) calc(10cqh * var(--pattern-multiplier));
  background-position: -1px top;
}

.flow-s > *:not(.visually-hidden) + *:not(.visually-hidden) {
  margin-block-start: var(--space-s);
}

.flow > *:not(.visually-hidden) + *:not(.visually-hidden) {
  margin-block-start: var(--flow-space);
}

.flow-m > *:not(.visually-hidden) + *:not(.visually-hidden) {
  margin-block-start: var(--space-m);
}

.flow-l > *:not(.visually-hidden) + *:not(.visually-hidden) {
  margin-block-start: var(--space-l);
}

.flow-xl > *:not(.visually-hidden) + *:not(.visually-hidden) {
  margin-block-start: var(--space-xl);
}

.flow-2xl > *:not(.visually-hidden) + *:not(.visually-hidden) {
  margin-block-start: var(--space-2xl);
}

.h1 {
  font-weight: normal;
  line-height: var(--line-height-250);
  font-size: var(--step-5);
  font-weight: var(--weight-light);
  letter-spacing: var(--letter-spacing-300);
}
.h1:target {
  scroll-margin: var(--flow-space);
}

.h2 {
  font-weight: normal;
  line-height: var(--line-height-250);
  font-size: var(--step-4);
  letter-spacing: var(--letter-spacing-300);
}
.h2:target {
  scroll-margin: var(--flow-space);
}

.h3 {
  font-weight: normal;
  line-height: var(--line-height-250);
  font-size: var(--step-3);
  letter-spacing: var(--letter-spacing-400);
}
.h3:target {
  scroll-margin: var(--flow-space);
}

.h4 {
  font-weight: normal;
  line-height: var(--line-height-250);
  font-size: var(--step-2);
  line-height: var(--line-height-300);
}
.h4:target {
  scroll-margin: var(--flow-space);
}

.h5 {
  font-weight: 900;
  font-size: var(--step-0);
}

.layout {
  --content-width: repeat(calc(var(--layout-columns) - 4), 1fr);
  display: grid;
  grid-auto-rows: min-content;
  grid-template-columns: [full-bleed-start] var(--layout-margin) [wide-content-start] 1fr 1fr [content-start] var(--content-width) [content-end] 1fr 1fr [wide-content-end] var(--layout-margin) [full-bleed-end];
}

.layout__full-bleed {
  grid-column: full-bleed;
}

.layout__wide-content {
  grid-column: wide-content;
}

.layout__content {
  grid-column: wide-content;
}
@media (min-width: 768px) {
  .layout__content {
    grid-column: content;
  }
}

.link {
  --_link-color-foreground-idle: var(--link-color-foreground-idle, var(--color-foreground));
  --_link-color-foreground-hover: var(--link-color-foreground-hover, var(--color-foreground-muted));
  --_link-color-foreground-focus: var(--link-color-foreground-focus, var(--color-foreground-muted));
  --_link-text-decoration-line-idle: var(--link-text-decoration-line-idle, underline);
  --_link-text-decoration-line-hover: var(--link-text-decoration-line-hover, none);
  --_link-text-decoration-line-focus: var(--link-text-decoration-line-focus, none);
  --_link-line-height: var(--link-line-height, var(--line-height-300));
  --_link-text-decoration-thickness: var(--text-decoration-thickness);
  --_link-text-underline-offset: var(--link-text-underline-offset, var(--text-underline-offset-100));
  --_link-color-outline: var(--link-color-outline, var(--_link-color-foreground-focus));
  --_link-offset-outline: var(--link-offset-outline, var(--width-outline));
  --_link-width-outline: var(--link-width-outline, var(--offset-outline));
  color: var(--_link-color-foreground-idle);
  font-weight: inherit;
  line-height: var(--_link-line-height);
  text-decoration-thickness: var(--_link-text-decoration-thickness);
  text-decoration-skip-ink: auto;
  text-underline-offset: var(--_link-text-underline-offset);
  text-decoration-line: var(--_link-text-decoration-line-idle);
}
.link:hover {
  color: var(--_link-color-foreground-hover);
  text-decoration-line: var(--_link-text-decoration-line-hover);
}
.link:focus-visible {
  color: var(--_link-color-foreground-focus);
  text-decoration-line: var(--_link-text-decoration-line-focus);
  outline: var(--_link-color-outline) solid var(--_link-width-outline);
  outline-offset: var(--_link-offset-outline);
}

.link-interaction {
  --_link-color-foreground-idle: var(--link-color-foreground-idle, var(--color-foreground));
  --_link-color-foreground-hover: var(--link-color-foreground-hover, var(--color-foreground-muted));
  --_link-color-foreground-focus: var(--link-color-foreground-focus, var(--color-foreground-muted));
  --_link-text-decoration-line-idle: var(--link-text-decoration-line-idle, underline);
  --_link-text-decoration-line-hover: var(--link-text-decoration-line-hover, none);
  --_link-text-decoration-line-focus: var(--link-text-decoration-line-focus, none);
  --_link-line-height: var(--link-line-height, var(--line-height-300));
  --_link-text-decoration-thickness: var(--text-decoration-thickness);
  --_link-text-underline-offset: var(--link-text-underline-offset, var(--text-underline-offset-100));
  --_link-color-outline: var(--link-color-outline, var(--_link-color-foreground-focus));
  --_link-offset-outline: var(--link-offset-outline, var(--width-outline));
  --_link-width-outline: var(--link-width-outline, var(--offset-outline));
  color: var(--_link-color-foreground-idle);
  font-weight: inherit;
  line-height: var(--_link-line-height);
  text-decoration-thickness: var(--_link-text-decoration-thickness);
  text-decoration-skip-ink: auto;
  text-underline-offset: var(--_link-text-underline-offset);
  text-decoration-line: var(--_link-text-decoration-line-idle);
  --link-text-decoration-line-idle: none;
  --link-text-decoration-line-hover: underline;
  text-underline-offset: 0.15lh;
  text-decoration-thickness: 0.08em;
}
.link-interaction:hover {
  color: var(--_link-color-foreground-hover);
  text-decoration-line: var(--_link-text-decoration-line-hover);
}
.link-interaction:focus-visible {
  color: var(--_link-color-foreground-focus);
  text-decoration-line: var(--_link-text-decoration-line-focus);
  outline: var(--_link-color-outline) solid var(--_link-width-outline);
  outline-offset: var(--_link-offset-outline);
}

.link-nav {
  --_link-color-foreground-idle: var(--link-color-foreground-idle, var(--color-foreground));
  --_link-color-foreground-hover: var(--link-color-foreground-hover, var(--color-foreground-muted));
  --_link-color-foreground-focus: var(--link-color-foreground-focus, var(--color-foreground-muted));
  --_link-text-decoration-line-idle: var(--link-text-decoration-line-idle, underline);
  --_link-text-decoration-line-hover: var(--link-text-decoration-line-hover, none);
  --_link-text-decoration-line-focus: var(--link-text-decoration-line-focus, none);
  --_link-line-height: var(--link-line-height, var(--line-height-300));
  --_link-text-decoration-thickness: var(--text-decoration-thickness);
  --_link-text-underline-offset: var(--link-text-underline-offset, var(--text-underline-offset-100));
  --_link-color-outline: var(--link-color-outline, var(--_link-color-foreground-focus));
  --_link-offset-outline: var(--link-offset-outline, var(--width-outline));
  --_link-width-outline: var(--link-width-outline, var(--offset-outline));
  color: var(--_link-color-foreground-idle);
  font-weight: inherit;
  line-height: var(--_link-line-height);
  text-decoration-thickness: var(--_link-text-decoration-thickness);
  text-decoration-skip-ink: auto;
  text-underline-offset: var(--_link-text-underline-offset);
  text-decoration-line: var(--_link-text-decoration-line-idle);
  --link-text-decoration-line-idle: none;
  --link-text-decoration-line-hover: underline;
  text-underline-offset: 0.15lh;
  text-decoration-thickness: 0.08em;
  font-weight: bold;
  font-size: var(--step--1);
  letter-spacing: 0.025em;
  text-transform: uppercase;
}
.link-nav:hover {
  color: var(--_link-color-foreground-hover);
  text-decoration-line: var(--_link-text-decoration-line-hover);
}
.link-nav:focus-visible {
  color: var(--_link-color-foreground-focus);
  text-decoration-line: var(--_link-text-decoration-line-focus);
  outline: var(--_link-color-outline) solid var(--_link-width-outline);
  outline-offset: var(--_link-offset-outline);
}

[class*=theme] {
  color: var(--color-foreground);
  background-color: var(--color-background);
}

/**
 * Swiper 12.0.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 11, 2025
 */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: "";
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.card {
  --_card-padding: var(--card-padding, var(--space-m));
  --_card-color-background: var(--card-color-background, var(--color-background));
  --_card-color-shadow: var(--card-shadow-color, hsl(198deg 11% 35% / var(--alpha, 12.5%)));
  border: 1px solid var(--color-accent);
  padding: var(--_card-padding);
  background-color: var(--_card-color-background);
  hyphens: auto;
  display: flex;
  flex-direction: column;
  box-shadow: 1px 2px 2px var(--_card-color-shadow), 2px 4px 4px var(--_card-color-shadow), 4px 8px 8px var(--_card-color-shadow), 8px 16px 16px var(--_card-color-shadow), 16px 32px 32px var(--_card-color-shadow);
}
.card:has(.card__link) {
  position: relative;
}

.card__link {
  --_link-color-foreground-idle: var(--link-color-foreground-idle, var(--color-foreground));
  --_link-color-foreground-hover: var(--link-color-foreground-hover, var(--color-foreground-muted));
  --_link-color-foreground-focus: var(--link-color-foreground-focus, var(--color-foreground-muted));
  --_link-text-decoration-line-idle: var(--link-text-decoration-line-idle, underline);
  --_link-text-decoration-line-hover: var(--link-text-decoration-line-hover, none);
  --_link-text-decoration-line-focus: var(--link-text-decoration-line-focus, none);
  --_link-line-height: var(--link-line-height, var(--line-height-300));
  --_link-text-decoration-thickness: var(--text-decoration-thickness);
  --_link-text-underline-offset: var(--link-text-underline-offset, var(--text-underline-offset-100));
  --_link-color-outline: var(--link-color-outline, var(--_link-color-foreground-focus));
  --_link-offset-outline: var(--link-offset-outline, var(--width-outline));
  --_link-width-outline: var(--link-width-outline, var(--offset-outline));
  color: var(--_link-color-foreground-idle);
  font-weight: inherit;
  line-height: var(--_link-line-height);
  text-decoration-thickness: var(--_link-text-decoration-thickness);
  text-decoration-skip-ink: auto;
  text-underline-offset: var(--_link-text-underline-offset);
  text-decoration-line: var(--_link-text-decoration-line-idle);
  --link-text-decoration-line-idle: none;
  --link-text-decoration-line-hover: underline;
  text-underline-offset: 0.15lh;
  text-decoration-thickness: 0.08em;
}
.card__link:hover {
  color: var(--_link-color-foreground-hover);
  text-decoration-line: var(--_link-text-decoration-line-hover);
}
.card__link:focus-visible {
  color: var(--_link-color-foreground-focus);
  text-decoration-line: var(--_link-text-decoration-line-focus);
  outline: var(--_link-color-outline) solid var(--_link-width-outline);
  outline-offset: var(--_link-offset-outline);
}
.card__link::after {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
}

.card-grid {
  --_card-grid-gap-column: var(--card-grid-gap-column, var(--space-xl));
  --_card-grid-gap-row: var(--card-grid-gap-row, var(--space-xl));
  --_card-grid-items: var(--card-grid-items, 1);
  display: flex;
  column-gap: var(--_card-grid-gap-column);
  row-gap: var(--_card-grid-gap-row);
  flex-wrap: wrap;
  align-items: flex-end;
  container-type: inline-size;
}

.card-grid > * {
  --card-width: calc(100% / var(--_card-grid-items) - (var(--_card-grid-gap-column) * (var(--_card-grid-items) - 1)/var(--_card-grid-items)));
  flex: 100% 0 0;
  max-width: var(--card-width);
  transition: transform 200ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
@container (width >= 600px) {
  .card-grid > * {
    --_card-grid-items: 2;
  }
}
@container (width >= 900px) {
  .card-grid > * {
    --_card-grid-items: 3;
  }
  .card-grid > *:nth-child(3) ~ * {
    align-self: flex-start;
  }
  .card-grid > *:nth-child(3) + * {
    margin-inline-start: calc(var(--card-width) / 2);
  }
}
.card-grid > *:hover, .card-grid > *:focus-visible {
  transform: scale(1.125);
  z-index: 1;
}

.card-grid:hover > *:not(:hover):not(:focus-visible),
.card-grid:focus-within > *:not(:hover):not(:focus-visible) {
  transform: scale(0.9875);
}

.elevator {
  min-height: 55dvh;
  display: grid;
  grid-template-columns: var(--layout-margin) 1fr 0.618fr var(--layout-margin);
  grid-template-rows: auto min-content var(--space-2xs);
  row-gap: var(--space-xl);
}

.elevator__background {
  grid-column: 1/-1;
  grid-row: 1/3;
}

.elevator__text {
  margin-block-start: var(--space-l);
  grid-column: 2/4;
  grid-row: 1;
  align-self: end;
  isolation: isolate;
}

.elevator__swiper {
  grid-column: 1/-1;
  grid-row: 2/4;
  align-self: center;
}

.page {
  --content-width: repeat(calc(var(--layout-columns) - 4), 1fr);
  display: grid;
  grid-auto-rows: min-content;
  grid-template-columns: [full-bleed-start] var(--layout-margin) [wide-content-start] 1fr 1fr [content-start] var(--content-width) [content-end] 1fr 1fr [wide-content-end] var(--layout-margin) [full-bleed-end];
  min-height: 100dvh;
  display: grid;
  grid-template-rows: min-content 1fr min-content;
}

.page__header {
  grid-column: wide-content;
}

.page-header {
  container-type: inline-size;
  padding-block: var(--space-m);
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-s) var(--space-m);
}

.page-header__logo {
  --_link-color-foreground-idle: var(--link-color-foreground-idle, var(--color-foreground));
  --_link-color-foreground-hover: var(--link-color-foreground-hover, var(--color-foreground-muted));
  --_link-color-foreground-focus: var(--link-color-foreground-focus, var(--color-foreground-muted));
  --_link-text-decoration-line-idle: var(--link-text-decoration-line-idle, underline);
  --_link-text-decoration-line-hover: var(--link-text-decoration-line-hover, none);
  --_link-text-decoration-line-focus: var(--link-text-decoration-line-focus, none);
  --_link-line-height: var(--link-line-height, var(--line-height-300));
  --_link-text-decoration-thickness: var(--text-decoration-thickness);
  --_link-text-underline-offset: var(--link-text-underline-offset, var(--text-underline-offset-100));
  --_link-color-outline: var(--link-color-outline, var(--_link-color-foreground-focus));
  --_link-offset-outline: var(--link-offset-outline, var(--width-outline));
  --_link-width-outline: var(--link-width-outline, var(--offset-outline));
  color: var(--_link-color-foreground-idle);
  font-weight: inherit;
  line-height: var(--_link-line-height);
  text-decoration-thickness: var(--_link-text-decoration-thickness);
  text-decoration-skip-ink: auto;
  text-underline-offset: var(--_link-text-underline-offset);
  text-decoration-line: var(--_link-text-decoration-line-idle);
  --link-text-decoration-line-idle: none;
  --link-text-decoration-line-hover: underline;
  text-underline-offset: 0.15lh;
  text-decoration-thickness: 0.08em;
  align-self: center;
  font-weight: bold;
  margin-inline-end: auto;
}
.page-header__logo:hover {
  color: var(--_link-color-foreground-hover);
  text-decoration-line: var(--_link-text-decoration-line-hover);
}
.page-header__logo:focus-visible {
  color: var(--_link-color-foreground-focus);
  text-decoration-line: var(--_link-text-decoration-line-focus);
  outline: var(--_link-color-outline) solid var(--_link-width-outline);
  outline-offset: var(--_link-offset-outline);
}

.page-logo {
  width: auto;
  height: var(--space-m-l);
}
.page-logo path {
  fill: var(--color-grey-400);
}

.page-header__phone {
  --_link-color-foreground-idle: var(--link-color-foreground-idle, var(--color-foreground));
  --_link-color-foreground-hover: var(--link-color-foreground-hover, var(--color-foreground-muted));
  --_link-color-foreground-focus: var(--link-color-foreground-focus, var(--color-foreground-muted));
  --_link-text-decoration-line-idle: var(--link-text-decoration-line-idle, underline);
  --_link-text-decoration-line-hover: var(--link-text-decoration-line-hover, none);
  --_link-text-decoration-line-focus: var(--link-text-decoration-line-focus, none);
  --_link-line-height: var(--link-line-height, var(--line-height-300));
  --_link-text-decoration-thickness: var(--text-decoration-thickness);
  --_link-text-underline-offset: var(--link-text-underline-offset, var(--text-underline-offset-100));
  --_link-color-outline: var(--link-color-outline, var(--_link-color-foreground-focus));
  --_link-offset-outline: var(--link-offset-outline, var(--width-outline));
  --_link-width-outline: var(--link-width-outline, var(--offset-outline));
  color: var(--_link-color-foreground-idle);
  font-weight: inherit;
  line-height: var(--_link-line-height);
  text-decoration-thickness: var(--_link-text-decoration-thickness);
  text-decoration-skip-ink: auto;
  text-underline-offset: var(--_link-text-underline-offset);
  text-decoration-line: var(--_link-text-decoration-line-idle);
  --link-text-decoration-line-idle: none;
  --link-text-decoration-line-hover: underline;
  text-underline-offset: 0.15lh;
  text-decoration-thickness: 0.08em;
  font-weight: bold;
  font-size: var(--step--1);
  letter-spacing: 0.025em;
  text-transform: uppercase;
}
.page-header__phone:hover {
  color: var(--_link-color-foreground-hover);
  text-decoration-line: var(--_link-text-decoration-line-hover);
}
.page-header__phone:focus-visible {
  color: var(--_link-color-foreground-focus);
  text-decoration-line: var(--_link-text-decoration-line-focus);
  outline: var(--_link-color-outline) solid var(--_link-width-outline);
  outline-offset: var(--_link-offset-outline);
}
@container (min-width:575px) {
  .page-header__phone {
    margin-inline-start: auto;
  }
}

.page__main {
  grid-column: full-bleed;
  --content-width: repeat(calc(var(--layout-columns) - 4), 1fr);
  display: grid;
  grid-auto-rows: min-content;
  grid-template-columns: [full-bleed-start] var(--layout-margin) [wide-content-start] 1fr 1fr [content-start] var(--content-width) [content-end] 1fr 1fr [wide-content-end] var(--layout-margin) [full-bleed-end];
}

.page-main__hero {
  grid-column: full-bleed;
}

.page-main__content {
  grid-column: full-bleed;
}

.page-footer {
  grid-column: full-bleed;
  --content-width: repeat(calc(var(--layout-columns) - 4), 1fr);
  display: grid;
  grid-auto-rows: min-content;
  grid-template-columns: [full-bleed-start] var(--layout-margin) [wide-content-start] 1fr 1fr [content-start] var(--content-width) [content-end] 1fr 1fr [wide-content-end] var(--layout-margin) [full-bleed-end];
  margin-block-start: var(--space-l-xl);
  padding-block: var(--space-l-xl);
}
.page-footer path {
  fill: var(--color-foreground);
}

.page-footer__content {
  grid-column: wide-content;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-m-3xl);
  justify-content: space-between;
  font-size: var(--step--1);
}

.page-footer-logo {
  height: var(--space-m-l);
}

.page-footer__contact {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-m-3xl);
}

.hero {
  --_hero-max-height: var(--hero-max-height, 65dvh);
  --content-width: repeat(calc(var(--layout-columns) - 4), 1fr);
  display: grid;
  grid-auto-rows: min-content;
  grid-template-columns: [full-bleed-start] var(--layout-margin) [wide-content-start] 1fr 1fr [content-start] var(--content-width) [content-end] 1fr 1fr [wide-content-end] var(--layout-margin) [full-bleed-end];
  grid-column: full-bleed;
  max-height: var(--_hero-max-height);
  grid-template-rows: var(--_hero-max-height);
  display: grid;
}

.hero__image {
  height: 100%;
  grid-column: 1/-1;
  grid-row: 1/-1;
  object-fit: cover;
}

.hero__content {
  grid-column: 1/12;
  grid-row: 1/-1;
  align-self: center;
  background-color: var(--color-background);
  hyphens: auto;
}
.hero__content > * {
  margin-inline-start: var(--layout-margin);
  padding-block-start: var(--space-xl);
  padding-block-end: var(--space-m);
  padding-inline-end: var(--space-xl);
}

.hero--to-portrait-image {
  --hero-img-grid-column-at-700: 8/-1;
  --hero-img-grid-column-at-1000: 8/13;
}
@media (min-width: 700px) {
  .hero--to-portrait-image .hero__content {
    grid-column: 1/9;
    align-self: end;
  }
  .hero--to-portrait-image .hero__image {
    grid-column: var(--hero-img-grid-column-at-700);
  }
}
@media (min-width: 1000px) {
  .hero--to-portrait-image .hero__image {
    grid-column: var(--hero-img-grid-column-at-1000);
  }
}

.hero--kontaktlinsen .hero__content {
  align-self: end;
}

.marken {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr));
}

.marken__marke {
  padding: var(--space-m);
  margin-block-end: -1px;
  margin-inline-end: -1px;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-grey-100);
  border: 1px solid var(--color-grey-300);
  position: relative;
  transition: transform 200ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.marken__marke a {
  height: 100%;
}
.marken__marke:hover, .marken__marke:focus-visible {
  transform: scale(1.25);
  z-index: 1;
}

.marken:hover .marken__marke:not(:hover):not(:focus-visible),
.marken:focus-within .marken__marke:not(:hover):not(:focus-visible) {
  transform: scale(0.875);
}

.main-nav__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs) var(--space-m);
}

.main-nav__text {
  --_link-color-foreground-idle: var(--link-color-foreground-idle, var(--color-foreground));
  --_link-color-foreground-hover: var(--link-color-foreground-hover, var(--color-foreground-muted));
  --_link-color-foreground-focus: var(--link-color-foreground-focus, var(--color-foreground-muted));
  --_link-text-decoration-line-idle: var(--link-text-decoration-line-idle, underline);
  --_link-text-decoration-line-hover: var(--link-text-decoration-line-hover, none);
  --_link-text-decoration-line-focus: var(--link-text-decoration-line-focus, none);
  --_link-line-height: var(--link-line-height, var(--line-height-300));
  --_link-text-decoration-thickness: var(--text-decoration-thickness);
  --_link-text-underline-offset: var(--link-text-underline-offset, var(--text-underline-offset-100));
  --_link-color-outline: var(--link-color-outline, var(--_link-color-foreground-focus));
  --_link-offset-outline: var(--link-offset-outline, var(--width-outline));
  --_link-width-outline: var(--link-width-outline, var(--offset-outline));
  color: var(--_link-color-foreground-idle);
  font-weight: inherit;
  line-height: var(--_link-line-height);
  text-decoration-thickness: var(--_link-text-decoration-thickness);
  text-decoration-skip-ink: auto;
  text-underline-offset: var(--_link-text-underline-offset);
  text-decoration-line: var(--_link-text-decoration-line-idle);
  --link-text-decoration-line-idle: none;
  --link-text-decoration-line-hover: underline;
  text-underline-offset: 0.15lh;
  text-decoration-thickness: 0.08em;
  font-weight: bold;
  font-size: var(--step--1);
  letter-spacing: 0.025em;
  text-transform: uppercase;
}
.main-nav__text:hover {
  color: var(--_link-color-foreground-hover);
  text-decoration-line: var(--_link-text-decoration-line-hover);
}
.main-nav__text:focus-visible {
  color: var(--_link-color-foreground-focus);
  text-decoration-line: var(--_link-text-decoration-line-focus);
  outline: var(--_link-color-outline) solid var(--_link-width-outline);
  outline-offset: var(--_link-offset-outline);
}
.main-nav__item--active .main-nav__text {
  --_link-color-foreground-idle: var(--link-color-foreground-hover);
}

.mitarbeiter-foto {
  aspect-ratio: 1;
  border-radius: 50%;
  box-shadow: 0 0 0 2px white, 0 0 0 3px var(--color-accent);
  overflow: hidden;
}

.mitarbeiter-foto__img {
  transform: scale(1.75) translateY(12.5%);
}

.sys-nav__text {
  --_link-color-foreground-idle: var(--link-color-foreground-idle, var(--color-foreground));
  --_link-color-foreground-hover: var(--link-color-foreground-hover, var(--color-foreground-muted));
  --_link-color-foreground-focus: var(--link-color-foreground-focus, var(--color-foreground-muted));
  --_link-text-decoration-line-idle: var(--link-text-decoration-line-idle, underline);
  --_link-text-decoration-line-hover: var(--link-text-decoration-line-hover, none);
  --_link-text-decoration-line-focus: var(--link-text-decoration-line-focus, none);
  --_link-line-height: var(--link-line-height, var(--line-height-300));
  --_link-text-decoration-thickness: var(--text-decoration-thickness);
  --_link-text-underline-offset: var(--link-text-underline-offset, var(--text-underline-offset-100));
  --_link-color-outline: var(--link-color-outline, var(--_link-color-foreground-focus));
  --_link-offset-outline: var(--link-offset-outline, var(--width-outline));
  --_link-width-outline: var(--link-width-outline, var(--offset-outline));
  color: var(--_link-color-foreground-idle);
  font-weight: inherit;
  line-height: var(--_link-line-height);
  text-decoration-thickness: var(--_link-text-decoration-thickness);
  text-decoration-skip-ink: auto;
  text-underline-offset: var(--_link-text-underline-offset);
  text-decoration-line: var(--_link-text-decoration-line-idle);
  --link-text-decoration-line-idle: none;
  --link-text-decoration-line-hover: underline;
  text-underline-offset: 0.15lh;
  text-decoration-thickness: 0.08em;
}
.sys-nav__text:hover {
  color: var(--_link-color-foreground-hover);
  text-decoration-line: var(--_link-text-decoration-line-hover);
}
.sys-nav__text:focus-visible {
  color: var(--_link-color-foreground-focus);
  text-decoration-line: var(--_link-text-decoration-line-focus);
  outline: var(--_link-color-outline) solid var(--_link-width-outline);
  outline-offset: var(--_link-offset-outline);
}
.sys-nav__item--active .sys-nav__text {
  font-weight: bold;
}

.swiper-wrapper {
  --swiper-wrapper-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
  align-items: center;
}

.swiper-slide {
  padding-inline: var(--space-xs);
}
.swiper-slide img {
  width: 100%;
  max-width: none;
}

@media (min-width: 700px) {
  .swiper-animate-content img {
    transition: transform 300ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
  }
  .swiper-slide {
    padding-inline: 0;
  }
  .swiper-slide img {
    transform: scale(0.45);
  }
  .swiper-slide-active + .swiper-slide img {
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

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

.inline {
  display: inline !important;
}

.list-item {
  display: list-item !important;
}

.contents {
  display: contents !important;
}

.flex {
  display: flex !important;
}

.inline-flex {
  display: inline-flex !important;
}

.table {
  display: table !important;
}

.inline-table {
  display: inline-table !important;
}

.table-cell {
  display: table-cell !important;
}

.flow-root {
  display: flow-root !important;
}

.grid {
  display: grid !important;
}

.inline-grid {
  display: inline-grid !important;
}

.hidden {
  display: none !important;
}

@media (min-width: 320px) {
  .xxs\:block {
    display: block !important;
  }
  .xxs\:inline-block {
    display: inline-block !important;
  }
  .xxs\:inline {
    display: inline !important;
  }
  .xxs\:list-item {
    display: list-item !important;
  }
  .xxs\:contents {
    display: contents !important;
  }
  .xxs\:flex {
    display: flex !important;
  }
  .xxs\:inline-flex {
    display: inline-flex !important;
  }
  .xxs\:table {
    display: table !important;
  }
  .xxs\:inline-table {
    display: inline-table !important;
  }
  .xxs\:table-cell {
    display: table-cell !important;
  }
  .xxs\:flow-root {
    display: flow-root !important;
  }
  .xxs\:grid {
    display: grid !important;
  }
  .xxs\:inline-grid {
    display: inline-grid !important;
  }
  .xxs\:hidden {
    display: none !important;
  }
}
@media (min-width: 480px) {
  .xs\:block {
    display: block !important;
  }
  .xs\:inline-block {
    display: inline-block !important;
  }
  .xs\:inline {
    display: inline !important;
  }
  .xs\:list-item {
    display: list-item !important;
  }
  .xs\:contents {
    display: contents !important;
  }
  .xs\:flex {
    display: flex !important;
  }
  .xs\:inline-flex {
    display: inline-flex !important;
  }
  .xs\:table {
    display: table !important;
  }
  .xs\:inline-table {
    display: inline-table !important;
  }
  .xs\:table-cell {
    display: table-cell !important;
  }
  .xs\:flow-root {
    display: flow-root !important;
  }
  .xs\:grid {
    display: grid !important;
  }
  .xs\:inline-grid {
    display: inline-grid !important;
  }
  .xs\:hidden {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .sm\:block {
    display: block !important;
  }
  .sm\:inline-block {
    display: inline-block !important;
  }
  .sm\:inline {
    display: inline !important;
  }
  .sm\:list-item {
    display: list-item !important;
  }
  .sm\:contents {
    display: contents !important;
  }
  .sm\:flex {
    display: flex !important;
  }
  .sm\:inline-flex {
    display: inline-flex !important;
  }
  .sm\:table {
    display: table !important;
  }
  .sm\:inline-table {
    display: inline-table !important;
  }
  .sm\:table-cell {
    display: table-cell !important;
  }
  .sm\:flow-root {
    display: flow-root !important;
  }
  .sm\:grid {
    display: grid !important;
  }
  .sm\:inline-grid {
    display: inline-grid !important;
  }
  .sm\:hidden {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .md\:block {
    display: block !important;
  }
  .md\:inline-block {
    display: inline-block !important;
  }
  .md\:inline {
    display: inline !important;
  }
  .md\:list-item {
    display: list-item !important;
  }
  .md\:contents {
    display: contents !important;
  }
  .md\:flex {
    display: flex !important;
  }
  .md\:inline-flex {
    display: inline-flex !important;
  }
  .md\:table {
    display: table !important;
  }
  .md\:inline-table {
    display: inline-table !important;
  }
  .md\:table-cell {
    display: table-cell !important;
  }
  .md\:flow-root {
    display: flow-root !important;
  }
  .md\:grid {
    display: grid !important;
  }
  .md\:inline-grid {
    display: inline-grid !important;
  }
  .md\:hidden {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .lg\:block {
    display: block !important;
  }
  .lg\:inline-block {
    display: inline-block !important;
  }
  .lg\:inline {
    display: inline !important;
  }
  .lg\:list-item {
    display: list-item !important;
  }
  .lg\:contents {
    display: contents !important;
  }
  .lg\:flex {
    display: flex !important;
  }
  .lg\:inline-flex {
    display: inline-flex !important;
  }
  .lg\:table {
    display: table !important;
  }
  .lg\:inline-table {
    display: inline-table !important;
  }
  .lg\:table-cell {
    display: table-cell !important;
  }
  .lg\:flow-root {
    display: flow-root !important;
  }
  .lg\:grid {
    display: grid !important;
  }
  .lg\:inline-grid {
    display: inline-grid !important;
  }
  .lg\:hidden {
    display: none !important;
  }
}
@media (min-width: 1440px) {
  .xl\:block {
    display: block !important;
  }
  .xl\:inline-block {
    display: inline-block !important;
  }
  .xl\:inline {
    display: inline !important;
  }
  .xl\:list-item {
    display: list-item !important;
  }
  .xl\:contents {
    display: contents !important;
  }
  .xl\:flex {
    display: flex !important;
  }
  .xl\:inline-flex {
    display: inline-flex !important;
  }
  .xl\:table {
    display: table !important;
  }
  .xl\:inline-table {
    display: inline-table !important;
  }
  .xl\:table-cell {
    display: table-cell !important;
  }
  .xl\:flow-root {
    display: flow-root !important;
  }
  .xl\:grid {
    display: grid !important;
  }
  .xl\:inline-grid {
    display: inline-grid !important;
  }
  .xl\:hidden {
    display: none !important;
  }
}
.block {
  display: block !important;
}

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

.inline {
  display: inline !important;
}

.list-item {
  display: list-item !important;
}

.contents {
  display: contents !important;
}

.flex {
  display: flex !important;
}

.inline-flex {
  display: inline-flex !important;
}

.table {
  display: table !important;
}

.inline-table {
  display: inline-table !important;
}

.table-cell {
  display: table-cell !important;
}

.flow-root {
  display: flow-root !important;
}

.grid {
  display: grid !important;
}

.inline-grid {
  display: inline-grid !important;
}

.hidden {
  display: none !important;
}

@media (min-width: 320px) {
  .xxs\:block {
    display: block !important;
  }
  .xxs\:inline-block {
    display: inline-block !important;
  }
  .xxs\:inline {
    display: inline !important;
  }
  .xxs\:list-item {
    display: list-item !important;
  }
  .xxs\:contents {
    display: contents !important;
  }
  .xxs\:flex {
    display: flex !important;
  }
  .xxs\:inline-flex {
    display: inline-flex !important;
  }
  .xxs\:table {
    display: table !important;
  }
  .xxs\:inline-table {
    display: inline-table !important;
  }
  .xxs\:table-cell {
    display: table-cell !important;
  }
  .xxs\:flow-root {
    display: flow-root !important;
  }
  .xxs\:grid {
    display: grid !important;
  }
  .xxs\:inline-grid {
    display: inline-grid !important;
  }
  .xxs\:hidden {
    display: none !important;
  }
}
@media (min-width: 480px) {
  .xs\:block {
    display: block !important;
  }
  .xs\:inline-block {
    display: inline-block !important;
  }
  .xs\:inline {
    display: inline !important;
  }
  .xs\:list-item {
    display: list-item !important;
  }
  .xs\:contents {
    display: contents !important;
  }
  .xs\:flex {
    display: flex !important;
  }
  .xs\:inline-flex {
    display: inline-flex !important;
  }
  .xs\:table {
    display: table !important;
  }
  .xs\:inline-table {
    display: inline-table !important;
  }
  .xs\:table-cell {
    display: table-cell !important;
  }
  .xs\:flow-root {
    display: flow-root !important;
  }
  .xs\:grid {
    display: grid !important;
  }
  .xs\:inline-grid {
    display: inline-grid !important;
  }
  .xs\:hidden {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .sm\:block {
    display: block !important;
  }
  .sm\:inline-block {
    display: inline-block !important;
  }
  .sm\:inline {
    display: inline !important;
  }
  .sm\:list-item {
    display: list-item !important;
  }
  .sm\:contents {
    display: contents !important;
  }
  .sm\:flex {
    display: flex !important;
  }
  .sm\:inline-flex {
    display: inline-flex !important;
  }
  .sm\:table {
    display: table !important;
  }
  .sm\:inline-table {
    display: inline-table !important;
  }
  .sm\:table-cell {
    display: table-cell !important;
  }
  .sm\:flow-root {
    display: flow-root !important;
  }
  .sm\:grid {
    display: grid !important;
  }
  .sm\:inline-grid {
    display: inline-grid !important;
  }
  .sm\:hidden {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .md\:block {
    display: block !important;
  }
  .md\:inline-block {
    display: inline-block !important;
  }
  .md\:inline {
    display: inline !important;
  }
  .md\:list-item {
    display: list-item !important;
  }
  .md\:contents {
    display: contents !important;
  }
  .md\:flex {
    display: flex !important;
  }
  .md\:inline-flex {
    display: inline-flex !important;
  }
  .md\:table {
    display: table !important;
  }
  .md\:inline-table {
    display: inline-table !important;
  }
  .md\:table-cell {
    display: table-cell !important;
  }
  .md\:flow-root {
    display: flow-root !important;
  }
  .md\:grid {
    display: grid !important;
  }
  .md\:inline-grid {
    display: inline-grid !important;
  }
  .md\:hidden {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .lg\:block {
    display: block !important;
  }
  .lg\:inline-block {
    display: inline-block !important;
  }
  .lg\:inline {
    display: inline !important;
  }
  .lg\:list-item {
    display: list-item !important;
  }
  .lg\:contents {
    display: contents !important;
  }
  .lg\:flex {
    display: flex !important;
  }
  .lg\:inline-flex {
    display: inline-flex !important;
  }
  .lg\:table {
    display: table !important;
  }
  .lg\:inline-table {
    display: inline-table !important;
  }
  .lg\:table-cell {
    display: table-cell !important;
  }
  .lg\:flow-root {
    display: flow-root !important;
  }
  .lg\:grid {
    display: grid !important;
  }
  .lg\:inline-grid {
    display: inline-grid !important;
  }
  .lg\:hidden {
    display: none !important;
  }
}
@media (min-width: 1440px) {
  .xl\:block {
    display: block !important;
  }
  .xl\:inline-block {
    display: inline-block !important;
  }
  .xl\:inline {
    display: inline !important;
  }
  .xl\:list-item {
    display: list-item !important;
  }
  .xl\:contents {
    display: contents !important;
  }
  .xl\:flex {
    display: flex !important;
  }
  .xl\:inline-flex {
    display: inline-flex !important;
  }
  .xl\:table {
    display: table !important;
  }
  .xl\:inline-table {
    display: inline-table !important;
  }
  .xl\:table-cell {
    display: table-cell !important;
  }
  .xl\:flow-root {
    display: flow-root !important;
  }
  .xl\:grid {
    display: grid !important;
  }
  .xl\:inline-grid {
    display: inline-grid !important;
  }
  .xl\:hidden {
    display: none !important;
  }
}
.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

@media (min-width: 320px) {
  .xxs\:absolute {
    position: absolute;
  }
  .xxs\:relative {
    position: relative;
  }
}
@media (min-width: 480px) {
  .xs\:absolute {
    position: absolute;
  }
  .xs\:relative {
    position: relative;
  }
}
@media (min-width: 768px) {
  .sm\:absolute {
    position: absolute;
  }
  .sm\:relative {
    position: relative;
  }
}
@media (min-width: 1024px) {
  .md\:absolute {
    position: absolute;
  }
  .md\:relative {
    position: relative;
  }
}
@media (min-width: 1280px) {
  .lg\:absolute {
    position: absolute;
  }
  .lg\:relative {
    position: relative;
  }
}
@media (min-width: 1440px) {
  .xl\:absolute {
    position: absolute;
  }
  .xl\:relative {
    position: relative;
  }
}
.items-baseline {
  align-items: baseline;
}

.items-start {
  align-items: start;
}

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

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

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

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

.items-stretch {
  align-items: stretch;
}

.items-normal {
  align-items: normal;
}

.align-self-start {
  align-self: start;
}

.align-self-flex-start {
  align-self: flex-start;
}

.align-self-end {
  align-self: end;
}

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

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

.align-self-stretch {
  align-self: stretch;
}

@media (min-width: 320px) {
  .xxs\:align-self-start {
    align-self: start;
  }
  .xxs\:align-self-flex-start {
    align-self: flex-start;
  }
  .xxs\:align-self-end {
    align-self: end;
  }
  .xxs\:align-self-flex-end {
    align-self: flex-end;
  }
  .xxs\:align-self-center {
    align-self: center;
  }
  .xxs\:align-self-stretch {
    align-self: stretch;
  }
}
@media (min-width: 480px) {
  .xs\:align-self-start {
    align-self: start;
  }
  .xs\:align-self-flex-start {
    align-self: flex-start;
  }
  .xs\:align-self-end {
    align-self: end;
  }
  .xs\:align-self-flex-end {
    align-self: flex-end;
  }
  .xs\:align-self-center {
    align-self: center;
  }
  .xs\:align-self-stretch {
    align-self: stretch;
  }
}
@media (min-width: 768px) {
  .sm\:align-self-start {
    align-self: start;
  }
  .sm\:align-self-flex-start {
    align-self: flex-start;
  }
  .sm\:align-self-end {
    align-self: end;
  }
  .sm\:align-self-flex-end {
    align-self: flex-end;
  }
  .sm\:align-self-center {
    align-self: center;
  }
  .sm\:align-self-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1024px) {
  .md\:align-self-start {
    align-self: start;
  }
  .md\:align-self-flex-start {
    align-self: flex-start;
  }
  .md\:align-self-end {
    align-self: end;
  }
  .md\:align-self-flex-end {
    align-self: flex-end;
  }
  .md\:align-self-center {
    align-self: center;
  }
  .md\:align-self-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1280px) {
  .lg\:align-self-start {
    align-self: start;
  }
  .lg\:align-self-flex-start {
    align-self: flex-start;
  }
  .lg\:align-self-end {
    align-self: end;
  }
  .lg\:align-self-flex-end {
    align-self: flex-end;
  }
  .lg\:align-self-center {
    align-self: center;
  }
  .lg\:align-self-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1440px) {
  .xl\:align-self-start {
    align-self: start;
  }
  .xl\:align-self-flex-start {
    align-self: flex-start;
  }
  .xl\:align-self-end {
    align-self: end;
  }
  .xl\:align-self-flex-end {
    align-self: flex-end;
  }
  .xl\:align-self-center {
    align-self: center;
  }
  .xl\:align-self-stretch {
    align-self: stretch;
  }
}
.justify-start {
  justify-content: start;
}

.justify-flex-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: end;
}

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

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

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

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

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

.justify-stretch {
  justify-content: stretch;
}

@media (min-width: 320px) {
  .xxs\:justify-start {
    justify-content: start;
  }
  .xxs\:justify-flex-start {
    justify-content: flex-start;
  }
  .xxs\:justify-end {
    justify-content: end;
  }
  .xxs\:justify-flex-end {
    justify-content: flex-end;
  }
  .xxs\:justify-center {
    justify-content: center;
  }
  .xxs\:justify-between {
    justify-content: space-between;
  }
  .xxs\:justify-around {
    justify-content: space-around;
  }
  .xxs\:justify-evenly {
    justify-content: space-evenly;
  }
  .xxs\:justify-stretch {
    justify-content: stretch;
  }
}
@media (min-width: 480px) {
  .xs\:justify-start {
    justify-content: start;
  }
  .xs\:justify-flex-start {
    justify-content: flex-start;
  }
  .xs\:justify-end {
    justify-content: end;
  }
  .xs\:justify-flex-end {
    justify-content: flex-end;
  }
  .xs\:justify-center {
    justify-content: center;
  }
  .xs\:justify-between {
    justify-content: space-between;
  }
  .xs\:justify-around {
    justify-content: space-around;
  }
  .xs\:justify-evenly {
    justify-content: space-evenly;
  }
  .xs\:justify-stretch {
    justify-content: stretch;
  }
}
@media (min-width: 768px) {
  .sm\:justify-start {
    justify-content: start;
  }
  .sm\:justify-flex-start {
    justify-content: flex-start;
  }
  .sm\:justify-end {
    justify-content: end;
  }
  .sm\:justify-flex-end {
    justify-content: flex-end;
  }
  .sm\:justify-center {
    justify-content: center;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
  .sm\:justify-around {
    justify-content: space-around;
  }
  .sm\:justify-evenly {
    justify-content: space-evenly;
  }
  .sm\:justify-stretch {
    justify-content: stretch;
  }
}
@media (min-width: 1024px) {
  .md\:justify-start {
    justify-content: start;
  }
  .md\:justify-flex-start {
    justify-content: flex-start;
  }
  .md\:justify-end {
    justify-content: end;
  }
  .md\:justify-flex-end {
    justify-content: flex-end;
  }
  .md\:justify-center {
    justify-content: center;
  }
  .md\:justify-between {
    justify-content: space-between;
  }
  .md\:justify-around {
    justify-content: space-around;
  }
  .md\:justify-evenly {
    justify-content: space-evenly;
  }
  .md\:justify-stretch {
    justify-content: stretch;
  }
}
@media (min-width: 1280px) {
  .lg\:justify-start {
    justify-content: start;
  }
  .lg\:justify-flex-start {
    justify-content: flex-start;
  }
  .lg\:justify-end {
    justify-content: end;
  }
  .lg\:justify-flex-end {
    justify-content: flex-end;
  }
  .lg\:justify-center {
    justify-content: center;
  }
  .lg\:justify-between {
    justify-content: space-between;
  }
  .lg\:justify-around {
    justify-content: space-around;
  }
  .lg\:justify-evenly {
    justify-content: space-evenly;
  }
  .lg\:justify-stretch {
    justify-content: stretch;
  }
}
@media (min-width: 1440px) {
  .xl\:justify-start {
    justify-content: start;
  }
  .xl\:justify-flex-start {
    justify-content: flex-start;
  }
  .xl\:justify-end {
    justify-content: end;
  }
  .xl\:justify-flex-end {
    justify-content: flex-end;
  }
  .xl\:justify-center {
    justify-content: center;
  }
  .xl\:justify-between {
    justify-content: space-between;
  }
  .xl\:justify-around {
    justify-content: space-around;
  }
  .xl\:justify-evenly {
    justify-content: space-evenly;
  }
  .xl\:justify-stretch {
    justify-content: stretch;
  }
}
.justify-self-start {
  justify-self: start;
}

.justify-self-flex-start {
  justify-self: flex-start;
}

.justify-self-end {
  justify-self: end;
}

.justify-self-flex-end {
  justify-self: flex-end;
}

.justify-self-center {
  justify-self: center;
}

.justify-self-stretch {
  justify-self: stretch;
}

@media (min-width: 320px) {
  .xxs\:justify-self-start {
    justify-self: start;
  }
  .xxs\:justify-self-flex-start {
    justify-self: flex-start;
  }
  .xxs\:justify-self-end {
    justify-self: end;
  }
  .xxs\:justify-self-flex-end {
    justify-self: flex-end;
  }
  .xxs\:justify-self-center {
    justify-self: center;
  }
  .xxs\:justify-self-stretch {
    justify-self: stretch;
  }
}
@media (min-width: 480px) {
  .xs\:justify-self-start {
    justify-self: start;
  }
  .xs\:justify-self-flex-start {
    justify-self: flex-start;
  }
  .xs\:justify-self-end {
    justify-self: end;
  }
  .xs\:justify-self-flex-end {
    justify-self: flex-end;
  }
  .xs\:justify-self-center {
    justify-self: center;
  }
  .xs\:justify-self-stretch {
    justify-self: stretch;
  }
}
@media (min-width: 768px) {
  .sm\:justify-self-start {
    justify-self: start;
  }
  .sm\:justify-self-flex-start {
    justify-self: flex-start;
  }
  .sm\:justify-self-end {
    justify-self: end;
  }
  .sm\:justify-self-flex-end {
    justify-self: flex-end;
  }
  .sm\:justify-self-center {
    justify-self: center;
  }
  .sm\:justify-self-stretch {
    justify-self: stretch;
  }
}
@media (min-width: 1024px) {
  .md\:justify-self-start {
    justify-self: start;
  }
  .md\:justify-self-flex-start {
    justify-self: flex-start;
  }
  .md\:justify-self-end {
    justify-self: end;
  }
  .md\:justify-self-flex-end {
    justify-self: flex-end;
  }
  .md\:justify-self-center {
    justify-self: center;
  }
  .md\:justify-self-stretch {
    justify-self: stretch;
  }
}
@media (min-width: 1280px) {
  .lg\:justify-self-start {
    justify-self: start;
  }
  .lg\:justify-self-flex-start {
    justify-self: flex-start;
  }
  .lg\:justify-self-end {
    justify-self: end;
  }
  .lg\:justify-self-flex-end {
    justify-self: flex-end;
  }
  .lg\:justify-self-center {
    justify-self: center;
  }
  .lg\:justify-self-stretch {
    justify-self: stretch;
  }
}
@media (min-width: 1440px) {
  .xl\:justify-self-start {
    justify-self: start;
  }
  .xl\:justify-self-flex-start {
    justify-self: flex-start;
  }
  .xl\:justify-self-end {
    justify-self: end;
  }
  .xl\:justify-self-flex-end {
    justify-self: flex-end;
  }
  .xl\:justify-self-center {
    justify-self: center;
  }
  .xl\:justify-self-stretch {
    justify-self: stretch;
  }
}
.flex-wrap {
  flex-wrap: wrap;
}

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

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

@media (min-width: 320px) {
  .xxs\:flex-wrap {
    flex-wrap: wrap;
  }
  .xxs\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .xxs\:flex-nowrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 480px) {
  .xs\:flex-wrap {
    flex-wrap: wrap;
  }
  .xs\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .xs\:flex-nowrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 768px) {
  .sm\:flex-wrap {
    flex-wrap: wrap;
  }
  .sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .sm\:flex-nowrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1024px) {
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
  .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1280px) {
  .lg\:flex-wrap {
    flex-wrap: wrap;
  }
  .lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .lg\:flex-nowrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1440px) {
  .xl\:flex-wrap {
    flex-wrap: wrap;
  }
  .xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .xl\:flex-nowrap {
    flex-wrap: nowrap;
  }
}
.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-column {
  flex-direction: column;
}

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

.m-auto {
  margin: auto !important;
}

.m-0 {
  margin: 0 !important;
}

.m-2xs {
  margin: var(--space-2xs) !important;
}

.m-xs {
  margin: var(--space-xs) !important;
}

.m-s {
  margin: var(--space-s) !important;
}

.m-m {
  margin: var(--space-m) !important;
}

.m-l {
  margin: var(--space-l) !important;
}

.m-xl {
  margin: var(--space-xl) !important;
}

.m-2xl {
  margin: var(--space-2xl) !important;
}

.m-3xl {
  margin: var(--space-s3xl) !important;
}

.m-t-auto {
  margin-top: auto !important;
}

.m-t-0 {
  margin-top: 0 !important;
}

.m-t-2xs {
  margin-top: var(--space-2xs) !important;
}

.m-t-xs {
  margin-top: var(--space-xs) !important;
}

.m-t-s {
  margin-top: var(--space-s) !important;
}

.m-t-m {
  margin-top: var(--space-m) !important;
}

.m-t-l {
  margin-top: var(--space-l) !important;
}

.m-t-xl {
  margin-top: var(--space-xl) !important;
}

.m-t-2xl {
  margin-top: var(--space-2xl) !important;
}

.m-t-3xl {
  margin-top: var(--space-s3xl) !important;
}

.m-r-auto {
  margin-right: auto !important;
}

.m-r-0 {
  margin-right: 0 !important;
}

.m-r-2xs {
  margin-right: var(--space-2xs) !important;
}

.m-r-xs {
  margin-right: var(--space-xs) !important;
}

.m-r-s {
  margin-right: var(--space-s) !important;
}

.m-r-m {
  margin-right: var(--space-m) !important;
}

.m-r-l {
  margin-right: var(--space-l) !important;
}

.m-r-xl {
  margin-right: var(--space-xl) !important;
}

.m-r-2xl {
  margin-right: var(--space-2xl) !important;
}

.m-r-3xl {
  margin-right: var(--space-s3xl) !important;
}

.m-b-auto {
  margin-bottom: auto !important;
}

.m-b-0 {
  margin-bottom: 0 !important;
}

.m-b-2xs {
  margin-bottom: var(--space-2xs) !important;
}

.m-b-xs {
  margin-bottom: var(--space-xs) !important;
}

.m-b-s {
  margin-bottom: var(--space-s) !important;
}

.m-b-m {
  margin-bottom: var(--space-m) !important;
}

.m-b-l {
  margin-bottom: var(--space-l) !important;
}

.m-b-xl {
  margin-bottom: var(--space-xl) !important;
}

.m-b-2xl {
  margin-bottom: var(--space-2xl) !important;
}

.m-b-3xl {
  margin-bottom: var(--space-s3xl) !important;
}

.m-l-auto {
  margin-left: auto !important;
}

.m-l-0 {
  margin-left: 0 !important;
}

.m-l-2xs {
  margin-left: var(--space-2xs) !important;
}

.m-l-xs {
  margin-left: var(--space-xs) !important;
}

.m-l-s {
  margin-left: var(--space-s) !important;
}

.m-l-m {
  margin-left: var(--space-m) !important;
}

.m-l-l {
  margin-left: var(--space-l) !important;
}

.m-l-xl {
  margin-left: var(--space-xl) !important;
}

.m-l-2xl {
  margin-left: var(--space-2xl) !important;
}

.m-l-3xl {
  margin-left: var(--space-s3xl) !important;
}

.m-h-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.m-h-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.m-h-2xs {
  margin-right: var(--space-2xs) !important;
  margin-left: var(--space-2xs) !important;
}

.m-h-xs {
  margin-right: var(--space-xs) !important;
  margin-left: var(--space-xs) !important;
}

.m-h-s {
  margin-right: var(--space-s) !important;
  margin-left: var(--space-s) !important;
}

.m-h-m {
  margin-right: var(--space-m) !important;
  margin-left: var(--space-m) !important;
}

.m-h-l {
  margin-right: var(--space-l) !important;
  margin-left: var(--space-l) !important;
}

.m-h-xl {
  margin-right: var(--space-xl) !important;
  margin-left: var(--space-xl) !important;
}

.m-h-2xl {
  margin-right: var(--space-2xl) !important;
  margin-left: var(--space-2xl) !important;
}

.m-h-3xl {
  margin-right: var(--space-s3xl) !important;
  margin-left: var(--space-s3xl) !important;
}

.m-v-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.m-v-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-v-2xs {
  margin-top: var(--space-2xs) !important;
  margin-bottom: var(--space-2xs) !important;
}

.m-v-xs {
  margin-top: var(--space-xs) !important;
  margin-bottom: var(--space-xs) !important;
}

.m-v-s {
  margin-top: var(--space-s) !important;
  margin-bottom: var(--space-s) !important;
}

.m-v-m {
  margin-top: var(--space-m) !important;
  margin-bottom: var(--space-m) !important;
}

.m-v-l {
  margin-top: var(--space-l) !important;
  margin-bottom: var(--space-l) !important;
}

.m-v-xl {
  margin-top: var(--space-xl) !important;
  margin-bottom: var(--space-xl) !important;
}

.m-v-2xl {
  margin-top: var(--space-2xl) !important;
  margin-bottom: var(--space-2xl) !important;
}

.m-v-3xl {
  margin-top: var(--space-s3xl) !important;
  margin-bottom: var(--space-s3xl) !important;
}

@media (min-width: 320px) {
  .xxs\:m-auto {
    margin: auto !important;
  }
  .xxs\:m-0 {
    margin: 0 !important;
  }
  .xxs\:m-2xs {
    margin: var(--space-2xs) !important;
  }
  .xxs\:m-xs {
    margin: var(--space-xs) !important;
  }
  .xxs\:m-s {
    margin: var(--space-s) !important;
  }
  .xxs\:m-m {
    margin: var(--space-m) !important;
  }
  .xxs\:m-l {
    margin: var(--space-l) !important;
  }
  .xxs\:m-xl {
    margin: var(--space-xl) !important;
  }
  .xxs\:m-2xl {
    margin: var(--space-2xl) !important;
  }
  .xxs\:m-3xl {
    margin: var(--space-s3xl) !important;
  }
  .xxs\:m-t-auto {
    margin-top: auto !important;
  }
  .xxs\:m-t-0 {
    margin-top: 0 !important;
  }
  .xxs\:m-t-2xs {
    margin-top: var(--space-2xs) !important;
  }
  .xxs\:m-t-xs {
    margin-top: var(--space-xs) !important;
  }
  .xxs\:m-t-s {
    margin-top: var(--space-s) !important;
  }
  .xxs\:m-t-m {
    margin-top: var(--space-m) !important;
  }
  .xxs\:m-t-l {
    margin-top: var(--space-l) !important;
  }
  .xxs\:m-t-xl {
    margin-top: var(--space-xl) !important;
  }
  .xxs\:m-t-2xl {
    margin-top: var(--space-2xl) !important;
  }
  .xxs\:m-t-3xl {
    margin-top: var(--space-s3xl) !important;
  }
  .xxs\:m-r-auto {
    margin-right: auto !important;
  }
  .xxs\:m-r-0 {
    margin-right: 0 !important;
  }
  .xxs\:m-r-2xs {
    margin-right: var(--space-2xs) !important;
  }
  .xxs\:m-r-xs {
    margin-right: var(--space-xs) !important;
  }
  .xxs\:m-r-s {
    margin-right: var(--space-s) !important;
  }
  .xxs\:m-r-m {
    margin-right: var(--space-m) !important;
  }
  .xxs\:m-r-l {
    margin-right: var(--space-l) !important;
  }
  .xxs\:m-r-xl {
    margin-right: var(--space-xl) !important;
  }
  .xxs\:m-r-2xl {
    margin-right: var(--space-2xl) !important;
  }
  .xxs\:m-r-3xl {
    margin-right: var(--space-s3xl) !important;
  }
  .xxs\:m-b-auto {
    margin-bottom: auto !important;
  }
  .xxs\:m-b-0 {
    margin-bottom: 0 !important;
  }
  .xxs\:m-b-2xs {
    margin-bottom: var(--space-2xs) !important;
  }
  .xxs\:m-b-xs {
    margin-bottom: var(--space-xs) !important;
  }
  .xxs\:m-b-s {
    margin-bottom: var(--space-s) !important;
  }
  .xxs\:m-b-m {
    margin-bottom: var(--space-m) !important;
  }
  .xxs\:m-b-l {
    margin-bottom: var(--space-l) !important;
  }
  .xxs\:m-b-xl {
    margin-bottom: var(--space-xl) !important;
  }
  .xxs\:m-b-2xl {
    margin-bottom: var(--space-2xl) !important;
  }
  .xxs\:m-b-3xl {
    margin-bottom: var(--space-s3xl) !important;
  }
  .xxs\:m-l-auto {
    margin-left: auto !important;
  }
  .xxs\:m-l-0 {
    margin-left: 0 !important;
  }
  .xxs\:m-l-2xs {
    margin-left: var(--space-2xs) !important;
  }
  .xxs\:m-l-xs {
    margin-left: var(--space-xs) !important;
  }
  .xxs\:m-l-s {
    margin-left: var(--space-s) !important;
  }
  .xxs\:m-l-m {
    margin-left: var(--space-m) !important;
  }
  .xxs\:m-l-l {
    margin-left: var(--space-l) !important;
  }
  .xxs\:m-l-xl {
    margin-left: var(--space-xl) !important;
  }
  .xxs\:m-l-2xl {
    margin-left: var(--space-2xl) !important;
  }
  .xxs\:m-l-3xl {
    margin-left: var(--space-s3xl) !important;
  }
  .xxs\:m-h-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .xxs\:m-h-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .xxs\:m-h-2xs {
    margin-right: var(--space-2xs) !important;
    margin-left: var(--space-2xs) !important;
  }
  .xxs\:m-h-xs {
    margin-right: var(--space-xs) !important;
    margin-left: var(--space-xs) !important;
  }
  .xxs\:m-h-s {
    margin-right: var(--space-s) !important;
    margin-left: var(--space-s) !important;
  }
  .xxs\:m-h-m {
    margin-right: var(--space-m) !important;
    margin-left: var(--space-m) !important;
  }
  .xxs\:m-h-l {
    margin-right: var(--space-l) !important;
    margin-left: var(--space-l) !important;
  }
  .xxs\:m-h-xl {
    margin-right: var(--space-xl) !important;
    margin-left: var(--space-xl) !important;
  }
  .xxs\:m-h-2xl {
    margin-right: var(--space-2xl) !important;
    margin-left: var(--space-2xl) !important;
  }
  .xxs\:m-h-3xl {
    margin-right: var(--space-s3xl) !important;
    margin-left: var(--space-s3xl) !important;
  }
  .xxs\:m-v-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .xxs\:m-v-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .xxs\:m-v-2xs {
    margin-top: var(--space-2xs) !important;
    margin-bottom: var(--space-2xs) !important;
  }
  .xxs\:m-v-xs {
    margin-top: var(--space-xs) !important;
    margin-bottom: var(--space-xs) !important;
  }
  .xxs\:m-v-s {
    margin-top: var(--space-s) !important;
    margin-bottom: var(--space-s) !important;
  }
  .xxs\:m-v-m {
    margin-top: var(--space-m) !important;
    margin-bottom: var(--space-m) !important;
  }
  .xxs\:m-v-l {
    margin-top: var(--space-l) !important;
    margin-bottom: var(--space-l) !important;
  }
  .xxs\:m-v-xl {
    margin-top: var(--space-xl) !important;
    margin-bottom: var(--space-xl) !important;
  }
  .xxs\:m-v-2xl {
    margin-top: var(--space-2xl) !important;
    margin-bottom: var(--space-2xl) !important;
  }
  .xxs\:m-v-3xl {
    margin-top: var(--space-s3xl) !important;
    margin-bottom: var(--space-s3xl) !important;
  }
}
@media (min-width: 480px) {
  .xs\:m-auto {
    margin: auto !important;
  }
  .xs\:m-0 {
    margin: 0 !important;
  }
  .xs\:m-2xs {
    margin: var(--space-2xs) !important;
  }
  .xs\:m-xs {
    margin: var(--space-xs) !important;
  }
  .xs\:m-s {
    margin: var(--space-s) !important;
  }
  .xs\:m-m {
    margin: var(--space-m) !important;
  }
  .xs\:m-l {
    margin: var(--space-l) !important;
  }
  .xs\:m-xl {
    margin: var(--space-xl) !important;
  }
  .xs\:m-2xl {
    margin: var(--space-2xl) !important;
  }
  .xs\:m-3xl {
    margin: var(--space-s3xl) !important;
  }
  .xs\:m-t-auto {
    margin-top: auto !important;
  }
  .xs\:m-t-0 {
    margin-top: 0 !important;
  }
  .xs\:m-t-2xs {
    margin-top: var(--space-2xs) !important;
  }
  .xs\:m-t-xs {
    margin-top: var(--space-xs) !important;
  }
  .xs\:m-t-s {
    margin-top: var(--space-s) !important;
  }
  .xs\:m-t-m {
    margin-top: var(--space-m) !important;
  }
  .xs\:m-t-l {
    margin-top: var(--space-l) !important;
  }
  .xs\:m-t-xl {
    margin-top: var(--space-xl) !important;
  }
  .xs\:m-t-2xl {
    margin-top: var(--space-2xl) !important;
  }
  .xs\:m-t-3xl {
    margin-top: var(--space-s3xl) !important;
  }
  .xs\:m-r-auto {
    margin-right: auto !important;
  }
  .xs\:m-r-0 {
    margin-right: 0 !important;
  }
  .xs\:m-r-2xs {
    margin-right: var(--space-2xs) !important;
  }
  .xs\:m-r-xs {
    margin-right: var(--space-xs) !important;
  }
  .xs\:m-r-s {
    margin-right: var(--space-s) !important;
  }
  .xs\:m-r-m {
    margin-right: var(--space-m) !important;
  }
  .xs\:m-r-l {
    margin-right: var(--space-l) !important;
  }
  .xs\:m-r-xl {
    margin-right: var(--space-xl) !important;
  }
  .xs\:m-r-2xl {
    margin-right: var(--space-2xl) !important;
  }
  .xs\:m-r-3xl {
    margin-right: var(--space-s3xl) !important;
  }
  .xs\:m-b-auto {
    margin-bottom: auto !important;
  }
  .xs\:m-b-0 {
    margin-bottom: 0 !important;
  }
  .xs\:m-b-2xs {
    margin-bottom: var(--space-2xs) !important;
  }
  .xs\:m-b-xs {
    margin-bottom: var(--space-xs) !important;
  }
  .xs\:m-b-s {
    margin-bottom: var(--space-s) !important;
  }
  .xs\:m-b-m {
    margin-bottom: var(--space-m) !important;
  }
  .xs\:m-b-l {
    margin-bottom: var(--space-l) !important;
  }
  .xs\:m-b-xl {
    margin-bottom: var(--space-xl) !important;
  }
  .xs\:m-b-2xl {
    margin-bottom: var(--space-2xl) !important;
  }
  .xs\:m-b-3xl {
    margin-bottom: var(--space-s3xl) !important;
  }
  .xs\:m-l-auto {
    margin-left: auto !important;
  }
  .xs\:m-l-0 {
    margin-left: 0 !important;
  }
  .xs\:m-l-2xs {
    margin-left: var(--space-2xs) !important;
  }
  .xs\:m-l-xs {
    margin-left: var(--space-xs) !important;
  }
  .xs\:m-l-s {
    margin-left: var(--space-s) !important;
  }
  .xs\:m-l-m {
    margin-left: var(--space-m) !important;
  }
  .xs\:m-l-l {
    margin-left: var(--space-l) !important;
  }
  .xs\:m-l-xl {
    margin-left: var(--space-xl) !important;
  }
  .xs\:m-l-2xl {
    margin-left: var(--space-2xl) !important;
  }
  .xs\:m-l-3xl {
    margin-left: var(--space-s3xl) !important;
  }
  .xs\:m-h-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .xs\:m-h-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .xs\:m-h-2xs {
    margin-right: var(--space-2xs) !important;
    margin-left: var(--space-2xs) !important;
  }
  .xs\:m-h-xs {
    margin-right: var(--space-xs) !important;
    margin-left: var(--space-xs) !important;
  }
  .xs\:m-h-s {
    margin-right: var(--space-s) !important;
    margin-left: var(--space-s) !important;
  }
  .xs\:m-h-m {
    margin-right: var(--space-m) !important;
    margin-left: var(--space-m) !important;
  }
  .xs\:m-h-l {
    margin-right: var(--space-l) !important;
    margin-left: var(--space-l) !important;
  }
  .xs\:m-h-xl {
    margin-right: var(--space-xl) !important;
    margin-left: var(--space-xl) !important;
  }
  .xs\:m-h-2xl {
    margin-right: var(--space-2xl) !important;
    margin-left: var(--space-2xl) !important;
  }
  .xs\:m-h-3xl {
    margin-right: var(--space-s3xl) !important;
    margin-left: var(--space-s3xl) !important;
  }
  .xs\:m-v-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .xs\:m-v-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .xs\:m-v-2xs {
    margin-top: var(--space-2xs) !important;
    margin-bottom: var(--space-2xs) !important;
  }
  .xs\:m-v-xs {
    margin-top: var(--space-xs) !important;
    margin-bottom: var(--space-xs) !important;
  }
  .xs\:m-v-s {
    margin-top: var(--space-s) !important;
    margin-bottom: var(--space-s) !important;
  }
  .xs\:m-v-m {
    margin-top: var(--space-m) !important;
    margin-bottom: var(--space-m) !important;
  }
  .xs\:m-v-l {
    margin-top: var(--space-l) !important;
    margin-bottom: var(--space-l) !important;
  }
  .xs\:m-v-xl {
    margin-top: var(--space-xl) !important;
    margin-bottom: var(--space-xl) !important;
  }
  .xs\:m-v-2xl {
    margin-top: var(--space-2xl) !important;
    margin-bottom: var(--space-2xl) !important;
  }
  .xs\:m-v-3xl {
    margin-top: var(--space-s3xl) !important;
    margin-bottom: var(--space-s3xl) !important;
  }
}
@media (min-width: 768px) {
  .sm\:m-auto {
    margin: auto !important;
  }
  .sm\:m-0 {
    margin: 0 !important;
  }
  .sm\:m-2xs {
    margin: var(--space-2xs) !important;
  }
  .sm\:m-xs {
    margin: var(--space-xs) !important;
  }
  .sm\:m-s {
    margin: var(--space-s) !important;
  }
  .sm\:m-m {
    margin: var(--space-m) !important;
  }
  .sm\:m-l {
    margin: var(--space-l) !important;
  }
  .sm\:m-xl {
    margin: var(--space-xl) !important;
  }
  .sm\:m-2xl {
    margin: var(--space-2xl) !important;
  }
  .sm\:m-3xl {
    margin: var(--space-s3xl) !important;
  }
  .sm\:m-t-auto {
    margin-top: auto !important;
  }
  .sm\:m-t-0 {
    margin-top: 0 !important;
  }
  .sm\:m-t-2xs {
    margin-top: var(--space-2xs) !important;
  }
  .sm\:m-t-xs {
    margin-top: var(--space-xs) !important;
  }
  .sm\:m-t-s {
    margin-top: var(--space-s) !important;
  }
  .sm\:m-t-m {
    margin-top: var(--space-m) !important;
  }
  .sm\:m-t-l {
    margin-top: var(--space-l) !important;
  }
  .sm\:m-t-xl {
    margin-top: var(--space-xl) !important;
  }
  .sm\:m-t-2xl {
    margin-top: var(--space-2xl) !important;
  }
  .sm\:m-t-3xl {
    margin-top: var(--space-s3xl) !important;
  }
  .sm\:m-r-auto {
    margin-right: auto !important;
  }
  .sm\:m-r-0 {
    margin-right: 0 !important;
  }
  .sm\:m-r-2xs {
    margin-right: var(--space-2xs) !important;
  }
  .sm\:m-r-xs {
    margin-right: var(--space-xs) !important;
  }
  .sm\:m-r-s {
    margin-right: var(--space-s) !important;
  }
  .sm\:m-r-m {
    margin-right: var(--space-m) !important;
  }
  .sm\:m-r-l {
    margin-right: var(--space-l) !important;
  }
  .sm\:m-r-xl {
    margin-right: var(--space-xl) !important;
  }
  .sm\:m-r-2xl {
    margin-right: var(--space-2xl) !important;
  }
  .sm\:m-r-3xl {
    margin-right: var(--space-s3xl) !important;
  }
  .sm\:m-b-auto {
    margin-bottom: auto !important;
  }
  .sm\:m-b-0 {
    margin-bottom: 0 !important;
  }
  .sm\:m-b-2xs {
    margin-bottom: var(--space-2xs) !important;
  }
  .sm\:m-b-xs {
    margin-bottom: var(--space-xs) !important;
  }
  .sm\:m-b-s {
    margin-bottom: var(--space-s) !important;
  }
  .sm\:m-b-m {
    margin-bottom: var(--space-m) !important;
  }
  .sm\:m-b-l {
    margin-bottom: var(--space-l) !important;
  }
  .sm\:m-b-xl {
    margin-bottom: var(--space-xl) !important;
  }
  .sm\:m-b-2xl {
    margin-bottom: var(--space-2xl) !important;
  }
  .sm\:m-b-3xl {
    margin-bottom: var(--space-s3xl) !important;
  }
  .sm\:m-l-auto {
    margin-left: auto !important;
  }
  .sm\:m-l-0 {
    margin-left: 0 !important;
  }
  .sm\:m-l-2xs {
    margin-left: var(--space-2xs) !important;
  }
  .sm\:m-l-xs {
    margin-left: var(--space-xs) !important;
  }
  .sm\:m-l-s {
    margin-left: var(--space-s) !important;
  }
  .sm\:m-l-m {
    margin-left: var(--space-m) !important;
  }
  .sm\:m-l-l {
    margin-left: var(--space-l) !important;
  }
  .sm\:m-l-xl {
    margin-left: var(--space-xl) !important;
  }
  .sm\:m-l-2xl {
    margin-left: var(--space-2xl) !important;
  }
  .sm\:m-l-3xl {
    margin-left: var(--space-s3xl) !important;
  }
  .sm\:m-h-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .sm\:m-h-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .sm\:m-h-2xs {
    margin-right: var(--space-2xs) !important;
    margin-left: var(--space-2xs) !important;
  }
  .sm\:m-h-xs {
    margin-right: var(--space-xs) !important;
    margin-left: var(--space-xs) !important;
  }
  .sm\:m-h-s {
    margin-right: var(--space-s) !important;
    margin-left: var(--space-s) !important;
  }
  .sm\:m-h-m {
    margin-right: var(--space-m) !important;
    margin-left: var(--space-m) !important;
  }
  .sm\:m-h-l {
    margin-right: var(--space-l) !important;
    margin-left: var(--space-l) !important;
  }
  .sm\:m-h-xl {
    margin-right: var(--space-xl) !important;
    margin-left: var(--space-xl) !important;
  }
  .sm\:m-h-2xl {
    margin-right: var(--space-2xl) !important;
    margin-left: var(--space-2xl) !important;
  }
  .sm\:m-h-3xl {
    margin-right: var(--space-s3xl) !important;
    margin-left: var(--space-s3xl) !important;
  }
  .sm\:m-v-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .sm\:m-v-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .sm\:m-v-2xs {
    margin-top: var(--space-2xs) !important;
    margin-bottom: var(--space-2xs) !important;
  }
  .sm\:m-v-xs {
    margin-top: var(--space-xs) !important;
    margin-bottom: var(--space-xs) !important;
  }
  .sm\:m-v-s {
    margin-top: var(--space-s) !important;
    margin-bottom: var(--space-s) !important;
  }
  .sm\:m-v-m {
    margin-top: var(--space-m) !important;
    margin-bottom: var(--space-m) !important;
  }
  .sm\:m-v-l {
    margin-top: var(--space-l) !important;
    margin-bottom: var(--space-l) !important;
  }
  .sm\:m-v-xl {
    margin-top: var(--space-xl) !important;
    margin-bottom: var(--space-xl) !important;
  }
  .sm\:m-v-2xl {
    margin-top: var(--space-2xl) !important;
    margin-bottom: var(--space-2xl) !important;
  }
  .sm\:m-v-3xl {
    margin-top: var(--space-s3xl) !important;
    margin-bottom: var(--space-s3xl) !important;
  }
}
@media (min-width: 1024px) {
  .md\:m-auto {
    margin: auto !important;
  }
  .md\:m-0 {
    margin: 0 !important;
  }
  .md\:m-2xs {
    margin: var(--space-2xs) !important;
  }
  .md\:m-xs {
    margin: var(--space-xs) !important;
  }
  .md\:m-s {
    margin: var(--space-s) !important;
  }
  .md\:m-m {
    margin: var(--space-m) !important;
  }
  .md\:m-l {
    margin: var(--space-l) !important;
  }
  .md\:m-xl {
    margin: var(--space-xl) !important;
  }
  .md\:m-2xl {
    margin: var(--space-2xl) !important;
  }
  .md\:m-3xl {
    margin: var(--space-s3xl) !important;
  }
  .md\:m-t-auto {
    margin-top: auto !important;
  }
  .md\:m-t-0 {
    margin-top: 0 !important;
  }
  .md\:m-t-2xs {
    margin-top: var(--space-2xs) !important;
  }
  .md\:m-t-xs {
    margin-top: var(--space-xs) !important;
  }
  .md\:m-t-s {
    margin-top: var(--space-s) !important;
  }
  .md\:m-t-m {
    margin-top: var(--space-m) !important;
  }
  .md\:m-t-l {
    margin-top: var(--space-l) !important;
  }
  .md\:m-t-xl {
    margin-top: var(--space-xl) !important;
  }
  .md\:m-t-2xl {
    margin-top: var(--space-2xl) !important;
  }
  .md\:m-t-3xl {
    margin-top: var(--space-s3xl) !important;
  }
  .md\:m-r-auto {
    margin-right: auto !important;
  }
  .md\:m-r-0 {
    margin-right: 0 !important;
  }
  .md\:m-r-2xs {
    margin-right: var(--space-2xs) !important;
  }
  .md\:m-r-xs {
    margin-right: var(--space-xs) !important;
  }
  .md\:m-r-s {
    margin-right: var(--space-s) !important;
  }
  .md\:m-r-m {
    margin-right: var(--space-m) !important;
  }
  .md\:m-r-l {
    margin-right: var(--space-l) !important;
  }
  .md\:m-r-xl {
    margin-right: var(--space-xl) !important;
  }
  .md\:m-r-2xl {
    margin-right: var(--space-2xl) !important;
  }
  .md\:m-r-3xl {
    margin-right: var(--space-s3xl) !important;
  }
  .md\:m-b-auto {
    margin-bottom: auto !important;
  }
  .md\:m-b-0 {
    margin-bottom: 0 !important;
  }
  .md\:m-b-2xs {
    margin-bottom: var(--space-2xs) !important;
  }
  .md\:m-b-xs {
    margin-bottom: var(--space-xs) !important;
  }
  .md\:m-b-s {
    margin-bottom: var(--space-s) !important;
  }
  .md\:m-b-m {
    margin-bottom: var(--space-m) !important;
  }
  .md\:m-b-l {
    margin-bottom: var(--space-l) !important;
  }
  .md\:m-b-xl {
    margin-bottom: var(--space-xl) !important;
  }
  .md\:m-b-2xl {
    margin-bottom: var(--space-2xl) !important;
  }
  .md\:m-b-3xl {
    margin-bottom: var(--space-s3xl) !important;
  }
  .md\:m-l-auto {
    margin-left: auto !important;
  }
  .md\:m-l-0 {
    margin-left: 0 !important;
  }
  .md\:m-l-2xs {
    margin-left: var(--space-2xs) !important;
  }
  .md\:m-l-xs {
    margin-left: var(--space-xs) !important;
  }
  .md\:m-l-s {
    margin-left: var(--space-s) !important;
  }
  .md\:m-l-m {
    margin-left: var(--space-m) !important;
  }
  .md\:m-l-l {
    margin-left: var(--space-l) !important;
  }
  .md\:m-l-xl {
    margin-left: var(--space-xl) !important;
  }
  .md\:m-l-2xl {
    margin-left: var(--space-2xl) !important;
  }
  .md\:m-l-3xl {
    margin-left: var(--space-s3xl) !important;
  }
  .md\:m-h-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .md\:m-h-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .md\:m-h-2xs {
    margin-right: var(--space-2xs) !important;
    margin-left: var(--space-2xs) !important;
  }
  .md\:m-h-xs {
    margin-right: var(--space-xs) !important;
    margin-left: var(--space-xs) !important;
  }
  .md\:m-h-s {
    margin-right: var(--space-s) !important;
    margin-left: var(--space-s) !important;
  }
  .md\:m-h-m {
    margin-right: var(--space-m) !important;
    margin-left: var(--space-m) !important;
  }
  .md\:m-h-l {
    margin-right: var(--space-l) !important;
    margin-left: var(--space-l) !important;
  }
  .md\:m-h-xl {
    margin-right: var(--space-xl) !important;
    margin-left: var(--space-xl) !important;
  }
  .md\:m-h-2xl {
    margin-right: var(--space-2xl) !important;
    margin-left: var(--space-2xl) !important;
  }
  .md\:m-h-3xl {
    margin-right: var(--space-s3xl) !important;
    margin-left: var(--space-s3xl) !important;
  }
  .md\:m-v-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .md\:m-v-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .md\:m-v-2xs {
    margin-top: var(--space-2xs) !important;
    margin-bottom: var(--space-2xs) !important;
  }
  .md\:m-v-xs {
    margin-top: var(--space-xs) !important;
    margin-bottom: var(--space-xs) !important;
  }
  .md\:m-v-s {
    margin-top: var(--space-s) !important;
    margin-bottom: var(--space-s) !important;
  }
  .md\:m-v-m {
    margin-top: var(--space-m) !important;
    margin-bottom: var(--space-m) !important;
  }
  .md\:m-v-l {
    margin-top: var(--space-l) !important;
    margin-bottom: var(--space-l) !important;
  }
  .md\:m-v-xl {
    margin-top: var(--space-xl) !important;
    margin-bottom: var(--space-xl) !important;
  }
  .md\:m-v-2xl {
    margin-top: var(--space-2xl) !important;
    margin-bottom: var(--space-2xl) !important;
  }
  .md\:m-v-3xl {
    margin-top: var(--space-s3xl) !important;
    margin-bottom: var(--space-s3xl) !important;
  }
}
@media (min-width: 1280px) {
  .lg\:m-auto {
    margin: auto !important;
  }
  .lg\:m-0 {
    margin: 0 !important;
  }
  .lg\:m-2xs {
    margin: var(--space-2xs) !important;
  }
  .lg\:m-xs {
    margin: var(--space-xs) !important;
  }
  .lg\:m-s {
    margin: var(--space-s) !important;
  }
  .lg\:m-m {
    margin: var(--space-m) !important;
  }
  .lg\:m-l {
    margin: var(--space-l) !important;
  }
  .lg\:m-xl {
    margin: var(--space-xl) !important;
  }
  .lg\:m-2xl {
    margin: var(--space-2xl) !important;
  }
  .lg\:m-3xl {
    margin: var(--space-s3xl) !important;
  }
  .lg\:m-t-auto {
    margin-top: auto !important;
  }
  .lg\:m-t-0 {
    margin-top: 0 !important;
  }
  .lg\:m-t-2xs {
    margin-top: var(--space-2xs) !important;
  }
  .lg\:m-t-xs {
    margin-top: var(--space-xs) !important;
  }
  .lg\:m-t-s {
    margin-top: var(--space-s) !important;
  }
  .lg\:m-t-m {
    margin-top: var(--space-m) !important;
  }
  .lg\:m-t-l {
    margin-top: var(--space-l) !important;
  }
  .lg\:m-t-xl {
    margin-top: var(--space-xl) !important;
  }
  .lg\:m-t-2xl {
    margin-top: var(--space-2xl) !important;
  }
  .lg\:m-t-3xl {
    margin-top: var(--space-s3xl) !important;
  }
  .lg\:m-r-auto {
    margin-right: auto !important;
  }
  .lg\:m-r-0 {
    margin-right: 0 !important;
  }
  .lg\:m-r-2xs {
    margin-right: var(--space-2xs) !important;
  }
  .lg\:m-r-xs {
    margin-right: var(--space-xs) !important;
  }
  .lg\:m-r-s {
    margin-right: var(--space-s) !important;
  }
  .lg\:m-r-m {
    margin-right: var(--space-m) !important;
  }
  .lg\:m-r-l {
    margin-right: var(--space-l) !important;
  }
  .lg\:m-r-xl {
    margin-right: var(--space-xl) !important;
  }
  .lg\:m-r-2xl {
    margin-right: var(--space-2xl) !important;
  }
  .lg\:m-r-3xl {
    margin-right: var(--space-s3xl) !important;
  }
  .lg\:m-b-auto {
    margin-bottom: auto !important;
  }
  .lg\:m-b-0 {
    margin-bottom: 0 !important;
  }
  .lg\:m-b-2xs {
    margin-bottom: var(--space-2xs) !important;
  }
  .lg\:m-b-xs {
    margin-bottom: var(--space-xs) !important;
  }
  .lg\:m-b-s {
    margin-bottom: var(--space-s) !important;
  }
  .lg\:m-b-m {
    margin-bottom: var(--space-m) !important;
  }
  .lg\:m-b-l {
    margin-bottom: var(--space-l) !important;
  }
  .lg\:m-b-xl {
    margin-bottom: var(--space-xl) !important;
  }
  .lg\:m-b-2xl {
    margin-bottom: var(--space-2xl) !important;
  }
  .lg\:m-b-3xl {
    margin-bottom: var(--space-s3xl) !important;
  }
  .lg\:m-l-auto {
    margin-left: auto !important;
  }
  .lg\:m-l-0 {
    margin-left: 0 !important;
  }
  .lg\:m-l-2xs {
    margin-left: var(--space-2xs) !important;
  }
  .lg\:m-l-xs {
    margin-left: var(--space-xs) !important;
  }
  .lg\:m-l-s {
    margin-left: var(--space-s) !important;
  }
  .lg\:m-l-m {
    margin-left: var(--space-m) !important;
  }
  .lg\:m-l-l {
    margin-left: var(--space-l) !important;
  }
  .lg\:m-l-xl {
    margin-left: var(--space-xl) !important;
  }
  .lg\:m-l-2xl {
    margin-left: var(--space-2xl) !important;
  }
  .lg\:m-l-3xl {
    margin-left: var(--space-s3xl) !important;
  }
  .lg\:m-h-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .lg\:m-h-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .lg\:m-h-2xs {
    margin-right: var(--space-2xs) !important;
    margin-left: var(--space-2xs) !important;
  }
  .lg\:m-h-xs {
    margin-right: var(--space-xs) !important;
    margin-left: var(--space-xs) !important;
  }
  .lg\:m-h-s {
    margin-right: var(--space-s) !important;
    margin-left: var(--space-s) !important;
  }
  .lg\:m-h-m {
    margin-right: var(--space-m) !important;
    margin-left: var(--space-m) !important;
  }
  .lg\:m-h-l {
    margin-right: var(--space-l) !important;
    margin-left: var(--space-l) !important;
  }
  .lg\:m-h-xl {
    margin-right: var(--space-xl) !important;
    margin-left: var(--space-xl) !important;
  }
  .lg\:m-h-2xl {
    margin-right: var(--space-2xl) !important;
    margin-left: var(--space-2xl) !important;
  }
  .lg\:m-h-3xl {
    margin-right: var(--space-s3xl) !important;
    margin-left: var(--space-s3xl) !important;
  }
  .lg\:m-v-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .lg\:m-v-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .lg\:m-v-2xs {
    margin-top: var(--space-2xs) !important;
    margin-bottom: var(--space-2xs) !important;
  }
  .lg\:m-v-xs {
    margin-top: var(--space-xs) !important;
    margin-bottom: var(--space-xs) !important;
  }
  .lg\:m-v-s {
    margin-top: var(--space-s) !important;
    margin-bottom: var(--space-s) !important;
  }
  .lg\:m-v-m {
    margin-top: var(--space-m) !important;
    margin-bottom: var(--space-m) !important;
  }
  .lg\:m-v-l {
    margin-top: var(--space-l) !important;
    margin-bottom: var(--space-l) !important;
  }
  .lg\:m-v-xl {
    margin-top: var(--space-xl) !important;
    margin-bottom: var(--space-xl) !important;
  }
  .lg\:m-v-2xl {
    margin-top: var(--space-2xl) !important;
    margin-bottom: var(--space-2xl) !important;
  }
  .lg\:m-v-3xl {
    margin-top: var(--space-s3xl) !important;
    margin-bottom: var(--space-s3xl) !important;
  }
}
@media (min-width: 1440px) {
  .xl\:m-auto {
    margin: auto !important;
  }
  .xl\:m-0 {
    margin: 0 !important;
  }
  .xl\:m-2xs {
    margin: var(--space-2xs) !important;
  }
  .xl\:m-xs {
    margin: var(--space-xs) !important;
  }
  .xl\:m-s {
    margin: var(--space-s) !important;
  }
  .xl\:m-m {
    margin: var(--space-m) !important;
  }
  .xl\:m-l {
    margin: var(--space-l) !important;
  }
  .xl\:m-xl {
    margin: var(--space-xl) !important;
  }
  .xl\:m-2xl {
    margin: var(--space-2xl) !important;
  }
  .xl\:m-3xl {
    margin: var(--space-s3xl) !important;
  }
  .xl\:m-t-auto {
    margin-top: auto !important;
  }
  .xl\:m-t-0 {
    margin-top: 0 !important;
  }
  .xl\:m-t-2xs {
    margin-top: var(--space-2xs) !important;
  }
  .xl\:m-t-xs {
    margin-top: var(--space-xs) !important;
  }
  .xl\:m-t-s {
    margin-top: var(--space-s) !important;
  }
  .xl\:m-t-m {
    margin-top: var(--space-m) !important;
  }
  .xl\:m-t-l {
    margin-top: var(--space-l) !important;
  }
  .xl\:m-t-xl {
    margin-top: var(--space-xl) !important;
  }
  .xl\:m-t-2xl {
    margin-top: var(--space-2xl) !important;
  }
  .xl\:m-t-3xl {
    margin-top: var(--space-s3xl) !important;
  }
  .xl\:m-r-auto {
    margin-right: auto !important;
  }
  .xl\:m-r-0 {
    margin-right: 0 !important;
  }
  .xl\:m-r-2xs {
    margin-right: var(--space-2xs) !important;
  }
  .xl\:m-r-xs {
    margin-right: var(--space-xs) !important;
  }
  .xl\:m-r-s {
    margin-right: var(--space-s) !important;
  }
  .xl\:m-r-m {
    margin-right: var(--space-m) !important;
  }
  .xl\:m-r-l {
    margin-right: var(--space-l) !important;
  }
  .xl\:m-r-xl {
    margin-right: var(--space-xl) !important;
  }
  .xl\:m-r-2xl {
    margin-right: var(--space-2xl) !important;
  }
  .xl\:m-r-3xl {
    margin-right: var(--space-s3xl) !important;
  }
  .xl\:m-b-auto {
    margin-bottom: auto !important;
  }
  .xl\:m-b-0 {
    margin-bottom: 0 !important;
  }
  .xl\:m-b-2xs {
    margin-bottom: var(--space-2xs) !important;
  }
  .xl\:m-b-xs {
    margin-bottom: var(--space-xs) !important;
  }
  .xl\:m-b-s {
    margin-bottom: var(--space-s) !important;
  }
  .xl\:m-b-m {
    margin-bottom: var(--space-m) !important;
  }
  .xl\:m-b-l {
    margin-bottom: var(--space-l) !important;
  }
  .xl\:m-b-xl {
    margin-bottom: var(--space-xl) !important;
  }
  .xl\:m-b-2xl {
    margin-bottom: var(--space-2xl) !important;
  }
  .xl\:m-b-3xl {
    margin-bottom: var(--space-s3xl) !important;
  }
  .xl\:m-l-auto {
    margin-left: auto !important;
  }
  .xl\:m-l-0 {
    margin-left: 0 !important;
  }
  .xl\:m-l-2xs {
    margin-left: var(--space-2xs) !important;
  }
  .xl\:m-l-xs {
    margin-left: var(--space-xs) !important;
  }
  .xl\:m-l-s {
    margin-left: var(--space-s) !important;
  }
  .xl\:m-l-m {
    margin-left: var(--space-m) !important;
  }
  .xl\:m-l-l {
    margin-left: var(--space-l) !important;
  }
  .xl\:m-l-xl {
    margin-left: var(--space-xl) !important;
  }
  .xl\:m-l-2xl {
    margin-left: var(--space-2xl) !important;
  }
  .xl\:m-l-3xl {
    margin-left: var(--space-s3xl) !important;
  }
  .xl\:m-h-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .xl\:m-h-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .xl\:m-h-2xs {
    margin-right: var(--space-2xs) !important;
    margin-left: var(--space-2xs) !important;
  }
  .xl\:m-h-xs {
    margin-right: var(--space-xs) !important;
    margin-left: var(--space-xs) !important;
  }
  .xl\:m-h-s {
    margin-right: var(--space-s) !important;
    margin-left: var(--space-s) !important;
  }
  .xl\:m-h-m {
    margin-right: var(--space-m) !important;
    margin-left: var(--space-m) !important;
  }
  .xl\:m-h-l {
    margin-right: var(--space-l) !important;
    margin-left: var(--space-l) !important;
  }
  .xl\:m-h-xl {
    margin-right: var(--space-xl) !important;
    margin-left: var(--space-xl) !important;
  }
  .xl\:m-h-2xl {
    margin-right: var(--space-2xl) !important;
    margin-left: var(--space-2xl) !important;
  }
  .xl\:m-h-3xl {
    margin-right: var(--space-s3xl) !important;
    margin-left: var(--space-s3xl) !important;
  }
  .xl\:m-v-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .xl\:m-v-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .xl\:m-v-2xs {
    margin-top: var(--space-2xs) !important;
    margin-bottom: var(--space-2xs) !important;
  }
  .xl\:m-v-xs {
    margin-top: var(--space-xs) !important;
    margin-bottom: var(--space-xs) !important;
  }
  .xl\:m-v-s {
    margin-top: var(--space-s) !important;
    margin-bottom: var(--space-s) !important;
  }
  .xl\:m-v-m {
    margin-top: var(--space-m) !important;
    margin-bottom: var(--space-m) !important;
  }
  .xl\:m-v-l {
    margin-top: var(--space-l) !important;
    margin-bottom: var(--space-l) !important;
  }
  .xl\:m-v-xl {
    margin-top: var(--space-xl) !important;
    margin-bottom: var(--space-xl) !important;
  }
  .xl\:m-v-2xl {
    margin-top: var(--space-2xl) !important;
    margin-bottom: var(--space-2xl) !important;
  }
  .xl\:m-v-3xl {
    margin-top: var(--space-s3xl) !important;
    margin-bottom: var(--space-s3xl) !important;
  }
}
.p-auto {
  padding: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-2xs {
  padding: var(--space-2xs) !important;
}

.p-xs {
  padding: var(--space-xs) !important;
}

.p-s {
  padding: var(--space-s) !important;
}

.p-m {
  padding: var(--space-m) !important;
}

.p-l {
  padding: var(--space-l) !important;
}

.p-xl {
  padding: var(--space-xl) !important;
}

.p-2xl {
  padding: var(--space-2xl) !important;
}

.p-3xl {
  padding: var(--space-s3xl) !important;
}

.p-t-auto {
  padding-top: auto !important;
}

.p-t-0 {
  padding-top: 0 !important;
}

.p-t-2xs {
  padding-top: var(--space-2xs) !important;
}

.p-t-xs {
  padding-top: var(--space-xs) !important;
}

.p-t-s {
  padding-top: var(--space-s) !important;
}

.p-t-m {
  padding-top: var(--space-m) !important;
}

.p-t-l {
  padding-top: var(--space-l) !important;
}

.p-t-xl {
  padding-top: var(--space-xl) !important;
}

.p-t-2xl {
  padding-top: var(--space-2xl) !important;
}

.p-t-3xl {
  padding-top: var(--space-s3xl) !important;
}

.p-r-auto {
  padding-right: auto !important;
}

.p-r-0 {
  padding-right: 0 !important;
}

.p-r-2xs {
  padding-right: var(--space-2xs) !important;
}

.p-r-xs {
  padding-right: var(--space-xs) !important;
}

.p-r-s {
  padding-right: var(--space-s) !important;
}

.p-r-m {
  padding-right: var(--space-m) !important;
}

.p-r-l {
  padding-right: var(--space-l) !important;
}

.p-r-xl {
  padding-right: var(--space-xl) !important;
}

.p-r-2xl {
  padding-right: var(--space-2xl) !important;
}

.p-r-3xl {
  padding-right: var(--space-s3xl) !important;
}

.p-b-auto {
  padding-bottom: auto !important;
}

.p-b-0 {
  padding-bottom: 0 !important;
}

.p-b-2xs {
  padding-bottom: var(--space-2xs) !important;
}

.p-b-xs {
  padding-bottom: var(--space-xs) !important;
}

.p-b-s {
  padding-bottom: var(--space-s) !important;
}

.p-b-m {
  padding-bottom: var(--space-m) !important;
}

.p-b-l {
  padding-bottom: var(--space-l) !important;
}

.p-b-xl {
  padding-bottom: var(--space-xl) !important;
}

.p-b-2xl {
  padding-bottom: var(--space-2xl) !important;
}

.p-b-3xl {
  padding-bottom: var(--space-s3xl) !important;
}

.p-l-auto {
  padding-left: auto !important;
}

.p-l-0 {
  padding-left: 0 !important;
}

.p-l-2xs {
  padding-left: var(--space-2xs) !important;
}

.p-l-xs {
  padding-left: var(--space-xs) !important;
}

.p-l-s {
  padding-left: var(--space-s) !important;
}

.p-l-m {
  padding-left: var(--space-m) !important;
}

.p-l-l {
  padding-left: var(--space-l) !important;
}

.p-l-xl {
  padding-left: var(--space-xl) !important;
}

.p-l-2xl {
  padding-left: var(--space-2xl) !important;
}

.p-l-3xl {
  padding-left: var(--space-s3xl) !important;
}

.p-h-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}

.p-h-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.p-h-2xs {
  padding-right: var(--space-2xs) !important;
  padding-left: var(--space-2xs) !important;
}

.p-h-xs {
  padding-right: var(--space-xs) !important;
  padding-left: var(--space-xs) !important;
}

.p-h-s {
  padding-right: var(--space-s) !important;
  padding-left: var(--space-s) !important;
}

.p-h-m {
  padding-right: var(--space-m) !important;
  padding-left: var(--space-m) !important;
}

.p-h-l {
  padding-right: var(--space-l) !important;
  padding-left: var(--space-l) !important;
}

.p-h-xl {
  padding-right: var(--space-xl) !important;
  padding-left: var(--space-xl) !important;
}

.p-h-2xl {
  padding-right: var(--space-2xl) !important;
  padding-left: var(--space-2xl) !important;
}

.p-h-3xl {
  padding-right: var(--space-s3xl) !important;
  padding-left: var(--space-s3xl) !important;
}

.p-v-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.p-v-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-v-2xs {
  padding-top: var(--space-2xs) !important;
  padding-bottom: var(--space-2xs) !important;
}

.p-v-xs {
  padding-top: var(--space-xs) !important;
  padding-bottom: var(--space-xs) !important;
}

.p-v-s {
  padding-top: var(--space-s) !important;
  padding-bottom: var(--space-s) !important;
}

.p-v-m {
  padding-top: var(--space-m) !important;
  padding-bottom: var(--space-m) !important;
}

.p-v-l {
  padding-top: var(--space-l) !important;
  padding-bottom: var(--space-l) !important;
}

.p-v-xl {
  padding-top: var(--space-xl) !important;
  padding-bottom: var(--space-xl) !important;
}

.p-v-2xl {
  padding-top: var(--space-2xl) !important;
  padding-bottom: var(--space-2xl) !important;
}

.p-v-3xl {
  padding-top: var(--space-s3xl) !important;
  padding-bottom: var(--space-s3xl) !important;
}

@media (min-width: 320px) {
  .xxs\:p-auto {
    padding: auto !important;
  }
  .xxs\:p-0 {
    padding: 0 !important;
  }
  .xxs\:p-2xs {
    padding: var(--space-2xs) !important;
  }
  .xxs\:p-xs {
    padding: var(--space-xs) !important;
  }
  .xxs\:p-s {
    padding: var(--space-s) !important;
  }
  .xxs\:p-m {
    padding: var(--space-m) !important;
  }
  .xxs\:p-l {
    padding: var(--space-l) !important;
  }
  .xxs\:p-xl {
    padding: var(--space-xl) !important;
  }
  .xxs\:p-2xl {
    padding: var(--space-2xl) !important;
  }
  .xxs\:p-3xl {
    padding: var(--space-s3xl) !important;
  }
  .xxs\:p-t-auto {
    padding-top: auto !important;
  }
  .xxs\:p-t-0 {
    padding-top: 0 !important;
  }
  .xxs\:p-t-2xs {
    padding-top: var(--space-2xs) !important;
  }
  .xxs\:p-t-xs {
    padding-top: var(--space-xs) !important;
  }
  .xxs\:p-t-s {
    padding-top: var(--space-s) !important;
  }
  .xxs\:p-t-m {
    padding-top: var(--space-m) !important;
  }
  .xxs\:p-t-l {
    padding-top: var(--space-l) !important;
  }
  .xxs\:p-t-xl {
    padding-top: var(--space-xl) !important;
  }
  .xxs\:p-t-2xl {
    padding-top: var(--space-2xl) !important;
  }
  .xxs\:p-t-3xl {
    padding-top: var(--space-s3xl) !important;
  }
  .xxs\:p-r-auto {
    padding-right: auto !important;
  }
  .xxs\:p-r-0 {
    padding-right: 0 !important;
  }
  .xxs\:p-r-2xs {
    padding-right: var(--space-2xs) !important;
  }
  .xxs\:p-r-xs {
    padding-right: var(--space-xs) !important;
  }
  .xxs\:p-r-s {
    padding-right: var(--space-s) !important;
  }
  .xxs\:p-r-m {
    padding-right: var(--space-m) !important;
  }
  .xxs\:p-r-l {
    padding-right: var(--space-l) !important;
  }
  .xxs\:p-r-xl {
    padding-right: var(--space-xl) !important;
  }
  .xxs\:p-r-2xl {
    padding-right: var(--space-2xl) !important;
  }
  .xxs\:p-r-3xl {
    padding-right: var(--space-s3xl) !important;
  }
  .xxs\:p-b-auto {
    padding-bottom: auto !important;
  }
  .xxs\:p-b-0 {
    padding-bottom: 0 !important;
  }
  .xxs\:p-b-2xs {
    padding-bottom: var(--space-2xs) !important;
  }
  .xxs\:p-b-xs {
    padding-bottom: var(--space-xs) !important;
  }
  .xxs\:p-b-s {
    padding-bottom: var(--space-s) !important;
  }
  .xxs\:p-b-m {
    padding-bottom: var(--space-m) !important;
  }
  .xxs\:p-b-l {
    padding-bottom: var(--space-l) !important;
  }
  .xxs\:p-b-xl {
    padding-bottom: var(--space-xl) !important;
  }
  .xxs\:p-b-2xl {
    padding-bottom: var(--space-2xl) !important;
  }
  .xxs\:p-b-3xl {
    padding-bottom: var(--space-s3xl) !important;
  }
  .xxs\:p-l-auto {
    padding-left: auto !important;
  }
  .xxs\:p-l-0 {
    padding-left: 0 !important;
  }
  .xxs\:p-l-2xs {
    padding-left: var(--space-2xs) !important;
  }
  .xxs\:p-l-xs {
    padding-left: var(--space-xs) !important;
  }
  .xxs\:p-l-s {
    padding-left: var(--space-s) !important;
  }
  .xxs\:p-l-m {
    padding-left: var(--space-m) !important;
  }
  .xxs\:p-l-l {
    padding-left: var(--space-l) !important;
  }
  .xxs\:p-l-xl {
    padding-left: var(--space-xl) !important;
  }
  .xxs\:p-l-2xl {
    padding-left: var(--space-2xl) !important;
  }
  .xxs\:p-l-3xl {
    padding-left: var(--space-s3xl) !important;
  }
  .xxs\:p-h-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .xxs\:p-h-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .xxs\:p-h-2xs {
    padding-right: var(--space-2xs) !important;
    padding-left: var(--space-2xs) !important;
  }
  .xxs\:p-h-xs {
    padding-right: var(--space-xs) !important;
    padding-left: var(--space-xs) !important;
  }
  .xxs\:p-h-s {
    padding-right: var(--space-s) !important;
    padding-left: var(--space-s) !important;
  }
  .xxs\:p-h-m {
    padding-right: var(--space-m) !important;
    padding-left: var(--space-m) !important;
  }
  .xxs\:p-h-l {
    padding-right: var(--space-l) !important;
    padding-left: var(--space-l) !important;
  }
  .xxs\:p-h-xl {
    padding-right: var(--space-xl) !important;
    padding-left: var(--space-xl) !important;
  }
  .xxs\:p-h-2xl {
    padding-right: var(--space-2xl) !important;
    padding-left: var(--space-2xl) !important;
  }
  .xxs\:p-h-3xl {
    padding-right: var(--space-s3xl) !important;
    padding-left: var(--space-s3xl) !important;
  }
  .xxs\:p-v-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .xxs\:p-v-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .xxs\:p-v-2xs {
    padding-top: var(--space-2xs) !important;
    padding-bottom: var(--space-2xs) !important;
  }
  .xxs\:p-v-xs {
    padding-top: var(--space-xs) !important;
    padding-bottom: var(--space-xs) !important;
  }
  .xxs\:p-v-s {
    padding-top: var(--space-s) !important;
    padding-bottom: var(--space-s) !important;
  }
  .xxs\:p-v-m {
    padding-top: var(--space-m) !important;
    padding-bottom: var(--space-m) !important;
  }
  .xxs\:p-v-l {
    padding-top: var(--space-l) !important;
    padding-bottom: var(--space-l) !important;
  }
  .xxs\:p-v-xl {
    padding-top: var(--space-xl) !important;
    padding-bottom: var(--space-xl) !important;
  }
  .xxs\:p-v-2xl {
    padding-top: var(--space-2xl) !important;
    padding-bottom: var(--space-2xl) !important;
  }
  .xxs\:p-v-3xl {
    padding-top: var(--space-s3xl) !important;
    padding-bottom: var(--space-s3xl) !important;
  }
}
@media (min-width: 480px) {
  .xs\:p-auto {
    padding: auto !important;
  }
  .xs\:p-0 {
    padding: 0 !important;
  }
  .xs\:p-2xs {
    padding: var(--space-2xs) !important;
  }
  .xs\:p-xs {
    padding: var(--space-xs) !important;
  }
  .xs\:p-s {
    padding: var(--space-s) !important;
  }
  .xs\:p-m {
    padding: var(--space-m) !important;
  }
  .xs\:p-l {
    padding: var(--space-l) !important;
  }
  .xs\:p-xl {
    padding: var(--space-xl) !important;
  }
  .xs\:p-2xl {
    padding: var(--space-2xl) !important;
  }
  .xs\:p-3xl {
    padding: var(--space-s3xl) !important;
  }
  .xs\:p-t-auto {
    padding-top: auto !important;
  }
  .xs\:p-t-0 {
    padding-top: 0 !important;
  }
  .xs\:p-t-2xs {
    padding-top: var(--space-2xs) !important;
  }
  .xs\:p-t-xs {
    padding-top: var(--space-xs) !important;
  }
  .xs\:p-t-s {
    padding-top: var(--space-s) !important;
  }
  .xs\:p-t-m {
    padding-top: var(--space-m) !important;
  }
  .xs\:p-t-l {
    padding-top: var(--space-l) !important;
  }
  .xs\:p-t-xl {
    padding-top: var(--space-xl) !important;
  }
  .xs\:p-t-2xl {
    padding-top: var(--space-2xl) !important;
  }
  .xs\:p-t-3xl {
    padding-top: var(--space-s3xl) !important;
  }
  .xs\:p-r-auto {
    padding-right: auto !important;
  }
  .xs\:p-r-0 {
    padding-right: 0 !important;
  }
  .xs\:p-r-2xs {
    padding-right: var(--space-2xs) !important;
  }
  .xs\:p-r-xs {
    padding-right: var(--space-xs) !important;
  }
  .xs\:p-r-s {
    padding-right: var(--space-s) !important;
  }
  .xs\:p-r-m {
    padding-right: var(--space-m) !important;
  }
  .xs\:p-r-l {
    padding-right: var(--space-l) !important;
  }
  .xs\:p-r-xl {
    padding-right: var(--space-xl) !important;
  }
  .xs\:p-r-2xl {
    padding-right: var(--space-2xl) !important;
  }
  .xs\:p-r-3xl {
    padding-right: var(--space-s3xl) !important;
  }
  .xs\:p-b-auto {
    padding-bottom: auto !important;
  }
  .xs\:p-b-0 {
    padding-bottom: 0 !important;
  }
  .xs\:p-b-2xs {
    padding-bottom: var(--space-2xs) !important;
  }
  .xs\:p-b-xs {
    padding-bottom: var(--space-xs) !important;
  }
  .xs\:p-b-s {
    padding-bottom: var(--space-s) !important;
  }
  .xs\:p-b-m {
    padding-bottom: var(--space-m) !important;
  }
  .xs\:p-b-l {
    padding-bottom: var(--space-l) !important;
  }
  .xs\:p-b-xl {
    padding-bottom: var(--space-xl) !important;
  }
  .xs\:p-b-2xl {
    padding-bottom: var(--space-2xl) !important;
  }
  .xs\:p-b-3xl {
    padding-bottom: var(--space-s3xl) !important;
  }
  .xs\:p-l-auto {
    padding-left: auto !important;
  }
  .xs\:p-l-0 {
    padding-left: 0 !important;
  }
  .xs\:p-l-2xs {
    padding-left: var(--space-2xs) !important;
  }
  .xs\:p-l-xs {
    padding-left: var(--space-xs) !important;
  }
  .xs\:p-l-s {
    padding-left: var(--space-s) !important;
  }
  .xs\:p-l-m {
    padding-left: var(--space-m) !important;
  }
  .xs\:p-l-l {
    padding-left: var(--space-l) !important;
  }
  .xs\:p-l-xl {
    padding-left: var(--space-xl) !important;
  }
  .xs\:p-l-2xl {
    padding-left: var(--space-2xl) !important;
  }
  .xs\:p-l-3xl {
    padding-left: var(--space-s3xl) !important;
  }
  .xs\:p-h-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .xs\:p-h-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .xs\:p-h-2xs {
    padding-right: var(--space-2xs) !important;
    padding-left: var(--space-2xs) !important;
  }
  .xs\:p-h-xs {
    padding-right: var(--space-xs) !important;
    padding-left: var(--space-xs) !important;
  }
  .xs\:p-h-s {
    padding-right: var(--space-s) !important;
    padding-left: var(--space-s) !important;
  }
  .xs\:p-h-m {
    padding-right: var(--space-m) !important;
    padding-left: var(--space-m) !important;
  }
  .xs\:p-h-l {
    padding-right: var(--space-l) !important;
    padding-left: var(--space-l) !important;
  }
  .xs\:p-h-xl {
    padding-right: var(--space-xl) !important;
    padding-left: var(--space-xl) !important;
  }
  .xs\:p-h-2xl {
    padding-right: var(--space-2xl) !important;
    padding-left: var(--space-2xl) !important;
  }
  .xs\:p-h-3xl {
    padding-right: var(--space-s3xl) !important;
    padding-left: var(--space-s3xl) !important;
  }
  .xs\:p-v-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .xs\:p-v-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .xs\:p-v-2xs {
    padding-top: var(--space-2xs) !important;
    padding-bottom: var(--space-2xs) !important;
  }
  .xs\:p-v-xs {
    padding-top: var(--space-xs) !important;
    padding-bottom: var(--space-xs) !important;
  }
  .xs\:p-v-s {
    padding-top: var(--space-s) !important;
    padding-bottom: var(--space-s) !important;
  }
  .xs\:p-v-m {
    padding-top: var(--space-m) !important;
    padding-bottom: var(--space-m) !important;
  }
  .xs\:p-v-l {
    padding-top: var(--space-l) !important;
    padding-bottom: var(--space-l) !important;
  }
  .xs\:p-v-xl {
    padding-top: var(--space-xl) !important;
    padding-bottom: var(--space-xl) !important;
  }
  .xs\:p-v-2xl {
    padding-top: var(--space-2xl) !important;
    padding-bottom: var(--space-2xl) !important;
  }
  .xs\:p-v-3xl {
    padding-top: var(--space-s3xl) !important;
    padding-bottom: var(--space-s3xl) !important;
  }
}
@media (min-width: 768px) {
  .sm\:p-auto {
    padding: auto !important;
  }
  .sm\:p-0 {
    padding: 0 !important;
  }
  .sm\:p-2xs {
    padding: var(--space-2xs) !important;
  }
  .sm\:p-xs {
    padding: var(--space-xs) !important;
  }
  .sm\:p-s {
    padding: var(--space-s) !important;
  }
  .sm\:p-m {
    padding: var(--space-m) !important;
  }
  .sm\:p-l {
    padding: var(--space-l) !important;
  }
  .sm\:p-xl {
    padding: var(--space-xl) !important;
  }
  .sm\:p-2xl {
    padding: var(--space-2xl) !important;
  }
  .sm\:p-3xl {
    padding: var(--space-s3xl) !important;
  }
  .sm\:p-t-auto {
    padding-top: auto !important;
  }
  .sm\:p-t-0 {
    padding-top: 0 !important;
  }
  .sm\:p-t-2xs {
    padding-top: var(--space-2xs) !important;
  }
  .sm\:p-t-xs {
    padding-top: var(--space-xs) !important;
  }
  .sm\:p-t-s {
    padding-top: var(--space-s) !important;
  }
  .sm\:p-t-m {
    padding-top: var(--space-m) !important;
  }
  .sm\:p-t-l {
    padding-top: var(--space-l) !important;
  }
  .sm\:p-t-xl {
    padding-top: var(--space-xl) !important;
  }
  .sm\:p-t-2xl {
    padding-top: var(--space-2xl) !important;
  }
  .sm\:p-t-3xl {
    padding-top: var(--space-s3xl) !important;
  }
  .sm\:p-r-auto {
    padding-right: auto !important;
  }
  .sm\:p-r-0 {
    padding-right: 0 !important;
  }
  .sm\:p-r-2xs {
    padding-right: var(--space-2xs) !important;
  }
  .sm\:p-r-xs {
    padding-right: var(--space-xs) !important;
  }
  .sm\:p-r-s {
    padding-right: var(--space-s) !important;
  }
  .sm\:p-r-m {
    padding-right: var(--space-m) !important;
  }
  .sm\:p-r-l {
    padding-right: var(--space-l) !important;
  }
  .sm\:p-r-xl {
    padding-right: var(--space-xl) !important;
  }
  .sm\:p-r-2xl {
    padding-right: var(--space-2xl) !important;
  }
  .sm\:p-r-3xl {
    padding-right: var(--space-s3xl) !important;
  }
  .sm\:p-b-auto {
    padding-bottom: auto !important;
  }
  .sm\:p-b-0 {
    padding-bottom: 0 !important;
  }
  .sm\:p-b-2xs {
    padding-bottom: var(--space-2xs) !important;
  }
  .sm\:p-b-xs {
    padding-bottom: var(--space-xs) !important;
  }
  .sm\:p-b-s {
    padding-bottom: var(--space-s) !important;
  }
  .sm\:p-b-m {
    padding-bottom: var(--space-m) !important;
  }
  .sm\:p-b-l {
    padding-bottom: var(--space-l) !important;
  }
  .sm\:p-b-xl {
    padding-bottom: var(--space-xl) !important;
  }
  .sm\:p-b-2xl {
    padding-bottom: var(--space-2xl) !important;
  }
  .sm\:p-b-3xl {
    padding-bottom: var(--space-s3xl) !important;
  }
  .sm\:p-l-auto {
    padding-left: auto !important;
  }
  .sm\:p-l-0 {
    padding-left: 0 !important;
  }
  .sm\:p-l-2xs {
    padding-left: var(--space-2xs) !important;
  }
  .sm\:p-l-xs {
    padding-left: var(--space-xs) !important;
  }
  .sm\:p-l-s {
    padding-left: var(--space-s) !important;
  }
  .sm\:p-l-m {
    padding-left: var(--space-m) !important;
  }
  .sm\:p-l-l {
    padding-left: var(--space-l) !important;
  }
  .sm\:p-l-xl {
    padding-left: var(--space-xl) !important;
  }
  .sm\:p-l-2xl {
    padding-left: var(--space-2xl) !important;
  }
  .sm\:p-l-3xl {
    padding-left: var(--space-s3xl) !important;
  }
  .sm\:p-h-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .sm\:p-h-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .sm\:p-h-2xs {
    padding-right: var(--space-2xs) !important;
    padding-left: var(--space-2xs) !important;
  }
  .sm\:p-h-xs {
    padding-right: var(--space-xs) !important;
    padding-left: var(--space-xs) !important;
  }
  .sm\:p-h-s {
    padding-right: var(--space-s) !important;
    padding-left: var(--space-s) !important;
  }
  .sm\:p-h-m {
    padding-right: var(--space-m) !important;
    padding-left: var(--space-m) !important;
  }
  .sm\:p-h-l {
    padding-right: var(--space-l) !important;
    padding-left: var(--space-l) !important;
  }
  .sm\:p-h-xl {
    padding-right: var(--space-xl) !important;
    padding-left: var(--space-xl) !important;
  }
  .sm\:p-h-2xl {
    padding-right: var(--space-2xl) !important;
    padding-left: var(--space-2xl) !important;
  }
  .sm\:p-h-3xl {
    padding-right: var(--space-s3xl) !important;
    padding-left: var(--space-s3xl) !important;
  }
  .sm\:p-v-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .sm\:p-v-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .sm\:p-v-2xs {
    padding-top: var(--space-2xs) !important;
    padding-bottom: var(--space-2xs) !important;
  }
  .sm\:p-v-xs {
    padding-top: var(--space-xs) !important;
    padding-bottom: var(--space-xs) !important;
  }
  .sm\:p-v-s {
    padding-top: var(--space-s) !important;
    padding-bottom: var(--space-s) !important;
  }
  .sm\:p-v-m {
    padding-top: var(--space-m) !important;
    padding-bottom: var(--space-m) !important;
  }
  .sm\:p-v-l {
    padding-top: var(--space-l) !important;
    padding-bottom: var(--space-l) !important;
  }
  .sm\:p-v-xl {
    padding-top: var(--space-xl) !important;
    padding-bottom: var(--space-xl) !important;
  }
  .sm\:p-v-2xl {
    padding-top: var(--space-2xl) !important;
    padding-bottom: var(--space-2xl) !important;
  }
  .sm\:p-v-3xl {
    padding-top: var(--space-s3xl) !important;
    padding-bottom: var(--space-s3xl) !important;
  }
}
@media (min-width: 1024px) {
  .md\:p-auto {
    padding: auto !important;
  }
  .md\:p-0 {
    padding: 0 !important;
  }
  .md\:p-2xs {
    padding: var(--space-2xs) !important;
  }
  .md\:p-xs {
    padding: var(--space-xs) !important;
  }
  .md\:p-s {
    padding: var(--space-s) !important;
  }
  .md\:p-m {
    padding: var(--space-m) !important;
  }
  .md\:p-l {
    padding: var(--space-l) !important;
  }
  .md\:p-xl {
    padding: var(--space-xl) !important;
  }
  .md\:p-2xl {
    padding: var(--space-2xl) !important;
  }
  .md\:p-3xl {
    padding: var(--space-s3xl) !important;
  }
  .md\:p-t-auto {
    padding-top: auto !important;
  }
  .md\:p-t-0 {
    padding-top: 0 !important;
  }
  .md\:p-t-2xs {
    padding-top: var(--space-2xs) !important;
  }
  .md\:p-t-xs {
    padding-top: var(--space-xs) !important;
  }
  .md\:p-t-s {
    padding-top: var(--space-s) !important;
  }
  .md\:p-t-m {
    padding-top: var(--space-m) !important;
  }
  .md\:p-t-l {
    padding-top: var(--space-l) !important;
  }
  .md\:p-t-xl {
    padding-top: var(--space-xl) !important;
  }
  .md\:p-t-2xl {
    padding-top: var(--space-2xl) !important;
  }
  .md\:p-t-3xl {
    padding-top: var(--space-s3xl) !important;
  }
  .md\:p-r-auto {
    padding-right: auto !important;
  }
  .md\:p-r-0 {
    padding-right: 0 !important;
  }
  .md\:p-r-2xs {
    padding-right: var(--space-2xs) !important;
  }
  .md\:p-r-xs {
    padding-right: var(--space-xs) !important;
  }
  .md\:p-r-s {
    padding-right: var(--space-s) !important;
  }
  .md\:p-r-m {
    padding-right: var(--space-m) !important;
  }
  .md\:p-r-l {
    padding-right: var(--space-l) !important;
  }
  .md\:p-r-xl {
    padding-right: var(--space-xl) !important;
  }
  .md\:p-r-2xl {
    padding-right: var(--space-2xl) !important;
  }
  .md\:p-r-3xl {
    padding-right: var(--space-s3xl) !important;
  }
  .md\:p-b-auto {
    padding-bottom: auto !important;
  }
  .md\:p-b-0 {
    padding-bottom: 0 !important;
  }
  .md\:p-b-2xs {
    padding-bottom: var(--space-2xs) !important;
  }
  .md\:p-b-xs {
    padding-bottom: var(--space-xs) !important;
  }
  .md\:p-b-s {
    padding-bottom: var(--space-s) !important;
  }
  .md\:p-b-m {
    padding-bottom: var(--space-m) !important;
  }
  .md\:p-b-l {
    padding-bottom: var(--space-l) !important;
  }
  .md\:p-b-xl {
    padding-bottom: var(--space-xl) !important;
  }
  .md\:p-b-2xl {
    padding-bottom: var(--space-2xl) !important;
  }
  .md\:p-b-3xl {
    padding-bottom: var(--space-s3xl) !important;
  }
  .md\:p-l-auto {
    padding-left: auto !important;
  }
  .md\:p-l-0 {
    padding-left: 0 !important;
  }
  .md\:p-l-2xs {
    padding-left: var(--space-2xs) !important;
  }
  .md\:p-l-xs {
    padding-left: var(--space-xs) !important;
  }
  .md\:p-l-s {
    padding-left: var(--space-s) !important;
  }
  .md\:p-l-m {
    padding-left: var(--space-m) !important;
  }
  .md\:p-l-l {
    padding-left: var(--space-l) !important;
  }
  .md\:p-l-xl {
    padding-left: var(--space-xl) !important;
  }
  .md\:p-l-2xl {
    padding-left: var(--space-2xl) !important;
  }
  .md\:p-l-3xl {
    padding-left: var(--space-s3xl) !important;
  }
  .md\:p-h-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .md\:p-h-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .md\:p-h-2xs {
    padding-right: var(--space-2xs) !important;
    padding-left: var(--space-2xs) !important;
  }
  .md\:p-h-xs {
    padding-right: var(--space-xs) !important;
    padding-left: var(--space-xs) !important;
  }
  .md\:p-h-s {
    padding-right: var(--space-s) !important;
    padding-left: var(--space-s) !important;
  }
  .md\:p-h-m {
    padding-right: var(--space-m) !important;
    padding-left: var(--space-m) !important;
  }
  .md\:p-h-l {
    padding-right: var(--space-l) !important;
    padding-left: var(--space-l) !important;
  }
  .md\:p-h-xl {
    padding-right: var(--space-xl) !important;
    padding-left: var(--space-xl) !important;
  }
  .md\:p-h-2xl {
    padding-right: var(--space-2xl) !important;
    padding-left: var(--space-2xl) !important;
  }
  .md\:p-h-3xl {
    padding-right: var(--space-s3xl) !important;
    padding-left: var(--space-s3xl) !important;
  }
  .md\:p-v-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .md\:p-v-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .md\:p-v-2xs {
    padding-top: var(--space-2xs) !important;
    padding-bottom: var(--space-2xs) !important;
  }
  .md\:p-v-xs {
    padding-top: var(--space-xs) !important;
    padding-bottom: var(--space-xs) !important;
  }
  .md\:p-v-s {
    padding-top: var(--space-s) !important;
    padding-bottom: var(--space-s) !important;
  }
  .md\:p-v-m {
    padding-top: var(--space-m) !important;
    padding-bottom: var(--space-m) !important;
  }
  .md\:p-v-l {
    padding-top: var(--space-l) !important;
    padding-bottom: var(--space-l) !important;
  }
  .md\:p-v-xl {
    padding-top: var(--space-xl) !important;
    padding-bottom: var(--space-xl) !important;
  }
  .md\:p-v-2xl {
    padding-top: var(--space-2xl) !important;
    padding-bottom: var(--space-2xl) !important;
  }
  .md\:p-v-3xl {
    padding-top: var(--space-s3xl) !important;
    padding-bottom: var(--space-s3xl) !important;
  }
}
@media (min-width: 1280px) {
  .lg\:p-auto {
    padding: auto !important;
  }
  .lg\:p-0 {
    padding: 0 !important;
  }
  .lg\:p-2xs {
    padding: var(--space-2xs) !important;
  }
  .lg\:p-xs {
    padding: var(--space-xs) !important;
  }
  .lg\:p-s {
    padding: var(--space-s) !important;
  }
  .lg\:p-m {
    padding: var(--space-m) !important;
  }
  .lg\:p-l {
    padding: var(--space-l) !important;
  }
  .lg\:p-xl {
    padding: var(--space-xl) !important;
  }
  .lg\:p-2xl {
    padding: var(--space-2xl) !important;
  }
  .lg\:p-3xl {
    padding: var(--space-s3xl) !important;
  }
  .lg\:p-t-auto {
    padding-top: auto !important;
  }
  .lg\:p-t-0 {
    padding-top: 0 !important;
  }
  .lg\:p-t-2xs {
    padding-top: var(--space-2xs) !important;
  }
  .lg\:p-t-xs {
    padding-top: var(--space-xs) !important;
  }
  .lg\:p-t-s {
    padding-top: var(--space-s) !important;
  }
  .lg\:p-t-m {
    padding-top: var(--space-m) !important;
  }
  .lg\:p-t-l {
    padding-top: var(--space-l) !important;
  }
  .lg\:p-t-xl {
    padding-top: var(--space-xl) !important;
  }
  .lg\:p-t-2xl {
    padding-top: var(--space-2xl) !important;
  }
  .lg\:p-t-3xl {
    padding-top: var(--space-s3xl) !important;
  }
  .lg\:p-r-auto {
    padding-right: auto !important;
  }
  .lg\:p-r-0 {
    padding-right: 0 !important;
  }
  .lg\:p-r-2xs {
    padding-right: var(--space-2xs) !important;
  }
  .lg\:p-r-xs {
    padding-right: var(--space-xs) !important;
  }
  .lg\:p-r-s {
    padding-right: var(--space-s) !important;
  }
  .lg\:p-r-m {
    padding-right: var(--space-m) !important;
  }
  .lg\:p-r-l {
    padding-right: var(--space-l) !important;
  }
  .lg\:p-r-xl {
    padding-right: var(--space-xl) !important;
  }
  .lg\:p-r-2xl {
    padding-right: var(--space-2xl) !important;
  }
  .lg\:p-r-3xl {
    padding-right: var(--space-s3xl) !important;
  }
  .lg\:p-b-auto {
    padding-bottom: auto !important;
  }
  .lg\:p-b-0 {
    padding-bottom: 0 !important;
  }
  .lg\:p-b-2xs {
    padding-bottom: var(--space-2xs) !important;
  }
  .lg\:p-b-xs {
    padding-bottom: var(--space-xs) !important;
  }
  .lg\:p-b-s {
    padding-bottom: var(--space-s) !important;
  }
  .lg\:p-b-m {
    padding-bottom: var(--space-m) !important;
  }
  .lg\:p-b-l {
    padding-bottom: var(--space-l) !important;
  }
  .lg\:p-b-xl {
    padding-bottom: var(--space-xl) !important;
  }
  .lg\:p-b-2xl {
    padding-bottom: var(--space-2xl) !important;
  }
  .lg\:p-b-3xl {
    padding-bottom: var(--space-s3xl) !important;
  }
  .lg\:p-l-auto {
    padding-left: auto !important;
  }
  .lg\:p-l-0 {
    padding-left: 0 !important;
  }
  .lg\:p-l-2xs {
    padding-left: var(--space-2xs) !important;
  }
  .lg\:p-l-xs {
    padding-left: var(--space-xs) !important;
  }
  .lg\:p-l-s {
    padding-left: var(--space-s) !important;
  }
  .lg\:p-l-m {
    padding-left: var(--space-m) !important;
  }
  .lg\:p-l-l {
    padding-left: var(--space-l) !important;
  }
  .lg\:p-l-xl {
    padding-left: var(--space-xl) !important;
  }
  .lg\:p-l-2xl {
    padding-left: var(--space-2xl) !important;
  }
  .lg\:p-l-3xl {
    padding-left: var(--space-s3xl) !important;
  }
  .lg\:p-h-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .lg\:p-h-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .lg\:p-h-2xs {
    padding-right: var(--space-2xs) !important;
    padding-left: var(--space-2xs) !important;
  }
  .lg\:p-h-xs {
    padding-right: var(--space-xs) !important;
    padding-left: var(--space-xs) !important;
  }
  .lg\:p-h-s {
    padding-right: var(--space-s) !important;
    padding-left: var(--space-s) !important;
  }
  .lg\:p-h-m {
    padding-right: var(--space-m) !important;
    padding-left: var(--space-m) !important;
  }
  .lg\:p-h-l {
    padding-right: var(--space-l) !important;
    padding-left: var(--space-l) !important;
  }
  .lg\:p-h-xl {
    padding-right: var(--space-xl) !important;
    padding-left: var(--space-xl) !important;
  }
  .lg\:p-h-2xl {
    padding-right: var(--space-2xl) !important;
    padding-left: var(--space-2xl) !important;
  }
  .lg\:p-h-3xl {
    padding-right: var(--space-s3xl) !important;
    padding-left: var(--space-s3xl) !important;
  }
  .lg\:p-v-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .lg\:p-v-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .lg\:p-v-2xs {
    padding-top: var(--space-2xs) !important;
    padding-bottom: var(--space-2xs) !important;
  }
  .lg\:p-v-xs {
    padding-top: var(--space-xs) !important;
    padding-bottom: var(--space-xs) !important;
  }
  .lg\:p-v-s {
    padding-top: var(--space-s) !important;
    padding-bottom: var(--space-s) !important;
  }
  .lg\:p-v-m {
    padding-top: var(--space-m) !important;
    padding-bottom: var(--space-m) !important;
  }
  .lg\:p-v-l {
    padding-top: var(--space-l) !important;
    padding-bottom: var(--space-l) !important;
  }
  .lg\:p-v-xl {
    padding-top: var(--space-xl) !important;
    padding-bottom: var(--space-xl) !important;
  }
  .lg\:p-v-2xl {
    padding-top: var(--space-2xl) !important;
    padding-bottom: var(--space-2xl) !important;
  }
  .lg\:p-v-3xl {
    padding-top: var(--space-s3xl) !important;
    padding-bottom: var(--space-s3xl) !important;
  }
}
@media (min-width: 1440px) {
  .xl\:p-auto {
    padding: auto !important;
  }
  .xl\:p-0 {
    padding: 0 !important;
  }
  .xl\:p-2xs {
    padding: var(--space-2xs) !important;
  }
  .xl\:p-xs {
    padding: var(--space-xs) !important;
  }
  .xl\:p-s {
    padding: var(--space-s) !important;
  }
  .xl\:p-m {
    padding: var(--space-m) !important;
  }
  .xl\:p-l {
    padding: var(--space-l) !important;
  }
  .xl\:p-xl {
    padding: var(--space-xl) !important;
  }
  .xl\:p-2xl {
    padding: var(--space-2xl) !important;
  }
  .xl\:p-3xl {
    padding: var(--space-s3xl) !important;
  }
  .xl\:p-t-auto {
    padding-top: auto !important;
  }
  .xl\:p-t-0 {
    padding-top: 0 !important;
  }
  .xl\:p-t-2xs {
    padding-top: var(--space-2xs) !important;
  }
  .xl\:p-t-xs {
    padding-top: var(--space-xs) !important;
  }
  .xl\:p-t-s {
    padding-top: var(--space-s) !important;
  }
  .xl\:p-t-m {
    padding-top: var(--space-m) !important;
  }
  .xl\:p-t-l {
    padding-top: var(--space-l) !important;
  }
  .xl\:p-t-xl {
    padding-top: var(--space-xl) !important;
  }
  .xl\:p-t-2xl {
    padding-top: var(--space-2xl) !important;
  }
  .xl\:p-t-3xl {
    padding-top: var(--space-s3xl) !important;
  }
  .xl\:p-r-auto {
    padding-right: auto !important;
  }
  .xl\:p-r-0 {
    padding-right: 0 !important;
  }
  .xl\:p-r-2xs {
    padding-right: var(--space-2xs) !important;
  }
  .xl\:p-r-xs {
    padding-right: var(--space-xs) !important;
  }
  .xl\:p-r-s {
    padding-right: var(--space-s) !important;
  }
  .xl\:p-r-m {
    padding-right: var(--space-m) !important;
  }
  .xl\:p-r-l {
    padding-right: var(--space-l) !important;
  }
  .xl\:p-r-xl {
    padding-right: var(--space-xl) !important;
  }
  .xl\:p-r-2xl {
    padding-right: var(--space-2xl) !important;
  }
  .xl\:p-r-3xl {
    padding-right: var(--space-s3xl) !important;
  }
  .xl\:p-b-auto {
    padding-bottom: auto !important;
  }
  .xl\:p-b-0 {
    padding-bottom: 0 !important;
  }
  .xl\:p-b-2xs {
    padding-bottom: var(--space-2xs) !important;
  }
  .xl\:p-b-xs {
    padding-bottom: var(--space-xs) !important;
  }
  .xl\:p-b-s {
    padding-bottom: var(--space-s) !important;
  }
  .xl\:p-b-m {
    padding-bottom: var(--space-m) !important;
  }
  .xl\:p-b-l {
    padding-bottom: var(--space-l) !important;
  }
  .xl\:p-b-xl {
    padding-bottom: var(--space-xl) !important;
  }
  .xl\:p-b-2xl {
    padding-bottom: var(--space-2xl) !important;
  }
  .xl\:p-b-3xl {
    padding-bottom: var(--space-s3xl) !important;
  }
  .xl\:p-l-auto {
    padding-left: auto !important;
  }
  .xl\:p-l-0 {
    padding-left: 0 !important;
  }
  .xl\:p-l-2xs {
    padding-left: var(--space-2xs) !important;
  }
  .xl\:p-l-xs {
    padding-left: var(--space-xs) !important;
  }
  .xl\:p-l-s {
    padding-left: var(--space-s) !important;
  }
  .xl\:p-l-m {
    padding-left: var(--space-m) !important;
  }
  .xl\:p-l-l {
    padding-left: var(--space-l) !important;
  }
  .xl\:p-l-xl {
    padding-left: var(--space-xl) !important;
  }
  .xl\:p-l-2xl {
    padding-left: var(--space-2xl) !important;
  }
  .xl\:p-l-3xl {
    padding-left: var(--space-s3xl) !important;
  }
  .xl\:p-h-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .xl\:p-h-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .xl\:p-h-2xs {
    padding-right: var(--space-2xs) !important;
    padding-left: var(--space-2xs) !important;
  }
  .xl\:p-h-xs {
    padding-right: var(--space-xs) !important;
    padding-left: var(--space-xs) !important;
  }
  .xl\:p-h-s {
    padding-right: var(--space-s) !important;
    padding-left: var(--space-s) !important;
  }
  .xl\:p-h-m {
    padding-right: var(--space-m) !important;
    padding-left: var(--space-m) !important;
  }
  .xl\:p-h-l {
    padding-right: var(--space-l) !important;
    padding-left: var(--space-l) !important;
  }
  .xl\:p-h-xl {
    padding-right: var(--space-xl) !important;
    padding-left: var(--space-xl) !important;
  }
  .xl\:p-h-2xl {
    padding-right: var(--space-2xl) !important;
    padding-left: var(--space-2xl) !important;
  }
  .xl\:p-h-3xl {
    padding-right: var(--space-s3xl) !important;
    padding-left: var(--space-s3xl) !important;
  }
  .xl\:p-v-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .xl\:p-v-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .xl\:p-v-2xs {
    padding-top: var(--space-2xs) !important;
    padding-bottom: var(--space-2xs) !important;
  }
  .xl\:p-v-xs {
    padding-top: var(--space-xs) !important;
    padding-bottom: var(--space-xs) !important;
  }
  .xl\:p-v-s {
    padding-top: var(--space-s) !important;
    padding-bottom: var(--space-s) !important;
  }
  .xl\:p-v-m {
    padding-top: var(--space-m) !important;
    padding-bottom: var(--space-m) !important;
  }
  .xl\:p-v-l {
    padding-top: var(--space-l) !important;
    padding-bottom: var(--space-l) !important;
  }
  .xl\:p-v-xl {
    padding-top: var(--space-xl) !important;
    padding-bottom: var(--space-xl) !important;
  }
  .xl\:p-v-2xl {
    padding-top: var(--space-2xl) !important;
    padding-bottom: var(--space-2xl) !important;
  }
  .xl\:p-v-3xl {
    padding-top: var(--space-s3xl) !important;
    padding-bottom: var(--space-s3xl) !important;
  }
}
.flow-auto {
  --flow-space: auto !important;
}

.flow-0 {
  --flow-space: 0 !important;
}

.flow-2xs {
  --flow-space: var(--space-2xs) !important;
}

.flow-xs {
  --flow-space: var(--space-xs) !important;
}

.flow-s {
  --flow-space: var(--space-s) !important;
}

.flow-m {
  --flow-space: var(--space-m) !important;
}

.flow-l {
  --flow-space: var(--space-l) !important;
}

.flow-xl {
  --flow-space: var(--space-xl) !important;
}

.flow-2xl {
  --flow-space: var(--space-2xl) !important;
}

.flow-3xl {
  --flow-space: var(--space-s3xl) !important;
}

@media (min-width: 320px) {
  .xxs\:flow-auto {
    --flow-space: auto !important;
  }
  .xxs\:flow-0 {
    --flow-space: 0 !important;
  }
  .xxs\:flow-2xs {
    --flow-space: var(--space-2xs) !important;
  }
  .xxs\:flow-xs {
    --flow-space: var(--space-xs) !important;
  }
  .xxs\:flow-s {
    --flow-space: var(--space-s) !important;
  }
  .xxs\:flow-m {
    --flow-space: var(--space-m) !important;
  }
  .xxs\:flow-l {
    --flow-space: var(--space-l) !important;
  }
  .xxs\:flow-xl {
    --flow-space: var(--space-xl) !important;
  }
  .xxs\:flow-2xl {
    --flow-space: var(--space-2xl) !important;
  }
  .xxs\:flow-3xl {
    --flow-space: var(--space-s3xl) !important;
  }
}
@media (min-width: 480px) {
  .xs\:flow-auto {
    --flow-space: auto !important;
  }
  .xs\:flow-0 {
    --flow-space: 0 !important;
  }
  .xs\:flow-2xs {
    --flow-space: var(--space-2xs) !important;
  }
  .xs\:flow-xs {
    --flow-space: var(--space-xs) !important;
  }
  .xs\:flow-s {
    --flow-space: var(--space-s) !important;
  }
  .xs\:flow-m {
    --flow-space: var(--space-m) !important;
  }
  .xs\:flow-l {
    --flow-space: var(--space-l) !important;
  }
  .xs\:flow-xl {
    --flow-space: var(--space-xl) !important;
  }
  .xs\:flow-2xl {
    --flow-space: var(--space-2xl) !important;
  }
  .xs\:flow-3xl {
    --flow-space: var(--space-s3xl) !important;
  }
}
@media (min-width: 768px) {
  .sm\:flow-auto {
    --flow-space: auto !important;
  }
  .sm\:flow-0 {
    --flow-space: 0 !important;
  }
  .sm\:flow-2xs {
    --flow-space: var(--space-2xs) !important;
  }
  .sm\:flow-xs {
    --flow-space: var(--space-xs) !important;
  }
  .sm\:flow-s {
    --flow-space: var(--space-s) !important;
  }
  .sm\:flow-m {
    --flow-space: var(--space-m) !important;
  }
  .sm\:flow-l {
    --flow-space: var(--space-l) !important;
  }
  .sm\:flow-xl {
    --flow-space: var(--space-xl) !important;
  }
  .sm\:flow-2xl {
    --flow-space: var(--space-2xl) !important;
  }
  .sm\:flow-3xl {
    --flow-space: var(--space-s3xl) !important;
  }
}
@media (min-width: 1024px) {
  .md\:flow-auto {
    --flow-space: auto !important;
  }
  .md\:flow-0 {
    --flow-space: 0 !important;
  }
  .md\:flow-2xs {
    --flow-space: var(--space-2xs) !important;
  }
  .md\:flow-xs {
    --flow-space: var(--space-xs) !important;
  }
  .md\:flow-s {
    --flow-space: var(--space-s) !important;
  }
  .md\:flow-m {
    --flow-space: var(--space-m) !important;
  }
  .md\:flow-l {
    --flow-space: var(--space-l) !important;
  }
  .md\:flow-xl {
    --flow-space: var(--space-xl) !important;
  }
  .md\:flow-2xl {
    --flow-space: var(--space-2xl) !important;
  }
  .md\:flow-3xl {
    --flow-space: var(--space-s3xl) !important;
  }
}
@media (min-width: 1280px) {
  .lg\:flow-auto {
    --flow-space: auto !important;
  }
  .lg\:flow-0 {
    --flow-space: 0 !important;
  }
  .lg\:flow-2xs {
    --flow-space: var(--space-2xs) !important;
  }
  .lg\:flow-xs {
    --flow-space: var(--space-xs) !important;
  }
  .lg\:flow-s {
    --flow-space: var(--space-s) !important;
  }
  .lg\:flow-m {
    --flow-space: var(--space-m) !important;
  }
  .lg\:flow-l {
    --flow-space: var(--space-l) !important;
  }
  .lg\:flow-xl {
    --flow-space: var(--space-xl) !important;
  }
  .lg\:flow-2xl {
    --flow-space: var(--space-2xl) !important;
  }
  .lg\:flow-3xl {
    --flow-space: var(--space-s3xl) !important;
  }
}
@media (min-width: 1440px) {
  .xl\:flow-auto {
    --flow-space: auto !important;
  }
  .xl\:flow-0 {
    --flow-space: 0 !important;
  }
  .xl\:flow-2xs {
    --flow-space: var(--space-2xs) !important;
  }
  .xl\:flow-xs {
    --flow-space: var(--space-xs) !important;
  }
  .xl\:flow-s {
    --flow-space: var(--space-s) !important;
  }
  .xl\:flow-m {
    --flow-space: var(--space-m) !important;
  }
  .xl\:flow-l {
    --flow-space: var(--space-l) !important;
  }
  .xl\:flow-xl {
    --flow-space: var(--space-xl) !important;
  }
  .xl\:flow-2xl {
    --flow-space: var(--space-2xl) !important;
  }
  .xl\:flow-3xl {
    --flow-space: var(--space-s3xl) !important;
  }
}
.column-gap-auto {
  column-gap: auto;
}

.column-gap-0 {
  column-gap: 0;
}

.column-gap-2xs {
  column-gap: var(--space-2xs);
}

.column-gap-xs {
  column-gap: var(--space-xs);
}

.column-gap-s {
  column-gap: var(--space-s);
}

.column-gap-m {
  column-gap: var(--space-m);
}

.column-gap-l {
  column-gap: var(--space-l);
}

.column-gap-xl {
  column-gap: var(--space-xl);
}

.column-gap-2xl {
  column-gap: var(--space-2xl);
}

.column-gap-3xl {
  column-gap: var(--space-s3xl);
}

@media (min-width: 320px) {
  .xxs\:column-gap-auto {
    column-gap: auto;
  }
  .xxs\:column-gap-0 {
    column-gap: 0;
  }
  .xxs\:column-gap-2xs {
    column-gap: var(--space-2xs);
  }
  .xxs\:column-gap-xs {
    column-gap: var(--space-xs);
  }
  .xxs\:column-gap-s {
    column-gap: var(--space-s);
  }
  .xxs\:column-gap-m {
    column-gap: var(--space-m);
  }
  .xxs\:column-gap-l {
    column-gap: var(--space-l);
  }
  .xxs\:column-gap-xl {
    column-gap: var(--space-xl);
  }
  .xxs\:column-gap-2xl {
    column-gap: var(--space-2xl);
  }
  .xxs\:column-gap-3xl {
    column-gap: var(--space-s3xl);
  }
}
@media (min-width: 480px) {
  .xs\:column-gap-auto {
    column-gap: auto;
  }
  .xs\:column-gap-0 {
    column-gap: 0;
  }
  .xs\:column-gap-2xs {
    column-gap: var(--space-2xs);
  }
  .xs\:column-gap-xs {
    column-gap: var(--space-xs);
  }
  .xs\:column-gap-s {
    column-gap: var(--space-s);
  }
  .xs\:column-gap-m {
    column-gap: var(--space-m);
  }
  .xs\:column-gap-l {
    column-gap: var(--space-l);
  }
  .xs\:column-gap-xl {
    column-gap: var(--space-xl);
  }
  .xs\:column-gap-2xl {
    column-gap: var(--space-2xl);
  }
  .xs\:column-gap-3xl {
    column-gap: var(--space-s3xl);
  }
}
@media (min-width: 768px) {
  .sm\:column-gap-auto {
    column-gap: auto;
  }
  .sm\:column-gap-0 {
    column-gap: 0;
  }
  .sm\:column-gap-2xs {
    column-gap: var(--space-2xs);
  }
  .sm\:column-gap-xs {
    column-gap: var(--space-xs);
  }
  .sm\:column-gap-s {
    column-gap: var(--space-s);
  }
  .sm\:column-gap-m {
    column-gap: var(--space-m);
  }
  .sm\:column-gap-l {
    column-gap: var(--space-l);
  }
  .sm\:column-gap-xl {
    column-gap: var(--space-xl);
  }
  .sm\:column-gap-2xl {
    column-gap: var(--space-2xl);
  }
  .sm\:column-gap-3xl {
    column-gap: var(--space-s3xl);
  }
}
@media (min-width: 1024px) {
  .md\:column-gap-auto {
    column-gap: auto;
  }
  .md\:column-gap-0 {
    column-gap: 0;
  }
  .md\:column-gap-2xs {
    column-gap: var(--space-2xs);
  }
  .md\:column-gap-xs {
    column-gap: var(--space-xs);
  }
  .md\:column-gap-s {
    column-gap: var(--space-s);
  }
  .md\:column-gap-m {
    column-gap: var(--space-m);
  }
  .md\:column-gap-l {
    column-gap: var(--space-l);
  }
  .md\:column-gap-xl {
    column-gap: var(--space-xl);
  }
  .md\:column-gap-2xl {
    column-gap: var(--space-2xl);
  }
  .md\:column-gap-3xl {
    column-gap: var(--space-s3xl);
  }
}
@media (min-width: 1280px) {
  .lg\:column-gap-auto {
    column-gap: auto;
  }
  .lg\:column-gap-0 {
    column-gap: 0;
  }
  .lg\:column-gap-2xs {
    column-gap: var(--space-2xs);
  }
  .lg\:column-gap-xs {
    column-gap: var(--space-xs);
  }
  .lg\:column-gap-s {
    column-gap: var(--space-s);
  }
  .lg\:column-gap-m {
    column-gap: var(--space-m);
  }
  .lg\:column-gap-l {
    column-gap: var(--space-l);
  }
  .lg\:column-gap-xl {
    column-gap: var(--space-xl);
  }
  .lg\:column-gap-2xl {
    column-gap: var(--space-2xl);
  }
  .lg\:column-gap-3xl {
    column-gap: var(--space-s3xl);
  }
}
@media (min-width: 1440px) {
  .xl\:column-gap-auto {
    column-gap: auto;
  }
  .xl\:column-gap-0 {
    column-gap: 0;
  }
  .xl\:column-gap-2xs {
    column-gap: var(--space-2xs);
  }
  .xl\:column-gap-xs {
    column-gap: var(--space-xs);
  }
  .xl\:column-gap-s {
    column-gap: var(--space-s);
  }
  .xl\:column-gap-m {
    column-gap: var(--space-m);
  }
  .xl\:column-gap-l {
    column-gap: var(--space-l);
  }
  .xl\:column-gap-xl {
    column-gap: var(--space-xl);
  }
  .xl\:column-gap-2xl {
    column-gap: var(--space-2xl);
  }
  .xl\:column-gap-3xl {
    column-gap: var(--space-s3xl);
  }
}
.row-gap-auto {
  row-gap: auto;
}

.row-gap-0 {
  row-gap: 0;
}

.row-gap-2xs {
  row-gap: var(--space-2xs);
}

.row-gap-xs {
  row-gap: var(--space-xs);
}

.row-gap-s {
  row-gap: var(--space-s);
}

.row-gap-m {
  row-gap: var(--space-m);
}

.row-gap-l {
  row-gap: var(--space-l);
}

.row-gap-xl {
  row-gap: var(--space-xl);
}

.row-gap-2xl {
  row-gap: var(--space-2xl);
}

.row-gap-3xl {
  row-gap: var(--space-s3xl);
}

@media (min-width: 320px) {
  .xxs\:row-gap-auto {
    row-gap: auto;
  }
  .xxs\:row-gap-0 {
    row-gap: 0;
  }
  .xxs\:row-gap-2xs {
    row-gap: var(--space-2xs);
  }
  .xxs\:row-gap-xs {
    row-gap: var(--space-xs);
  }
  .xxs\:row-gap-s {
    row-gap: var(--space-s);
  }
  .xxs\:row-gap-m {
    row-gap: var(--space-m);
  }
  .xxs\:row-gap-l {
    row-gap: var(--space-l);
  }
  .xxs\:row-gap-xl {
    row-gap: var(--space-xl);
  }
  .xxs\:row-gap-2xl {
    row-gap: var(--space-2xl);
  }
  .xxs\:row-gap-3xl {
    row-gap: var(--space-s3xl);
  }
}
@media (min-width: 480px) {
  .xs\:row-gap-auto {
    row-gap: auto;
  }
  .xs\:row-gap-0 {
    row-gap: 0;
  }
  .xs\:row-gap-2xs {
    row-gap: var(--space-2xs);
  }
  .xs\:row-gap-xs {
    row-gap: var(--space-xs);
  }
  .xs\:row-gap-s {
    row-gap: var(--space-s);
  }
  .xs\:row-gap-m {
    row-gap: var(--space-m);
  }
  .xs\:row-gap-l {
    row-gap: var(--space-l);
  }
  .xs\:row-gap-xl {
    row-gap: var(--space-xl);
  }
  .xs\:row-gap-2xl {
    row-gap: var(--space-2xl);
  }
  .xs\:row-gap-3xl {
    row-gap: var(--space-s3xl);
  }
}
@media (min-width: 768px) {
  .sm\:row-gap-auto {
    row-gap: auto;
  }
  .sm\:row-gap-0 {
    row-gap: 0;
  }
  .sm\:row-gap-2xs {
    row-gap: var(--space-2xs);
  }
  .sm\:row-gap-xs {
    row-gap: var(--space-xs);
  }
  .sm\:row-gap-s {
    row-gap: var(--space-s);
  }
  .sm\:row-gap-m {
    row-gap: var(--space-m);
  }
  .sm\:row-gap-l {
    row-gap: var(--space-l);
  }
  .sm\:row-gap-xl {
    row-gap: var(--space-xl);
  }
  .sm\:row-gap-2xl {
    row-gap: var(--space-2xl);
  }
  .sm\:row-gap-3xl {
    row-gap: var(--space-s3xl);
  }
}
@media (min-width: 1024px) {
  .md\:row-gap-auto {
    row-gap: auto;
  }
  .md\:row-gap-0 {
    row-gap: 0;
  }
  .md\:row-gap-2xs {
    row-gap: var(--space-2xs);
  }
  .md\:row-gap-xs {
    row-gap: var(--space-xs);
  }
  .md\:row-gap-s {
    row-gap: var(--space-s);
  }
  .md\:row-gap-m {
    row-gap: var(--space-m);
  }
  .md\:row-gap-l {
    row-gap: var(--space-l);
  }
  .md\:row-gap-xl {
    row-gap: var(--space-xl);
  }
  .md\:row-gap-2xl {
    row-gap: var(--space-2xl);
  }
  .md\:row-gap-3xl {
    row-gap: var(--space-s3xl);
  }
}
@media (min-width: 1280px) {
  .lg\:row-gap-auto {
    row-gap: auto;
  }
  .lg\:row-gap-0 {
    row-gap: 0;
  }
  .lg\:row-gap-2xs {
    row-gap: var(--space-2xs);
  }
  .lg\:row-gap-xs {
    row-gap: var(--space-xs);
  }
  .lg\:row-gap-s {
    row-gap: var(--space-s);
  }
  .lg\:row-gap-m {
    row-gap: var(--space-m);
  }
  .lg\:row-gap-l {
    row-gap: var(--space-l);
  }
  .lg\:row-gap-xl {
    row-gap: var(--space-xl);
  }
  .lg\:row-gap-2xl {
    row-gap: var(--space-2xl);
  }
  .lg\:row-gap-3xl {
    row-gap: var(--space-s3xl);
  }
}
@media (min-width: 1440px) {
  .xl\:row-gap-auto {
    row-gap: auto;
  }
  .xl\:row-gap-0 {
    row-gap: 0;
  }
  .xl\:row-gap-2xs {
    row-gap: var(--space-2xs);
  }
  .xl\:row-gap-xs {
    row-gap: var(--space-xs);
  }
  .xl\:row-gap-s {
    row-gap: var(--space-s);
  }
  .xl\:row-gap-m {
    row-gap: var(--space-m);
  }
  .xl\:row-gap-l {
    row-gap: var(--space-l);
  }
  .xl\:row-gap-xl {
    row-gap: var(--space-xl);
  }
  .xl\:row-gap-2xl {
    row-gap: var(--space-2xl);
  }
  .xl\:row-gap-3xl {
    row-gap: var(--space-s3xl);
  }
}
.gap-auto {
  gap: auto;
}

.gap-0 {
  gap: 0;
}

.gap-2xs {
  gap: var(--space-2xs);
}

.gap-xs {
  gap: var(--space-xs);
}

.gap-s {
  gap: var(--space-s);
}

.gap-m {
  gap: var(--space-m);
}

.gap-l {
  gap: var(--space-l);
}

.gap-xl {
  gap: var(--space-xl);
}

.gap-2xl {
  gap: var(--space-2xl);
}

.gap-3xl {
  gap: var(--space-s3xl);
}

.width-0 {
  width: 0;
}

.width-25 {
  width: 25%;
}

.width-33 {
  width: 33.3%;
}

.width-50 {
  width: 50%;
}

.width-66 {
  width: 66.6%;
}

.width-75 {
  width: 75%;
}

.width-87 {
  width: 87.5%;
}

.width-100 {
  width: 100%;
}

.width-auto {
  width: auto;
}

.width-fit {
  width: fit-content;
}

.width-max {
  width: max-content;
}

.width-min {
  width: min-content;
}

.width-none {
  width: none;
}

.width-paragraph-max {
  width: var(--paragraph-max-width);
}

@media (min-width: 320px) {
  .xxs\:width-0 {
    width: 0;
  }
  .xxs\:width-25 {
    width: 25%;
  }
  .xxs\:width-33 {
    width: 33.3%;
  }
  .xxs\:width-50 {
    width: 50%;
  }
  .xxs\:width-66 {
    width: 66.6%;
  }
  .xxs\:width-75 {
    width: 75%;
  }
  .xxs\:width-87 {
    width: 87.5%;
  }
  .xxs\:width-100 {
    width: 100%;
  }
  .xxs\:width-auto {
    width: auto;
  }
  .xxs\:width-fit {
    width: fit-content;
  }
  .xxs\:width-max {
    width: max-content;
  }
  .xxs\:width-min {
    width: min-content;
  }
  .xxs\:width-none {
    width: none;
  }
  .xxs\:width-paragraph-max {
    width: var(--paragraph-max-width);
  }
}
@media (min-width: 480px) {
  .xs\:width-0 {
    width: 0;
  }
  .xs\:width-25 {
    width: 25%;
  }
  .xs\:width-33 {
    width: 33.3%;
  }
  .xs\:width-50 {
    width: 50%;
  }
  .xs\:width-66 {
    width: 66.6%;
  }
  .xs\:width-75 {
    width: 75%;
  }
  .xs\:width-87 {
    width: 87.5%;
  }
  .xs\:width-100 {
    width: 100%;
  }
  .xs\:width-auto {
    width: auto;
  }
  .xs\:width-fit {
    width: fit-content;
  }
  .xs\:width-max {
    width: max-content;
  }
  .xs\:width-min {
    width: min-content;
  }
  .xs\:width-none {
    width: none;
  }
  .xs\:width-paragraph-max {
    width: var(--paragraph-max-width);
  }
}
@media (min-width: 768px) {
  .sm\:width-0 {
    width: 0;
  }
  .sm\:width-25 {
    width: 25%;
  }
  .sm\:width-33 {
    width: 33.3%;
  }
  .sm\:width-50 {
    width: 50%;
  }
  .sm\:width-66 {
    width: 66.6%;
  }
  .sm\:width-75 {
    width: 75%;
  }
  .sm\:width-87 {
    width: 87.5%;
  }
  .sm\:width-100 {
    width: 100%;
  }
  .sm\:width-auto {
    width: auto;
  }
  .sm\:width-fit {
    width: fit-content;
  }
  .sm\:width-max {
    width: max-content;
  }
  .sm\:width-min {
    width: min-content;
  }
  .sm\:width-none {
    width: none;
  }
  .sm\:width-paragraph-max {
    width: var(--paragraph-max-width);
  }
}
@media (min-width: 1024px) {
  .md\:width-0 {
    width: 0;
  }
  .md\:width-25 {
    width: 25%;
  }
  .md\:width-33 {
    width: 33.3%;
  }
  .md\:width-50 {
    width: 50%;
  }
  .md\:width-66 {
    width: 66.6%;
  }
  .md\:width-75 {
    width: 75%;
  }
  .md\:width-87 {
    width: 87.5%;
  }
  .md\:width-100 {
    width: 100%;
  }
  .md\:width-auto {
    width: auto;
  }
  .md\:width-fit {
    width: fit-content;
  }
  .md\:width-max {
    width: max-content;
  }
  .md\:width-min {
    width: min-content;
  }
  .md\:width-none {
    width: none;
  }
  .md\:width-paragraph-max {
    width: var(--paragraph-max-width);
  }
}
@media (min-width: 1280px) {
  .lg\:width-0 {
    width: 0;
  }
  .lg\:width-25 {
    width: 25%;
  }
  .lg\:width-33 {
    width: 33.3%;
  }
  .lg\:width-50 {
    width: 50%;
  }
  .lg\:width-66 {
    width: 66.6%;
  }
  .lg\:width-75 {
    width: 75%;
  }
  .lg\:width-87 {
    width: 87.5%;
  }
  .lg\:width-100 {
    width: 100%;
  }
  .lg\:width-auto {
    width: auto;
  }
  .lg\:width-fit {
    width: fit-content;
  }
  .lg\:width-max {
    width: max-content;
  }
  .lg\:width-min {
    width: min-content;
  }
  .lg\:width-none {
    width: none;
  }
  .lg\:width-paragraph-max {
    width: var(--paragraph-max-width);
  }
}
@media (min-width: 1440px) {
  .xl\:width-0 {
    width: 0;
  }
  .xl\:width-25 {
    width: 25%;
  }
  .xl\:width-33 {
    width: 33.3%;
  }
  .xl\:width-50 {
    width: 50%;
  }
  .xl\:width-66 {
    width: 66.6%;
  }
  .xl\:width-75 {
    width: 75%;
  }
  .xl\:width-87 {
    width: 87.5%;
  }
  .xl\:width-100 {
    width: 100%;
  }
  .xl\:width-auto {
    width: auto;
  }
  .xl\:width-fit {
    width: fit-content;
  }
  .xl\:width-max {
    width: max-content;
  }
  .xl\:width-min {
    width: min-content;
  }
  .xl\:width-none {
    width: none;
  }
  .xl\:width-paragraph-max {
    width: var(--paragraph-max-width);
  }
}
.max-width-0 {
  max-width: 0;
}

.max-width-25 {
  max-width: 25%;
}

.max-width-33 {
  max-width: 33.3%;
}

.max-width-50 {
  max-width: 50%;
}

.max-width-66 {
  max-width: 66.6%;
}

.max-width-75 {
  max-width: 75%;
}

.max-width-87 {
  max-width: 87.5%;
}

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

.max-width-auto {
  max-width: auto;
}

.max-width-fit {
  max-width: fit-content;
}

.max-width-max {
  max-width: max-content;
}

.max-width-min {
  max-width: min-content;
}

.max-width-none {
  max-width: none;
}

.max-width-paragraph-max {
  max-width: var(--paragraph-max-width);
}

@media (min-width: 320px) {
  .xxs\:max-width-0 {
    max-width: 0;
  }
  .xxs\:max-width-25 {
    max-width: 25%;
  }
  .xxs\:max-width-33 {
    max-width: 33.3%;
  }
  .xxs\:max-width-50 {
    max-width: 50%;
  }
  .xxs\:max-width-66 {
    max-width: 66.6%;
  }
  .xxs\:max-width-75 {
    max-width: 75%;
  }
  .xxs\:max-width-87 {
    max-width: 87.5%;
  }
  .xxs\:max-width-100 {
    max-width: 100%;
  }
  .xxs\:max-width-auto {
    max-width: auto;
  }
  .xxs\:max-width-fit {
    max-width: fit-content;
  }
  .xxs\:max-width-max {
    max-width: max-content;
  }
  .xxs\:max-width-min {
    max-width: min-content;
  }
  .xxs\:max-width-none {
    max-width: none;
  }
  .xxs\:max-width-paragraph-max {
    max-width: var(--paragraph-max-width);
  }
}
@media (min-width: 480px) {
  .xs\:max-width-0 {
    max-width: 0;
  }
  .xs\:max-width-25 {
    max-width: 25%;
  }
  .xs\:max-width-33 {
    max-width: 33.3%;
  }
  .xs\:max-width-50 {
    max-width: 50%;
  }
  .xs\:max-width-66 {
    max-width: 66.6%;
  }
  .xs\:max-width-75 {
    max-width: 75%;
  }
  .xs\:max-width-87 {
    max-width: 87.5%;
  }
  .xs\:max-width-100 {
    max-width: 100%;
  }
  .xs\:max-width-auto {
    max-width: auto;
  }
  .xs\:max-width-fit {
    max-width: fit-content;
  }
  .xs\:max-width-max {
    max-width: max-content;
  }
  .xs\:max-width-min {
    max-width: min-content;
  }
  .xs\:max-width-none {
    max-width: none;
  }
  .xs\:max-width-paragraph-max {
    max-width: var(--paragraph-max-width);
  }
}
@media (min-width: 768px) {
  .sm\:max-width-0 {
    max-width: 0;
  }
  .sm\:max-width-25 {
    max-width: 25%;
  }
  .sm\:max-width-33 {
    max-width: 33.3%;
  }
  .sm\:max-width-50 {
    max-width: 50%;
  }
  .sm\:max-width-66 {
    max-width: 66.6%;
  }
  .sm\:max-width-75 {
    max-width: 75%;
  }
  .sm\:max-width-87 {
    max-width: 87.5%;
  }
  .sm\:max-width-100 {
    max-width: 100%;
  }
  .sm\:max-width-auto {
    max-width: auto;
  }
  .sm\:max-width-fit {
    max-width: fit-content;
  }
  .sm\:max-width-max {
    max-width: max-content;
  }
  .sm\:max-width-min {
    max-width: min-content;
  }
  .sm\:max-width-none {
    max-width: none;
  }
  .sm\:max-width-paragraph-max {
    max-width: var(--paragraph-max-width);
  }
}
@media (min-width: 1024px) {
  .md\:max-width-0 {
    max-width: 0;
  }
  .md\:max-width-25 {
    max-width: 25%;
  }
  .md\:max-width-33 {
    max-width: 33.3%;
  }
  .md\:max-width-50 {
    max-width: 50%;
  }
  .md\:max-width-66 {
    max-width: 66.6%;
  }
  .md\:max-width-75 {
    max-width: 75%;
  }
  .md\:max-width-87 {
    max-width: 87.5%;
  }
  .md\:max-width-100 {
    max-width: 100%;
  }
  .md\:max-width-auto {
    max-width: auto;
  }
  .md\:max-width-fit {
    max-width: fit-content;
  }
  .md\:max-width-max {
    max-width: max-content;
  }
  .md\:max-width-min {
    max-width: min-content;
  }
  .md\:max-width-none {
    max-width: none;
  }
  .md\:max-width-paragraph-max {
    max-width: var(--paragraph-max-width);
  }
}
@media (min-width: 1280px) {
  .lg\:max-width-0 {
    max-width: 0;
  }
  .lg\:max-width-25 {
    max-width: 25%;
  }
  .lg\:max-width-33 {
    max-width: 33.3%;
  }
  .lg\:max-width-50 {
    max-width: 50%;
  }
  .lg\:max-width-66 {
    max-width: 66.6%;
  }
  .lg\:max-width-75 {
    max-width: 75%;
  }
  .lg\:max-width-87 {
    max-width: 87.5%;
  }
  .lg\:max-width-100 {
    max-width: 100%;
  }
  .lg\:max-width-auto {
    max-width: auto;
  }
  .lg\:max-width-fit {
    max-width: fit-content;
  }
  .lg\:max-width-max {
    max-width: max-content;
  }
  .lg\:max-width-min {
    max-width: min-content;
  }
  .lg\:max-width-none {
    max-width: none;
  }
  .lg\:max-width-paragraph-max {
    max-width: var(--paragraph-max-width);
  }
}
@media (min-width: 1440px) {
  .xl\:max-width-0 {
    max-width: 0;
  }
  .xl\:max-width-25 {
    max-width: 25%;
  }
  .xl\:max-width-33 {
    max-width: 33.3%;
  }
  .xl\:max-width-50 {
    max-width: 50%;
  }
  .xl\:max-width-66 {
    max-width: 66.6%;
  }
  .xl\:max-width-75 {
    max-width: 75%;
  }
  .xl\:max-width-87 {
    max-width: 87.5%;
  }
  .xl\:max-width-100 {
    max-width: 100%;
  }
  .xl\:max-width-auto {
    max-width: auto;
  }
  .xl\:max-width-fit {
    max-width: fit-content;
  }
  .xl\:max-width-max {
    max-width: max-content;
  }
  .xl\:max-width-min {
    max-width: min-content;
  }
  .xl\:max-width-none {
    max-width: none;
  }
  .xl\:max-width-paragraph-max {
    max-width: var(--paragraph-max-width);
  }
}
.min-width-0 {
  min-width: 0;
}

.min-width-25 {
  min-width: 25%;
}

.min-width-33 {
  min-width: 33.3%;
}

.min-width-50 {
  min-width: 50%;
}

.min-width-66 {
  min-width: 66.6%;
}

.min-width-75 {
  min-width: 75%;
}

.min-width-87 {
  min-width: 87.5%;
}

.min-width-100 {
  min-width: 100%;
}

.min-width-auto {
  min-width: auto;
}

.min-width-fit {
  min-width: fit-content;
}

.min-width-max {
  min-width: max-content;
}

.min-width-min {
  min-width: min-content;
}

.min-width-none {
  min-width: none;
}

.min-width-paragraph-max {
  min-width: var(--paragraph-max-width);
}

@media (min-width: 320px) {
  .xxs\:min-width-0 {
    min-width: 0;
  }
  .xxs\:min-width-25 {
    min-width: 25%;
  }
  .xxs\:min-width-33 {
    min-width: 33.3%;
  }
  .xxs\:min-width-50 {
    min-width: 50%;
  }
  .xxs\:min-width-66 {
    min-width: 66.6%;
  }
  .xxs\:min-width-75 {
    min-width: 75%;
  }
  .xxs\:min-width-87 {
    min-width: 87.5%;
  }
  .xxs\:min-width-100 {
    min-width: 100%;
  }
  .xxs\:min-width-auto {
    min-width: auto;
  }
  .xxs\:min-width-fit {
    min-width: fit-content;
  }
  .xxs\:min-width-max {
    min-width: max-content;
  }
  .xxs\:min-width-min {
    min-width: min-content;
  }
  .xxs\:min-width-none {
    min-width: none;
  }
  .xxs\:min-width-paragraph-max {
    min-width: var(--paragraph-max-width);
  }
}
@media (min-width: 480px) {
  .xs\:min-width-0 {
    min-width: 0;
  }
  .xs\:min-width-25 {
    min-width: 25%;
  }
  .xs\:min-width-33 {
    min-width: 33.3%;
  }
  .xs\:min-width-50 {
    min-width: 50%;
  }
  .xs\:min-width-66 {
    min-width: 66.6%;
  }
  .xs\:min-width-75 {
    min-width: 75%;
  }
  .xs\:min-width-87 {
    min-width: 87.5%;
  }
  .xs\:min-width-100 {
    min-width: 100%;
  }
  .xs\:min-width-auto {
    min-width: auto;
  }
  .xs\:min-width-fit {
    min-width: fit-content;
  }
  .xs\:min-width-max {
    min-width: max-content;
  }
  .xs\:min-width-min {
    min-width: min-content;
  }
  .xs\:min-width-none {
    min-width: none;
  }
  .xs\:min-width-paragraph-max {
    min-width: var(--paragraph-max-width);
  }
}
@media (min-width: 768px) {
  .sm\:min-width-0 {
    min-width: 0;
  }
  .sm\:min-width-25 {
    min-width: 25%;
  }
  .sm\:min-width-33 {
    min-width: 33.3%;
  }
  .sm\:min-width-50 {
    min-width: 50%;
  }
  .sm\:min-width-66 {
    min-width: 66.6%;
  }
  .sm\:min-width-75 {
    min-width: 75%;
  }
  .sm\:min-width-87 {
    min-width: 87.5%;
  }
  .sm\:min-width-100 {
    min-width: 100%;
  }
  .sm\:min-width-auto {
    min-width: auto;
  }
  .sm\:min-width-fit {
    min-width: fit-content;
  }
  .sm\:min-width-max {
    min-width: max-content;
  }
  .sm\:min-width-min {
    min-width: min-content;
  }
  .sm\:min-width-none {
    min-width: none;
  }
  .sm\:min-width-paragraph-max {
    min-width: var(--paragraph-max-width);
  }
}
@media (min-width: 1024px) {
  .md\:min-width-0 {
    min-width: 0;
  }
  .md\:min-width-25 {
    min-width: 25%;
  }
  .md\:min-width-33 {
    min-width: 33.3%;
  }
  .md\:min-width-50 {
    min-width: 50%;
  }
  .md\:min-width-66 {
    min-width: 66.6%;
  }
  .md\:min-width-75 {
    min-width: 75%;
  }
  .md\:min-width-87 {
    min-width: 87.5%;
  }
  .md\:min-width-100 {
    min-width: 100%;
  }
  .md\:min-width-auto {
    min-width: auto;
  }
  .md\:min-width-fit {
    min-width: fit-content;
  }
  .md\:min-width-max {
    min-width: max-content;
  }
  .md\:min-width-min {
    min-width: min-content;
  }
  .md\:min-width-none {
    min-width: none;
  }
  .md\:min-width-paragraph-max {
    min-width: var(--paragraph-max-width);
  }
}
@media (min-width: 1280px) {
  .lg\:min-width-0 {
    min-width: 0;
  }
  .lg\:min-width-25 {
    min-width: 25%;
  }
  .lg\:min-width-33 {
    min-width: 33.3%;
  }
  .lg\:min-width-50 {
    min-width: 50%;
  }
  .lg\:min-width-66 {
    min-width: 66.6%;
  }
  .lg\:min-width-75 {
    min-width: 75%;
  }
  .lg\:min-width-87 {
    min-width: 87.5%;
  }
  .lg\:min-width-100 {
    min-width: 100%;
  }
  .lg\:min-width-auto {
    min-width: auto;
  }
  .lg\:min-width-fit {
    min-width: fit-content;
  }
  .lg\:min-width-max {
    min-width: max-content;
  }
  .lg\:min-width-min {
    min-width: min-content;
  }
  .lg\:min-width-none {
    min-width: none;
  }
  .lg\:min-width-paragraph-max {
    min-width: var(--paragraph-max-width);
  }
}
@media (min-width: 1440px) {
  .xl\:min-width-0 {
    min-width: 0;
  }
  .xl\:min-width-25 {
    min-width: 25%;
  }
  .xl\:min-width-33 {
    min-width: 33.3%;
  }
  .xl\:min-width-50 {
    min-width: 50%;
  }
  .xl\:min-width-66 {
    min-width: 66.6%;
  }
  .xl\:min-width-75 {
    min-width: 75%;
  }
  .xl\:min-width-87 {
    min-width: 87.5%;
  }
  .xl\:min-width-100 {
    min-width: 100%;
  }
  .xl\:min-width-auto {
    min-width: auto;
  }
  .xl\:min-width-fit {
    min-width: fit-content;
  }
  .xl\:min-width-max {
    min-width: max-content;
  }
  .xl\:min-width-min {
    min-width: min-content;
  }
  .xl\:min-width-none {
    min-width: none;
  }
  .xl\:min-width-paragraph-max {
    min-width: var(--paragraph-max-width);
  }
}
.max-height-0 {
  max-height: 0;
}

.max-height-25 {
  max-height: 25%;
}

.max-height-33 {
  max-height: 33.3%;
}

.max-height-50 {
  max-height: 50%;
}

.max-height-66 {
  max-height: 66.6%;
}

.max-height-75 {
  max-height: 75%;
}

.max-height-87 {
  max-height: 87.5%;
}

.max-height-100 {
  max-height: 100%;
}

.max-height-auto {
  max-height: auto;
}

.max-height-fit {
  max-height: fit-content;
}

.max-height-max {
  max-height: max-content;
}

.max-height-min {
  max-height: min-content;
}

.max-height-none {
  max-height: none;
}

.max-height-paragraph-max {
  max-height: var(--paragraph-max-width);
}

@media (min-width: 320px) {
  .xxs\:max-height-0 {
    max-height: 0;
  }
  .xxs\:max-height-25 {
    max-height: 25%;
  }
  .xxs\:max-height-33 {
    max-height: 33.3%;
  }
  .xxs\:max-height-50 {
    max-height: 50%;
  }
  .xxs\:max-height-66 {
    max-height: 66.6%;
  }
  .xxs\:max-height-75 {
    max-height: 75%;
  }
  .xxs\:max-height-87 {
    max-height: 87.5%;
  }
  .xxs\:max-height-100 {
    max-height: 100%;
  }
  .xxs\:max-height-auto {
    max-height: auto;
  }
  .xxs\:max-height-fit {
    max-height: fit-content;
  }
  .xxs\:max-height-max {
    max-height: max-content;
  }
  .xxs\:max-height-min {
    max-height: min-content;
  }
  .xxs\:max-height-none {
    max-height: none;
  }
  .xxs\:max-height-paragraph-max {
    max-height: var(--paragraph-max-width);
  }
}
@media (min-width: 480px) {
  .xs\:max-height-0 {
    max-height: 0;
  }
  .xs\:max-height-25 {
    max-height: 25%;
  }
  .xs\:max-height-33 {
    max-height: 33.3%;
  }
  .xs\:max-height-50 {
    max-height: 50%;
  }
  .xs\:max-height-66 {
    max-height: 66.6%;
  }
  .xs\:max-height-75 {
    max-height: 75%;
  }
  .xs\:max-height-87 {
    max-height: 87.5%;
  }
  .xs\:max-height-100 {
    max-height: 100%;
  }
  .xs\:max-height-auto {
    max-height: auto;
  }
  .xs\:max-height-fit {
    max-height: fit-content;
  }
  .xs\:max-height-max {
    max-height: max-content;
  }
  .xs\:max-height-min {
    max-height: min-content;
  }
  .xs\:max-height-none {
    max-height: none;
  }
  .xs\:max-height-paragraph-max {
    max-height: var(--paragraph-max-width);
  }
}
@media (min-width: 768px) {
  .sm\:max-height-0 {
    max-height: 0;
  }
  .sm\:max-height-25 {
    max-height: 25%;
  }
  .sm\:max-height-33 {
    max-height: 33.3%;
  }
  .sm\:max-height-50 {
    max-height: 50%;
  }
  .sm\:max-height-66 {
    max-height: 66.6%;
  }
  .sm\:max-height-75 {
    max-height: 75%;
  }
  .sm\:max-height-87 {
    max-height: 87.5%;
  }
  .sm\:max-height-100 {
    max-height: 100%;
  }
  .sm\:max-height-auto {
    max-height: auto;
  }
  .sm\:max-height-fit {
    max-height: fit-content;
  }
  .sm\:max-height-max {
    max-height: max-content;
  }
  .sm\:max-height-min {
    max-height: min-content;
  }
  .sm\:max-height-none {
    max-height: none;
  }
  .sm\:max-height-paragraph-max {
    max-height: var(--paragraph-max-width);
  }
}
@media (min-width: 1024px) {
  .md\:max-height-0 {
    max-height: 0;
  }
  .md\:max-height-25 {
    max-height: 25%;
  }
  .md\:max-height-33 {
    max-height: 33.3%;
  }
  .md\:max-height-50 {
    max-height: 50%;
  }
  .md\:max-height-66 {
    max-height: 66.6%;
  }
  .md\:max-height-75 {
    max-height: 75%;
  }
  .md\:max-height-87 {
    max-height: 87.5%;
  }
  .md\:max-height-100 {
    max-height: 100%;
  }
  .md\:max-height-auto {
    max-height: auto;
  }
  .md\:max-height-fit {
    max-height: fit-content;
  }
  .md\:max-height-max {
    max-height: max-content;
  }
  .md\:max-height-min {
    max-height: min-content;
  }
  .md\:max-height-none {
    max-height: none;
  }
  .md\:max-height-paragraph-max {
    max-height: var(--paragraph-max-width);
  }
}
@media (min-width: 1280px) {
  .lg\:max-height-0 {
    max-height: 0;
  }
  .lg\:max-height-25 {
    max-height: 25%;
  }
  .lg\:max-height-33 {
    max-height: 33.3%;
  }
  .lg\:max-height-50 {
    max-height: 50%;
  }
  .lg\:max-height-66 {
    max-height: 66.6%;
  }
  .lg\:max-height-75 {
    max-height: 75%;
  }
  .lg\:max-height-87 {
    max-height: 87.5%;
  }
  .lg\:max-height-100 {
    max-height: 100%;
  }
  .lg\:max-height-auto {
    max-height: auto;
  }
  .lg\:max-height-fit {
    max-height: fit-content;
  }
  .lg\:max-height-max {
    max-height: max-content;
  }
  .lg\:max-height-min {
    max-height: min-content;
  }
  .lg\:max-height-none {
    max-height: none;
  }
  .lg\:max-height-paragraph-max {
    max-height: var(--paragraph-max-width);
  }
}
@media (min-width: 1440px) {
  .xl\:max-height-0 {
    max-height: 0;
  }
  .xl\:max-height-25 {
    max-height: 25%;
  }
  .xl\:max-height-33 {
    max-height: 33.3%;
  }
  .xl\:max-height-50 {
    max-height: 50%;
  }
  .xl\:max-height-66 {
    max-height: 66.6%;
  }
  .xl\:max-height-75 {
    max-height: 75%;
  }
  .xl\:max-height-87 {
    max-height: 87.5%;
  }
  .xl\:max-height-100 {
    max-height: 100%;
  }
  .xl\:max-height-auto {
    max-height: auto;
  }
  .xl\:max-height-fit {
    max-height: fit-content;
  }
  .xl\:max-height-max {
    max-height: max-content;
  }
  .xl\:max-height-min {
    max-height: min-content;
  }
  .xl\:max-height-none {
    max-height: none;
  }
  .xl\:max-height-paragraph-max {
    max-height: var(--paragraph-max-width);
  }
}
.min-height-0 {
  min-height: 0;
}

.min-height-25 {
  min-height: 25%;
}

.min-height-33 {
  min-height: 33.3%;
}

.min-height-50 {
  min-height: 50%;
}

.min-height-66 {
  min-height: 66.6%;
}

.min-height-75 {
  min-height: 75%;
}

.min-height-87 {
  min-height: 87.5%;
}

.min-height-100 {
  min-height: 100%;
}

.min-height-auto {
  min-height: auto;
}

.min-height-fit {
  min-height: fit-content;
}

.min-height-max {
  min-height: max-content;
}

.min-height-min {
  min-height: min-content;
}

.min-height-none {
  min-height: none;
}

.min-height-paragraph-max {
  min-height: var(--paragraph-max-width);
}

@media (min-width: 320px) {
  .xxs\:min-height-0 {
    min-height: 0;
  }
  .xxs\:min-height-25 {
    min-height: 25%;
  }
  .xxs\:min-height-33 {
    min-height: 33.3%;
  }
  .xxs\:min-height-50 {
    min-height: 50%;
  }
  .xxs\:min-height-66 {
    min-height: 66.6%;
  }
  .xxs\:min-height-75 {
    min-height: 75%;
  }
  .xxs\:min-height-87 {
    min-height: 87.5%;
  }
  .xxs\:min-height-100 {
    min-height: 100%;
  }
  .xxs\:min-height-auto {
    min-height: auto;
  }
  .xxs\:min-height-fit {
    min-height: fit-content;
  }
  .xxs\:min-height-max {
    min-height: max-content;
  }
  .xxs\:min-height-min {
    min-height: min-content;
  }
  .xxs\:min-height-none {
    min-height: none;
  }
  .xxs\:min-height-paragraph-max {
    min-height: var(--paragraph-max-width);
  }
}
@media (min-width: 480px) {
  .xs\:min-height-0 {
    min-height: 0;
  }
  .xs\:min-height-25 {
    min-height: 25%;
  }
  .xs\:min-height-33 {
    min-height: 33.3%;
  }
  .xs\:min-height-50 {
    min-height: 50%;
  }
  .xs\:min-height-66 {
    min-height: 66.6%;
  }
  .xs\:min-height-75 {
    min-height: 75%;
  }
  .xs\:min-height-87 {
    min-height: 87.5%;
  }
  .xs\:min-height-100 {
    min-height: 100%;
  }
  .xs\:min-height-auto {
    min-height: auto;
  }
  .xs\:min-height-fit {
    min-height: fit-content;
  }
  .xs\:min-height-max {
    min-height: max-content;
  }
  .xs\:min-height-min {
    min-height: min-content;
  }
  .xs\:min-height-none {
    min-height: none;
  }
  .xs\:min-height-paragraph-max {
    min-height: var(--paragraph-max-width);
  }
}
@media (min-width: 768px) {
  .sm\:min-height-0 {
    min-height: 0;
  }
  .sm\:min-height-25 {
    min-height: 25%;
  }
  .sm\:min-height-33 {
    min-height: 33.3%;
  }
  .sm\:min-height-50 {
    min-height: 50%;
  }
  .sm\:min-height-66 {
    min-height: 66.6%;
  }
  .sm\:min-height-75 {
    min-height: 75%;
  }
  .sm\:min-height-87 {
    min-height: 87.5%;
  }
  .sm\:min-height-100 {
    min-height: 100%;
  }
  .sm\:min-height-auto {
    min-height: auto;
  }
  .sm\:min-height-fit {
    min-height: fit-content;
  }
  .sm\:min-height-max {
    min-height: max-content;
  }
  .sm\:min-height-min {
    min-height: min-content;
  }
  .sm\:min-height-none {
    min-height: none;
  }
  .sm\:min-height-paragraph-max {
    min-height: var(--paragraph-max-width);
  }
}
@media (min-width: 1024px) {
  .md\:min-height-0 {
    min-height: 0;
  }
  .md\:min-height-25 {
    min-height: 25%;
  }
  .md\:min-height-33 {
    min-height: 33.3%;
  }
  .md\:min-height-50 {
    min-height: 50%;
  }
  .md\:min-height-66 {
    min-height: 66.6%;
  }
  .md\:min-height-75 {
    min-height: 75%;
  }
  .md\:min-height-87 {
    min-height: 87.5%;
  }
  .md\:min-height-100 {
    min-height: 100%;
  }
  .md\:min-height-auto {
    min-height: auto;
  }
  .md\:min-height-fit {
    min-height: fit-content;
  }
  .md\:min-height-max {
    min-height: max-content;
  }
  .md\:min-height-min {
    min-height: min-content;
  }
  .md\:min-height-none {
    min-height: none;
  }
  .md\:min-height-paragraph-max {
    min-height: var(--paragraph-max-width);
  }
}
@media (min-width: 1280px) {
  .lg\:min-height-0 {
    min-height: 0;
  }
  .lg\:min-height-25 {
    min-height: 25%;
  }
  .lg\:min-height-33 {
    min-height: 33.3%;
  }
  .lg\:min-height-50 {
    min-height: 50%;
  }
  .lg\:min-height-66 {
    min-height: 66.6%;
  }
  .lg\:min-height-75 {
    min-height: 75%;
  }
  .lg\:min-height-87 {
    min-height: 87.5%;
  }
  .lg\:min-height-100 {
    min-height: 100%;
  }
  .lg\:min-height-auto {
    min-height: auto;
  }
  .lg\:min-height-fit {
    min-height: fit-content;
  }
  .lg\:min-height-max {
    min-height: max-content;
  }
  .lg\:min-height-min {
    min-height: min-content;
  }
  .lg\:min-height-none {
    min-height: none;
  }
  .lg\:min-height-paragraph-max {
    min-height: var(--paragraph-max-width);
  }
}
@media (min-width: 1440px) {
  .xl\:min-height-0 {
    min-height: 0;
  }
  .xl\:min-height-25 {
    min-height: 25%;
  }
  .xl\:min-height-33 {
    min-height: 33.3%;
  }
  .xl\:min-height-50 {
    min-height: 50%;
  }
  .xl\:min-height-66 {
    min-height: 66.6%;
  }
  .xl\:min-height-75 {
    min-height: 75%;
  }
  .xl\:min-height-87 {
    min-height: 87.5%;
  }
  .xl\:min-height-100 {
    min-height: 100%;
  }
  .xl\:min-height-auto {
    min-height: auto;
  }
  .xl\:min-height-fit {
    min-height: fit-content;
  }
  .xl\:min-height-max {
    min-height: max-content;
  }
  .xl\:min-height-min {
    min-height: min-content;
  }
  .xl\:min-height-none {
    min-height: none;
  }
  .xl\:min-height-paragraph-max {
    min-height: var(--paragraph-max-width);
  }
}
.font-thin {
  font-weight: var(--weight-thin);
}

.font-extralight {
  font-weight: var(--weight-extralight);
}

.font-light {
  font-weight: var(--weight-light);
}

.font-normal {
  font-weight: var(--weight-normal);
}

.font-medium {
  font-weight: var(--weight-medium);
}

.font-semibold {
  font-weight: var(--weight-semibold);
}

.font-bold {
  font-weight: var(--weight-bold);
}

.font-extrabold {
  font-weight: var(--weight-extrabold);
}

.font-black {
  font-weight: var(--weight-black);
}

.font-inherit {
  font-weight: inherit;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.no-underline {
  text-decoration: none;
}

.underline {
  text-decoration: underline;
}

.line-through {
  text-decoration: line-through;
}

.letter-spacing-0 {
  letter-spacing: 0 !important;
}

@media (min-width: 320px) {
  .xxs\:letter-spacing-0 {
    letter-spacing: 0 !important;
  }
}
@media (min-width: 480px) {
  .xs\:letter-spacing-0 {
    letter-spacing: 0 !important;
  }
}
@media (min-width: 768px) {
  .sm\:letter-spacing-0 {
    letter-spacing: 0 !important;
  }
}
@media (min-width: 1024px) {
  .md\:letter-spacing-0 {
    letter-spacing: 0 !important;
  }
}
@media (min-width: 1280px) {
  .lg\:letter-spacing-0 {
    letter-spacing: 0 !important;
  }
}
@media (min-width: 1440px) {
  .xl\:letter-spacing-0 {
    letter-spacing: 0 !important;
  }
}
.text-200 {
  font-size: var(--step--2) !important;
}

.text-300 {
  font-size: var(--step--1) !important;
}

.text-400 {
  font-size: var(--step-0) !important;
}

.text-500 {
  font-size: var(--step-1) !important;
}

.text-600 {
  font-size: var(--step-2) !important;
}

.text-700 {
  font-size: var(--step-3) !important;
}

.text-800 {
  font-size: var(--step-4) !important;
}

.text-900 {
  font-size: var(--step-5) !important;
}

@media (min-width: 320px) {
  .xxs\:text-200 {
    font-size: var(--step--2) !important;
  }
  .xxs\:text-300 {
    font-size: var(--step--1) !important;
  }
  .xxs\:text-400 {
    font-size: var(--step-0) !important;
  }
  .xxs\:text-500 {
    font-size: var(--step-1) !important;
  }
  .xxs\:text-600 {
    font-size: var(--step-2) !important;
  }
  .xxs\:text-700 {
    font-size: var(--step-3) !important;
  }
  .xxs\:text-800 {
    font-size: var(--step-4) !important;
  }
  .xxs\:text-900 {
    font-size: var(--step-5) !important;
  }
}
@media (min-width: 480px) {
  .xs\:text-200 {
    font-size: var(--step--2) !important;
  }
  .xs\:text-300 {
    font-size: var(--step--1) !important;
  }
  .xs\:text-400 {
    font-size: var(--step-0) !important;
  }
  .xs\:text-500 {
    font-size: var(--step-1) !important;
  }
  .xs\:text-600 {
    font-size: var(--step-2) !important;
  }
  .xs\:text-700 {
    font-size: var(--step-3) !important;
  }
  .xs\:text-800 {
    font-size: var(--step-4) !important;
  }
  .xs\:text-900 {
    font-size: var(--step-5) !important;
  }
}
@media (min-width: 768px) {
  .sm\:text-200 {
    font-size: var(--step--2) !important;
  }
  .sm\:text-300 {
    font-size: var(--step--1) !important;
  }
  .sm\:text-400 {
    font-size: var(--step-0) !important;
  }
  .sm\:text-500 {
    font-size: var(--step-1) !important;
  }
  .sm\:text-600 {
    font-size: var(--step-2) !important;
  }
  .sm\:text-700 {
    font-size: var(--step-3) !important;
  }
  .sm\:text-800 {
    font-size: var(--step-4) !important;
  }
  .sm\:text-900 {
    font-size: var(--step-5) !important;
  }
}
@media (min-width: 1024px) {
  .md\:text-200 {
    font-size: var(--step--2) !important;
  }
  .md\:text-300 {
    font-size: var(--step--1) !important;
  }
  .md\:text-400 {
    font-size: var(--step-0) !important;
  }
  .md\:text-500 {
    font-size: var(--step-1) !important;
  }
  .md\:text-600 {
    font-size: var(--step-2) !important;
  }
  .md\:text-700 {
    font-size: var(--step-3) !important;
  }
  .md\:text-800 {
    font-size: var(--step-4) !important;
  }
  .md\:text-900 {
    font-size: var(--step-5) !important;
  }
}
@media (min-width: 1280px) {
  .lg\:text-200 {
    font-size: var(--step--2) !important;
  }
  .lg\:text-300 {
    font-size: var(--step--1) !important;
  }
  .lg\:text-400 {
    font-size: var(--step-0) !important;
  }
  .lg\:text-500 {
    font-size: var(--step-1) !important;
  }
  .lg\:text-600 {
    font-size: var(--step-2) !important;
  }
  .lg\:text-700 {
    font-size: var(--step-3) !important;
  }
  .lg\:text-800 {
    font-size: var(--step-4) !important;
  }
  .lg\:text-900 {
    font-size: var(--step-5) !important;
  }
}
@media (min-width: 1440px) {
  .xl\:text-200 {
    font-size: var(--step--2) !important;
  }
  .xl\:text-300 {
    font-size: var(--step--1) !important;
  }
  .xl\:text-400 {
    font-size: var(--step-0) !important;
  }
  .xl\:text-500 {
    font-size: var(--step-1) !important;
  }
  .xl\:text-600 {
    font-size: var(--step-2) !important;
  }
  .xl\:text-700 {
    font-size: var(--step-3) !important;
  }
  .xl\:text-800 {
    font-size: var(--step-4) !important;
  }
  .xl\:text-900 {
    font-size: var(--step-5) !important;
  }
}
.text-align-center {
  text-align: center;
}

.text-align-left {
  text-align: left;
}

.text-align-right {
  text-align: right;
}

@media (min-width: 320px) {
  .xxs\:text-align-center {
    text-align: center;
  }
  .xxs\:text-align-left {
    text-align: left;
  }
  .xxs\:text-align-right {
    text-align: right;
  }
}
@media (min-width: 480px) {
  .xs\:text-align-center {
    text-align: center;
  }
  .xs\:text-align-left {
    text-align: left;
  }
  .xs\:text-align-right {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .sm\:text-align-center {
    text-align: center;
  }
  .sm\:text-align-left {
    text-align: left;
  }
  .sm\:text-align-right {
    text-align: right;
  }
}
@media (min-width: 1024px) {
  .md\:text-align-center {
    text-align: center;
  }
  .md\:text-align-left {
    text-align: left;
  }
  .md\:text-align-right {
    text-align: right;
  }
}
@media (min-width: 1280px) {
  .lg\:text-align-center {
    text-align: center;
  }
  .lg\:text-align-left {
    text-align: left;
  }
  .lg\:text-align-right {
    text-align: right;
  }
}
@media (min-width: 1440px) {
  .xl\:text-align-center {
    text-align: center;
  }
  .xl\:text-align-left {
    text-align: left;
  }
  .xl\:text-align-right {
    text-align: right;
  }
}
.hyphens-auto {
  hyphens: auto;
}

.hyphens-none {
  hyphens: none;
}

@media (min-width: 320px) {
  .xxs\:hyphens-auto {
    hyphens: auto;
  }
  .xxs\:hyphens-none {
    hyphens: none;
  }
}
@media (min-width: 480px) {
  .xs\:hyphens-auto {
    hyphens: auto;
  }
  .xs\:hyphens-none {
    hyphens: none;
  }
}
@media (min-width: 768px) {
  .sm\:hyphens-auto {
    hyphens: auto;
  }
  .sm\:hyphens-none {
    hyphens: none;
  }
}
@media (min-width: 1024px) {
  .md\:hyphens-auto {
    hyphens: auto;
  }
  .md\:hyphens-none {
    hyphens: none;
  }
}
@media (min-width: 1280px) {
  .lg\:hyphens-auto {
    hyphens: auto;
  }
  .lg\:hyphens-none {
    hyphens: none;
  }
}
@media (min-width: 1440px) {
  .xl\:hyphens-auto {
    hyphens: auto;
  }
  .xl\:hyphens-none {
    hyphens: none;
  }
}