/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-scroll-snap-strictness: proximity;
    }
  }
}

@layer board;

@layer theme {
  :root, :host {
    --font-sans: "GT America", "GT America Fallback", system-ui, sans-serif;
    --font-serif: "PP Pangaia", "PP Pangaia Fallback", Georgia, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
    monospace;
    --color-red-50: oklch(97.1% .013 17.38);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-red-700: oklch(50.5% .213 27.518);
    --color-red-900: oklch(39.6% .141 25.723);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-xs: .125rem;
    --radius-2xl: 1rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-green-intense: #1f312f;
    --color-green-forest: #2c4542;
    --color-green-leaf: #4d716c;
    --color-green-almond: #d4dcdb;
    --color-green-aqua: #ecf1f0;
    --color-shell: #efece3;
    --color-daffodil: #fff972;
    --color-ziggurat: #b2dbd7;
    --color-dark: #0b0b0b;
    --color-grey-carbon: #212324;
    --color-grey-dove: #6d7477;
    --color-grey-steel: #979c9f;
    --color-grey-mouse: #bec1c3;
    --color-grey-platinum: #efefef;
    --color-error: #fa332d;
    --color-error-light: #ffe9e9;
    --color-error-dark: #642626;
    --color-success: #399b5e;
    --color-success-light: #ebf9ee;
    --color-success-dark: #204129;
    --color-warning: #f6b017;
    --color-warning-light: #fff4e1;
    --color-warning-dark: #634609;
    --color-information: #0078f3;
    --color-information-light: #dde5ff;
    --color-information-dark: #273961;
    --color-green-kaki: #6c7b56;
    --color-green-kaki-light: #d5e2c3;
    --color-green-kaki-dark: #343b29;
    --color-teal: #036457;
    --color-teal-light: #bbefe8;
    --color-teal-dark: #03322b;
    --color-blue: #2b5c87;
    --color-blue-light: #c3d8eb;
    --color-blue-dark: #132f47;
    --color-purple: #4a397b;
    --color-purple-light: #cbc1ea;
    --color-purple-dark: #2a1d4f;
    --color-pink: #b0245e;
    --color-pink-light: #fad8ea;
    --color-pink-dark: #660e33;
    --color-pink-service: #a41879;
    --color-red: #ae2626;
    --color-red-light: #efbfbf;
    --color-red-dark: #640d0d;
    --color-orange: #da6f18;
    --color-orange-light: #f6d7bd;
    --color-orange-dark: #6a350a;
    --color-yellow: #e6b801;
    --color-yellow-light: #f4edd2;
    --color-yellow-dark: #544508;
    --color-gold: #9b6c06;
    --color-gold-light: #f5ecd4;
    --color-brick: #be562e;
    --color-brick-light: #f6e4dd;
    --color-brick-dark: #63230a;
    --color-brown: #6f3420;
    --color-brown-light: #e0cdc7;
    --color-brown-dark: #32150c;
    --color-black-overlay: #0000004d;
    --color-green-overlay: #2c45424d;
    --color-forest-overlay: #4d716c4d;
    --color-white-overlay: #ffffff80;
    --color-layer: #f6f4ef;
    --color-brand: #2c4542;
    --color-brand-light: #4d716c;
    --color-ink: #0b0b0b;
    --color-muted: #6d7477;
    --color-surface: #efece3;
    --radius-card: .875rem;
    --container-8xl: 96rem;
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

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

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

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

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

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

  ::file-selector-button {
    appearance: button;
  }

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

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

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  :where(a[href], button, summary, [role="button"], [tabindex]:not([tabindex="-1"])):focus-visible {
    outline: 2px solid var(--color-green-forest);
    outline-offset: 2px;
  }

  body:has([data-megamenu][open], [data-search-overlay][open]) [data-header="transparent"] [data-searchbar], [data-navigation][data-scrolled] [data-header="transparent"] [data-searchbar] {
    background-color: var(--color-green-aqua) !important;
  }
}

@layer vendor {
  :root {
    --swiper-theme-color: #007aff;
  }

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

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

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

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

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

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

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

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

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

  .swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto;
  }

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

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

  .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
  }

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

  .swiper-3d {
    perspective: 1200px;
  }

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

  .swiper-css-mode > .swiper-wrapper {
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: auto;
  }

  .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }

  .swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }

  .swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory;
  }

  .swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-slides-offset-before);
    scroll-margin-inline-start: var(--swiper-slides-offset-before);
  }

  .swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child {
    margin-inline-end: var(--swiper-slides-offset-after);
  }

  .swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory;
  }

  .swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-slides-offset-before);
    scroll-margin-block-start: var(--swiper-slides-offset-before);
  }

  .swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child {
    margin-block-end: var(--swiper-slides-offset-after);
  }

  .swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
  }

  .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
  }

  .swiper-css-mode.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999;
  }

  .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
  }

  .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
  }

  .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
  }

  .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
  }

  .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    width: 100%;
    min-width: 1px;
  }

  .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    pointer-events: none;
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .swiper-3d .swiper-slide-shadow {
    background: #00000026;
  }

  .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, #00000080, #0000);
  }

  .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, #00000080, #0000);
  }

  .swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, #00000080, #0000);
  }

  .swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(#00000080, #0000);
  }

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

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

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

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

  @keyframes swiper-preloader-spin {
    0% {
      transform: rotate(0);
    }

    to {
      transform: rotate(1turn);
    }
  }

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

  .swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
  }

  .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }

  .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    height: var(--swiper-virtual-size);
    width: 1px;
  }

  :root {
    --swiper-navigation-size: 44px;
  }

  .swiper-button-next, .swiper-button-prev {
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    height: var(--swiper-navigation-size);
    width: var(--swiper-navigation-size);
    z-index: 10;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
  }

  :is(.swiper-button-next, .swiper-button-prev).swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none;
  }

  :is(.swiper-button-next, .swiper-button-prev).swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none;
  }

  .swiper-navigation-disabled :is(.swiper-button-next, .swiper-button-prev) {
    display: none !important;
  }

  :is(.swiper-button-next, .swiper-button-prev) ::slotted(svg), :is(.swiper-button-next, .swiper-button-prev) svg {
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
    width: 100%;
    height: 100%;
  }

  .swiper-button-lock {
    display: none;
  }

  .swiper-button-next, .swiper-button-prev {
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    top: var(--swiper-navigation-top-offset, 50%);
  }

  .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }

  .swiper-button-prev .swiper-navigation-icon, .swiper-button-prev ::slotted(.swiper-navigation-icon) {
    transform: rotate(180deg);
  }

  .swiper-button-next {
    left: auto;
    right: var(--swiper-navigation-sides-offset, 4px);
  }

  .swiper-horizontal .swiper-button-next, .swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev {
    margin-left: 0;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    top: var(--swiper-navigation-top-offset, 50%);
  }

  .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }

  .swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal .swiper-button-next {
    left: auto;
    right: var(--swiper-navigation-sides-offset, 4px);
  }

  :is(.swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal .swiper-button-prev) .swiper-navigation-icon, :is(.swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal .swiper-button-prev) ::slotted(.swiper-navigation-icon) {
    transform: rotate(180deg);
  }

  :is(.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev) .swiper-navigation-icon, :is(.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev) ::slotted(.swiper-navigation-icon) {
    transform: rotate(0);
  }

  .swiper-vertical .swiper-button-next, .swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-next, .swiper-vertical ~ .swiper-button-prev {
    left: var(--swiper-navigation-top-offset, 50%);
    margin-left: calc(0px - var(--swiper-navigation-size)/2);
    margin-top: 0;
    right: auto;
  }

  .swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev {
    bottom: auto;
    top: var(--swiper-navigation-sides-offset, 4px);
  }

  :is(.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev) .swiper-navigation-icon, :is(.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev) ::slotted(.swiper-navigation-icon) {
    transform: rotate(-90deg);
  }

  .swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
  }

  :is(.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next) .swiper-navigation-icon, :is(.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next) ::slotted(.swiper-navigation-icon) {
    transform: rotate(90deg);
  }

  .swiper-pagination {
    text-align: center;
    z-index: 10;
    transition: opacity .3s;
    position: absolute;
    transform: translateZ(0);
  }

  .swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
  }

  .swiper-pagination.swiper-pagination-disabled, .swiper-pagination-disabled > .swiper-pagination {
    display: none !important;
  }

  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    left: 0;
    top: var(--swiper-pagination-top, auto);
    width: 100%;
  }

  .swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden;
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33);
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66);
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33);
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66);
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33);
  }

  .swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
  }

  button.swiper-pagination-bullet {
    appearance: none;
    box-shadow: none;
    border: none;
    margin: 0;
    padding: 0;
  }

  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
  }

  .swiper-pagination-bullet:only-child {
    display: none !important;
  }

  .swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity, 1);
  }

  .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    left: var(--swiper-pagination-left, auto);
    right: var(--swiper-pagination-right, 8px);
    top: 50%;
    transform: translate3d(0, -50%, 0);
  }

  :is(.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets) .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }

  :is(.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets).swiper-pagination-bullets-dynamic {
    width: 8px;
    top: 50%;
    transform: translateY(-50%);
  }

  :is(.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, top .2s;
    display: inline-block;
  }

  :is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }

  :is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic {
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
  }

  :is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s;
  }

  .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s;
  }

  .swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit);
  }

  .swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, #00000040);
    position: absolute;
  }

  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0);
  }

  .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: 100% 0;
  }

  .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-horizontal > .swiper-pagination-progressbar, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: var(--swiper-pagination-progressbar-size, 4px);
    width: 100%;
    top: 0;
    left: 0;
  }

  .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar {
    height: 100%;
    width: var(--swiper-pagination-progressbar-size, 4px);
    top: 0;
    left: 0;
  }

  .swiper-pagination-lock {
    display: none;
  }

  .swiper-scrollbar {
    background: var(--swiper-scrollbar-bg-color, #0000001a);
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    touch-action: none;
    position: relative;
  }

  .swiper-scrollbar.swiper-scrollbar-disabled, .swiper-scrollbar-disabled > .swiper-scrollbar {
    display: none !important;
  }

  .swiper-scrollbar.swiper-scrollbar-horizontal, .swiper-horizontal > .swiper-scrollbar {
    bottom: var(--swiper-scrollbar-bottom, 4px);
    height: var(--swiper-scrollbar-size, 4px);
    left: var(--swiper-scrollbar-sides-offset, 1%);
    top: var(--swiper-scrollbar-top, auto);
    width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    z-index: 50;
    position: absolute;
  }

  .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
    height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    width: var(--swiper-scrollbar-size, 4px);
    z-index: 50;
    position: absolute;
  }

  .swiper-scrollbar-drag {
    background: var(--swiper-scrollbar-drag-bg-color, #00000080);
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
  }

  .swiper-scrollbar-cursor-drag {
    cursor: move;
  }

  .swiper-scrollbar-lock {
    display: none;
  }

  .swiper-zoom-container {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
  }

  .swiper-slide-zoomed {
    cursor: move;
    touch-action: none;
  }

  .swiper .swiper-notification {
    opacity: 0;
    pointer-events: none;
    z-index: -1000;
    position: absolute;
    top: 0;
    left: 0;
  }

  .swiper-free-mode > .swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out;
  }

  .swiper-grid > .swiper-wrapper {
    flex-wrap: wrap;
  }

  .swiper-grid-column > .swiper-wrapper {
    flex-flow: column wrap;
  }

  .swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
  }

  .swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
  }

  .swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
  }

  .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }

  .swiper.swiper-cube {
    overflow: visible;
  }

  .swiper-cube .swiper-slide {
    backface-visibility: hidden;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    z-index: 1;
    width: 100%;
    height: 100%;
  }

  .swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
  }

  .swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
  }

  .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }

  .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }

  .swiper-cube .swiper-cube-shadow {
    opacity: .6;
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .swiper-cube .swiper-cube-shadow:before {
    content: "";
    filter: blur(50px);
    background: #000;
    position: absolute;
    inset: 0;
  }

  .swiper-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }

  .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0;
  }

  .swiper.swiper-flip {
    overflow: visible;
  }

  .swiper-flip .swiper-slide {
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1;
  }

  .swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
  }

  .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }

  .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0;
  }

  .swiper-creative .swiper-slide {
    backface-visibility: hidden;
    transition-property: transform, opacity, height;
    overflow: hidden;
  }

  .swiper.swiper-cards {
    overflow: visible;
  }

  .swiper-cards .swiper-slide {
    backface-visibility: hidden;
    transform-origin: bottom;
    overflow: hidden;
  }
}

@layer components {
  [data-header] :is(a, button) {
    color: inherit;
  }

  [data-header] :is(a, button) > svg :is(path, circle, line, polyline, rect) {
    stroke-width: 1.6px;
  }

  [data-header] [data-menu-toggle] > svg :is(path, circle, line, polyline, rect) {
    stroke-width: 2px;
  }
}

@layer utilities {
  .\@container {
    container-type: inline-size;
  }

  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: 0;
  }

  .inset-x-0 {
    inset-inline: 0;
  }

  .inset-y-0 {
    inset-block: 0;
  }

  .-top-2 {
    top: calc(var(--spacing) * -2);
  }

  .top-\(--header-h\) {
    top: var(--header-h);
  }

  .top-0 {
    top: 0;
  }

  .top-0\.5 {
    top: calc(var(--spacing) * .5);
  }

  .top-1 {
    top: var(--spacing);
  }

  .top-1\.75 {
    top: calc(var(--spacing) * 1.75);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-1\/5 {
    top: 20%;
  }

  .top-2 {
    top: calc(var(--spacing) * 2);
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-5\.5 {
    top: calc(var(--spacing) * 5.5);
  }

  .top-6 {
    top: calc(var(--spacing) * 6);
  }

  .top-7\.25 {
    top: calc(var(--spacing) * 7.25);
  }

  .top-8 {
    top: calc(var(--spacing) * 8);
  }

  .top-auto {
    top: auto;
  }

  .top-full {
    top: 100%;
  }

  .-right-2 {
    right: calc(var(--spacing) * -2);
  }

  .right-0 {
    right: 0;
  }

  .right-1 {
    right: var(--spacing);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-6 {
    right: calc(var(--spacing) * 6);
  }

  .right-12 {
    right: calc(var(--spacing) * 12);
  }

  .right-auto {
    right: auto;
  }

  .bottom-0 {
    bottom: 0;
  }

  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }

  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }

  .bottom-8 {
    bottom: calc(var(--spacing) * 8);
  }

  .bottom-10 {
    bottom: calc(var(--spacing) * 10);
  }

  .bottom-23 {
    bottom: calc(var(--spacing) * 23);
  }

  .bottom-\[4\%\] {
    bottom: 4%;
  }

  .bottom-\[7\.5\%\] {
    bottom: 7.5%;
  }

  .bottom-full {
    bottom: 100%;
  }

  .left-0 {
    left: 0;
  }

  .left-1 {
    left: var(--spacing);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-6 {
    left: calc(var(--spacing) * 6);
  }

  .left-8 {
    left: calc(var(--spacing) * 8);
  }

  .left-\[54\%\] {
    left: 54%;
  }

  .left-\[55\%\] {
    left: 55%;
  }

  .isolate {
    isolation: isolate;
  }

  .-z-10 {
    z-index: calc(10 * -1);
  }

  .z-1 {
    z-index: 1;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

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

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .z-60 {
    z-index: 60;
  }

  .order-first {
    order: -9999;
  }

  .order-last {
    order: 9999;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

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

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

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

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

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

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

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

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

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

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

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .typo-prose {
    font-family: var(--font-sans);
    font-size: 1rem;
    line-height: 1.5;
  }

  .typo-prose > :first-child {
    margin-top: 0;
  }

  .typo-prose > :last-child {
    margin-bottom: 0;
  }

  .typo-prose h1 {
    font-family: var(--font-serif);
    font-synthesis-weight: none;
    font-size: var(--fs-headline-lg);
    margin: 2.5rem 0 1rem;
    font-weight: 200;
    line-height: 1.05;
  }

  .typo-prose h2 {
    font-family: var(--font-serif);
    font-synthesis-weight: none;
    font-size: var(--fs-headline-md);
    letter-spacing: .02em;
    margin: 2rem 0 .75rem;
    font-weight: 200;
    line-height: 1.1;
  }

  .typo-prose h3 {
    font-family: var(--font-serif);
    font-synthesis-weight: none;
    font-size: var(--fs-headline-sm);
    margin: 1.5rem 0 .5rem;
    font-weight: 200;
    line-height: 1.15;
  }

  .typo-prose h4, .typo-prose :is(h2, h3):where([data-prose="h4"]) {
    font-synthesis-weight: auto;
    letter-spacing: normal;
    margin: 1.25rem 0 .5rem;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25;
  }

  .typo-prose p {
    margin: 0 0 1rem;
  }

  .typo-prose strong {
    font-weight: 700;
  }

  .typo-prose a {
    color: var(--color-green-forest);
    text-underline-offset: 2px;
    text-decoration: underline;
  }

  .typo-prose a:hover {
    color: var(--color-green-leaf);
  }

  .typo-prose ul, .typo-prose ol {
    margin: 0 0 1rem;
    padding-left: 1.5rem;
  }

  .typo-prose ul {
    list-style: outside;
  }

  .typo-prose ol {
    list-style: decimal;
  }

  .typo-prose li {
    margin-bottom: .25rem;
  }

  .typo-prose li::marker {
    color: var(--color-green-leaf);
  }

  .typo-prose blockquote {
    font-family: var(--font-serif);
    font-synthesis-weight: none;
    color: var(--color-grey-dove);
    border-left: 2px solid var(--color-green-almond);
    margin: 1.5rem 0;
    padding-left: 1.25rem;
    font-size: 1.25rem;
    font-weight: 200;
    line-height: 1.3;
  }

  .typo-prose hr {
    border: 0;
    border-top: 1px solid var(--color-grey-platinum);
    margin: 2rem 0;
  }

  .typo-prose img, .typo-prose video {
    border-radius: .125rem;
    margin: 1.5rem 0;
  }

  .typo-prose figure {
    margin: 1.5rem 0;
  }

  .typo-prose figure img, .typo-prose figure video {
    margin: 0;
  }

  .typo-prose figcaption {
    color: var(--color-grey-dove);
    margin-top: .5rem;
    font-size: .75rem;
  }

  .typo-prose table {
    border-collapse: collapse;
    width: 100%;
    margin: 1.5rem 0;
    font-size: .875rem;
  }

  .typo-prose th {
    text-align: left;
    border-bottom: 1px solid var(--color-grey-mouse);
    padding: .5rem .75rem .5rem 0;
    font-weight: 500;
  }

  .typo-prose td {
    border-bottom: 1px solid var(--color-grey-platinum);
    padding: .5rem .75rem .5rem 0;
  }

  .m-0 {
    margin: 0;
  }

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

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

  .-mx-3 {
    margin-inline: calc(var(--spacing) * -3);
  }

  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-1 {
    margin-block: var(--spacing);
  }

  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }

  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }

  .mt-0 {
    margin-top: 0;
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }

  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }

  .mt-24 {
    margin-top: calc(var(--spacing) * 24);
  }

  .-mr-4 {
    margin-right: calc(var(--spacing) * -4);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mr-auto {
    margin-right: auto;
  }

  .-mb-2 {
    margin-bottom: calc(var(--spacing) * -2);
  }

  .-mb-8 {
    margin-bottom: calc(var(--spacing) * -8);
  }

  .mb-1 {
    margin-bottom: var(--spacing);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }

  .mb-14 {
    margin-bottom: calc(var(--spacing) * 14);
  }

  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }

  .-ml-1 {
    margin-left: calc(var(--spacing) * -1);
  }

  .ml-1 {
    margin-left: var(--spacing);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .scroll-progress-track {
    display: none;
  }

  @supports (animation-timeline: scroll()) {
    @media not all and (min-width: 64rem) {
      .scroll-progress-track {
        display: flex;
      }
    }
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

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

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .hidden\! {
    display: none !important;
  }

  .inline {
    display: inline;
  }

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

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

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

  .table {
    display: table;
  }

  .aspect-\(--ar-m\) {
    aspect-ratio: var(--ar-m);
  }

  .aspect-3\/2 {
    aspect-ratio: 3 / 2;
  }

  .aspect-4\/3 {
    aspect-ratio: 4 / 3;
  }

  .aspect-4\/5 {
    aspect-ratio: 4 / 5;
  }

  .aspect-21\/9 {
    aspect-ratio: 21 / 9;
  }

  .aspect-\[2\/1\] {
    aspect-ratio: 2;
  }

  .aspect-\[9\/10\] {
    aspect-ratio: 9 / 10;
  }

  .aspect-\[21\/9\] {
    aspect-ratio: 21 / 9;
  }

  .aspect-\[224\/354\] {
    aspect-ratio: 224 / 354;
  }

  .aspect-\[251\/267\] {
    aspect-ratio: 251 / 267;
  }

  .aspect-\[340\/380\] {
    aspect-ratio: 340 / 380;
  }

  .aspect-\[464\/518\] {
    aspect-ratio: 464 / 518;
  }

  .aspect-\[526\/390\] {
    aspect-ratio: 526 / 390;
  }

  .aspect-\[696\/777\] {
    aspect-ratio: 696 / 777;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .placeholder {
    background-color: #f7f7f8;
    width: 100%;
    height: 100%;
    animation: .8s ease-in-out infinite alternate placeholder-pulse;
  }

  @media (prefers-reduced-motion: reduce) {
    .placeholder {
      animation: none;
    }
  }

  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-7\.5 {
    width: calc(var(--spacing) * 7.5);
    height: calc(var(--spacing) * 7.5);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-8\.5 {
    width: calc(var(--spacing) * 8.5);
    height: calc(var(--spacing) * 8.5);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }

  .size-15 {
    width: calc(var(--spacing) * 15);
    height: calc(var(--spacing) * 15);
  }

  .size-24 {
    width: calc(var(--spacing) * 24);
    height: calc(var(--spacing) * 24);
  }

  .size-\[52px\] {
    width: 52px;
    height: 52px;
  }

  .size-\[53px\] {
    width: 53px;
    height: 53px;
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .h-\(--crumb-h\) {
    height: var(--crumb-h);
  }

  .h-0 {
    height: 0;
  }

  .h-0\.5 {
    height: calc(var(--spacing) * .5);
  }

  .h-1 {
    height: var(--spacing);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-2\/3 {
    height: 66.6667%;
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-11\.5 {
    height: calc(var(--spacing) * 11.5);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-13 {
    height: calc(var(--spacing) * 13);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-14\.5 {
    height: calc(var(--spacing) * 14.5);
  }

  .h-15 {
    height: calc(var(--spacing) * 15);
  }

  .h-18 {
    height: calc(var(--spacing) * 18);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-50 {
    height: calc(var(--spacing) * 50);
  }

  .h-\[1lh\] {
    height: 1lh;
  }

  .h-\[52px\] {
    height: 52px;
  }

  .h-auto {
    height: auto;
  }

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

  .h-full {
    height: 100%;
  }

  .max-h-13 {
    max-height: calc(var(--spacing) * 13);
  }

  .max-h-14 {
    max-height: calc(var(--spacing) * 14);
  }

  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }

  .max-h-56 {
    max-height: calc(var(--spacing) * 56);
  }

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

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

  .min-h-0 {
    min-height: 0;
  }

  .min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }

  .min-h-14\.5 {
    min-height: calc(var(--spacing) * 14.5);
  }

  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }

  .min-h-32 {
    min-height: calc(var(--spacing) * 32);
  }

  .min-h-80 {
    min-height: calc(var(--spacing) * 80);
  }

  .menu-mea-fit {
    --mea-cols: 2;
    --mea-rows: 1;
    --mea-gaps: calc(var(--mea-rows) - 1);
    --mea-gap: .5rem;
    --mea-pad: 0rem;
    --mea-min: 24rem;
    --mea-max: 44rem;
    width: clamp(var(--mea-min), calc(var(--mea-cols) * .9 * ((100dvh - var(--chrome-b) - 5rem - var(--mea-gaps) * var(--mea-gap)) / var(--mea-rows)) + (var(--mea-cols) - 1) * var(--mea-gap) + var(--mea-pad)), var(--mea-max));
  }

  .\[width\:var\(--acm-titre-w-m\,auto\)\] {
    width: var(--acm-titre-w-m, auto);
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-1\/4 {
    width: 25%;
  }

  .w-2\/3 {
    width: 66.6667%;
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-4\.5 {
    width: calc(var(--spacing) * 4.5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-19 {
    width: calc(var(--spacing) * 19);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-26 {
    width: calc(var(--spacing) * 26);
  }

  .w-28 {
    width: calc(var(--spacing) * 28);
  }

  .w-29 {
    width: calc(var(--spacing) * 29);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-34 {
    width: calc(var(--spacing) * 34);
  }

  .w-34\.5 {
    width: calc(var(--spacing) * 34.5);
  }

  .w-36 {
    width: calc(var(--spacing) * 36);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-44 {
    width: calc(var(--spacing) * 44);
  }

  .w-50\.5 {
    width: calc(var(--spacing) * 50.5);
  }

  .w-52 {
    width: calc(var(--spacing) * 52);
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-60 {
    width: calc(var(--spacing) * 60);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-80 {
    width: calc(var(--spacing) * 80);
  }

  .w-85 {
    width: calc(var(--spacing) * 85);
  }

  .w-98 {
    width: calc(var(--spacing) * 98);
  }

  .w-176 {
    width: calc(var(--spacing) * 176);
  }

  .w-\[13\.75rem\] {
    width: 13.75rem;
  }

  .w-\[22\%\] {
    width: 22%;
  }

  .w-\[24\%\] {
    width: 24%;
  }

  .w-\[25\.5\%\] {
    width: 25.5%;
  }

  .w-\[28\.5\%\] {
    width: 28.5%;
  }

  .w-\[83px\] {
    width: 83px;
  }

  .w-\[87px\] {
    width: 87px;
  }

  .w-\[105px\] {
    width: 105px;
  }

  .w-\[120\%\] {
    width: 120%;
  }

  .w-\[325px\] {
    width: 325px;
  }

  .w-\[calc\(50\%-0\.5rem\)\] {
    width: calc(50% - .5rem);
  }

  .w-\[min\(44rem\,calc\(100vw-2rem\)\)\] {
    width: min(44rem, 100vw - 2rem);
  }

  .w-auto {
    width: auto;
  }

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

  .w-full {
    width: 100%;
  }

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

  .w-px {
    width: 1px;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-7xl {
    max-width: var(--container-7xl);
  }

  .max-w-8xl {
    max-width: var(--container-8xl);
  }

  .max-w-14 {
    max-width: calc(var(--spacing) * 14);
  }

  .max-w-48 {
    max-width: calc(var(--spacing) * 48);
  }

  .max-w-56 {
    max-width: calc(var(--spacing) * 56);
  }

  .max-w-85 {
    max-width: calc(var(--spacing) * 85);
  }

  .max-w-105 {
    max-width: calc(var(--spacing) * 105);
  }

  .max-w-\[34rem\] {
    max-width: 34rem;
  }

  .max-w-\[55\%\] {
    max-width: 55%;
  }

  .max-w-\[80\%\] {
    max-width: 80%;
  }

  .max-w-\[90\%\] {
    max-width: 90%;
  }

  .max-w-\[105px\] {
    max-width: 105px;
  }

  .max-w-\[1080px\] {
    max-width: 1080px;
  }

  .max-w-\[1440px\] {
    max-width: 1440px;
  }

  .max-w-\[1512px\] {
    max-width: 1512px;
  }

  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }

  .max-w-\[min\(20rem\,calc\(100vw-2rem\)\)\] {
    max-width: min(20rem, 100vw - 2rem);
  }

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

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

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

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }

  .min-w-6 {
    min-width: calc(var(--spacing) * 6);
  }

  .min-w-34 {
    min-width: calc(var(--spacing) * 34);
  }

  .min-w-44 {
    min-width: calc(var(--spacing) * 44);
  }

  .min-w-52 {
    min-width: calc(var(--spacing) * 52);
  }

  .min-w-56 {
    min-width: calc(var(--spacing) * 56);
  }

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

  .flex-1, .flex-\[1\] {
    flex: 1;
  }

  .flex-\[2\] {
    flex: 2;
  }

  .flex-auto {
    flex: auto;
  }

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

  .grow {
    flex-grow: 1;
  }

  .basis-1\/2 {
    flex-basis: 50%;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .border-separate {
    border-collapse: separate;
  }

  .border-spacing-0 {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }

  .scroll-progress-bar {
    transform-origin: 0;
    animation: linear both scroll-progress;
    animation-timeline: --scroll-progress;
  }

  .origin-top-left {
    transform-origin: 0 0;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0 {
    --tw-translate-x: 0;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0 {
    --tw-translate-y: 0;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-1 {
    --tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .drawer-swap {
    translate: none !important;
  }

  .scale-0 {
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-110 {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-help {
    cursor: help;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-wait {
    cursor: wait;
  }

  .cursor-zoom-in {
    cursor: zoom-in;
  }

  .resize {
    resize: both;
  }

  .resize-y {
    resize: vertical;
  }

  .snap-center {
    scroll-snap-align: center;
  }

  .scroll-mt-16 {
    scroll-margin-top: calc(var(--spacing) * 16);
  }

  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing) * 24);
  }

  .scroll-mt-28 {
    scroll-margin-top: calc(var(--spacing) * 28);
  }

  .scroll-px-4 {
    scroll-padding-inline: calc(var(--spacing) * 4);
  }

  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }

  .\[scrollbar-width\:thin\] {
    scrollbar-width: thin;
  }

  .\[scrollbar-color\:var\(--color-grey-steel\)_var\(--color-grey-platinum\)\] {
    scrollbar-color: var(--color-grey-steel) var(--color-grey-platinum);
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .appearance-none {
    appearance: none;
  }

  .auto-cols-\[calc\(\(100\%-0\.2\*1rem\)\/1\.2\)\] {
    grid-auto-columns: calc(83.3333% - .166667rem);
  }

  .grid-flow-col {
    grid-auto-flow: column;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-cols-\[minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-rows-\[auto_0_1fr_auto_minmax\(1\.75rem\,auto\)\] {
    grid-template-rows: auto 0 1fr auto minmax(1.75rem, auto);
  }

  .grid-rows-\[auto_0_1fr_auto_minmax\(1\.75rem\,auto\)_auto\] {
    grid-template-rows: auto 0 1fr auto minmax(1.75rem, auto) auto;
  }

  .grid-rows-\[auto_1\.5rem_1fr_auto_auto\] {
    grid-template-rows: auto 1.5rem 1fr auto auto;
  }

  .grid-rows-\[auto_1\.5rem_1fr_auto_minmax\(1\.75rem\,auto\)\] {
    grid-template-rows: auto 1.5rem 1fr auto minmax(1.75rem, auto);
  }

  .grid-rows-\[auto_1\.5rem_1fr_auto_minmax\(1\.75rem\,auto\)_auto\] {
    grid-template-rows: auto 1.5rem 1fr auto minmax(1.75rem, auto) auto;
  }

  .grid-rows-\[auto_auto_1fr_auto_auto\] {
    grid-template-rows: auto auto 1fr auto auto;
  }

  .grid-rows-subgrid {
    grid-template-rows: subgrid;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: var(--spacing);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  .gap-13 {
    gap: calc(var(--spacing) * 13);
  }

  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-10 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }

  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }

  :where(.-space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -1) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse)));
  }

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

  .gap-y-1 {
    row-gap: var(--spacing);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-green-aqua > :not(:last-child)) {
    border-color: var(--color-green-aqua);
  }

  :where(.divide-grey-mouse\/60 > :not(:last-child)) {
    border-color: #bec1c399;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-grey-mouse\/60 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-grey-mouse) 60%, transparent);
    }
  }

  :where(.divide-grey-platinum > :not(:last-child)) {
    border-color: var(--color-grey-platinum);
  }

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

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

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

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .accordion::details-content {
    block-size: 0;
    transition: block-size .3s ease, content-visibility .3s allow-discrete;
    overflow: clip;
  }

  .accordion[open]::details-content {
    block-size: auto;
  }

  @media (prefers-reduced-motion: reduce) {
    .accordion::details-content {
      transition: none;
    }
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-clip {
    overflow-x: clip;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-\[1px\] {
    border-radius: 1px;
  }

  .rounded-\[3px\] {
    border-radius: 3px;
  }

  .rounded-\[5px\] {
    border-radius: 5px;
  }

  .rounded-card {
    border-radius: var(--radius-card);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-xs {
    border-radius: var(--radius-xs);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-\(--ds-tag-border\) {
    border-color: var(--ds-tag-border);
  }

  .border-\(--ds-tip-border\) {
    border-color: var(--ds-tip-border);
  }

  .border-blue {
    border-color: var(--color-blue);
  }

  .border-brick {
    border-color: var(--color-brick);
  }

  .border-brown {
    border-color: var(--color-brown);
  }

  .border-current {
    border-color: currentColor;
  }

  .border-dark {
    border-color: var(--color-dark);
  }

  .border-dark\/40 {
    border-color: #0b0b0b66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-dark\/40 {
      border-color: color-mix(in oklab, var(--color-dark) 40%, transparent);
    }
  }

  .border-error {
    border-color: var(--color-error);
  }

  .border-gold {
    border-color: var(--color-gold);
  }

  .border-green-almond {
    border-color: var(--color-green-almond);
  }

  .border-green-aqua {
    border-color: var(--color-green-aqua);
  }

  .border-green-forest {
    border-color: var(--color-green-forest);
  }

  .border-green-kaki {
    border-color: var(--color-green-kaki);
  }

  .border-grey-carbon {
    border-color: var(--color-grey-carbon);
  }

  .border-grey-dove {
    border-color: var(--color-grey-dove);
  }

  .border-grey-mouse {
    border-color: var(--color-grey-mouse);
  }

  .border-grey-platinum {
    border-color: var(--color-grey-platinum);
  }

  .border-grey-steel {
    border-color: var(--color-grey-steel);
  }

  .border-information {
    border-color: var(--color-information);
  }

  .border-orange {
    border-color: var(--color-orange);
  }

  .border-pink {
    border-color: var(--color-pink);
  }

  .border-purple {
    border-color: var(--color-purple);
  }

  .border-red {
    border-color: var(--color-red);
  }

  .border-red-500 {
    border-color: var(--color-red-500);
  }

  .border-shell {
    border-color: var(--color-shell);
  }

  .border-success {
    border-color: var(--color-success);
  }

  .border-teal {
    border-color: var(--color-teal);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-warning {
    border-color: var(--color-warning);
  }

  .border-white {
    border-color: var(--color-white);
  }

  .border-white\/10 {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .border-yellow {
    border-color: var(--color-yellow);
  }

  .border-t-transparent {
    border-top-color: #0000;
  }

  .\[background-color\:var\(--acm-bg\)\] {
    background-color: var(--acm-bg);
  }

  .\[background-color\:var\(--acm-bg\,var\(--color-green-intense\)\)\] {
    background-color: var(--acm-bg, var(--color-green-intense));
  }

  .\[background-color\:var\(--acm-bg\,var\(--color-shell\)\)\] {
    background-color: var(--acm-bg, var(--color-shell));
  }

  .\[background-color\:var\(--acm-bg-m\)\] {
    background-color: var(--acm-bg-m);
  }

  .\[background-color\:var\(--acm-bg-m\,var\(--color-green-intense\)\)\] {
    background-color: var(--acm-bg-m, var(--color-green-intense));
  }

  .\[background-color\:var\(--acm-card-m\)\] {
    background-color: var(--acm-card-m);
  }

  .\[background-color\:var\(--acm-panel-d\,var\(--color-shell\)\)\] {
    background-color: var(--acm-panel-d, var(--color-shell));
  }

  .bg-\(--acm-bg-m\) {
    background-color: var(--acm-bg-m);
  }

  .bg-\(--acm-panel-d\) {
    background-color: var(--acm-panel-d);
  }

  .bg-\(--acm-panel-m\) {
    background-color: var(--acm-panel-m);
  }

  .bg-\(--ds-btn-bg\) {
    background-color: var(--ds-btn-bg);
  }

  .bg-\(--ds-group-bg\) {
    background-color: var(--ds-group-bg);
  }

  .bg-\(--ds-tag-bg\) {
    background-color: var(--ds-tag-bg);
  }

  .bg-\(--ds-tip-bg\) {
    background-color: var(--ds-tip-bg);
  }

  .bg-\(--svc-bg\) {
    background-color: var(--svc-bg);
  }

  .bg-\[\#eff5f9\] {
    background-color: #eff5f9;
  }

  .bg-\[\#f7eff9\] {
    background-color: #f7eff9;
  }

  .bg-black-overlay {
    background-color: var(--color-black-overlay);
  }

  .bg-black\/25 {
    background-color: #00000040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/25 {
      background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }

  .bg-black\/35 {
    background-color: #00000059;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/35 {
      background-color: color-mix(in oklab, var(--color-black) 35%, transparent);
    }
  }

  .bg-blue-light {
    background-color: var(--color-blue-light);
  }

  .bg-brick {
    background-color: var(--color-brick);
  }

  .bg-brick-light {
    background-color: var(--color-brick-light);
  }

  .bg-brown-light {
    background-color: var(--color-brown-light);
  }

  .bg-dark {
    background-color: var(--color-dark);
  }

  .bg-dark\/5 {
    background-color: #0b0b0b0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-dark\/5 {
      background-color: color-mix(in oklab, var(--color-dark) 5%, transparent);
    }
  }

  .bg-dark\/10 {
    background-color: #0b0b0b1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-dark\/10 {
      background-color: color-mix(in oklab, var(--color-dark) 10%, transparent);
    }
  }

  .bg-dark\/50 {
    background-color: #0b0b0b80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-dark\/50 {
      background-color: color-mix(in oklab, var(--color-dark) 50%, transparent);
    }
  }

  .bg-error {
    background-color: var(--color-error);
  }

  .bg-error-light {
    background-color: var(--color-error-light);
  }

  .bg-gold {
    background-color: var(--color-gold);
  }

  .bg-gold-light {
    background-color: var(--color-gold-light);
  }

  .bg-green-almond {
    background-color: var(--color-green-almond);
  }

  .bg-green-almond\/40 {
    background-color: #d4dcdb66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-almond\/40 {
      background-color: color-mix(in oklab, var(--color-green-almond) 40%, transparent);
    }
  }

  .bg-green-aqua {
    background-color: var(--color-green-aqua);
  }

  .bg-green-forest {
    background-color: var(--color-green-forest);
  }

  .bg-green-intense {
    background-color: var(--color-green-intense);
  }

  .bg-green-kaki-light {
    background-color: var(--color-green-kaki-light);
  }

  .bg-green-leaf {
    background-color: var(--color-green-leaf);
  }

  .bg-grey-carbon {
    background-color: var(--color-grey-carbon);
  }

  .bg-grey-mouse {
    background-color: var(--color-grey-mouse);
  }

  .bg-grey-platinum {
    background-color: var(--color-grey-platinum);
  }

  .bg-grey-steel {
    background-color: var(--color-grey-steel);
  }

  .bg-information {
    background-color: var(--color-information);
  }

  .bg-information-light {
    background-color: var(--color-information-light);
  }

  .bg-layer {
    background-color: var(--color-layer);
  }

  .bg-orange-light {
    background-color: var(--color-orange-light);
  }

  .bg-pink-light {
    background-color: var(--color-pink-light);
  }

  .bg-pink-service {
    background-color: var(--color-pink-service);
  }

  .bg-purple-light {
    background-color: var(--color-purple-light);
  }

  .bg-red-50 {
    background-color: var(--color-red-50);
  }

  .bg-red-light {
    background-color: var(--color-red-light);
  }

  .bg-shell {
    background-color: var(--color-shell);
  }

  .bg-shell\/60 {
    background-color: #efece399;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-shell\/60 {
      background-color: color-mix(in oklab, var(--color-shell) 60%, transparent);
    }
  }

  .bg-success {
    background-color: var(--color-success);
  }

  .bg-success-light {
    background-color: var(--color-success-light);
  }

  .bg-teal {
    background-color: var(--color-teal);
  }

  .bg-teal-light {
    background-color: var(--color-teal-light);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-warning {
    background-color: var(--color-warning);
  }

  .bg-warning-light {
    background-color: var(--color-warning-light);
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/5 {
    background-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/5 {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .bg-white\/10 {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/10 {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .bg-white\/60 {
    background-color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/60 {
      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .bg-white\/90 {
    background-color: #ffffffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/90 {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }

  .bg-white\/95 {
    background-color: #fffffff2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/95 {
      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }

  .bg-yellow-light {
    background-color: var(--color-yellow-light);
  }

  .bg-ziggurat {
    background-color: var(--color-ziggurat);
  }

  .bg-linear-to-t {
    --tw-gradient-position: to top;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-t {
      --tw-gradient-position: to top in oklab;
    }
  }

  .bg-linear-to-t {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .from-black-overlay {
    --tw-gradient-from: var(--color-black-overlay);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-black\/40 {
    --tw-gradient-from: #0006;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }

  .from-black\/40 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-black\/60 {
    --tw-gradient-from: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/60 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .from-black\/60 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-25\% {
    --tw-gradient-from-position: 25%;
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-white\/0 {
    --tw-gradient-to: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-white\/0 {
      --tw-gradient-to: color-mix(in oklab, var(--color-white) 0%, transparent);
    }
  }

  .to-white\/0 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .bg-cover {
    background-size: cover;
  }

  .bg-center {
    background-position: center;
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .object-right {
    object-position: right;
  }

  .p-0 {
    padding: 0;
  }

  .p-1 {
    padding: var(--spacing);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .px-1 {
    padding-inline: var(--spacing);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-\[5px\] {
    padding-inline: 5px;
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: var(--spacing);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }

  .py-32 {
    padding-block: calc(var(--spacing) * 32);
  }

  .py-px {
    padding-block: 1px;
  }

  .pt-0 {
    padding-top: 0;
  }

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }

  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }

  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }

  .pr-1 {
    padding-right: var(--spacing);
  }

  .pr-1\.25 {
    padding-right: calc(var(--spacing) * 1.25);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }

  .pr-7 {
    padding-right: calc(var(--spacing) * 7);
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }

  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }

  .pb-0 {
    padding-bottom: 0;
  }

  .pb-1 {
    padding-bottom: var(--spacing);
  }

  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }

  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }

  .pb-\[max\(1\.5rem\,env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: max(1.5rem, env(safe-area-inset-bottom));
  }

  .pb-\[max\(1rem\,env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: max(1rem, env(safe-area-inset-bottom));
  }

  .pl-0 {
    padding-left: 0;
  }

  .pl-1 {
    padding-left: var(--spacing);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }

  .pl-7\.5 {
    padding-left: calc(var(--spacing) * 7.5);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

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

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

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

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

  .align-middle {
    vertical-align: middle;
  }

  .typo-headline-md {
    font-family: var(--font-serif);
    font-synthesis-weight: none;
    font-size: var(--fs-headline-md);
    letter-spacing: .02em;
    font-weight: 200;
    line-height: 1;
  }

  .typo-display-lg {
    font-family: var(--font-serif);
    font-synthesis-weight: none;
    text-transform: uppercase;
    font-size: clamp(4rem, 2rem + 8.5vw, 9.25rem);
    font-weight: 200;
    line-height: .865;
  }

  .typo-tag {
    font-family: var(--font-sans);
    text-transform: uppercase;
    font-size: .625rem;
    font-weight: 400;
    line-height: 1.1;
  }

  .typo-tag-em {
    font-family: var(--font-sans);
    text-transform: uppercase;
    font-size: .625rem;
    font-weight: 500;
    line-height: 1.1;
  }

  .typo-display-md {
    font-family: var(--font-serif);
    font-synthesis-weight: none;
    font-size: clamp(3.5rem, 1.75rem + 7.5vw, 8.25rem);
    font-weight: 200;
    line-height: .712;
  }

  .typo-display-sm {
    font-family: var(--font-serif);
    font-synthesis-weight: none;
    font-size: clamp(2.75rem, 1.75rem + 4.5vw, 5rem);
    font-weight: 200;
    line-height: .85;
  }

  .typo-headline-lg {
    font-family: var(--font-serif);
    font-synthesis-weight: none;
    font-size: var(--fs-headline-lg);
    font-weight: 200;
    line-height: 1;
  }

  .typo-headline-sm {
    font-family: var(--font-serif);
    font-synthesis-weight: none;
    font-size: var(--fs-headline-sm);
    font-weight: 200;
    line-height: 1;
  }

  .typo-headline-xl {
    font-family: var(--font-serif);
    font-synthesis-weight: none;
    font-size: clamp(2.25rem, 1.7rem + 2.4vw, 3.5rem);
    font-weight: 200;
    line-height: .857;
  }

  .typo-headline-xs {
    font-family: var(--font-serif);
    font-synthesis-weight: none;
    font-size: 1.25rem;
    font-weight: 200;
    line-height: 1;
  }

  .typo-menu {
    font-family: var(--font-serif);
    font-synthesis-weight: none;
    font-size: clamp(1.5rem, 1.36rem + .6vw, 1.75rem);
    font-weight: 200;
    line-height: 1.1;
  }

  .typo-body-lg {
    font-family: var(--font-sans);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25;
  }

  .typo-body-lg-em {
    font-family: var(--font-sans);
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25;
  }

  .typo-body-md {
    font-family: var(--font-sans);
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.25;
  }

  .typo-body-md-em {
    font-family: var(--font-sans);
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.25;
  }

  .typo-body-sm {
    font-family: var(--font-sans);
    font-size: .625rem;
    font-weight: 400;
    line-height: 1;
  }

  .typo-body-sm-em {
    font-family: var(--font-sans);
    font-size: .625rem;
    font-weight: 700;
    line-height: 1;
  }

  .typo-cta {
    font-family: var(--font-sans);
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.429;
  }

  .typo-cta-em {
    font-family: var(--font-sans);
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.429;
  }

  .typo-number-lg {
    font-family: var(--font-sans);
    font-size: 2.25rem;
    font-weight: 700;
    line-height: .889;
  }

  .typo-number-md {
    font-family: var(--font-sans);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
  }

  .typo-paragraph {
    font-family: var(--font-sans);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
  }

  .typo-paragraph-em {
    font-family: var(--font-sans);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
  }

  .typo-paragraph-sm {
    font-family: var(--font-sans);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.429;
  }

  .typo-paragraph-sm-em {
    font-family: var(--font-sans);
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.429;
  }

  .typo-stock-tag {
    font-family: var(--font-sans);
    font-size: .675rem;
    font-weight: 400;
    line-height: 1.1;
  }

  .typo-stock-tag-em {
    font-family: var(--font-sans);
    font-size: .675rem;
    font-weight: 500;
    line-height: 1.1;
  }

  .typo-title-lg {
    font-family: var(--font-sans);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.6;
  }

  .typo-title-lg-em {
    font-family: var(--font-sans);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.6;
  }

  .typo-title-md {
    font-family: var(--font-sans);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
  }

  .typo-title-md-em {
    font-family: var(--font-sans);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25;
  }

  .typo-title-sm {
    font-family: var(--font-sans);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.143;
  }

  .typo-title-sm-em {
    font-family: var(--font-sans);
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.143;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .font-sans {
    font-family: var(--font-sans);
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[\.6rem\] {
    font-size: .6rem;
  }

  .text-\[1\.5rem\] {
    font-size: 1.5rem;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

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

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

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

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

  .tracking-\[0\.02em\] {
    --tw-tracking: .02em;
    letter-spacing: .02em;
  }

  .tracking-\[0\.06em\] {
    --tw-tracking: .06em;
    letter-spacing: .06em;
  }

  .tracking-\[0\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }

  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .text-balance {
    text-wrap: balance;
  }

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

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

  .\[color\:var\(--acm-text-d\,var\(--color-green-forest\)\)\] {
    color: var(--acm-text-d, var(--color-green-forest));
  }

  .\[color\:var\(--acm-text-m\)\] {
    color: var(--acm-text-m);
  }

  .\[color\:var\(--acm-text-m\,\#fff\)\] {
    color: var(--acm-text-m, #fff);
  }

  .\[color\:var\(--acm-text-m\,inherit\)\] {
    color: var(--acm-text-m, inherit);
  }

  .\[color\:var\(--acm-text-m\,var\(--color-dark\)\)\] {
    color: var(--acm-text-m, var(--color-dark));
  }

  .\[color\:var\(--acm-text-m\,var\(--color-green-forest\)\)\] {
    color: var(--acm-text-m, var(--color-green-forest));
  }

  .\[color\:var\(--acm-text-m\,var\(--color-grey-carbon\)\)\] {
    color: var(--acm-text-m, var(--color-grey-carbon));
  }

  .\[color\:var\(--acm-text-m\,var\(--color-ink\)\)\] {
    color: var(--acm-text-m, var(--color-ink));
  }

  .\[color\:var\(--svc-text-m\)\] {
    color: var(--svc-text-m);
  }

  .text-\(--ds-btn-text\) {
    color: var(--ds-btn-text);
  }

  .text-\(--ds-group-text\) {
    color: var(--ds-group-text);
  }

  .text-\(--ds-tag-text\) {
    color: var(--ds-tag-text);
  }

  .text-\(--ds-tip-text\) {
    color: var(--ds-tip-text);
  }

  .text-blue {
    color: var(--color-blue);
  }

  .text-blue-dark {
    color: var(--color-blue-dark);
  }

  .text-brand {
    color: var(--color-brand);
  }

  .text-brick {
    color: var(--color-brick);
  }

  .text-brick-dark {
    color: var(--color-brick-dark);
  }

  .text-brown {
    color: var(--color-brown);
  }

  .text-brown-dark {
    color: var(--color-brown-dark);
  }

  .text-current {
    color: currentColor;
  }

  .text-dark {
    color: var(--color-dark);
  }

  .text-error {
    color: var(--color-error);
  }

  .text-error-dark {
    color: var(--color-error-dark);
  }

  .text-gold {
    color: var(--color-gold);
  }

  .text-green-almond {
    color: var(--color-green-almond);
  }

  .text-green-aqua {
    color: var(--color-green-aqua);
  }

  .text-green-forest {
    color: var(--color-green-forest);
  }

  .text-green-intense {
    color: var(--color-green-intense);
  }

  .text-green-kaki {
    color: var(--color-green-kaki);
  }

  .text-green-kaki-dark {
    color: var(--color-green-kaki-dark);
  }

  .text-green-leaf {
    color: var(--color-green-leaf);
  }

  .text-grey-carbon {
    color: var(--color-grey-carbon);
  }

  .text-grey-dove {
    color: var(--color-grey-dove);
  }

  .text-grey-mouse {
    color: var(--color-grey-mouse);
  }

  .text-grey-platinum {
    color: var(--color-grey-platinum);
  }

  .text-grey-steel {
    color: var(--color-grey-steel);
  }

  .text-information {
    color: var(--color-information);
  }

  .text-information-dark {
    color: var(--color-information-dark);
  }

  .text-inherit {
    color: inherit;
  }

  .text-ink {
    color: var(--color-ink);
  }

  .text-muted {
    color: var(--color-muted);
  }

  .text-orange {
    color: var(--color-orange);
  }

  .text-orange-dark {
    color: var(--color-orange-dark);
  }

  .text-pink {
    color: var(--color-pink);
  }

  .text-pink-dark {
    color: var(--color-pink-dark);
  }

  .text-pink-service {
    color: var(--color-pink-service);
  }

  .text-purple {
    color: var(--color-purple);
  }

  .text-purple-dark {
    color: var(--color-purple-dark);
  }

  .text-red {
    color: var(--color-red);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-red-900 {
    color: var(--color-red-900);
  }

  .text-red-dark {
    color: var(--color-red-dark);
  }

  .text-success {
    color: var(--color-success);
  }

  .text-success-dark {
    color: var(--color-success-dark);
  }

  .text-teal {
    color: var(--color-teal);
  }

  .text-teal-dark {
    color: var(--color-teal-dark);
  }

  .text-warning {
    color: var(--color-warning);
  }

  .text-warning-dark {
    color: var(--color-warning-dark);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/20 {
    color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/20 {
      color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .text-white\/50 {
    color: #ffffff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/50 {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  .text-white\/70 {
    color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/70 {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .text-white\/80 {
    color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .text-yellow {
    color: var(--color-yellow);
  }

  .text-yellow-dark {
    color: var(--color-yellow-dark);
  }

  .text-ziggurat {
    color: var(--color-ziggurat);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .normal-case {
    text-transform: none;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .not-italic {
    font-style: normal;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

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

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

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

  .decoration-1 {
    text-decoration-thickness: 1px;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

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

  .opacity-0 {
    opacity: 0;
  }

  .opacity-25 {
    opacity: .25;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring, .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-cover:focus-visible {
    outline: 2px solid var(--color-white);
    outline-offset: -4px;
    box-shadow: inset 0 0 0 2px var(--color-green-forest);
  }

  .ring-black\/5 {
    --tw-ring-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/5 {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .ring-black\/10 {
    --tw-ring-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/10 {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .ring-error {
    --tw-ring-color: var(--color-error);
  }

  .ring-green-almond {
    --tw-ring-color: var(--color-green-almond);
  }

  .ring-grey-platinum {
    --tw-ring-color: var(--color-grey-platinum);
  }

  .outline, .outline-1 {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .-outline-offset-1 {
    outline-offset: calc(1px * -1);
  }

  .outline-green-almond {
    outline-color: var(--color-green-almond);
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-xs {
    --tw-backdrop-blur: blur(var(--blur-xs));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[max-height\] {
    transition-property: max-height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,display\,overlay\] {
    transition-property: opacity, display, overlay;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,translate\] {
    transition-property: opacity, translate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\] {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,top\] {
    transition-property: transform, top;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[translate\,opacity\] {
    transition-property: translate, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[translate\] {
    transition-property: translate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-none {
    transition-property: none;
  }

  .transition-discrete {
    transition-behavior: allow-discrete;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-400 {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .will-change-transform {
    will-change: transform;
  }

  .outline-dashed {
    --tw-outline-style: dashed;
    outline-style: dashed;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[-ms-overflow-style\:none\] {
    -ms-overflow-style: none;
  }

  .ring-inset {
    --tw-ring-inset: inset;
  }

  .scroll-progress-scope {
    timeline-scope: --scroll-progress;
  }

  .scroll-progress-source {
    scroll-timeline: --scroll-progress x;
  }

  .tip-linger {
    transition: opacity .3s, visibility 0s .2s, scale 0s .2s;
  }

  .not-disabled\:cursor-pointer:not(:disabled) {
    cursor: pointer;
  }

  .group-open\:flex:is(:where(.group):is([open], :popover-open, :open) *) {
    display: flex;
  }

  .group-open\:hidden:is(:where(.group):is([open], :popover-open, :open) *) {
    display: none;
  }

  .group-open\:inline:is(:where(.group):is([open], :popover-open, :open) *) {
    display: inline;
  }

  .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 180deg;
  }

  .group-open\:bg-green-aqua:is(:where(.group):is([open], :popover-open, :open) *) {
    background-color: var(--color-green-aqua);
  }

  .group-open\/menu\:translate-x-0:is(:where(.group\/menu):is([open], :popover-open, :open) *) {
    --tw-translate-x: 0;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-focus-within\/tip\:visible:is(:where(.group\/tip):focus-within *) {
    visibility: visible;
  }

  .group-focus-within\/tip\:scale-100:is(:where(.group\/tip):focus-within *) {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .group-focus-within\/tip\:opacity-100:is(:where(.group\/tip):focus-within *) {
    opacity: 1;
  }

  .group-focus-within\/tip\:tip-linger-none:is(:where(.group\/tip):focus-within *) {
    transition: opacity .3s, visibility, scale;
  }

  @media (hover: hover) {
    .group-hover\:translate-x-1:is(:where(.group):hover *) {
      --tw-translate-x: var(--spacing);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:scale-67:is(:where(.group):hover *) {
      --tw-scale-x: 67%;
      --tw-scale-y: 67%;
      --tw-scale-z: 67%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:scale-115:is(:where(.group):hover *) {
      --tw-scale-x: 115%;
      --tw-scale-y: 115%;
      --tw-scale-z: 115%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:border-dark:is(:where(.group):hover *) {
      border-color: var(--color-dark);
    }

    .group-hover\:bg-dark:is(:where(.group):hover *) {
      background-color: var(--color-dark);
    }

    .group-hover\:text-green-forest:is(:where(.group):hover *) {
      color: var(--color-green-forest);
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }

    .group-hover\/burger\:visible:is(:where(.group\/burger):hover *) {
      visibility: visible;
    }

    .group-hover\/burger\:opacity-100:is(:where(.group\/burger):hover *) {
      opacity: 1;
    }

    .group-hover\/hdr\:visible:is(:where(.group\/hdr):hover *) {
      visibility: visible;
    }

    .group-hover\/hdr\:opacity-100:is(:where(.group\/hdr):hover *) {
      opacity: 1;
    }

    .group-hover\/tip\:visible:is(:where(.group\/tip):hover *) {
      visibility: visible;
    }

    .group-hover\/tip\:scale-100:is(:where(.group\/tip):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\/tip\:opacity-100:is(:where(.group\/tip):hover *) {
      opacity: 1;
    }

    .group-hover\/tip\:tip-linger-none:is(:where(.group\/tip):hover *) {
      transition: opacity .3s, visibility, scale;
    }
  }

  .group-disabled\:opacity-40:is(:where(.group):disabled *) {
    opacity: .4;
  }

  .group-disabled\:grayscale:is(:where(.group):disabled *) {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .group-has-checked\:scale-100:is(:where(.group):has(:checked) *) {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .group-has-checked\:border-dark:is(:where(.group):has(:checked) *) {
    border-color: var(--color-dark);
  }

  .group-has-\[\:checked\]\:block:is(:where(.group):has(:checked) *) {
    display: block;
  }

  .group-has-\[\:checked\]\:hidden:is(:where(.group):has(:checked) *) {
    display: none;
  }

  .group-has-\[\:checked\]\:inline:is(:where(.group):has(:checked) *) {
    display: inline;
  }

  .group-has-\[\:checked\]\:max-h-none:is(:where(.group):has(:checked) *) {
    max-height: none;
  }

  .group-has-\[\:checked\]\:rotate-180:is(:where(.group):has(:checked) *) {
    rotate: 180deg;
  }

  .group-aria-expanded\/burger\:block:is(:where(.group\/burger)[aria-expanded="true"] *) {
    display: block;
  }

  .group-aria-expanded\/burger\:hidden:is(:where(.group\/burger)[aria-expanded="true"] *) {
    display: none;
  }

  .group-aria-expanded\/country\:rotate-180:is(:where(.group\/country)[aria-expanded="true"] *) {
    rotate: 180deg;
  }

  .group-data-\[panel\]\/menu\:hidden:is(:where(.group\/menu)[data-panel] *) {
    display: none;
  }

  .peer-not-placeholder-shown\:top-1\.5:is(:where(.peer):not(:placeholder-shown) ~ *) {
    top: calc(var(--spacing) * 1.5);
  }

  .peer-not-placeholder-shown\:top-2:is(:where(.peer):not(:placeholder-shown) ~ *) {
    top: calc(var(--spacing) * 2);
  }

  .peer-not-placeholder-shown\:translate-y-0:is(:where(.peer):not(:placeholder-shown) ~ *) {
    --tw-translate-y: 0;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .peer-not-placeholder-shown\:typo-body-md:is(:where(.peer):not(:placeholder-shown) ~ *) {
    font-family: var(--font-sans);
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.25;
  }

  .peer-checked\:border-green-forest:is(:where(.peer):checked ~ *) {
    border-color: var(--color-green-forest);
  }

  .peer-checked\:border-grey-carbon:is(:where(.peer):checked ~ *) {
    border-color: var(--color-grey-carbon);
  }

  .peer-checked\:bg-green-forest:is(:where(.peer):checked ~ *) {
    background-color: var(--color-green-forest);
  }

  .peer-checked\:text-white:is(:where(.peer):checked ~ *) {
    color: var(--color-white);
  }

  .peer-checked\:ring-2:is(:where(.peer):checked ~ *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .peer-checked\:ring-grey-carbon:is(:where(.peer):checked ~ *) {
    --tw-ring-color: var(--color-grey-carbon);
  }

  .peer-checked\:ring-offset-2:is(:where(.peer):checked ~ *) {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .peer-checked\:ring-offset-white:is(:where(.peer):checked ~ *) {
    --tw-ring-offset-color: var(--color-white);
  }

  .peer-focus\:top-1\.5:is(:where(.peer):focus ~ *) {
    top: calc(var(--spacing) * 1.5);
  }

  .peer-focus\:top-2:is(:where(.peer):focus ~ *) {
    top: calc(var(--spacing) * 2);
  }

  .peer-focus\:translate-y-0:is(:where(.peer):focus ~ *) {
    --tw-translate-y: 0;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .peer-focus\:typo-body-md:is(:where(.peer):focus ~ *) {
    font-family: var(--font-sans);
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.25;
  }

  .peer-focus-visible\:outline-2:is(:where(.peer):focus-visible ~ *) {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .peer-focus-visible\:outline-offset-2:is(:where(.peer):focus-visible ~ *) {
    outline-offset: 2px;
  }

  .peer-focus-visible\:outline-green-forest:is(:where(.peer):focus-visible ~ *) {
    outline-color: var(--color-green-forest);
  }

  .peer-focus-visible\:outline-white:is(:where(.peer):focus-visible ~ *) {
    outline-color: var(--color-white);
  }

  .peer-disabled\:text-grey-mouse:is(:where(.peer):disabled ~ *) {
    color: var(--color-grey-mouse);
  }

  .placeholder\:text-grey-dove::placeholder {
    color: var(--color-grey-dove);
  }

  .placeholder\:text-grey-steel::placeholder {
    color: var(--color-grey-steel);
  }

  .backdrop\:bg-black-overlay::backdrop {
    background-color: var(--color-black-overlay);
  }

  .backdrop\:opacity-0::backdrop {
    opacity: 0;
  }

  .backdrop\:transition-\[opacity\]::backdrop {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .backdrop\:duration-300::backdrop {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:inset-x-0:before {
    content: var(--tw-content);
    inset-inline: 0;
  }

  .before\:-top-1:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * -1);
  }

  .before\:top-3\.75:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 3.75);
  }

  .before\:right-1\/2:before {
    content: var(--tw-content);
    right: 50%;
  }

  .before\:z-0:before {
    content: var(--tw-content);
    z-index: 0;
  }

  .before\:h-1:before {
    content: var(--tw-content);
    height: var(--spacing);
  }

  .before\:h-px:before {
    content: var(--tw-content);
    height: 1px;
  }

  .before\:w-full:before {
    content: var(--tw-content);
    width: 100%;
  }

  .before\:bg-green-almond:before {
    content: var(--tw-content);
    background-color: var(--color-green-almond);
  }

  .before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }

  .first\:mt-0:first-child {
    margin-top: 0;
  }

  .first\:mt-2:first-child {
    margin-top: calc(var(--spacing) * 2);
  }

  .first\:ml-0:first-child {
    margin-left: 0;
  }

  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .first\:pt-0:first-child {
    padding-top: 0;
  }

  .first\:before\:hidden:first-child:before {
    content: var(--tw-content);
    display: none;
  }

  .last\:border-r-0:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .last\:pb-0:last-child {
    padding-bottom: 0;
  }

  .open\:flex:is([open], :popover-open, :open) {
    display: flex;
  }

  .open\:opacity-100:is([open], :popover-open, :open) {
    opacity: 1;
  }

  .empty\:hidden:empty {
    display: none;
  }

  .focus-within\:outline-2:focus-within {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-within\:outline-offset-2:focus-within {
    outline-offset: 2px;
  }

  .focus-within\:outline-green-forest:focus-within {
    outline-color: var(--color-green-forest);
  }

  .focus-within\:outline-white:focus-within {
    outline-color: var(--color-white);
  }

  @media (hover: hover) {
    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:-rotate-90:hover {
      rotate: -90deg;
    }

    .hover\:border-green-aqua:hover {
      border-color: var(--color-green-aqua);
    }

    .hover\:border-green-forest:hover {
      border-color: var(--color-green-forest);
    }

    .hover\:border-grey-carbon:hover {
      border-color: var(--color-grey-carbon);
    }

    .hover\:bg-brand\/10:hover {
      background-color: #2c45421a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand\/10:hover {
        background-color: color-mix(in oklab, var(--color-brand) 10%, transparent);
      }
    }

    .hover\:bg-dark:hover {
      background-color: var(--color-dark);
    }

    .hover\:bg-green-almond:hover {
      background-color: var(--color-green-almond);
    }

    .hover\:bg-green-aqua:hover {
      background-color: var(--color-green-aqua);
    }

    .hover\:bg-green-leaf:hover {
      background-color: var(--color-green-leaf);
    }

    .hover\:bg-grey-carbon:hover {
      background-color: var(--color-grey-carbon);
    }

    .hover\:bg-grey-platinum:hover {
      background-color: var(--color-grey-platinum);
    }

    .hover\:bg-shell:hover {
      background-color: var(--color-shell);
    }

    .hover\:bg-transparent:hover {
      background-color: #0000;
    }

    .hover\:bg-white\/10:hover {
      background-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/10:hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }

    .hover\:text-dark:hover {
      color: var(--color-dark);
    }

    .hover\:text-green-forest:hover {
      color: var(--color-green-forest);
    }

    .hover\:text-grey-carbon:hover {
      color: var(--color-grey-carbon);
    }

    .hover\:text-white:hover {
      color: var(--color-white);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:underline-offset-2:hover {
      text-underline-offset: 2px;
    }

    .hover\:opacity-75:hover {
      opacity: .75;
    }

    .hover\:opacity-90:hover {
      opacity: .9;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }

    .hover\:ring-grey-carbon:hover {
      --tw-ring-color: var(--color-grey-carbon);
    }

    .not-disabled\:hover\:border-grey-carbon:not(:disabled):hover {
      border-color: var(--color-grey-carbon);
    }

    .not-disabled\:hover\:border-white:not(:disabled):hover {
      border-color: var(--color-white);
    }

    .not-disabled\:hover\:bg-\(--ds-btn-bg-hover\):not(:disabled):hover {
      background-color: var(--ds-btn-bg-hover);
    }

    .not-disabled\:hover\:bg-dark\/20:not(:disabled):hover {
      background-color: #0b0b0b33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .not-disabled\:hover\:bg-dark\/20:not(:disabled):hover {
        background-color: color-mix(in oklab, var(--color-dark) 20%, transparent);
      }
    }

    .not-disabled\:hover\:bg-green-almond:not(:disabled):hover {
      background-color: var(--color-green-almond);
    }

    .not-disabled\:hover\:bg-green-aqua:not(:disabled):hover {
      background-color: var(--color-green-aqua);
    }

    .not-disabled\:hover\:bg-green-leaf:not(:disabled):hover {
      background-color: var(--color-green-leaf);
    }

    .not-disabled\:hover\:bg-grey-carbon:not(:disabled):hover {
      background-color: var(--color-grey-carbon);
    }

    .not-disabled\:hover\:bg-white:not(:disabled):hover {
      background-color: var(--color-white);
    }

    .not-disabled\:hover\:text-\(--ds-btn-text-hover\):not(:disabled):hover {
      color: var(--ds-btn-text-hover);
    }

    .not-disabled\:hover\:text-dark:not(:disabled):hover {
      color: var(--color-dark);
    }

    .not-disabled\:hover\:text-green-aqua:not(:disabled):hover {
      color: var(--color-green-aqua);
    }

    .not-disabled\:hover\:text-green-forest:not(:disabled):hover {
      color: var(--color-green-forest);
    }

    .not-disabled\:hover\:text-white:not(:disabled):hover {
      color: var(--color-white);
    }

    .not-disabled\:hover\:underline:not(:disabled):hover {
      text-decoration-line: underline;
    }
  }

  .focus\:border-grey-carbon:focus {
    border-color: var(--color-grey-carbon);
  }

  .focus\:border-white:focus {
    border-color: var(--color-white);
  }

  .focus\:ring-1:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-grey-carbon:focus {
    --tw-ring-color: var(--color-grey-carbon);
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus\:ring-inset:focus {
    --tw-ring-inset: inset;
  }

  .focus-visible\:not-sr-only:focus-visible {
    clip-path: none;
    white-space: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
    overflow: visible;
  }

  .focus-visible\:fixed:focus-visible {
    position: fixed;
  }

  .focus-visible\:top-4:focus-visible {
    top: calc(var(--spacing) * 4);
  }

  .focus-visible\:left-4:focus-visible {
    left: calc(var(--spacing) * 4);
  }

  .focus-visible\:z-100:focus-visible {
    z-index: 100;
  }

  .focus-visible\:rounded-xs:focus-visible {
    border-radius: var(--radius-xs);
  }

  .focus-visible\:bg-white:focus-visible {
    background-color: var(--color-white);
  }

  .focus-visible\:px-4:focus-visible {
    padding-inline: calc(var(--spacing) * 4);
  }

  .focus-visible\:py-3:focus-visible {
    padding-block: calc(var(--spacing) * 3);
  }

  .focus-visible\:underline:focus-visible {
    text-decoration-line: underline;
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:-outline-offset-2:focus-visible {
    outline-offset: calc(2px * -1);
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }

  .focus-visible\:outline-offset-4:focus-visible {
    outline-offset: 4px;
  }

  .focus-visible\:outline-current:focus-visible {
    outline-color: currentColor;
  }

  .focus-visible\:outline-green-forest:focus-visible {
    outline-color: var(--color-green-forest);
  }

  .focus-visible\:outline-white:focus-visible {
    outline-color: var(--color-white);
  }

  .focus-visible\:outline-solid:focus-visible {
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .active\:scale-98:active {
    --tw-scale-x: 98%;
    --tw-scale-y: 98%;
    --tw-scale-z: 98%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .active\:border-dark:active {
    border-color: var(--color-dark);
  }

  .active\:border-green-almond:active {
    border-color: var(--color-green-almond);
  }

  .active\:border-green-intense:active {
    border-color: var(--color-green-intense);
  }

  .active\:border-green-overlay:active {
    border-color: var(--color-green-overlay);
  }

  .active\:bg-dark:active {
    background-color: var(--color-dark);
  }

  .active\:bg-green-almond:active {
    background-color: var(--color-green-almond);
  }

  .active\:bg-green-forest:active {
    background-color: var(--color-green-forest);
  }

  .active\:bg-green-intense:active {
    background-color: var(--color-green-intense);
  }

  .active\:bg-green-overlay:active {
    background-color: var(--color-green-overlay);
  }

  .active\:bg-ziggurat:active {
    background-color: var(--color-ziggurat);
  }

  .active\:text-white:active {
    color: var(--color-white);
  }

  .not-disabled\:active\:scale-98:not(:disabled):active {
    --tw-scale-x: 98%;
    --tw-scale-y: 98%;
    --tw-scale-z: 98%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .not-disabled\:active\:border-dark:not(:disabled):active {
    border-color: var(--color-dark);
  }

  .not-disabled\:active\:border-green-aqua:not(:disabled):active {
    border-color: var(--color-green-aqua);
  }

  .not-disabled\:active\:border-green-overlay:not(:disabled):active {
    border-color: var(--color-green-overlay);
  }

  .not-disabled\:active\:bg-dark:not(:disabled):active {
    background-color: var(--color-dark);
  }

  .not-disabled\:active\:bg-dark\/30:not(:disabled):active {
    background-color: #0b0b0b4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .not-disabled\:active\:bg-dark\/30:not(:disabled):active {
      background-color: color-mix(in oklab, var(--color-dark) 30%, transparent);
    }
  }

  .not-disabled\:active\:bg-green-almond:not(:disabled):active {
    background-color: var(--color-green-almond);
  }

  .not-disabled\:active\:bg-green-aqua:not(:disabled):active {
    background-color: var(--color-green-aqua);
  }

  .not-disabled\:active\:bg-green-forest:not(:disabled):active {
    background-color: var(--color-green-forest);
  }

  .not-disabled\:active\:bg-green-overlay:not(:disabled):active {
    background-color: var(--color-green-overlay);
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:cursor-wait:disabled {
    cursor: wait;
  }

  .disabled\:border-grey-platinum:disabled {
    border-color: var(--color-grey-platinum);
  }

  .disabled\:bg-grey-platinum:disabled {
    background-color: var(--color-grey-platinum);
  }

  .disabled\:text-green-almond:disabled {
    color: var(--color-green-almond);
  }

  .disabled\:text-grey-mouse:disabled {
    color: var(--color-grey-mouse);
  }

  .disabled\:text-grey-steel:disabled {
    color: var(--color-grey-steel);
  }

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

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .has-disabled\:cursor-not-allowed:has(:disabled) {
    cursor: not-allowed;
  }

  .has-disabled\:opacity-50:has(:disabled) {
    opacity: .5;
  }

  .has-\[\:focus-visible\]\:outline-2:has(:focus-visible) {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .has-\[\:focus-visible\]\:outline-offset-2:has(:focus-visible) {
    outline-offset: 2px;
  }

  .has-\[\:focus-visible\]\:outline-green-forest:has(:focus-visible) {
    outline-color: var(--color-green-forest);
  }

  .has-\[\[aria-expanded\=true\]\]\:z-10:has([aria-expanded="true"]) {
    z-index: 10;
  }

  .has-\[\[aria-expanded\=true\]\]\:z-10\!:has([aria-expanded="true"]) {
    z-index: 10 !important;
  }

  .has-\[\[aria-expanded\=true\]\]\:z-30:has([aria-expanded="true"]) {
    z-index: 30;
  }

  .has-\[\[aria-expanded\=true\]\]\:z-40:has([aria-expanded="true"]) {
    z-index: 40;
  }

  .aria-expanded\:border-green-forest[aria-expanded="true"] {
    border-color: var(--color-green-forest);
  }

  .aria-expanded\:underline[aria-expanded="true"] {
    text-decoration-line: underline;
  }

  .aria-pressed\:border-green-forest[aria-pressed="true"] {
    border-color: var(--color-green-forest);
  }

  .aria-pressed\:bg-green-forest[aria-pressed="true"] {
    background-color: var(--color-green-forest);
  }

  .aria-pressed\:text-white[aria-pressed="true"] {
    color: var(--color-white);
  }

  @media (hover: hover) {
    .aria-pressed\:hover\:bg-green-forest[aria-pressed="true"]:hover {
      background-color: var(--color-green-forest);
    }
  }

  .aria-pressed\:active\:border-green-intense[aria-pressed="true"]:active {
    border-color: var(--color-green-intense);
  }

  .aria-pressed\:active\:bg-green-intense[aria-pressed="true"]:active {
    background-color: var(--color-green-intense);
  }

  .aria-selected\:border-green-forest[aria-selected="true"] {
    border-color: var(--color-green-forest);
  }

  .aria-selected\:bg-green-aqua[aria-selected="true"] {
    background-color: var(--color-green-aqua);
  }

  .aria-selected\:bg-white\/10[aria-selected="true"] {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-selected\:bg-white\/10[aria-selected="true"] {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .aria-selected\:text-green-forest[aria-selected="true"] {
    color: var(--color-green-forest);
  }

  .aria-\[current\=page\]\:border-green-forest[aria-current="page"] {
    border-color: var(--color-green-forest);
  }

  .aria-\[current\=page\]\:text-green-forest[aria-current="page"] {
    color: var(--color-green-forest);
  }

  .aria-\[current\=true\]\:opacity-100[aria-current="true"] {
    opacity: 1;
  }

  .data-closing\:translate-y-3[data-closing] {
    --tw-translate-y: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-closing\:opacity-0[data-closing] {
    opacity: 0;
  }

  .data-visible\:pointer-events-auto[data-visible] {
    pointer-events: auto;
  }

  .data-visible\:translate-y-0[data-visible] {
    --tw-translate-y: 0;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-visible\:opacity-100[data-visible] {
    opacity: 1;
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:transition-none {
      transition-property: none;
    }
  }

  @media not all and (min-width: 64rem) {
    .max-lg\:relative {
      position: relative;
    }

    .max-lg\:z-10 {
      z-index: 10;
    }

    .max-lg\:order-3 {
      order: 3;
    }

    .max-lg\:order-4 {
      order: 4;
    }

    .max-lg\:order-5 {
      order: 5;
    }

    .max-lg\:-mx-4 {
      margin-inline: calc(var(--spacing) * -4);
    }

    .max-lg\:-mt-16 {
      margin-top: calc(var(--spacing) * -16);
    }

    .max-lg\:mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }

    .max-lg\:mt-9 {
      margin-top: calc(var(--spacing) * 9);
    }

    .max-lg\:contents {
      display: contents;
    }

    .max-lg\:flex {
      display: flex;
    }

    .max-lg\:hidden {
      display: none;
    }

    .max-lg\:w-3\/4 {
      width: 75%;
    }

    .max-lg\:w-42 {
      width: calc(var(--spacing) * 42);
    }

    .max-lg\:w-\[72\%\] {
      width: 72%;
    }

    .max-lg\:w-\[78\%\] {
      width: 78%;
    }

    .max-lg\:w-\[85\%\] {
      width: 85%;
    }

    .max-lg\:w-\[88\%\] {
      width: 88%;
    }

    .max-lg\:w-fit {
      width: fit-content;
    }

    .max-lg\:w-full {
      width: 100%;
    }

    .max-lg\:shrink-0 {
      flex-shrink: 0;
    }

    .max-lg\:snap-x {
      scroll-snap-type: x var(--tw-scroll-snap-strictness);
    }

    .max-lg\:snap-mandatory {
      --tw-scroll-snap-strictness: mandatory;
    }

    .max-lg\:snap-start {
      scroll-snap-align: start;
    }

    .max-lg\:scroll-px-2 {
      scroll-padding-inline: calc(var(--spacing) * 2);
    }

    .max-lg\:scroll-px-4 {
      scroll-padding-inline: calc(var(--spacing) * 4);
    }

    .max-lg\:\[scrollbar-width\:none\] {
      scrollbar-width: none;
    }

    .max-lg\:flex-col {
      flex-direction: column;
    }

    .max-lg\:flex-row {
      flex-direction: row;
    }

    .max-lg\:items-center {
      align-items: center;
    }

    .max-lg\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .max-lg\:self-center {
      align-self: center;
    }

    .max-lg\:overflow-x-auto {
      overflow-x: auto;
    }

    .max-lg\:border-transparent {
      border-color: #0000;
    }

    .max-lg\:bg-transparent {
      background-color: #0000;
    }

    .max-lg\:p-2\.5 {
      padding: calc(var(--spacing) * 2.5);
    }

    .max-lg\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }

    .max-lg\:text-center {
      text-align: center;
    }

    .max-lg\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .max-lg\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }

    .max-lg\:text-\[1\.75rem\] {
      font-size: 1.75rem;
    }

    .max-lg\:leading-7 {
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
    }

    .max-lg\:backdrop-blur-none {
      --tw-backdrop-blur:  ;
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  @media not all and (min-width: 48rem) {
    .max-md\:fixed {
      position: fixed;
    }

    .max-md\:inset-0 {
      inset: 0;
    }

    .max-md\:inset-x-0 {
      inset-inline: 0;
    }

    .max-md\:inset-y-0 {
      inset-block: 0;
    }

    .max-md\:top-0 {
      top: 0;
    }

    .max-md\:top-\[10\%\] {
      top: 10%;
    }

    .max-md\:right-0 {
      right: 0;
    }

    .max-md\:right-auto {
      right: auto;
    }

    .max-md\:bottom-0 {
      bottom: 0;
    }

    .max-md\:bottom-\[10\%\] {
      bottom: 10%;
    }

    .max-md\:left-0 {
      left: 0;
    }

    .max-md\:left-auto {
      left: auto;
    }

    .max-md\:order-1 {
      order: 1;
    }

    .max-md\:order-2 {
      order: 2;
    }

    .max-md\:order-3 {
      order: 3;
    }

    .max-md\:order-4 {
      order: 4;
    }

    .max-md\:order-5 {
      order: 5;
    }

    .max-md\:order-6 {
      order: 6;
    }

    .max-md\:order-first {
      order: -9999;
    }

    .max-md\:order-last {
      order: 9999;
    }

    .max-md\:-mx-4 {
      margin-inline: calc(var(--spacing) * -4);
    }

    .max-md\:-mx-6 {
      margin-inline: calc(var(--spacing) * -6);
    }

    .max-md\:mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }

    .max-md\:-mb-6 {
      margin-bottom: calc(var(--spacing) * -6);
    }

    .max-md\:ml-auto {
      margin-left: auto;
    }

    .max-md\:line-clamp-2 {
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
    }

    .max-md\:contents {
      display: contents;
    }

    .max-md\:grid {
      display: grid;
    }

    .max-md\:hidden {
      display: none;
    }

    .max-md\:aspect-2\/3 {
      aspect-ratio: 2 / 3;
    }

    .max-md\:aspect-3\/2 {
      aspect-ratio: 3 / 2;
    }

    .max-md\:aspect-square {
      aspect-ratio: 1;
    }

    .max-md\:size-5 {
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5);
    }

    .max-md\:h-\[85vw\] {
      height: 85vw;
    }

    .max-md\:h-dvh {
      height: 100dvh;
    }

    .max-md\:w-full {
      width: 100%;
    }

    .max-md\:max-w-full {
      max-width: 100%;
    }

    .max-md\:min-w-0 {
      min-width: 0;
    }

    .max-md\:shrink {
      flex-shrink: 1;
    }

    .max-md\:shrink-0 {
      flex-shrink: 0;
    }

    .max-md\:-translate-x-full {
      --tw-translate-x: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .max-md\:translate-x-0 {
      --tw-translate-x: 0;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .max-md\:translate-x-full {
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .max-md\:-translate-y-full {
      --tw-translate-y: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .max-md\:translate-y-full {
      --tw-translate-y: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .max-md\:snap-x {
      scroll-snap-type: x var(--tw-scroll-snap-strictness);
    }

    .max-md\:snap-mandatory {
      --tw-scroll-snap-strictness: mandatory;
    }

    .max-md\:snap-start {
      scroll-snap-align: start;
    }

    .max-md\:scroll-px-4 {
      scroll-padding-inline: calc(var(--spacing) * 4);
    }

    .max-md\:\[scrollbar-width\:none\] {
      scrollbar-width: none;
    }

    .max-md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .max-md\:justify-center {
      justify-content: center;
    }

    .max-md\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .max-md\:overflow-x-auto {
      overflow-x: auto;
    }

    .max-md\:overflow-y-auto {
      overflow-y: auto;
    }

    .max-md\:p-3 {
      padding: calc(var(--spacing) * 3);
    }

    .max-md\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }

    .max-md\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .max-md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .max-md\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }

    .max-md\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }

    .max-md\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }

    .max-md\:text-center {
      text-align: center;
    }

    .max-md\:text-sm\/normal {
      font-size: var(--text-sm);
      line-height: var(--leading-normal);
    }

    .max-md\:whitespace-normal {
      white-space: normal;
    }

    .max-md\:transition-\[opacity\,translate\] {
      transition-property: opacity, translate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .max-md\:duration-300 {
      --tw-duration: .3s;
      transition-duration: .3s;
    }

    .group-data-\[panel\]\/menu\:max-md\:hidden:is(:where(.group\/menu)[data-panel] *) {
      display: none;
    }
  }

  @media not all and (min-width: 40rem) {
    .max-sm\:flex-col {
      flex-direction: column;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .sm\:flex-row {
      flex-direction: row;
    }

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

  @media (min-width: 48rem) {
    .md\:absolute {
      position: absolute;
    }

    .md\:fixed {
      position: fixed;
    }

    .md\:inset-x-0 {
      inset-inline: 0;
    }

    .md\:inset-y-0 {
      inset-block: 0;
    }

    .md\:top-\(--header-h\) {
      top: var(--header-h);
    }

    .md\:top-0 {
      top: 0;
    }

    .md\:top-1\.5 {
      top: calc(var(--spacing) * 1.5);
    }

    .md\:top-\[10\%\] {
      top: 10%;
    }

    .md\:top-auto {
      top: auto;
    }

    .md\:right-0 {
      right: 0;
    }

    .md\:right-6 {
      right: calc(var(--spacing) * 6);
    }

    .md\:right-auto {
      right: auto;
    }

    .md\:bottom-0 {
      bottom: 0;
    }

    .md\:bottom-6 {
      bottom: calc(var(--spacing) * 6);
    }

    .md\:bottom-\[10\%\] {
      bottom: 10%;
    }

    .md\:bottom-auto {
      bottom: auto;
    }

    .md\:left-0 {
      left: 0;
    }

    .md\:left-auto {
      left: auto;
    }

    .md\:order-none {
      order: 0;
    }

    .md\:-mx-6 {
      margin-inline: calc(var(--spacing) * -6);
    }

    .md\:-mx-8 {
      margin-inline: calc(var(--spacing) * -8);
    }

    .md\:mx-6 {
      margin-inline: calc(var(--spacing) * 6);
    }

    .md\:mx-auto {
      margin-inline: auto;
    }

    .md\:mt-0 {
      margin-top: 0;
    }

    .md\:mt-0\.5 {
      margin-top: calc(var(--spacing) * .5);
    }

    .md\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }

    .md\:mt-14 {
      margin-top: calc(var(--spacing) * 14);
    }

    .md\:mt-auto {
      margin-top: auto;
    }

    .md\:-mr-20 {
      margin-right: calc(var(--spacing) * -20);
    }

    .md\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }

    .md\:block {
      display: block;
    }

    .md\:contents {
      display: contents;
    }

    .md\:flex {
      display: flex;
    }

    .md\:grid {
      display: grid;
    }

    .md\:hidden {
      display: none;
    }

    .md\:aspect-\(--ar-d\) {
      aspect-ratio: var(--ar-d);
    }

    .md\:aspect-1\/1 {
      aspect-ratio: 1;
    }

    .md\:aspect-\[10\/3\] {
      aspect-ratio: 10 / 3;
    }

    .md\:aspect-\[21\/9\] {
      aspect-ratio: 21 / 9;
    }

    .md\:aspect-square {
      aspect-ratio: 1;
    }

    .md\:size-12 {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }

    .md\:h-11 {
      height: calc(var(--spacing) * 11);
    }

    .md\:h-20 {
      height: calc(var(--spacing) * 20);
    }

    .md\:h-\[calc\(100dvh-var\(--chrome-b\)\)\] {
      height: calc(100dvh - var(--chrome-b));
    }

    .md\:h-full {
      height: 100%;
    }

    .md\:h-screen {
      height: 100vh;
    }

    .md\:min-h-0 {
      min-height: 0;
    }

    .md\:menu-mea-fit {
      --mea-cols: 2;
      --mea-rows: 1;
      --mea-gaps: calc(var(--mea-rows) - 1);
      --mea-gap: .5rem;
      --mea-pad: 0rem;
      --mea-min: 24rem;
      --mea-max: 44rem;
      width: clamp(var(--mea-min), calc(var(--mea-cols) * .9 * ((100dvh - var(--chrome-b) - 5rem - var(--mea-gaps) * var(--mea-gap)) / var(--mea-rows)) + (var(--mea-cols) - 1) * var(--mea-gap) + var(--mea-pad)), var(--mea-max));
    }

    .md\:w-6 {
      width: calc(var(--spacing) * 6);
    }

    .md\:w-28 {
      width: calc(var(--spacing) * 28);
    }

    .md\:w-45 {
      width: calc(var(--spacing) * 45);
    }

    .md\:w-60 {
      width: calc(var(--spacing) * 60);
    }

    .md\:w-84 {
      width: calc(var(--spacing) * 84);
    }

    .md\:w-98 {
      width: calc(var(--spacing) * 98);
    }

    .md\:w-107 {
      width: calc(var(--spacing) * 107);
    }

    .md\:w-160 {
      width: calc(var(--spacing) * 160);
    }

    .md\:w-fit {
      width: fit-content;
    }

    .md\:w-full {
      width: 100%;
    }

    .md\:w-lg {
      width: var(--container-lg);
    }

    .md\:w-xs {
      width: var(--container-xs);
    }

    .md\:max-w-2xl {
      max-width: var(--container-2xl);
    }

    .md\:max-w-full {
      max-width: 100%;
    }

    .md\:min-w-0 {
      min-width: 0;
    }

    .md\:flex-1, .md\:flex-\[1\] {
      flex: 1;
    }

    .md\:flex-\[2\] {
      flex: 2;
    }

    .md\:shrink-0 {
      flex-shrink: 0;
    }

    .md\:basis-1\/4 {
      flex-basis: 25%;
    }

    .md\:-translate-x-full {
      --tw-translate-x: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:translate-x-full {
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:-translate-y-full {
      --tw-translate-y: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:translate-y-full {
      --tw-translate-y: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:flex-col {
      flex-direction: column;
    }

    .md\:flex-row {
      flex-direction: row;
    }

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

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

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

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

    .md\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .md\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .md\:gap-9 {
      gap: calc(var(--spacing) * 9);
    }

    .md\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }

    :where(.md\:space-y-2 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }

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

    .md\:overflow-visible {
      overflow: visible;
    }

    .md\:overflow-y-auto {
      overflow-y: auto;
    }

    .md\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }

    .md\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }

    .md\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }

    .md\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }

    .md\:border-green-aqua {
      border-color: var(--color-green-aqua);
    }

    .md\:bg-\(--ds-btn-bg-d\) {
      background-color: var(--ds-btn-bg-d);
    }

    .md\:bg-transparent {
      background-color: #0000;
    }

    .md\:p-0 {
      padding: 0;
    }

    .md\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .md\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .md\:px-0\.5 {
      padding-inline: calc(var(--spacing) * .5);
    }

    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .md\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }

    .md\:px-14 {
      padding-inline: calc(var(--spacing) * 14);
    }

    .md\:px-28 {
      padding-inline: calc(var(--spacing) * 28);
    }

    .md\:py-1 {
      padding-block: var(--spacing);
    }

    .md\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }

    .md\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }

    .md\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }

    .md\:py-14 {
      padding-block: calc(var(--spacing) * 14);
    }

    .md\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }

    .md\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }

    .md\:pt-16 {
      padding-top: calc(var(--spacing) * 16);
    }

    .md\:pr-6 {
      padding-right: calc(var(--spacing) * 6);
    }

    .md\:pr-20 {
      padding-right: calc(var(--spacing) * 20);
    }

    .md\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }

    .md\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }

    .md\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }

    .md\:pl-1 {
      padding-left: var(--spacing);
    }

    .md\:pl-6 {
      padding-left: calc(var(--spacing) * 6);
    }

    .md\:typo-headline-md {
      font-family: var(--font-serif);
      font-synthesis-weight: none;
      font-size: var(--fs-headline-md);
      letter-spacing: .02em;
      font-weight: 200;
      line-height: 1;
    }

    .md\:typo-body-lg {
      font-family: var(--font-sans);
      font-size: .875rem;
      font-weight: 400;
      line-height: 1.25;
    }

    .md\:text-\(--ds-btn-text-d\) {
      color: var(--ds-btn-text-d);
    }

    .md\:shadow-xl {
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .md\:data-closing\:-translate-y-3[data-closing] {
      --tw-translate-y: calc(var(--spacing) * -3);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pointer-events-none {
      pointer-events: none;
    }

    .lg\:sticky {
      position: sticky;
    }

    .lg\:top-24 {
      top: calc(var(--spacing) * 24);
    }

    .lg\:right-0 {
      right: 0;
    }

    .lg\:bottom-3 {
      bottom: calc(var(--spacing) * 3);
    }

    .lg\:left-auto {
      left: auto;
    }

    .lg\:order-none {
      order: 0;
    }

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

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

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

    .lg\:my-6 {
      margin-block: calc(var(--spacing) * 6);
    }

    .lg\:mt-0 {
      margin-top: 0;
    }

    .lg\:mt-3 {
      margin-top: calc(var(--spacing) * 3);
    }

    .lg\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }

    .lg\:mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }

    .lg\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }

    .lg\:mt-16 {
      margin-top: calc(var(--spacing) * 16);
    }

    .lg\:-mr-4 {
      margin-right: calc(var(--spacing) * -4);
    }

    .lg\:mb-3 {
      margin-bottom: calc(var(--spacing) * 3);
    }

    .lg\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }

    .lg\:mb-15 {
      margin-bottom: calc(var(--spacing) * 15);
    }

    .lg\:ml-0 {
      margin-left: 0;
    }

    .lg\:ml-4 {
      margin-left: calc(var(--spacing) * 4);
    }

    .lg\:block {
      display: block;
    }

    .lg\:contents {
      display: contents;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:grid {
      display: grid;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:inline-flex {
      display: inline-flex;
    }

    .lg\:aspect-\(--ar-d\) {
      aspect-ratio: var(--ar-d);
    }

    .lg\:aspect-4\/3 {
      aspect-ratio: 4 / 3;
    }

    .lg\:aspect-auto {
      aspect-ratio: auto;
    }

    .lg\:size-6 {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }

    .lg\:\[width\:var\(--acm-titre-w-d\,auto\)\] {
      width: var(--acm-titre-w-d, auto);
    }

    .lg\:w-14 {
      width: calc(var(--spacing) * 14);
    }

    .lg\:w-44 {
      width: calc(var(--spacing) * 44);
    }

    .lg\:w-75 {
      width: calc(var(--spacing) * 75);
    }

    .lg\:w-85 {
      width: calc(var(--spacing) * 85);
    }

    .lg\:w-\[29\.8\%\] {
      width: 29.8%;
    }

    .lg\:w-\[60\%\] {
      width: 60%;
    }

    .lg\:w-full {
      width: 100%;
    }

    .lg\:max-w-2xl {
      max-width: var(--container-2xl);
    }

    .lg\:max-w-3xl {
      max-width: var(--container-3xl);
    }

    .lg\:min-w-0 {
      min-width: 0;
    }

    .lg\:flex-1 {
      flex: 1;
    }

    .lg\:flex-none {
      flex: none;
    }

    .lg\:shrink-0 {
      flex-shrink: 0;
    }

    .lg\:basis-0 {
      flex-basis: 0;
    }

    .lg\:cursor-default {
      cursor: default;
    }

    .lg\:auto-cols-auto {
      grid-auto-columns: auto;
    }

    .lg\:grid-flow-row {
      grid-auto-flow: row;
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .lg\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[minmax\(0\,0\.6fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, .6fr) minmax(0, 1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,28rem\)_1fr\] {
      grid-template-columns: minmax(0, 28rem) 1fr;
    }

    .lg\:flex-col {
      flex-direction: column;
    }

    .lg\:flex-row {
      flex-direction: row;
    }

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

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

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

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

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

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

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

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

    .lg\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .lg\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .lg\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .lg\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .lg\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .lg\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }

    .lg\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }

    .lg\:gap-13 {
      gap: calc(var(--spacing) * 13);
    }

    .lg\:gap-15 {
      gap: calc(var(--spacing) * 15);
    }

    .lg\:gap-30 {
      gap: calc(var(--spacing) * 30);
    }

    .lg\:gap-x-6 {
      column-gap: calc(var(--spacing) * 6);
    }

    .lg\:gap-y-2 {
      row-gap: calc(var(--spacing) * 2);
    }

    .lg\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0;
    }

    .lg\:\[background-color\:var\(--acm-bg-d\)\] {
      background-color: var(--acm-bg-d);
    }

    .lg\:\[background-color\:var\(--acm-bg-d\,var\(--color-green-intense\)\)\] {
      background-color: var(--acm-bg-d, var(--color-green-intense));
    }

    .lg\:\[background-color\:var\(--acm-card-d\)\] {
      background-color: var(--acm-card-d);
    }

    .lg\:\[background-color\:var\(--acm-panel-d\,var\(--color-green-aqua\)\)\] {
      background-color: var(--acm-panel-d, var(--color-green-aqua));
    }

    .lg\:bg-\(--acm-bg-d\) {
      background-color: var(--acm-bg-d);
    }

    .lg\:bg-\(--acm-panel-d\) {
      background-color: var(--acm-panel-d);
    }

    .lg\:bg-transparent {
      background-color: #0000;
    }

    .lg\:p-0 {
      padding: 0;
    }

    .lg\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .lg\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .lg\:p-10 {
      padding: calc(var(--spacing) * 10);
    }

    .lg\:px-0 {
      padding-inline: 0;
    }

    .lg\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .lg\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .lg\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .lg\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }

    .lg\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }

    .lg\:px-24 {
      padding-inline: calc(var(--spacing) * 24);
    }

    .lg\:px-\[180px\] {
      padding-inline: 180px;
    }

    .lg\:py-0 {
      padding-block: 0;
    }

    .lg\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }

    .lg\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }

    .lg\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }

    .lg\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }

    .lg\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }

    .lg\:py-14 {
      padding-block: calc(var(--spacing) * 14);
    }

    .lg\:py-15 {
      padding-block: calc(var(--spacing) * 15);
    }

    .lg\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }

    .lg\:py-28 {
      padding-block: calc(var(--spacing) * 28);
    }

    .lg\:py-30 {
      padding-block: calc(var(--spacing) * 30);
    }

    .lg\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }

    .lg\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }

    .lg\:pt-8 {
      padding-top: calc(var(--spacing) * 8);
    }

    .lg\:pt-12 {
      padding-top: calc(var(--spacing) * 12);
    }

    .lg\:pt-15 {
      padding-top: calc(var(--spacing) * 15);
    }

    .lg\:pt-16 {
      padding-top: calc(var(--spacing) * 16);
    }

    .lg\:pb-0 {
      padding-bottom: 0;
    }

    .lg\:pb-15 {
      padding-bottom: calc(var(--spacing) * 15);
    }

    .lg\:pb-16 {
      padding-bottom: calc(var(--spacing) * 16);
    }

    .lg\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }

    .lg\:text-center {
      text-align: center;
    }

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

    .lg\:typo-body-lg {
      font-family: var(--font-sans);
      font-size: .875rem;
      font-weight: 400;
      line-height: 1.25;
    }

    .lg\:typo-body-lg-em {
      font-family: var(--font-sans);
      font-size: .875rem;
      font-weight: 500;
      line-height: 1.25;
    }

    .lg\:typo-number-lg {
      font-family: var(--font-sans);
      font-size: 2.25rem;
      font-weight: 700;
      line-height: .889;
    }

    .lg\:typo-paragraph {
      font-family: var(--font-sans);
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
    }

    .lg\:typo-title-lg {
      font-family: var(--font-sans);
      font-size: 1.25rem;
      font-weight: 400;
      line-height: 1.6;
    }

    .lg\:typo-title-md {
      font-family: var(--font-sans);
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.25;
    }

    .lg\:text-\[1\.75rem\] {
      font-size: 1.75rem;
    }

    .lg\:\[color\:var\(--acm-text-d\)\] {
      color: var(--acm-text-d);
    }

    .lg\:\[color\:var\(--acm-text-d\,\#fff\)\] {
      color: var(--acm-text-d, #fff);
    }

    .lg\:\[color\:var\(--acm-text-d\,inherit\)\] {
      color: var(--acm-text-d, inherit);
    }

    .lg\:\[color\:var\(--acm-text-d\,var\(--color-dark\)\)\] {
      color: var(--acm-text-d, var(--color-dark));
    }

    .lg\:\[color\:var\(--acm-text-d\,var\(--color-green-forest\)\)\] {
      color: var(--acm-text-d, var(--color-green-forest));
    }

    .lg\:\[color\:var\(--acm-text-d\,var\(--color-grey-carbon\)\)\] {
      color: var(--acm-text-d, var(--color-grey-carbon));
    }

    .lg\:\[color\:var\(--acm-text-d\,var\(--color-ink\)\)\] {
      color: var(--acm-text-d, var(--color-ink));
    }

    .lg\:\[color\:var\(--svc-text\)\] {
      color: var(--svc-text);
    }

    .lg\:backdrop-blur-xs {
      --tw-backdrop-blur: blur(var(--blur-xs));
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  @media (min-width: 80rem) {
    .xl\:flex {
      display: flex;
    }

    .xl\:aspect-16\/9 {
      aspect-ratio: 16 / 9;
    }

    .xl\:aspect-square {
      aspect-ratio: 1;
    }

    .xl\:h-20 {
      height: calc(var(--spacing) * 20);
    }

    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .xl\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }

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

    .xl\:py-0 {
      padding-block: 0;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:aspect-2\/1 {
      aspect-ratio: 2;
    }

    .\32 xl\:aspect-5\/2 {
      aspect-ratio: 5 / 2;
    }

    .\32 xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .\32 xl\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .\32 xl\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }

    .\32 xl\:typo-headline-md {
      font-family: var(--font-serif);
      font-synthesis-weight: none;
      font-size: var(--fs-headline-md);
      letter-spacing: .02em;
      font-weight: 200;
      line-height: 1;
    }
  }

  @media (min-width: 64rem) {
    @container (min-width: 20rem) {
      .lg\:\@xs\:hidden {
        display: none;
      }

      .lg\:\@xs\:inline {
        display: inline;
      }
    }
  }

  @starting-style {
    .starting\:translate-y-3 {
      --tw-translate-y: calc(var(--spacing) * 3);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @starting-style {
    .starting\:opacity-0 {
      opacity: 0;
    }
  }

  @starting-style {
    .starting\:group-open\/menu\:-translate-x-full:is(:where(.group\/menu):is([open], :popover-open, :open) *) {
      --tw-translate-x: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @starting-style {
    .starting\:open\:opacity-0:is([open], :popover-open, :open) {
      opacity: 0;
    }
  }

  @media not all and (min-width: 48rem) {
    @starting-style {
      .max-md\:starting\:-translate-x-8 {
        --tw-translate-x: calc(var(--spacing) * -8);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }

    @starting-style {
      .max-md\:starting\:translate-x-8 {
        --tw-translate-x: calc(var(--spacing) * 8);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }

    @starting-style {
      .max-md\:starting\:opacity-0 {
        opacity: 0;
      }
    }
  }

  @media (min-width: 48rem) {
    @starting-style {
      .md\:starting\:-translate-x-4 {
        --tw-translate-x: calc(var(--spacing) * -4);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }

    @starting-style {
      .md\:starting\:-translate-y-3 {
        --tw-translate-y: calc(var(--spacing) * -3);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }

  .drawer-in\:opacity-100[data-drawer-in], .drawer-in\:backdrop\:opacity-100[data-drawer-in]::backdrop {
    opacity: 1;
  }

  @media not all and (min-width: 48rem) {
    .max-md\:drawer-in\:translate-x-0[data-drawer-in] {
      --tw-translate-x: 0;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .max-md\:drawer-in\:translate-y-0[data-drawer-in] {
      --tw-translate-y: 0;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 48rem) {
    .md\:drawer-in\:translate-x-0[data-drawer-in] {
      --tw-translate-x: 0;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:drawer-in\:translate-y-0[data-drawer-in] {
      --tw-translate-y: 0;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  [data-input-error][data-input-error] .input-error\:invisible {
    visibility: hidden;
  }

  [data-input-error][data-input-error] .input-error\:hidden {
    display: none;
  }

  [data-input-error][data-input-error] .input-error\:border-error {
    border-color: var(--color-error);
  }

  [data-input-error][data-input-error] .input-error\:ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  [data-input-error][data-input-error] .input-error\:ring-error {
    --tw-ring-color: var(--color-error);
  }

  [data-input-error][data-input-error] .input-error\:outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  [data-input-error][data-input-error] .input-error\:outline-error {
    outline-color: var(--color-error);
  }

  [data-input-error][data-input-error] .input-error\:ring-inset {
    --tw-ring-inset: inset;
  }

  .\[\&_\[data-cta-price\]\]\:whitespace-nowrap [data-cta-price] {
    white-space: nowrap;
  }

  .\[\&_\[data-media-toggle\]\]\:pointer-events-auto [data-media-toggle], .\[\&_a\]\:pointer-events-auto a {
    pointer-events: auto;
  }

  .\[\&_a\]\:\[font-size\:inherit\] a {
    font-size: inherit;
  }

  .\[\&_a\]\:\[line-height\:inherit\] a {
    line-height: inherit;
  }

  .\[\&_a\]\:text-white a {
    color: var(--color-white);
  }

  .\[\&_a\]\:underline a {
    text-decoration-line: underline;
  }

  .\[\&_a\]\:underline-offset-2 a {
    text-underline-offset: 2px;
  }

  .\[\&_a\]\:underline-offset-4 a {
    text-underline-offset: 4px;
  }

  .\[\&_code\]\:rounded-xs code {
    border-radius: var(--radius-xs);
  }

  .\[\&_code\]\:bg-green-aqua code {
    background-color: var(--color-green-aqua);
  }

  .\[\&_code\]\:px-1 code {
    padding-inline: var(--spacing);
  }

  @media not all and (min-width: 64rem) {
    .max-lg\:\[\&_form\[data-cart-form\]\]\:flex-wrap form[data-cart-form] {
      flex-wrap: wrap;
    }

    .max-lg\:\[\&_form\[data-cart-form\]_button\]\:h-auto form[data-cart-form] button {
      height: auto;
    }

    .max-lg\:\[\&_form\[data-cart-form\]_button\]\:py-2 form[data-cart-form] button {
      padding-block: calc(var(--spacing) * 2);
    }

    .max-lg\:\[\&_form\[data-cart-form\]_button\]\:leading-5 form[data-cart-form] button {
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
    }

    .max-lg\:\[\&_form\[data-cart-form\]_button\]\:whitespace-normal form[data-cart-form] button {
      white-space: normal;
    }

    .max-lg\:\[\&_form\[data-cart-form\]_button\[type\=submit\]\]\:flex-wrap form[data-cart-form] button[type="submit"] {
      flex-wrap: wrap;
    }

    .max-lg\:\[\&_form\[data-cart-form\]_button\[type\=submit\]\]\:gap-x-1 form[data-cart-form] button[type="submit"] {
      column-gap: var(--spacing);
    }

    .max-lg\:\[\&_form\[data-cart-form\]_button\[type\=submit\]\]\:gap-y-0 form[data-cart-form] button[type="submit"] {
      row-gap: 0;
    }

    .max-lg\:\[\&_form\[data-cart-form\]_button\[type\=submit\]\]\:px-2 form[data-cart-form] button[type="submit"] {
      padding-inline: calc(var(--spacing) * 2);
    }

    .max-lg\:\[\&_form\[data-cart-form\]\>div\]\:mt-2 form[data-cart-form] > div {
      margin-top: calc(var(--spacing) * 2);
    }

    .max-lg\:\[\&_form\[data-cart-form\]\>div\]\:basis-full form[data-cart-form] > div {
      flex-basis: 100%;
    }
  }

  .\[\&_p\]\:m-0 p {
    margin: 0;
  }

  .\[\&_p\]\:mb-0 p {
    margin-bottom: 0;
  }

  .\[\&_p\]\:mb-2 p {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .last\:\[\&_p\]\:mb-0:last-child p {
    margin-bottom: 0;
  }

  .\[\&_path\]\:fill-current path {
    fill: currentColor;
  }

  .\[\&_select\]\:h-11\.5 select {
    height: calc(var(--spacing) * 11.5);
  }

  .\[\&_span\]\:z-30 span {
    z-index: 30;
  }

  .\[\&_strong\]\:font-medium strong {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .\[\&_strong\]\:text-grey-carbon strong {
    color: var(--color-grey-carbon);
  }

  .\[\&_svg\]\:size-5 svg {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .\[\&_svg\]\:size-6 svg {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .\[\&\:-webkit-autofill\]\:\[caret-color\:var\(--color-dark\)\]:-webkit-autofill {
    caret-color: var(--color-dark);
  }

  .\[\&\:-webkit-autofill\]\:\[-webkit-box-shadow\:0_0_0_1000px_var\(--color-white\)_inset\]:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px var(--color-white) inset;
  }

  .\[\&\:-webkit-autofill\]\:\[-webkit-text-fill-color\:var\(--color-dark\)\]:-webkit-autofill {
    -webkit-text-fill-color: var(--color-dark);
  }

  .\[\&\:-webkit-autofill\]\:\[transition\:background-color_9999s_ease-in-out_0s\]:-webkit-autofill {
    transition: background-color 9999s ease-in-out;
  }

  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }

  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }

  .\[\&\:\:-webkit-scrollbar\]\:h-2::-webkit-scrollbar {
    height: calc(var(--spacing) * 2);
  }

  .\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar {
    width: calc(var(--spacing) * 1.5);
  }

  @media not all and (min-width: 48rem) {
    .max-md\:\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
      display: none;
    }
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb {
    border-radius: 3.40282e38px;
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-grey-dove::-webkit-scrollbar-thumb {
    background-color: var(--color-grey-dove);
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-grey-mouse::-webkit-scrollbar-thumb {
    background-color: var(--color-grey-mouse);
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-grey-steel::-webkit-scrollbar-thumb {
    background-color: var(--color-grey-steel);
  }

  .\[\&\:\:-webkit-scrollbar-track\]\:bg-grey-platinum::-webkit-scrollbar-track {
    background-color: var(--color-grey-platinum);
  }

  .\[\&\:has\(\[data-drawer-optional\]\[hidden\]\)\]\:pb-\[env\(safe-area-inset-bottom\)\]:has([data-drawer-optional][hidden]) {
    padding-bottom: env(safe-area-inset-bottom);
  }

  .\[\&\>\*\]\:pointer-events-auto > * {
    pointer-events: auto;
  }

  .\[\&\>\*\]\:pointer-events-none > * {
    pointer-events: none;
  }

  .\[\&\>\*\]\:h-full > * {
    height: 100%;
  }

  .\[\&\>\*\]\:w-full > * {
    width: 100%;
  }

  .\[\&\>\*\]\:flex-1 > * {
    flex: 1;
  }

  .\[\&\>\*\]\:shrink-0 > * {
    flex-shrink: 0;
  }

  .\[\&\>\*\]\:snap-start > * {
    scroll-snap-align: start;
  }

  .\[\&\>\*\]\:pb-4 > * {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .\[\&\>\*\]\:pb-6 > * {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .\[\&\>\*\]\:pb-8 > * {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .\[\&\>\*\]\:whitespace-nowrap > * {
    white-space: nowrap;
  }

  @media not all and (min-width: 48rem) {
    .max-md\:\[\&\>a\:nth-child\(7\)\]\:col-span-2 > a:nth-child(7) {
      grid-column: span 2 / span 2;
    }

    .max-md\:\[\&\>a\:nth-child\(7\)\]\:mx-auto > a:nth-child(7) {
      margin-inline: auto;
    }

    .max-md\:\[\&\>a\:nth-child\(7\)\]\:w-\[calc\(50\%-0\.5rem\)\] > a:nth-child(7) {
      width: calc(50% - .5rem);
    }
  }

  .\[\&\>span\>button\]\:h-11\.5 > span > button {
    height: calc(var(--spacing) * 11.5);
  }

  .\[\&\>svg\]\:transition > svg {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .hover\:\[\&\>svg\]\:opacity-75:hover > svg {
      opacity: .75;
    }
  }

  .\[\&\>tr\:last-child\>td\]\:border-b-0 > tr:last-child > td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
}

@font-face {
  font-family: GT America;
  src: url("../fonts/GT-America-Standard-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: GT America;
  src: url("../fonts/GT-America-Standard-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: GT America;
  src: url("../fonts/GT-America-Standard-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: PP Pangaia;
  src: url("../fonts/PPPangaia-Light.woff2") format("woff2");
  font-weight: 200 399;
  font-display: swap;
}

@font-face {
  font-family: PP Pangaia;
  src: url("../fonts/PPPangaia-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: GT America Fallback;
  src: local(Arial);
  size-adjust: 105%;
  ascent-override: 95.3%;
  descent-override: 24.6%;
  line-gap-override: 0%;
}

@font-face {
  font-family: PP Pangaia Fallback;
  src: local(Georgia);
  size-adjust: 106.5%;
  ascent-override: 90.1%;
  descent-override: 24.4%;
  line-gap-override: 18.8%;
}

:root[data-focus-pointer] :where(:focus-visible):not(input, textarea, select, [contenteditable]) {
  outline: none;
}

:root[data-focus-pointer] .focus-cover:focus-visible {
  box-shadow: none;
}

dialog:focus, dialog:focus-visible {
  outline: none;
}

@keyframes placeholder-pulse {
  from {
    background-color: #f7f7f8;
  }

  to {
    background-color: #f0f0f2;
  }
}

[data-backtop][data-visible] > svg {
  animation: 1s ease-in-out .3s 2 backwards backtop-arrow;
}

@media (prefers-reduced-motion: reduce) {
  [data-backtop][data-visible] > svg {
    animation: none;
  }
}

@keyframes backtop-arrow {
  0%, 100% {
    transform: translateY(2px);
  }

  50% {
    transform: translateY(-2px);
  }
}

:root {
  --fs-headline-lg: clamp(2rem, 1.55rem + 2vw, 3rem);
  --fs-headline-md: clamp(1.5rem, 1.3rem + 1vw, 2rem);
  --fs-headline-sm: clamp(1.375rem, 1.25rem + .7vw, 1.75rem);
  interpolate-size: allow-keywords;
  --header-h: 3.625rem;
  --chrome-b: var(--header-h);
  --header-inset: 5px;
  --header-offset: 0px;
  --crumb-h: 2.5rem;
}

@media (min-width: 48rem) {
  :root {
    --header-h: 5rem;
    --header-inset: 10px;
  }
}

[data-searchbar]:focus-within input:not(:placeholder-shown) ~ [data-search-clear] {
  display: flex;
}

[data-searchbar] input::-webkit-search-cancel-button {
  display: none;
}

body:has([data-megamenu][open], [data-search-overlay][open], [data-drawer][open], [data-gallery-zoom][open]) {
  overflow: hidden;
}

body:has([data-megamenu][open], [data-search-overlay][open], [data-drawer][open], [data-gallery-zoom][open], .popin.open) [id^="trustbadge-container"] {
  display: none !important;
}

body:has([data-megamenu][open], [data-search-overlay][open]) [data-header="transparent"] {
  background-color: var(--color-white);
  color: var(--color-dark);
}

[data-input-wrap] > input[type="password"] {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

[data-header="transparent"] {
  isolation: isolate;
  transition: background-color .3s, color .3s, box-shadow .3s, margin-inline .3s, top .3s;
  position: relative;
}

[data-header="transparent"]:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background-image: linear-gradient(#00000040, #0000);
  transition: opacity .3s;
  position: absolute;
  inset: 0;
}

[data-navigation][data-scrolled] [data-header="transparent"] {
  background-color: var(--color-grey-carbon);
  color: var(--color-white);
  animation: .3s header-slide-in;
}

body:has([data-megamenu][open], [data-search-overlay][open]) [data-navigation][data-scrolled] [data-header="transparent"] {
  background-color: var(--color-white);
  color: var(--color-dark);
}

body:has([data-megamenu][open], [data-search-overlay][open]) [data-header="transparent"]:before, [data-navigation][data-scrolled] [data-header="transparent"]:before {
  opacity: 0;
}

@keyframes header-slide-in {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

[data-navigation] > [data-header] {
  position: relative;
  top: 0;
}

[data-navigation] > [data-header]:not([data-header="transparent"]) {
  transition: margin-inline .3s, top .3s, box-shadow .3s;
}

[data-navigation][data-scrolled]:not([data-scroll-up]) > [data-header] {
  margin-inline: var(--header-inset);
  top: var(--header-inset);
}

[data-navigation][data-scrolled] > [data-header="white"] {
  box-shadow: 0 4px 20px #00000014;
}

body:has([data-navigation][data-scrolled]:not([data-scroll-up])) {
  --header-offset: var(--header-inset);
}

@media (min-width: 48rem) {
  [data-navigation][data-scrolled]:not([data-scroll-up]) > :is([data-megamenu], [data-search-overlay]) {
    inset-inline: var(--header-inset);
    width: auto;
    top: calc(var(--header-h) + var(--header-inset));
  }
}

body:has([data-navigation]) [data-topbanner] {
  z-index: 40;
  transition: transform .3s;
  position: sticky;
  top: 0;
}

body:has([data-navigation][data-scroll-down]) [data-topbanner] {
  transform: translateY(-100%);
}

body:has([data-navigation]) [data-topbanner]:has([data-dropdown-toggle][aria-expanded="true"]) {
  z-index: 60;
}

[data-navigation][data-scroll-up] {
  transition: top .3s;
}

body:has([data-topbanner]) [data-navigation][data-scroll-up] {
  top: 2.25rem;
}

body:has([data-navigation][data-scrolled]) [data-list-bar][data-list-bar-armed] {
  top: calc(var(--header-h) + var(--header-offset));
}

body:has([data-topbanner]):has([data-navigation][data-scroll-up]) [data-list-bar][data-list-bar-armed] {
  top: calc(var(--header-h) + 2.25rem + var(--header-offset));
}

@media (min-width: 48rem) {
  body:has([data-topbanner]) [data-navigation][data-scroll-up] {
    top: 2.75rem;
  }

  body:has([data-topbanner]):has([data-navigation][data-scroll-up]) [data-list-bar][data-list-bar-armed] {
    top: calc(var(--header-h) + 2.75rem + var(--header-offset));
  }
}

@media (prefers-reduced-motion: reduce) {
  body:has([data-navigation]) [data-topbanner], [data-navigation][data-scroll-up], [data-navigation] > [data-header], [data-header="transparent"]:before {
    transition: none;
  }

  [data-navigation][data-scrolled] [data-header="transparent"] {
    animation: none;
  }
}

[data-header] [data-push-color] {
  color: var(--push-color);
  transition: background-color .3s, color .3s;
}

[data-header="transparent"] [data-push-color] {
  color: var(--color-white);
}

[data-navigation][data-scrolled] [data-header="transparent"] [data-push-color] {
  background-color: var(--push-color);
  color: var(--color-white);
}

body:has([data-megamenu][open], [data-search-overlay][open]) [data-header="transparent"] [data-push-color] {
  color: var(--push-color);
  background-color: #0000;
}

@media (prefers-reduced-motion: reduce) {
  [data-header] [data-push-color] {
    transition: none;
  }
}

[data-header="white"] [data-push-color]:focus-visible, [data-navigation][data-scrolled] [data-header="transparent"] [data-push-color]:focus-visible, body:has([data-megamenu][open], [data-search-overlay][open]) [data-header="transparent"] [data-push-color]:focus-visible {
  outline-color: var(--push-color);
}

[data-parure][data-open-done]::details-content {
  overflow: visible;
}

[data-parure][data-parure-lazy] > summary {
  background-color: #0000;
}

[data-parure][data-added] [data-parure-price] {
  display: none;
}

[data-parure][data-added]:not([open]) [data-parure-lines] {
  display: flex;
}

[data-parure][data-added]:not([open]) [data-parure-added] {
  display: inline-flex;
}

[data-parure][data-skipped] [data-parure-price] {
  display: none;
}

[data-parure][data-skipped]:not([open]) [data-parure-skiptext] {
  display: inline;
}

[data-parure][data-skipped]:not([open]) [data-parure-skipped] {
  display: inline-flex;
}

[data-parure][data-wizard-locked] > summary {
  cursor: default;
  opacity: .45;
}

[data-parure][data-wizard-locked] > summary > svg {
  visibility: hidden;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

[data-gallery-thumbs] .swiper-slide-thumb-active :where(img, picture) {
  outline: 2px solid var(--color-green-forest);
  outline-offset: -2px;
}

[data-gallery-pagination] {
  --swiper-pagination-color: var(--color-green-forest);
  --swiper-pagination-bullet-inactive-color: var(--color-grey-mouse);
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-width: 16px;
  --swiper-pagination-bullet-height: 3px;
  --swiper-pagination-bullet-horizontal-gap: 3px;
  text-align: right;
  padding-right: 16px;
}

[data-gallery-pagination].swiper-pagination {
  padding-right: 15px;
  bottom: 3.5px;
}

[data-gallery-pagination] .swiper-pagination-bullet {
  box-sizing: content-box;
  vertical-align: middle;
  background-clip: content-box;
  border-radius: 0;
  margin: 0;
  padding: 10.5px 4px;
  transition: width .3s;
}

[data-gallery-pagination] .swiper-pagination-bullet-active {
  width: 28px;
}

@media (prefers-reduced-motion: reduce) {
  [data-gallery-pagination] .swiper-pagination-bullet {
    transition: none;
  }
}

[data-list-bar][data-list-bar-hidden] {
  transform: translateY(calc(-100% - var(--header-h) - var(--header-offset)));
}

[data-list-bar]:not([data-list-bar-armed]) {
  position: relative;
  top: auto;
}

[data-list-bar][data-list-bar-instant], [data-list-bar][data-list-bar-instant] [data-list-bar-crumb] {
  transition: none;
}

[data-list-bar-crumb] {
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s, visibility .3s;
}

[data-list-bar][data-list-bar-peek] [data-list-bar-crumb] {
  top: var(--peek-top);
  border-bottom: 0;
  bottom: auto;
}

[data-list-bar][data-list-bar-peek-shown] [data-list-bar-crumb] {
  visibility: visible;
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  [data-list-bar-crumb] {
    transition: none;
  }
}

[data-crumb-peek] {
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s, visibility .3s;
}

[data-crumb-peek][data-crumb-peek-shown] {
  visibility: visible;
  opacity: 1;
}

[data-crumb-peek="collapse"] {
  grid-template-rows: 0fr;
  transition: grid-template-rows .3s, opacity .3s, visibility .3s;
  display: grid;
}

[data-crumb-peek="collapse"][data-crumb-peek-shown] {
  grid-template-rows: 1fr;
}

@media (prefers-reduced-motion: reduce) {
  [data-crumb-peek] {
    transition: none;
  }
}

[data-slider] .swiper-button-disabled, [data-gallery-zoom] .swiper-button-disabled {
  opacity: .25;
  pointer-events: none;
}

[data-slider] .swiper-button-lock, [data-gallery-zoom] .swiper-button-lock {
  display: none;
}

[data-gallery-zoom] .swiper-zoom-container {
  cursor: grab;
}

.module-newsletter .lds-ellipsis {
  width: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 4);
  animation: var(--animate-spin);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #0000 currentColor currentColor;
  border-radius: 3.40282e38px;
  display: inline-block;
}

.module-newsletter .lds-ellipsis div, .module-newsletter:has(.inscription-done.showed) .inscription-pending {
  display: none;
}

@media not all and (min-width: 48rem) {
  .module-newsletter .showd {
    display: none;
  }
}

@media (min-width: 48rem) {
  .module-newsletter .showm {
    display: none;
  }
}

.module-newsletter .inscription-done {
  width: 100%;
  height: auto;
  display: block;
  position: static;
}

.module-newsletter .inscription-done .newsletter-title, .module-newsletter .inscription-done .nlt-title {
  font-family: var(--font-serif);
  font-synthesis-weight: none;
  font-size: var(--fs-headline-md);
  letter-spacing: .02em;
  color: var(--color-ink);
  font-weight: 200;
  line-height: 1;
}

.module-newsletter .inscription-done .inscription-mention {
  margin-top: calc(var(--spacing) * 2);
  font-family: var(--font-sans);
  --tw-font-weight: var(--font-weight-normal);
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.429;
  font-weight: var(--font-weight-normal);
  color: var(--color-grey-dove);
  display: block;
}

.module-newsletter .inscription-done .inscription-offer {
  margin-top: calc(var(--spacing) * 4);
  font-family: var(--font-sans);
  --tw-font-weight: var(--font-weight-normal);
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.429;
  font-weight: var(--font-weight-normal);
  color: var(--color-ink);
  display: block;
}

.module-newsletter .inscription-done .code-box {
  margin-inline: var(--spacing);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-dark);
  background-color: var(--color-white);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
  font-family: var(--font-sans);
  color: var(--color-dark);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.429;
  text-decoration-line: none;
  display: inline-block;
}

@media (hover: hover) {
  .module-newsletter .inscription-done .code-box:hover {
    border-color: var(--color-grey-carbon);
    background-color: var(--color-grey-carbon);
    color: var(--color-white);
  }
}

.module-newsletter .inscription-done .cta-white {
  margin-top: calc(var(--spacing) * 4);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-dark);
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 3);
  font-family: var(--font-sans);
  color: var(--color-dark);
  text-transform: none;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  background-color: #0000;
  justify-content: center;
  align-items: center;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.429;
  display: inline-flex;
}

@media (hover: hover) {
  .module-newsletter .inscription-done .cta-white:hover {
    border-color: var(--color-grey-carbon);
    background-color: var(--color-grey-carbon);
    color: var(--color-white);
  }
}

[data-captcha] .frc-captcha {
  border-style: var(--tw-border-style);
  background-color: #0000;
  border-width: 0;
  width: 230px;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

[data-captcha] .frc-container {
  align-items: flex-start;
  gap: calc(var(--spacing) * 2);
  min-height: 0;
  display: flex;
}

[data-captcha] .frc-icon {
  width: calc(var(--spacing) * 9);
  height: calc(var(--spacing) * 9);
  background-color: var(--color-grey-carbon);
  fill: var(--color-white);
  stroke: var(--color-white);
  padding: calc(var(--spacing) * 2);
  color: var(--color-white);
  border-radius: .25rem;
  flex-shrink: 0;
  margin: 0;
}

[data-captcha] .frc-content {
  text-align: left;
  margin-top: 0;
  overflow: visible;
}

[data-captcha] .frc-text {
  font-family: var(--font-sans);
  color: var(--color-grey-dove);
  font-size: .625rem;
  font-weight: 400;
  line-height: 1;
  display: block;
}

[data-captcha] .frc-button {
  cursor: pointer;
  border-style: var(--tw-border-style);
  text-align: left;
  font-family: var(--font-sans);
  color: var(--color-dark);
  text-underline-offset: 2px;
  background-color: #0000;
  border-width: 0;
  margin: 1px 0 0;
  padding: 0;
  font-size: .625rem;
  font-weight: 700;
  line-height: 1;
  display: block;
}

@media (hover: hover) {
  [data-captcha] .frc-button:hover {
    background-color: #0000;
    text-decoration-line: underline;
  }
}

[data-captcha] .frc-button:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-offset: 2px;
  outline-width: 2px;
  outline-color: var(--color-green-forest);
}

[data-captcha] .frc-banner {
  --tw-translate-y: calc(var(--spacing) * -3);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  padding-left: calc(var(--spacing) * 11);
  font-family: var(--font-sans);
  color: var(--color-grey-dove);
  font-size: .625rem;
  font-weight: 400;
  line-height: 1;
  display: block;
  position: static;
}

[data-captcha] .frc-banner a {
  color: inherit;
  text-decoration-line: none;
}

@media (hover: hover) {
  [data-captcha] .frc-banner a:hover {
    text-decoration-line: underline;
  }
}

@keyframes scroll-progress {
  from {
    transform: scaleX(.34);
  }

  to {
    transform: scaleX(1);
  }
}

[data-marquee-scroll] [data-marquee-track] {
  animation: marquee var(--marquee-duration, 30s) linear infinite;
}

[data-marquee-scroll]:hover [data-marquee-track] {
  animation-play-state: paused;
}

@keyframes marquee {
  to {
    transform: translateX(calc(-1 * var(--marquee-shift, 50%)));
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-marquee-scroll] [data-marquee-track] {
    animation: none;
  }
}

@media (min-width: 48rem) {
  [data-topbanner-track][data-topbanner-scroll] {
    width: max-content;
    animation: topbanner-marquee var(--topbanner-duration, 15s) linear infinite;
    justify-content: flex-start;
  }

  [data-topbanner] .swiper-slide:has([data-topbanner-scroll]) {
    justify-content: flex-start;
  }

  [data-topbanner-track][data-topbanner-scroll]:hover {
    animation-play-state: paused;
  }
}

@keyframes topbanner-marquee {
  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-topbanner-track][data-topbanner-scroll] {
    animation: none;
  }
}

@media not all and (min-width: 64rem) {
  [data-cta-sticky][data-stuck] > [data-cta-sticky-bar] {
    z-index: 45;
    background-color: var(--color-white);
    border-top: 1px solid var(--color-green-aqua);
    inset-inline: 0;
    padding: 0 1rem .5rem;
    position: fixed;
    bottom: 0;
  }

  [data-cta-sticky][data-stuck] > [data-cta-sticky-bar] > :first-child {
    margin-top: .5rem;
  }

  [data-cta-sticky][data-stuck="past"] > [data-cta-sticky-bar] {
    animation: .3s ease-out cta-sticky-in;
  }

  @media (prefers-reduced-motion: reduce) {
    [data-cta-sticky][data-stuck="past"] > [data-cta-sticky-bar] {
      animation: none;
    }
  }

  html[data-cta-stuck] [data-backtop] {
    bottom: calc(var(--cta-sticky-h, 0px) + 1rem);
  }

  html[data-cta-stuck] [id^="trustbadge-container"] > * > * {
    bottom: calc(var(--cta-sticky-h, 0px) + 10px) !important;
  }
}

@keyframes cta-sticky-in {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}