/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: 'Inter Variable', 'Nanum Gothic', 'Noto Sans Tai Viet', 'Noto Sans Thai Variable', system-ui, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: 0.0625rem;
    --container-2xs: 18rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --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-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-normal: 1.5;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --blur-md: 12px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 300ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --breakpoint-sm: 48rem;
    --breakpoint-md: 64rem;
    --breakpoint-lg: 90rem;
    --font-display: 'KMRApparat', 'Inter Variable', 'Nanum Gothic', 'Noto Sans Tai Viet', 'Noto Sans Thai Variable', system-ui, sans-serif;
    --font-monospace: 'JetBrains Mono Variable', monospace;
    --font-pixel: '"Jersey 10"', 'JetBrains Mono Variable', monospace;
    --font-weight-book: 350;
    --text-10: 0.625rem;
    --text-12: 0.75rem;
    --text-14: 0.875rem;
    --text-15: 0.9375rem;
    --text-16: 1rem;
    --text-18: 1.125rem;
    --text-20: 1.25rem;
    --text-22: 1.375rem;
    --text-24: 1.5rem;
    --text-26: 1.625rem;
    --text-28: 1.75rem;
    --text-32: 2rem;
    --text-34: 2.125rem;
    --text-36: 2.25rem;
    --text-40: 2.5rem;
    --text-42: 2.625rem;
    --text-48: 3rem;
    --text-54: 3.375rem;
    --text-64: 4rem;
    --text-80: 5rem;
    --tracking-0: 0;
    --tracking-1: 0.01em;
    --tracking-2: 0.02em;
    --tracking-3: 0.03em;
    --color-black: #1B1A19;
    --color-white: #FFFFFF;
    --color-orange-900: #FC6423;
    --color-orange-800: #FC7537;
    --color-orange-500: #FCA772;
    --color-orange-100: #FFE4CC;
    --color-grey-800: #2D2C2B;
    --color-grey-700: #494847;
    --color-grey-600: #6D6C6C;
    --color-grey-500: #969695;
    --color-dark-blue-950: #0C1B2C;
    --color-dark-blue-900: #17283A;
    --color-dark-blue-850: #26334A;
    --color-dark-blue-800: #3D4C66;
    --color-dark-blue-750: #7484A3;
    --color-hyperlink: #2171E8;
    --color-bright-blue-600: #9EB2FF;
    --color-bright-blue-500: #C8D4FF;
    --color-bright-blue-400: #E3E7FF;
    --color-off-white: #EEF2FC;
    --color-light-blue-300: #D0DCF2;
    --color-light-blue-250: #E7ECF7;
    --color-light-blue-200: #EEF2FC;
    --color-light-blue-150: #F2F5FA;
    --color-light-blue-100: #F6F9FE;
    --color-dark-green-900: #053133;
    --color-dark-green-800: #143E3F;
    --color-dark-green-700: #214C41;
    --color-dark-green-600: #496A68;
    --color-dark-green-500: #91B3B1;
    --color-bright-green-300: #CBEA99;
    --color-bright-green-200: #EDFFCD;
    --color-bright-green-100: #F6FFE8;
    --color-dark-pink-900: #21151E;
    --color-dark-pink-800: #32232F;
    --color-dark-pink-700: #483745;
    --color-dark-pink-600: #604155;
    --color-dark-pink-500: #9F759F;
    --color-bright-pink-300: #FFA8EB;
    --color-bright-pink-200: #FFD4F5;
    --color-bright-pink-100: #FFE6F9;
    --color-f1-red: #FA0C00;
    --radius-none: 0;
    --radius-1: 0.0625rem;
    --radius-2: 0.125rem;
    --radius-4: 0.25rem;
    --radius-8: 0.5rem;
    --radius-10: 0.625rem;
    --radius-12: 0.75rem;
    --radius-14: 0.875rem;
    --radius-16: 1rem;
    --radius-18: 1.125rem;
    --radius-20: 1.25rem;
    --radius-24: 1.5rem;
    --radius-32: 2rem;
    --radius-40: 2.5rem;
    --radius-64: 4rem;
    --radius-76: 4.75rem;
    --radius-80: 5rem;
    --radius-130: 8.125rem;
    --radius-160: 10rem;
    --radius-12\%: 12.5%;
    --radius-20\%: 20%;
    --radius-25\%: 25%;
    --radius-30\%: 30%;
    --radius-35\%: 35%;
    --radius-40\%: 40%;
    --radius-full: calc(infinity * 1px);
    --animate-loop-scroll: loop-scroll 50s linear infinite;
    --animate-loop-scroll-reverse: loop-scroll-reverse 50s linear infinite;
    --aspect-3-2: 3 / 2;
    --aspect-5-4: 5 / 4;
    --aspect-21-9: 21 / 9;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    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;
    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 {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.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 {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :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)) {
        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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@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;
  }
  .visible\! {
    visibility: visible !important;
  }
  .motion-preset-confetti {
    display: block;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    outline: 0;
    z-index: 1;
    margin: 0;
    animation: RomboConfettiPop var(--motion-duration) var(--motion-timing)  both;
    @keyframes RomboConfettiPop {
      0% {
        opacity: 0;
        transform: scale(1);
      }
      33% {
        opacity: 1;
        transform: scale(1.15);
      }
      50% {
        transform: scale(0.975);
      }
      65% {
        transform: scale(1.025);
      }
      80% {
        transform: scale(0.99);
      }
      87% {
        transform: scale(1.01);
      }
      100% {
        opacity: 1;
        transform: scale(1);
      }
    }
    &:after {
      display: block;
      animation-duration: var(--motion-duration);
      animation-timing-function: var(--motion-timing);
      animation-iteration-count: 1;
      animation-direction: normal;
      animation-fill-mode: forwards;
      animation-name: bottomfetti;
      position: absolute;
      content: " ";
      z-index: -1;
      width: 100%;
      height: 100%;
      left: -20%;
      top: 100%;
      transition: all var(--motion-timing) var(--motion-duration);
      background-repeat: no-repeat;
      background-image: radial-gradient(circle, #a2dd60 20%, transparent 20%),radial-gradient(circle, transparent 20%, #ee65a9 20%, transparent 30%),radial-gradient(circle, #6092dd 20%, transparent 20%),radial-gradient(circle, #f3c548 20%, transparent 20%),radial-gradient(circle, transparent 10%, #46ec99 15%, transparent 20%),radial-gradient(circle, #f03e47 20%, transparent 20%),radial-gradient(circle, #7b4df7 20%, transparent 20%),radial-gradient(circle, #3ff1bc 20%, transparent 20%);
      background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
    }
    &:before {
      display: block;
      animation-duration: var(--motion-duration);
      animation-timing-function: var(--motion-timing);
      animation-iteration-count: 1;
      animation-direction: normal;
      animation-fill-mode: forwards;
      animation-name: topfetti;
      position: absolute;
      content: " ";
      width: 100%;
      height: 100%;
      left: -5%;
      background-repeat: no-repeat;
      transition: all var(--motion-timing) var(--motion-duration);
      z-index: -1;
      top: -90%;
      background-image: radial-gradient(circle, #a2dd60 30%, transparent 20%),radial-gradient(circle, transparent 20%, #ee65a9 40%, transparent 20%),radial-gradient(circle, #6092dd 30%, transparent 20%),radial-gradient(circle, #f3c548 30%, transparent 20%),radial-gradient(circle, transparent 10%, #46ec99 15%, transparent 20%),radial-gradient(circle, #f03e47 30%, transparent 20%),radial-gradient(circle, #7b4df7 30%, transparent 30%),radial-gradient(circle, #3ff1bc 30%, transparent 20%),radial-gradient(circle, #48f088 30%, transparent 30%);
      background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 25% 25%;
    }
    @keyframes topfetti {
      0% {
        background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
      }
      50% {
        background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
      }
      100% {
        background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
        background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
      }
    }
    @keyframes bottomfetti {
      0% {
        background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%,70% -10%, 70% 0%;
      }
      50% {
        background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
      }
      100% {
        background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
        background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
      }
    }
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .absolute\! {
    position: absolute !important;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .relative\! {
    position: relative !important;
  }
  .static {
    position: static;
  }
  .static\! {
    position: static !important;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .start-1 {
    inset-inline-start: calc(var(--spacing) * 1);
  }
  .end-1 {
    inset-inline-end: calc(var(--spacing) * 1);
  }
  .wp-admin-bar-offset {
    body.logged-in & {
      top: calc(var(--spacing) * 32);
    }
    @media (width <= 782px) {
      body.logged-in & {
        top: calc(var(--spacing) * 46);
      }
    }
  }
  .-top-60 {
    top: calc(var(--spacing) * -60);
  }
  .top-\(--global-top-headers-size\,0\) {
    top: var(--global-top-headers-size,0);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-8 {
    top: calc(var(--spacing) * 8);
  }
  .top-12 {
    top: calc(var(--spacing) * 12);
  }
  .top-16 {
    top: calc(var(--spacing) * 16);
  }
  .top-24 {
    top: calc(var(--spacing) * 24);
  }
  .top-40 {
    top: calc(var(--spacing) * 40);
  }
  .top-120 {
    top: calc(var(--spacing) * 120);
  }
  .top-260 {
    top: calc(var(--spacing) * 260);
  }
  .top-450 {
    top: calc(var(--spacing) * 450);
  }
  .top-\[40\%\] {
    top: 40%;
  }
  .top-\[calc\(var\(--global-subpage-nav-offset\,0px\)\+var\(--global-top-headers-size\)\)\] {
    top: calc(var(--global-subpage-nav-offset,0px) + var(--global-top-headers-size));
  }
  .top-\[calc\(var\(--global-top-headers-size\)\+4rem\)\] {
    top: calc(var(--global-top-headers-size) + 4rem);
  }
  .top-\[calc\(var\(--global-top-headers-size\)-1\.5rem\)\] {
    top: calc(var(--global-top-headers-size) - 1.5rem);
  }
  .-right-24 {
    right: calc(var(--spacing) * -24);
  }
  .-right-48 {
    right: calc(var(--spacing) * -48);
  }
  .-right-200 {
    right: calc(var(--spacing) * -200);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-0\! {
    right: calc(var(--spacing) * 0) !important;
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-8 {
    right: calc(var(--spacing) * 8);
  }
  .right-12 {
    right: calc(var(--spacing) * 12);
  }
  .right-14 {
    right: calc(var(--spacing) * 14);
  }
  .right-16 {
    right: calc(var(--spacing) * 16);
  }
  .right-20 {
    right: calc(var(--spacing) * 20);
  }
  .right-24 {
    right: calc(var(--spacing) * 24);
  }
  .right-40 {
    right: calc(var(--spacing) * 40);
  }
  .-bottom-16 {
    bottom: calc(var(--spacing) * -16);
  }
  .-bottom-20 {
    bottom: calc(var(--spacing) * -20);
  }
  .-bottom-72 {
    bottom: calc(var(--spacing) * -72);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-12 {
    bottom: calc(var(--spacing) * 12);
  }
  .bottom-16\! {
    bottom: calc(var(--spacing) * 16) !important;
  }
  .bottom-24 {
    bottom: calc(var(--spacing) * 24);
  }
  .bottom-60 {
    bottom: calc(var(--spacing) * 60);
  }
  .bottom-\[8\.5\%\] {
    bottom: 8.5%;
  }
  .-left-24 {
    left: calc(var(--spacing) * -24);
  }
  .-left-96 {
    left: calc(var(--spacing) * -96);
  }
  .-left-160 {
    left: calc(var(--spacing) * -160);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-0\! {
    left: calc(var(--spacing) * 0) !important;
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .left-12 {
    left: calc(var(--spacing) * 12);
  }
  .left-14 {
    left: calc(var(--spacing) * 14);
  }
  .left-16 {
    left: calc(var(--spacing) * 16);
  }
  .left-20 {
    left: calc(var(--spacing) * 20);
  }
  .left-24 {
    left: calc(var(--spacing) * 24);
  }
  .left-60 {
    left: calc(var(--spacing) * 60);
  }
  .left-200 {
    left: calc(var(--spacing) * 200);
  }
  .left-\[10\%\] {
    left: 10%;
  }
  .left-\[18\%\] {
    left: 18%;
  }
  .isolate {
    isolation: isolate;
  }
  .-z-10 {
    z-index: calc(10 * -1);
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-150 {
    z-index: 150;
  }
  .z-190 {
    z-index: 190;
  }
  .z-200 {
    z-index: 200;
  }
  .z-201 {
    z-index: 201;
  }
  .z-250 {
    z-index: 250;
  }
  .z-300 {
    z-index: 300;
  }
  .z-999 {
    z-index: 999;
  }
  .z-9999 {
    z-index: 9999;
  }
  .-order-1 {
    order: calc(1 * -1);
  }
  .-order-2 {
    order: calc(2 * -1);
  }
  .-order-3 {
    order: calc(3 * -1);
  }
  .-order-4 {
    order: calc(4 * -1);
  }
  .-order-5 {
    order: calc(5 * -1);
  }
  .-order-6 {
    order: calc(6 * -1);
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-3 {
    order: 3;
  }
  .order-4 {
    order: 4;
  }
  .order-5 {
    order: 5;
  }
  .order-6 {
    order: 6;
  }
  .order-first {
    order: -9999;
  }
  .order-last {
    order: 9999;
  }
  .col-0 {
    grid-column: 0;
  }
  .col-1 {
    grid-column: 1;
  }
  .col-2 {
    grid-column: 2;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .col-span-5 {
    grid-column: span 5 / span 5;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .col-span-full\! {
    grid-column: 1 / -1 !important;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .col-start-3 {
    grid-column-start: 3;
  }
  .col-start-4 {
    grid-column-start: 4;
  }
  .col-start-5 {
    grid-column-start: 5;
  }
  .col-start-6 {
    grid-column-start: 6;
  }
  .col-start-7 {
    grid-column-start: 7;
  }
  .col-start-8 {
    grid-column-start: 8;
  }
  .col-start-9 {
    grid-column-start: 9;
  }
  .col-start-10 {
    grid-column-start: 10;
  }
  .col-start-11 {
    grid-column-start: 11;
  }
  .col-start-12 {
    grid-column-start: 12;
  }
  .col-end-11 {
    grid-column-end: 11;
  }
  .col-end-span-1 {
    grid-column-end: span 1;
  }
  .col-end-span-2 {
    grid-column-end: span 2;
  }
  .col-end-span-3 {
    grid-column-end: span 3;
  }
  .col-end-span-4 {
    grid-column-end: span 4;
  }
  .col-end-span-5 {
    grid-column-end: span 5;
  }
  .col-end-span-6 {
    grid-column-end: span 6;
  }
  .col-end-span-7 {
    grid-column-end: span 7;
  }
  .col-end-span-8 {
    grid-column-end: span 8;
  }
  .col-end-span-9 {
    grid-column-end: span 9;
  }
  .col-end-span-10 {
    grid-column-end: span 10;
  }
  .col-end-span-11 {
    grid-column-end: span 11;
  }
  .col-end-span-12 {
    grid-column-end: span 12;
  }
  .row-1 {
    grid-row: 1;
  }
  .row-2 {
    grid-row: 2;
  }
  .row-3 {
    grid-row: 3;
  }
  .row-4 {
    grid-row: 4;
  }
  .row-5 {
    grid-row: 5;
  }
  .row-6 {
    grid-row: 6;
  }
  .row-7 {
    grid-row: 7;
  }
  .row-8 {
    grid-row: 8;
  }
  .row-span-3 {
    grid-row: span 3 / span 3;
  }
  .row-span-8 {
    grid-row: span 8 / span 8;
  }
  .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-end-2 {
    grid-row-end: 2;
  }
  .row-end-3 {
    grid-row-end: 3;
  }
  .row-end-span-1 {
    grid-row-end: span 1;
  }
  .row-end-span-2 {
    grid-row-end: span 2;
  }
  .row-end-span-3 {
    grid-row-end: span 3;
  }
  .row-end-span-4 {
    grid-row-end: span 4;
  }
  .row-end-span-5 {
    grid-row-end: span 5;
  }
  .row-end-span-6 {
    grid-row-end: span 6;
  }
  .row-end-span-7 {
    grid-row-end: span 7;
  }
  .row-end-span-8 {
    grid-row-end: span 8;
  }
  .row-end-span-9 {
    grid-row-end: span 9;
  }
  .row-end-span-10 {
    grid-row-end: span 10;
  }
  .row-end-span-11 {
    grid-row-end: span 11;
  }
  .row-end-span-12 {
    grid-row-end: span 12;
  }
  .container {
    width: 100%;
    @media (width >= 28.25rem) {
      max-width: 28.25rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 90rem) {
      max-width: 90rem;
    }
    @media (width >= 100rem) {
      max-width: 100rem;
    }
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-0\! {
    margin: calc(var(--spacing) * 0) !important;
  }
  .m-4 {
    margin: calc(var(--spacing) * 4);
  }
  .m-8\! {
    margin: calc(var(--spacing) * 8) !important;
  }
  .m-auto {
    margin: auto;
  }
  .-mx-8 {
    margin-inline: calc(var(--spacing) * -8);
  }
  .-mx-12 {
    margin-inline: calc(var(--spacing) * -12);
  }
  .mx-0\! {
    margin-inline: calc(var(--spacing) * 0) !important;
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-8 {
    margin-inline: calc(var(--spacing) * 8);
  }
  .mx-14 {
    margin-inline: calc(var(--spacing) * 14);
  }
  .mx-16 {
    margin-inline: calc(var(--spacing) * 16);
  }
  .mx-24 {
    margin-inline: calc(var(--spacing) * 24);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-my-4 {
    margin-block: calc(var(--spacing) * -4);
  }
  .my-0 {
    margin-block: calc(var(--spacing) * 0);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .my-16 {
    margin-block: calc(var(--spacing) * 16);
  }
  .my-20 {
    margin-block: calc(var(--spacing) * 20);
  }
  .my-auto {
    margin-block: auto;
  }
  .ms-24 {
    margin-inline-start: calc(var(--spacing) * 24);
  }
  .ms-32 {
    margin-inline-start: calc(var(--spacing) * 32);
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .me-16 {
    margin-inline-end: calc(var(--spacing) * 16);
  }
  .prose {
    color: var(--tw-prose-body);
    max-width: 65ch;
    :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.25em;
      margin-bottom: 1.25em;
    }
    :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-lead);
      font-size: 1.25em;
      line-height: 1.6;
      margin-top: 1.2em;
      margin-bottom: 1.2em;
    }
    :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-links);
      text-decoration: underline;
      font-weight: 500;
    }
    :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-bold);
      font-weight: 600;
    }
    :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: decimal;
      margin-top: 1.25em;
      margin-bottom: 1.25em;
      padding-inline-start: 1.625em;
    }
    :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: upper-alpha;
    }
    :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: lower-alpha;
    }
    :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: upper-alpha;
    }
    :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: lower-alpha;
    }
    :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: upper-roman;
    }
    :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: lower-roman;
    }
    :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: upper-roman;
    }
    :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: lower-roman;
    }
    :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: decimal;
    }
    :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: disc;
      margin-top: 1.25em;
      margin-bottom: 1.25em;
      padding-inline-start: 1.625em;
    }
    :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
      font-weight: 400;
      color: var(--tw-prose-counters);
    }
    :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
      color: var(--tw-prose-bullets);
    }
    :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      margin-top: 1.25em;
    }
    :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-color: var(--tw-prose-hr);
      border-top-width: 1px;
      margin-top: 3em;
      margin-bottom: 3em;
    }
    :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 500;
      font-style: italic;
      color: var(--tw-prose-quotes);
      border-inline-start-width: 0.25rem;
      border-inline-start-color: var(--tw-prose-quote-borders);
      quotes: "\201C""\201D""\2018""\2019";
      margin-top: 1.6em;
      margin-bottom: 1.6em;
      padding-inline-start: 1em;
    }
    :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
      content: open-quote;
    }
    :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
      content: close-quote;
    }
    :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 800;
      font-size: 2.25em;
      margin-top: 0;
      margin-bottom: 0.8888889em;
      line-height: 1.1111111;
    }
    :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 900;
      color: inherit;
    }
    :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 700;
      font-size: 1.5em;
      margin-top: 2em;
      margin-bottom: 1em;
      line-height: 1.3333333;
    }
    :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 800;
      color: inherit;
    }
    :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      font-size: 1.25em;
      margin-top: 1.6em;
      margin-bottom: 0.6em;
      line-height: 1.6;
    }
    :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 700;
      color: inherit;
    }
    :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      margin-top: 1.5em;
      margin-bottom: 0.5em;
      line-height: 1.5;
    }
    :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 700;
      color: inherit;
    }
    :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      display: block;
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 500;
      font-family: inherit;
      color: var(--tw-prose-kbd);
      box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
      font-size: 0.875em;
      border-radius: 0.3125rem;
      padding-top: 0.1875em;
      padding-inline-end: 0.375em;
      padding-bottom: 0.1875em;
      padding-inline-start: 0.375em;
    }
    :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-code);
      font-weight: 600;
      font-size: 0.875em;
    }
    :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
      content: "`";
    }
    :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
      content: "`";
    }
    :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
      font-size: 0.875em;
    }
    :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
      font-size: 0.9em;
    }
    :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-pre-code);
      background-color: var(--tw-prose-pre-bg);
      overflow-x: auto;
      font-weight: 400;
      font-size: 0.875em;
      line-height: 1.7142857;
      margin-top: 1.7142857em;
      margin-bottom: 1.7142857em;
      border-radius: 0.375rem;
      padding-top: 0.8571429em;
      padding-inline-end: 1.1428571em;
      padding-bottom: 0.8571429em;
      padding-inline-start: 1.1428571em;
    }
    :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      background-color: transparent;
      border-width: 0;
      border-radius: 0;
      padding: 0;
      font-weight: inherit;
      color: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
    }
    :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
      content: none;
    }
    :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
      content: none;
    }
    :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      width: 100%;
      table-layout: auto;
      margin-top: 2em;
      margin-bottom: 2em;
      font-size: 0.875em;
      line-height: 1.7142857;
    }
    :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-bottom-width: 1px;
      border-bottom-color: var(--tw-prose-th-borders);
    }
    :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      vertical-align: bottom;
      padding-inline-end: 0.5714286em;
      padding-bottom: 0.5714286em;
      padding-inline-start: 0.5714286em;
    }
    :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-bottom-width: 1px;
      border-bottom-color: var(--tw-prose-td-borders);
    }
    :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-bottom-width: 0;
    }
    :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      vertical-align: baseline;
    }
    :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-top-width: 1px;
      border-top-color: var(--tw-prose-th-borders);
    }
    :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      vertical-align: top;
    }
    :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      text-align: start;
    }
    :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
    }
    :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-captions);
      font-size: 0.875em;
      line-height: 1.4285714;
      margin-top: 0.8571429em;
    }
    --tw-prose-body: oklch(37.3% 0.034 259.733);
    --tw-prose-headings: oklch(21% 0.034 264.665);
    --tw-prose-lead: oklch(44.6% 0.03 256.802);
    --tw-prose-links: oklch(21% 0.034 264.665);
    --tw-prose-bold: oklch(21% 0.034 264.665);
    --tw-prose-counters: oklch(55.1% 0.027 264.364);
    --tw-prose-bullets: oklch(87.2% 0.01 258.338);
    --tw-prose-hr: oklch(92.8% 0.006 264.531);
    --tw-prose-quotes: oklch(21% 0.034 264.665);
    --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
    --tw-prose-captions: oklch(55.1% 0.027 264.364);
    --tw-prose-kbd: oklch(21% 0.034 264.665);
    --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent);
    --tw-prose-code: oklch(21% 0.034 264.665);
    --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
    --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
    --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
    --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
    --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
    --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
    --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
    --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
    --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
    --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
    font-size: 1rem;
    line-height: 1.75;
    :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
    }
    :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.5em;
      margin-bottom: 0.5em;
    }
    :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0.375em;
    }
    :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0.375em;
    }
    :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.75em;
      margin-bottom: 0.75em;
    }
    :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.25em;
    }
    :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-bottom: 1.25em;
    }
    :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.25em;
    }
    :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-bottom: 1.25em;
    }
    :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.75em;
      margin-bottom: 0.75em;
    }
    :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.25em;
      margin-bottom: 1.25em;
    }
    :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.5em;
      padding-inline-start: 1.625em;
    }
    :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0;
    }
    :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-end: 0;
    }
    :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-top: 0.5714286em;
      padding-inline-end: 0.5714286em;
      padding-bottom: 0.5714286em;
      padding-inline-start: 0.5714286em;
    }
    :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0;
    }
    :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-end: 0;
    }
    :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-bottom: 0;
    }
  }
  .-mt-8 {
    margin-top: calc(var(--spacing) * -8);
  }
  .-mt-12 {
    margin-top: calc(var(--spacing) * -12);
  }
  .-mt-16 {
    margin-top: calc(var(--spacing) * -16);
  }
  .-mt-120 {
    margin-top: calc(var(--spacing) * -120);
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .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-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .mt-24 {
    margin-top: calc(var(--spacing) * 24);
  }
  .mt-32 {
    margin-top: calc(var(--spacing) * 32);
  }
  .mt-40 {
    margin-top: calc(var(--spacing) * 40);
  }
  .mt-48 {
    margin-top: calc(var(--spacing) * 48);
  }
  .mt-56 {
    margin-top: calc(var(--spacing) * 56);
  }
  .mt-64 {
    margin-top: calc(var(--spacing) * 64);
  }
  .mt-72 {
    margin-top: calc(var(--spacing) * 72);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mt-auto\! {
    margin-top: auto !important;
  }
  .-mr-12 {
    margin-right: calc(var(--spacing) * -12);
  }
  .-mr-20 {
    margin-right: calc(var(--spacing) * -20);
  }
  .mr-0 {
    margin-right: calc(var(--spacing) * 0);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mr-8 {
    margin-right: calc(var(--spacing) * 8);
  }
  .mr-12 {
    margin-right: calc(var(--spacing) * 12);
  }
  .mr-16 {
    margin-right: calc(var(--spacing) * 16);
  }
  .mr-20 {
    margin-right: calc(var(--spacing) * 20);
  }
  .mr-24 {
    margin-right: calc(var(--spacing) * 24);
  }
  .mr-32 {
    margin-right: calc(var(--spacing) * 32);
  }
  .mr-40 {
    margin-right: calc(var(--spacing) * 40);
  }
  .mr-48 {
    margin-right: calc(var(--spacing) * 48);
  }
  .mr-56 {
    margin-right: calc(var(--spacing) * 56);
  }
  .mr-64 {
    margin-right: calc(var(--spacing) * 64);
  }
  .mr-72 {
    margin-right: calc(var(--spacing) * 72);
  }
  .mr-auto {
    margin-right: auto;
  }
  .-mb-20 {
    margin-bottom: calc(var(--spacing) * -20);
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-0\! {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }
  .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-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-14 {
    margin-bottom: calc(var(--spacing) * 14);
  }
  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }
  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }
  .mb-24 {
    margin-bottom: calc(var(--spacing) * 24);
  }
  .mb-32 {
    margin-bottom: calc(var(--spacing) * 32);
  }
  .mb-40 {
    margin-bottom: calc(var(--spacing) * 40);
  }
  .mb-48 {
    margin-bottom: calc(var(--spacing) * 48);
  }
  .mb-56 {
    margin-bottom: calc(var(--spacing) * 56);
  }
  .mb-64 {
    margin-bottom: calc(var(--spacing) * 64);
  }
  .mb-72 {
    margin-bottom: calc(var(--spacing) * 72);
  }
  .mb-\[0\.5em\] {
    margin-bottom: 0.5em;
  }
  .mb-\[0\.5em\]\! {
    margin-bottom: 0.5em !important;
  }
  .mb-\[0\.25em\]\! {
    margin-bottom: 0.25em !important;
  }
  .mb-auto {
    margin-bottom: auto;
  }
  .-ml-4 {
    margin-left: calc(var(--spacing) * -4);
  }
  .-ml-12 {
    margin-left: calc(var(--spacing) * -12);
  }
  .-ml-24 {
    margin-left: calc(var(--spacing) * -24);
  }
  .-ml-40 {
    margin-left: calc(var(--spacing) * -40);
  }
  .-ml-64 {
    margin-left: calc(var(--spacing) * -64);
  }
  .ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }
  .ml-12 {
    margin-left: calc(var(--spacing) * 12);
  }
  .ml-16 {
    margin-left: calc(var(--spacing) * 16);
  }
  .ml-20 {
    margin-left: calc(var(--spacing) * 20);
  }
  .ml-24 {
    margin-left: calc(var(--spacing) * 24);
  }
  .ml-32 {
    margin-left: calc(var(--spacing) * 32);
  }
  .ml-40 {
    margin-left: calc(var(--spacing) * 40);
  }
  .ml-48 {
    margin-left: calc(var(--spacing) * 48);
  }
  .ml-56 {
    margin-left: calc(var(--spacing) * 56);
  }
  .ml-64 {
    margin-left: calc(var(--spacing) * 64);
  }
  .ml-72 {
    margin-left: calc(var(--spacing) * 72);
  }
  .ml-\[1ch\] {
    margin-left: 1ch;
  }
  .ml-auto {
    margin-left: auto;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .line-clamp-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
  }
  .ib2024-badge {
    display: inline-block;
    border-radius: var(--radius-4);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-orange-500);
    padding-inline: calc(var(--spacing) * 6);
    color: currentcolor;
  }
  .scrollbar-none {
    scrollbar-width: none;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .\!hidden {
    display: none !important;
  }
  .block {
    display: block;
  }
  .block\! {
    display: block !important;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .flex\! {
    display: flex !important;
  }
  .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-flex\! {
    display: inline-flex !important;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .aspect-3-2 {
    aspect-ratio: var(--aspect-3-2);
  }
  .aspect-4\/3 {
    aspect-ratio: 4/3;
  }
  .aspect-5-4 {
    aspect-ratio: var(--aspect-5-4);
  }
  .aspect-5-4\! {
    aspect-ratio: var(--aspect-5-4) !important;
  }
  .aspect-9\/16 {
    aspect-ratio: 9/16;
  }
  .aspect-21-9 {
    aspect-ratio: var(--aspect-21-9);
  }
  .aspect-\[2\] {
    aspect-ratio: 2;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }
  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }
  .size-24 {
    width: calc(var(--spacing) * 24);
    height: calc(var(--spacing) * 24);
  }
  .size-24\! {
    width: calc(var(--spacing) * 24) !important;
    height: calc(var(--spacing) * 24) !important;
  }
  .size-32 {
    width: calc(var(--spacing) * 32);
    height: calc(var(--spacing) * 32);
  }
  .size-32\! {
    width: calc(var(--spacing) * 32) !important;
    height: calc(var(--spacing) * 32) !important;
  }
  .size-36 {
    width: calc(var(--spacing) * 36);
    height: calc(var(--spacing) * 36);
  }
  .size-40 {
    width: calc(var(--spacing) * 40);
    height: calc(var(--spacing) * 40);
  }
  .size-40\! {
    width: calc(var(--spacing) * 40) !important;
    height: calc(var(--spacing) * 40) !important;
  }
  .size-44 {
    width: calc(var(--spacing) * 44);
    height: calc(var(--spacing) * 44);
  }
  .size-48 {
    width: calc(var(--spacing) * 48);
    height: calc(var(--spacing) * 48);
  }
  .size-56 {
    width: calc(var(--spacing) * 56);
    height: calc(var(--spacing) * 56);
  }
  .size-64 {
    width: calc(var(--spacing) * 64);
    height: calc(var(--spacing) * 64);
  }
  .size-64\! {
    width: calc(var(--spacing) * 64) !important;
    height: calc(var(--spacing) * 64) !important;
  }
  .size-72 {
    width: calc(var(--spacing) * 72);
    height: calc(var(--spacing) * 72);
  }
  .size-80 {
    width: calc(var(--spacing) * 80);
    height: calc(var(--spacing) * 80);
  }
  .size-80\! {
    width: calc(var(--spacing) * 80) !important;
    height: calc(var(--spacing) * 80) !important;
  }
  .size-96 {
    width: calc(var(--spacing) * 96);
    height: calc(var(--spacing) * 96);
  }
  .size-96\! {
    width: calc(var(--spacing) * 96) !important;
    height: calc(var(--spacing) * 96) !important;
  }
  .size-110 {
    width: calc(var(--spacing) * 110);
    height: calc(var(--spacing) * 110);
  }
  .size-120 {
    width: calc(var(--spacing) * 120);
    height: calc(var(--spacing) * 120);
  }
  .size-120\! {
    width: calc(var(--spacing) * 120) !important;
    height: calc(var(--spacing) * 120) !important;
  }
  .size-192 {
    width: calc(var(--spacing) * 192);
    height: calc(var(--spacing) * 192);
  }
  .size-200\! {
    width: calc(var(--spacing) * 200) !important;
    height: calc(var(--spacing) * 200) !important;
  }
  .size-\[1\.75rem\] {
    width: 1.75rem;
    height: 1.75rem;
  }
  .size-\[1em\] {
    width: 1em;
    height: 1em;
  }
  .size-\[8\.5rem\] {
    width: 8.5rem;
    height: 8.5rem;
  }
  .size-fit {
    width: fit-content;
    height: fit-content;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .size-full\! {
    width: 100% !important;
    height: 100% !important;
  }
  .h-0 {
    height: calc(var(--spacing) * 0);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-22 {
    height: calc(var(--spacing) * 22);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-72 {
    height: calc(var(--spacing) * 72);
  }
  .h-80 {
    height: calc(var(--spacing) * 80);
  }
  .h-90 {
    height: calc(var(--spacing) * 90);
  }
  .h-100 {
    height: calc(var(--spacing) * 100);
  }
  .h-167 {
    height: calc(var(--spacing) * 167);
  }
  .h-192 {
    height: calc(var(--spacing) * 192);
  }
  .h-\[1\.75em\] {
    height: 1.75em;
  }
  .h-\[5\.5rem\] {
    height: 5.5rem;
  }
  .h-\[75vh\]\! {
    height: 75vh !important;
  }
  .h-auto {
    height: auto;
  }
  .h-auto\! {
    height: auto !important;
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .h-full\! {
    height: 100% !important;
  }
  .h-px {
    height: 1px;
  }
  .max-h-0 {
    max-height: calc(var(--spacing) * 0);
  }
  .max-h-200 {
    max-height: calc(var(--spacing) * 200);
  }
  .max-h-304 {
    max-height: calc(var(--spacing) * 304);
  }
  .max-h-368 {
    max-height: calc(var(--spacing) * 368);
  }
  .max-h-\[50vh\]\! {
    max-height: 50vh !important;
  }
  .max-h-\[55vh\]\! {
    max-height: 55vh !important;
  }
  .max-h-\[58\.5vh\] {
    max-height: 58.5vh;
  }
  .max-h-\[60vh\]\! {
    max-height: 60vh !important;
  }
  .max-h-\[65vh\]\! {
    max-height: 65vh !important;
  }
  .max-h-\[70\%\] {
    max-height: 70%;
  }
  .max-h-\[70vh\]\! {
    max-height: 70vh !important;
  }
  .max-h-\[75vh\]\! {
    max-height: 75vh !important;
  }
  .max-h-\[80vh\]\! {
    max-height: 80vh !important;
  }
  .max-h-\[83dvh\] {
    max-height: 83dvh;
  }
  .max-h-\[85vh\] {
    max-height: 85vh;
  }
  .max-h-\[85vh\]\! {
    max-height: 85vh !important;
  }
  .max-h-\[90vh\]\! {
    max-height: 90vh !important;
  }
  .max-h-\[95vh\]\! {
    max-height: 95vh !important;
  }
  .max-h-\[96vh\] {
    max-height: 96vh;
  }
  .max-h-\[calc\(100dvh-2\.5rem\)\] {
    max-height: calc(100dvh - 2.5rem);
  }
  .max-h-full {
    max-height: 100%;
  }
  .max-h-screen\! {
    max-height: 100vh !important;
  }
  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }
  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
  .min-h-32 {
    min-height: calc(var(--spacing) * 32);
  }
  .min-h-48 {
    min-height: calc(var(--spacing) * 48);
  }
  .min-h-56 {
    min-height: calc(var(--spacing) * 56);
  }
  .min-h-80 {
    min-height: calc(var(--spacing) * 80);
  }
  .min-h-120\! {
    min-height: calc(var(--spacing) * 120) !important;
  }
  .min-h-240 {
    min-height: calc(var(--spacing) * 240);
  }
  .min-h-280 {
    min-height: calc(var(--spacing) * 280);
  }
  .min-h-\[2\.25rem\] {
    min-height: 2.25rem;
  }
  .w-\(--ib-content-w\) {
    width: var(--ib-content-w);
  }
  .w-1\/2 {
    width: calc(1/2 * 100%);
  }
  .w-1\/2\! {
    width: calc(1/2 * 100%) !important;
  }
  .w-1\/3 {
    width: calc(1/3 * 100%);
  }
  .w-1\/3\! {
    width: calc(1/3 * 100%) !important;
  }
  .w-1\/4\! {
    width: calc(1/4 * 100%) !important;
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\/3 {
    width: calc(2/3 * 100%);
  }
  .w-2\/3\! {
    width: calc(2/3 * 100%) !important;
  }
  .w-2xs {
    width: var(--container-2xs);
  }
  .w-3\/4 {
    width: calc(3/4 * 100%);
  }
  .w-3\/4\! {
    width: calc(3/4 * 100%) !important;
  }
  .w-4\/5 {
    width: calc(4/5 * 100%);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-18 {
    width: calc(var(--spacing) * 18);
  }
  .w-22 {
    width: calc(var(--spacing) * 22);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-72\! {
    width: calc(var(--spacing) * 72) !important;
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-120 {
    width: calc(var(--spacing) * 120);
  }
  .w-140 {
    width: calc(var(--spacing) * 140);
  }
  .w-160 {
    width: calc(var(--spacing) * 160);
  }
  .w-192 {
    width: calc(var(--spacing) * 192);
  }
  .w-192\! {
    width: calc(var(--spacing) * 192) !important;
  }
  .w-200 {
    width: calc(var(--spacing) * 200);
  }
  .w-240 {
    width: calc(var(--spacing) * 240);
  }
  .w-320 {
    width: calc(var(--spacing) * 320);
  }
  .w-\[16\.25rem\] {
    width: 16.25rem;
  }
  .w-\[85vw\] {
    width: 85vw;
  }
  .w-\[calc\(100\%-2rem\)\] {
    width: calc(100% - 2rem);
  }
  .w-auto {
    width: auto;
  }
  .w-auto\! {
    width: auto !important;
  }
  .w-fit {
    width: fit-content;
  }
  .w-fit\! {
    width: fit-content !important;
  }
  .w-full {
    width: 100%;
  }
  .w-full\! {
    width: 100% !important;
  }
  .w-max {
    width: max-content;
  }
  .w-px {
    width: 1px;
  }
  .w-sm {
    width: var(--container-sm);
  }
  .w-xs {
    width: var(--container-xs);
  }
  .max-w-fill {
    max-width: -moz-available;
    max-width: -webkit-fill-available;
    max-width: stretch;
  }
  .max-w-\(--breakpoint-lg\) {
    max-width: var(--breakpoint-lg);
  }
  .max-w-\(--breakpoint-md\) {
    max-width: var(--breakpoint-md);
  }
  .max-w-\(--breakpoint-sm\) {
    max-width: var(--breakpoint-sm);
  }
  .max-w-110 {
    max-width: calc(var(--spacing) * 110);
  }
  .max-w-120 {
    max-width: calc(var(--spacing) * 120);
  }
  .max-w-160 {
    max-width: calc(var(--spacing) * 160);
  }
  .max-w-160\! {
    max-width: calc(var(--spacing) * 160) !important;
  }
  .max-w-180 {
    max-width: calc(var(--spacing) * 180);
  }
  .max-w-192 {
    max-width: calc(var(--spacing) * 192);
  }
  .max-w-200 {
    max-width: calc(var(--spacing) * 200);
  }
  .max-w-424 {
    max-width: calc(var(--spacing) * 424);
  }
  .max-w-480 {
    max-width: calc(var(--spacing) * 480);
  }
  .max-w-\[31\.25rem\] {
    max-width: 31.25rem;
  }
  .max-w-\[40\%\] {
    max-width: 40%;
  }
  .max-w-\[56vmin\] {
    max-width: 56vmin;
  }
  .max-w-\[70\%\] {
    max-width: 70%;
  }
  .max-w-\[85\%\] {
    max-width: 85%;
  }
  .max-w-\[85vw\] {
    max-width: 85vw;
  }
  .max-w-\[92vw\] {
    max-width: 92vw;
  }
  .max-w-\[160vmin\] {
    max-width: 160vmin;
  }
  .max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-16 {
    min-width: calc(var(--spacing) * 16);
  }
  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }
  .min-w-100 {
    min-width: calc(var(--spacing) * 100);
  }
  .min-w-120 {
    min-width: calc(var(--spacing) * 120);
  }
  .min-w-192 {
    min-width: calc(var(--spacing) * 192);
  }
  .min-w-240 {
    min-width: calc(var(--spacing) * 240);
  }
  .min-w-\[50vw\] {
    min-width: 50vw;
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .shrink-0\! {
    flex-shrink: 0 !important;
  }
  .grow {
    flex-grow: 1;
  }
  .grow\! {
    flex-grow: 1 !important;
  }
  .basis-80 {
    flex-basis: calc(var(--spacing) * 80);
  }
  .basis-\[calc\(var\(--es-field-width\)-1rem\)\]\! {
    flex-basis: calc(var(--es-field-width) - 1rem) !important;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .origin-right {
    transform-origin: 100%;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-1\/3 {
    --tw-translate-x: calc(calc(1/3 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-1\/4 {
    --tw-translate-x: calc(calc(1/4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-2 {
    --tw-translate-x: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-2\/3 {
    --tw-translate-x: calc(calc(2/3 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-3\/4 {
    --tw-translate-x: calc(calc(3/4 * 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-1\/2 {
    --tw-translate-x: calc(1/2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-1\/3 {
    --tw-translate-x: calc(1/3 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-1\/4 {
    --tw-translate-x: calc(1/4 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-2 {
    --tw-translate-x: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-2\/3 {
    --tw-translate-x: calc(2/3 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-3\/4 {
    --tw-translate-x: calc(3/4 * 100%);
    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-3 {
    --tw-translate-y: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-75 {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .-rotate-45 {
    rotate: calc(45deg * -1);
  }
  .-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .-rotate-135 {
    rotate: calc(135deg * -1);
  }
  .rotate-0 {
    rotate: 0deg;
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-135 {
    rotate: 135deg;
  }
  .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,);
  }
  .motion-preset-wiggle {
    --motion-duration: 300ms;
    --motion-origin-rotate: 15deg;
    --motion-origin-translate-x: -25%;
    --motion-origin-translate-y: -10%;
    --motion-origin-opacity: 0;
    --motion-timing: var(--motion-spring-bounciest);
    --motion-perceptual-duration-multiplier: 5.285;
    --motion-opacity-timing: var(--motion-spring-smooth);
    --motion-opacity-perceptual-duration-multiplier: 2.035;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-rotate-in-animation: motion-rotate-in calc(var(--motion-rotate-duration, var(--motion-duration)) * var(--motion-rotate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-rotate-timing, var(--motion-timing)) var(--motion-rotate-delay, var(--motion-delay)) both;
    --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-bounce {
    --motion-duration: 300ms;
    --motion-translate-timing: var(--motion-bounce);
    --motion-translate-perceptual-duration-multiplier: 2;
    --motion-origin-opacity: 0;
    --motion-origin-translate-y: -25%;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-compress {
    --motion-origin-scale-x: 150%;
    --motion-origin-scale-y: 150%;
    --motion-origin-opacity: 0;
    --motion-scale-timing: var(--motion-spring-bouncier);
    --motion-scale-perceptual-duration-multiplier: 2.035;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-pop {
    --motion-origin-scale-x: 50%;
    --motion-origin-scale-y: 50%;
    --motion-origin-opacity: 0;
    --motion-scale-timing: var(--motion-spring-bouncier);
    --motion-scale-perceptual-duration-multiplier: 2.035;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-shake {
    --motion-duration: 300ms;
    --motion-origin-rotate: 15deg;
    --motion-origin-opacity: 0;
    --motion-rotate-timing: var(--motion-spring-bounciest);
    --motion-rotate-perceptual-duration-multiplier: 2.035;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-rotate-in-animation: motion-rotate-in calc(var(--motion-rotate-duration, var(--motion-duration)) * var(--motion-rotate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-rotate-timing, var(--motion-timing)) var(--motion-rotate-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-blur-down {
    --motion-origin-blur: 5px;
    --motion-origin-translate-y: -5%;
    --motion-origin-opacity: 0;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
    --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-blur-left {
    --motion-origin-blur: 5px;
    --motion-origin-translate-x: 5%;
    --motion-origin-opacity: 0;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
    --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-blur-right {
    --motion-origin-blur: 5px;
    --motion-origin-translate-x: -5%;
    --motion-origin-opacity: 0;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
    --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-blur-up {
    --motion-origin-blur: 5px;
    --motion-origin-translate-y: 5%;
    --motion-origin-opacity: 0;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
    --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-rebound-down {
    --motion-origin-translate-y: -25%;
    --motion-translate-timing: var(--motion-spring-bouncier);
    --motion-translate-perceptual-duration-multiplier: 2.035;
    --motion-origin-opacity: 0;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-rebound-left {
    --motion-origin-translate-x: 25%;
    --motion-translate-timing: var(--motion-spring-bouncier);
    --motion-translate-perceptual-duration-multiplier: 2.035;
    --motion-origin-opacity: 0;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-rebound-right {
    --motion-origin-translate-x: -25%;
    --motion-translate-timing: var(--motion-spring-bouncier);
    --motion-translate-perceptual-duration-multiplier: 2.035;
    --motion-origin-opacity: 0;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-rebound-up {
    --motion-origin-translate-y: 25%;
    --motion-translate-timing: var(--motion-spring-bouncier);
    --motion-translate-perceptual-duration-multiplier: 2.035;
    --motion-origin-opacity: 0;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-expand {
    --motion-origin-scale-x: 50%;
    --motion-origin-scale-y: 50%;
    --motion-origin-opacity: 0;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-float {
    --motion-loop-translate-y: 100%;
    --motion-translate-timing: var(--motion-spring-bouncier);
    --motion-translate-perceptual-duration-multiplier: 2.035;
    --motion-duration: 2000ms;
    --motion-translate-loop-animation: motion-translate-loop-mirror calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both var(--motion-translate-loop-count, var(--motion-loop-count));
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-shrink {
    --motion-origin-scale-x: 150%;
    --motion-origin-scale-y: 150%;
    --motion-origin-opacity: 0;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-slide-down-left {
    --motion-origin-translate-x: 25%;
    --motion-origin-translate-y: -25%;
    --motion-origin-opacity: 0;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-slide-down-right {
    --motion-origin-translate-x: -25%;
    --motion-origin-translate-y: -25%;
    --motion-origin-opacity: 0;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-slide-up-left {
    --motion-origin-translate-x: 25%;
    --motion-origin-translate-y: 25%;
    --motion-origin-opacity: 0;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-slide-up-right {
    --motion-origin-translate-x: -25%;
    --motion-origin-translate-y: 25%;
    --motion-origin-opacity: 0;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-stretch {
    --motion-loop-scale-x: 85%;
    --motion-loop-scale-y: 115%;
    --motion-scale-timing: var(--motion-spring-bouncier);
    --motion-scale-perceptual-duration-multiplier: 2.035;
    --motion-scale-loop-animation: motion-scale-loop-mirror calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both var(--motion-scale-loop-count, var(--motion-loop-count));
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-focus {
    --motion-origin-blur: 5px;
    --motion-origin-opacity: 0;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-pulse {
    --motion-loop-scale-x: 1.25;
    --motion-loop-scale-y: 1.25;
    --motion-timing: cubic-bezier(0.4, 0, 0.2, 1);
    --motion-scale-loop-animation: motion-scale-loop-mirror calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both var(--motion-scale-loop-count, var(--motion-loop-count));
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-seesaw {
    --motion-loop-rotate: 6deg;
    --motion-rotate-loop-animation: motion-rotate-loop-mirror calc(var(--motion-rotate-duration, var(--motion-duration)) * var(--motion-rotate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-rotate-timing, var(--motion-timing)) var(--motion-rotate-delay, var(--motion-delay)) both var(--motion-rotate-loop-count, var(--motion-loop-count));
    --motion-rotate-timing: var(--motion-spring-bounciest);
    --motion-rotate-perceptual-duration-multiplier: 5.285;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-slide-down {
    --motion-origin-translate-y: -25%;
    --motion-origin-opacity: 0;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-slide-left {
    --motion-origin-translate-x: 25%;
    --motion-origin-opacity: 0;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-slide-right {
    --motion-origin-translate-x: -25%;
    --motion-origin-opacity: 0;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-slide-up {
    --motion-origin-translate-y: 25%;
    --motion-origin-opacity: 0;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-fade {
    --motion-origin-opacity: 0;
    --motion-duration: 500ms;
    --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-oscillate {
    --motion-loop-translate-y: 15%;
    --motion-timing: cubic-bezier(0.4, 0, 0.2, 1);
    --motion-translate-loop-animation: motion-translate-loop-mirror calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both var(--motion-translate-loop-count, var(--motion-loop-count));
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-spin {
    --motion-loop-rotate: 360deg;
    --motion-timing: linear;
    --motion-rotate-loop-animation: motion-rotate-loop-reset calc(var(--motion-rotate-duration, var(--motion-duration)) * var(--motion-rotate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-rotate-timing, var(--motion-timing)) var(--motion-rotate-delay, var(--motion-delay)) both var(--motion-rotate-loop-count, var(--motion-loop-count));
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-wobble {
    --motion-loop-translate-x: 15%;
    --motion-timing: cubic-bezier(0.4, 0, 0.2, 1);
    --motion-translate-loop-animation: motion-translate-loop-mirror calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both var(--motion-translate-loop-count, var(--motion-loop-count));
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .motion-preset-blink {
    --motion-loop-opacity: 0;
    --motion-opacity-loop-animation: motion-opacity-loop-mirror calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both var(--motion-opacity-loop-count, var(--motion-loop-count));
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }
  .animate-in {
    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
  .animate-loop-scroll {
    animation: var(--animate-loop-scroll);
  }
  .animate-loop-scroll-reverse {
    animation: var(--animate-loop-scroll-reverse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-text {
    cursor: text;
  }
  .touch-pan-y {
    --tw-pan-y: pan-y;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .touch-pinch-zoom {
    --tw-pinch-zoom: pinch-zoom;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .resize {
    resize: both;
  }
  .scroll-m-\(--global-top-headers-size\) {
    scroll-margin: var(--global-top-headers-size);
  }
  .scroll-my-24 {
    scroll-margin-block: calc(var(--spacing) * 24);
  }
  .scroll-my-40 {
    scroll-margin-block: calc(var(--spacing) * 40);
  }
  .scroll-my-64 {
    scroll-margin-block: calc(var(--spacing) * 64);
  }
  .scroll-my-160 {
    scroll-margin-block: calc(var(--spacing) * 160);
  }
  .scroll-mt-200 {
    scroll-margin-top: calc(var(--spacing) * 200);
  }
  .list-\[\'✓_\'\] {
    list-style-type: '✓ ';
  }
  .list-\[lower-alpha\] {
    list-style-type: lower-alpha;
  }
  .list-\[lower-roman\] {
    list-style-type: lower-roman;
  }
  .list-\[upper-alpha\] {
    list-style-type: upper-alpha;
  }
  .list-\[upper-roman\] {
    list-style-type: upper-roman;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-disc {
    list-style-type: disc;
  }
  .list-none {
    list-style-type: none;
  }
  .appearance-none {
    appearance: none;
  }
  .columns-1 {
    columns: 1;
  }
  .columns-2 {
    columns: 2;
  }
  .columns-auto {
    columns: auto;
  }
  .break-inside-avoid {
    break-inside: avoid;
  }
  .auto-cols-\[25vw\] {
    grid-auto-columns: 25vw;
  }
  .auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }
  .auto-cols-max {
    grid-auto-columns: max-content;
  }
  .grid-flow-col {
    grid-auto-flow: column;
  }
  .auto-rows-auto {
    grid-auto-rows: auto;
  }
  .auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }
  .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-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-\[0\.5fr_1fr_0\.5fr\] {
    grid-template-columns: 0.5fr 1fr 0.5fr;
  }
  .grid-cols-\[auto_0\.625rem_1fr_1fr_auto\] {
    grid-template-columns: auto 0.625rem 1fr 1fr auto;
  }
  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
  .grid-cols-\[auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto;
  }
  .grid-cols-\[auto_minmax\(0\,1fr\)\] {
    grid-template-columns: auto minmax(0,1fr);
  }
  .grid-cols-\[auto_repeat\(2\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: auto repeat(2,minmax(0,1fr));
  }
  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0,1fr) auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_auto_auto\] {
    grid-template-columns: minmax(0,1fr) auto auto;
  }
  .grid-cols-\[repeat\(2\,minmax\(0\,1fr\)\)_auto\] {
    grid-template-columns: repeat(2,minmax(0,1fr)) auto;
  }
  .grid-cols-\[repeat\(2\,minmax\(0\,max-content\)\)\] {
    grid-template-columns: repeat(2,minmax(0,max-content));
  }
  .grid-cols-\[repeat\(6\,auto\)\] {
    grid-template-columns: repeat(6,auto);
  }
  .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }
  .grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid-rows-\[auto_1fr_1fr_0\.625rem_auto\] {
    grid-template-rows: auto 1fr 1fr 0.625rem auto;
  }
  .grid-rows-\[auto_1fr_auto\] {
    grid-template-rows: auto 1fr auto;
  }
  .grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto;
  }
  .grid-rows-\[auto_minmax\(0\,1fr\)\] {
    grid-template-rows: auto minmax(0,1fr);
  }
  .grid-rows-\[max-content_minmax\(0\,0fr\)\] {
    grid-template-rows: max-content minmax(0,0fr);
  }
  .grid-rows-\[minmax\(0\,1fr\)_0\] {
    grid-template-rows: minmax(0,1fr) 0;
  }
  .grid-rows-\[repeat\(4\,minmax\(0\,min-content\)\)\] {
    grid-template-rows: repeat(4,minmax(0,min-content));
  }
  .grid-rows-\[repeat\(5\,auto\)\] {
    grid-template-rows: repeat(5,auto);
  }
  .grid-rows-\[repeat\(8\,auto\)\] {
    grid-template-rows: repeat(8,auto);
  }
  .grid-rows-subgrid {
    grid-template-rows: subgrid;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col\! {
    flex-direction: column !important;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-nowrap\! {
    flex-wrap: nowrap !important;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .content-between {
    align-content: space-between;
  }
  .content-center {
    align-content: center;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-center\! {
    align-items: center !important;
  }
  .items-center-safe {
    align-items: safe 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-center\! {
    justify-content: center !important;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-evenly {
    justify-content: space-evenly;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-stretch {
    justify-content: stretch;
  }
  .justify-items-center {
    justify-items: center;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-12\! {
    gap: calc(var(--spacing) * 12) !important;
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  .gap-20 {
    gap: calc(var(--spacing) * 20);
  }
  .gap-24 {
    gap: calc(var(--spacing) * 24);
  }
  .gap-24\! {
    gap: calc(var(--spacing) * 24) !important;
  }
  .gap-32 {
    gap: calc(var(--spacing) * 32);
  }
  .gap-40 {
    gap: calc(var(--spacing) * 40);
  }
  .gap-48 {
    gap: calc(var(--spacing) * 48);
  }
  .gap-\[1lh\] {
    gap: 1lh;
  }
  .gap-px {
    gap: 1px;
  }
  .space-y-0\! {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))) !important;
    }
  }
  .space-y-2 {
    :where(& > :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)));
    }
  }
  .space-y-4 {
    :where(& > :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)));
    }
  }
  .space-y-4\! {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) !important;
    }
  }
  .space-y-8 {
    :where(& > :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)));
    }
  }
  .space-y-8\! {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))) !important;
    }
  }
  .space-y-10 {
    :where(& > :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)));
    }
  }
  .space-y-10\! {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))) !important;
    }
  }
  .space-y-12 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-20 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-24 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-32 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 32) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 32) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-\[1lh\] {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(1lh * var(--tw-space-y-reverse));
      margin-block-end: calc(1lh * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .gap-x-12 {
    column-gap: calc(var(--spacing) * 12);
  }
  .gap-x-16 {
    column-gap: calc(var(--spacing) * 16);
  }
  .gap-x-20 {
    column-gap: calc(var(--spacing) * 20);
  }
  .gap-x-24 {
    column-gap: calc(var(--spacing) * 24);
  }
  .gap-x-24\! {
    column-gap: calc(var(--spacing) * 24) !important;
  }
  .gap-x-40 {
    column-gap: calc(var(--spacing) * 40);
  }
  .gap-x-64 {
    column-gap: calc(var(--spacing) * 64);
  }
  .gap-x-150 {
    column-gap: calc(var(--spacing) * 150);
  }
  .gap-y-0 {
    row-gap: calc(var(--spacing) * 0);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }
  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }
  .gap-y-12 {
    row-gap: calc(var(--spacing) * 12);
  }
  .gap-y-16 {
    row-gap: calc(var(--spacing) * 16);
  }
  .gap-y-20 {
    row-gap: calc(var(--spacing) * 20);
  }
  .gap-y-24 {
    row-gap: calc(var(--spacing) * 24);
  }
  .gap-y-px {
    row-gap: 1px;
  }
  .divide-y {
    :where(& > :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)));
    }
  }
  .divide-bright-blue-500\/75 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, #C8D4FF 75%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-bright-blue-500) 75%, transparent);
      }
    }
  }
  .place-self-center {
    place-self: center;
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .\[justify-self\:var\(--ib-content-justify\)\] {
    justify-self: var(--ib-content-justify);
  }
  .justify-self-center {
    justify-self: center;
  }
  .justify-self-end {
    justify-self: flex-end;
  }
  .justify-self-start {
    justify-self: flex-start;
  }
  .justify-self-stretch {
    justify-self: stretch;
  }
  .justify-self-stretch\! {
    justify-self: stretch !important;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-clip {
    overflow: clip;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-scroll {
    overflow: scroll;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-clip {
    overflow-x: clip;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .overflow-y-visible {
    overflow-y: visible;
  }
  .overscroll-y-contain {
    overscroll-behavior-y: contain;
  }
  .rounded-1 {
    border-radius: var(--radius-1);
  }
  .rounded-2 {
    border-radius: var(--radius-2);
  }
  .rounded-4 {
    border-radius: var(--radius-4);
  }
  .rounded-4\! {
    border-radius: var(--radius-4) !important;
  }
  .rounded-8 {
    border-radius: var(--radius-8);
  }
  .rounded-10 {
    border-radius: var(--radius-10);
  }
  .rounded-12 {
    border-radius: var(--radius-12);
  }
  .rounded-12\! {
    border-radius: var(--radius-12) !important;
  }
  .rounded-12\% {
    border-radius: var(--radius-12\%);
  }
  .rounded-14 {
    border-radius: var(--radius-14);
  }
  .rounded-16 {
    border-radius: var(--radius-16);
  }
  .rounded-16\! {
    border-radius: var(--radius-16) !important;
  }
  .rounded-18 {
    border-radius: var(--radius-18);
  }
  .rounded-20 {
    border-radius: var(--radius-20);
  }
  .rounded-20\% {
    border-radius: var(--radius-20\%);
  }
  .rounded-24 {
    border-radius: var(--radius-24);
  }
  .rounded-24\! {
    border-radius: var(--radius-24) !important;
  }
  .rounded-25\% {
    border-radius: var(--radius-25\%);
  }
  .rounded-30\% {
    border-radius: var(--radius-30\%);
  }
  .rounded-32 {
    border-radius: var(--radius-32);
  }
  .rounded-35\% {
    border-radius: var(--radius-35\%);
  }
  .rounded-40 {
    border-radius: var(--radius-40);
  }
  .rounded-40\% {
    border-radius: var(--radius-40\%);
  }
  .rounded-64 {
    border-radius: var(--radius-64);
  }
  .rounded-76 {
    border-radius: var(--radius-76);
  }
  .rounded-80 {
    border-radius: var(--radius-80);
  }
  .rounded-130 {
    border-radius: var(--radius-130);
  }
  .rounded-160 {
    border-radius: var(--radius-160);
  }
  .rounded-\[21\.5\%\] {
    border-radius: 21.5%;
  }
  .rounded-\[27\.5\%\] {
    border-radius: 27.5%;
  }
  .rounded-\[34\%\] {
    border-radius: 34%;
  }
  .rounded-\[40\.5\%\] {
    border-radius: 40.5%;
  }
  .rounded-\[47\.5\%\] {
    border-radius: 47.5%;
  }
  .rounded-\[60px\] {
    border-radius: 60px;
  }
  .rounded-full {
    border-radius: var(--radius-full);
  }
  .rounded-none {
    border-radius: var(--radius-none);
  }
  .rounded-none\! {
    border-radius: var(--radius-none) !important;
  }
  .rounded-t-20 {
    border-top-left-radius: var(--radius-20);
    border-top-right-radius: var(--radius-20);
  }
  .rounded-t-24 {
    border-top-left-radius: var(--radius-24);
    border-top-right-radius: var(--radius-24);
  }
  .rounded-l-none {
    border-top-left-radius: var(--radius-none);
    border-bottom-left-radius: var(--radius-none);
  }
  .rounded-tl-24 {
    border-top-left-radius: var(--radius-24);
  }
  .rounded-r-12 {
    border-top-right-radius: var(--radius-12);
    border-bottom-right-radius: var(--radius-12);
  }
  .rounded-tr-12 {
    border-top-right-radius: var(--radius-12);
  }
  .rounded-tr-none {
    border-top-right-radius: var(--radius-none);
  }
  .rounded-b-24 {
    border-bottom-right-radius: var(--radius-24);
    border-bottom-left-radius: var(--radius-24);
  }
  .rounded-br-24 {
    border-bottom-right-radius: var(--radius-24);
  }
  .rounded-bl-12 {
    border-bottom-left-radius: var(--radius-12);
  }
  .rounded-bl-none {
    border-bottom-left-radius: var(--radius-none);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-x-0\! {
    border-inline-style: var(--tw-border-style) !important;
    border-inline-width: 0px !important;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-0\! {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 0px !important;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-none\! {
    --tw-border-style: none !important;
    border-style: none !important;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .border-solid\! {
    --tw-border-style: solid !important;
    border-style: solid !important;
  }
  .border-black {
    border-color: var(--color-black);
  }
  .border-black\/15 {
    border-color: color-mix(in srgb, #1B1A19 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 15%, transparent);
    }
  }
  .border-black\/25 {
    border-color: color-mix(in srgb, #1B1A19 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }
  .border-dark-blue-750 {
    border-color: var(--color-dark-blue-750);
  }
  .border-dark-blue-800 {
    border-color: var(--color-dark-blue-800);
  }
  .border-dark-blue-850 {
    border-color: var(--color-dark-blue-850);
  }
  .border-dark-blue-900 {
    border-color: var(--color-dark-blue-900);
  }
  .border-dark-blue-950 {
    border-color: var(--color-dark-blue-950);
  }
  .border-dark-blue-950\/15 {
    border-color: color-mix(in srgb, #0C1B2C 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-dark-blue-950) 15%, transparent);
    }
  }
  .border-grey-500 {
    border-color: var(--color-grey-500);
  }
  .border-grey-500\/0 {
    border-color: color-mix(in srgb, #969695 0%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-grey-500) 0%, transparent);
    }
  }
  .border-grey-500\/20 {
    border-color: color-mix(in srgb, #969695 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-grey-500) 20%, transparent);
    }
  }
  .border-grey-600 {
    border-color: var(--color-grey-600);
  }
  .border-grey-700 {
    border-color: var(--color-grey-700);
  }
  .border-grey-800 {
    border-color: var(--color-grey-800);
  }
  .border-hyperlink {
    border-color: var(--color-hyperlink);
  }
  .border-light-blue-100 {
    border-color: var(--color-light-blue-100);
  }
  .border-light-blue-300 {
    border-color: var(--color-light-blue-300);
  }
  .border-off-white {
    border-color: var(--color-off-white);
  }
  .border-orange-500 {
    border-color: var(--color-orange-500);
  }
  .border-orange-900 {
    border-color: var(--color-orange-900);
  }
  .border-orange-900\/0 {
    border-color: color-mix(in srgb, #FC6423 0%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-orange-900) 0%, transparent);
    }
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-white\/10 {
    border-color: color-mix(in srgb, #FFFFFF 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .border-white\/15 {
    border-color: color-mix(in srgb, #FFFFFF 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .border-t-grey-500\/30 {
    border-top-color: color-mix(in srgb, #969695 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-top-color: color-mix(in oklab, var(--color-grey-500) 30%, transparent);
    }
  }
  .border-b-black\/10 {
    border-bottom-color: color-mix(in srgb, #1B1A19 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .border-b-grey-500 {
    border-bottom-color: var(--color-grey-500);
  }
  .border-b-off-white {
    border-bottom-color: var(--color-off-white);
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\! {
    background-color: var(--color-black) !important;
  }
  .bg-black\/5 {
    background-color: color-mix(in srgb, #1B1A19 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .bg-black\/10 {
    background-color: color-mix(in srgb, #1B1A19 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .bg-black\/20 {
    background-color: color-mix(in srgb, #1B1A19 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .bg-black\/30 {
    background-color: color-mix(in srgb, #1B1A19 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }
  .bg-black\/60 {
    background-color: color-mix(in srgb, #1B1A19 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }
  .bg-black\/75 {
    background-color: color-mix(in srgb, #1B1A19 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
    }
  }
  .bg-bright-blue-400 {
    background-color: var(--color-bright-blue-400);
  }
  .bg-bright-blue-500 {
    background-color: var(--color-bright-blue-500);
  }
  .bg-bright-blue-600 {
    background-color: var(--color-bright-blue-600);
  }
  .bg-bright-blue-600\! {
    background-color: var(--color-bright-blue-600) !important;
  }
  .bg-bright-green-100 {
    background-color: var(--color-bright-green-100);
  }
  .bg-bright-green-200 {
    background-color: var(--color-bright-green-200);
  }
  .bg-bright-green-300 {
    background-color: var(--color-bright-green-300);
  }
  .bg-bright-pink-100 {
    background-color: var(--color-bright-pink-100);
  }
  .bg-bright-pink-200 {
    background-color: var(--color-bright-pink-200);
  }
  .bg-bright-pink-300 {
    background-color: var(--color-bright-pink-300);
  }
  .bg-current {
    background-color: currentcolor;
  }
  .bg-dark-blue-750 {
    background-color: var(--color-dark-blue-750);
  }
  .bg-dark-blue-800 {
    background-color: var(--color-dark-blue-800);
  }
  .bg-dark-blue-850 {
    background-color: var(--color-dark-blue-850);
  }
  .bg-dark-blue-900 {
    background-color: var(--color-dark-blue-900);
  }
  .bg-dark-blue-950 {
    background-color: var(--color-dark-blue-950);
  }
  .bg-dark-green-500 {
    background-color: var(--color-dark-green-500);
  }
  .bg-dark-green-600 {
    background-color: var(--color-dark-green-600);
  }
  .bg-dark-green-700 {
    background-color: var(--color-dark-green-700);
  }
  .bg-dark-green-800 {
    background-color: var(--color-dark-green-800);
  }
  .bg-dark-green-900 {
    background-color: var(--color-dark-green-900);
  }
  .bg-dark-pink-500 {
    background-color: var(--color-dark-pink-500);
  }
  .bg-dark-pink-600 {
    background-color: var(--color-dark-pink-600);
  }
  .bg-dark-pink-700 {
    background-color: var(--color-dark-pink-700);
  }
  .bg-dark-pink-800 {
    background-color: var(--color-dark-pink-800);
  }
  .bg-dark-pink-900 {
    background-color: var(--color-dark-pink-900);
  }
  .bg-f1-red {
    background-color: var(--color-f1-red);
  }
  .bg-grey-500 {
    background-color: var(--color-grey-500);
  }
  .bg-grey-600 {
    background-color: var(--color-grey-600);
  }
  .bg-grey-700 {
    background-color: var(--color-grey-700);
  }
  .bg-grey-700\/5 {
    background-color: color-mix(in srgb, #494847 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-grey-700) 5%, transparent);
    }
  }
  .bg-grey-800 {
    background-color: var(--color-grey-800);
  }
  .bg-hyperlink {
    background-color: var(--color-hyperlink);
  }
  .bg-light-blue-100 {
    background-color: var(--color-light-blue-100);
  }
  .bg-light-blue-150 {
    background-color: var(--color-light-blue-150);
  }
  .bg-light-blue-200 {
    background-color: var(--color-light-blue-200);
  }
  .bg-light-blue-250 {
    background-color: var(--color-light-blue-250);
  }
  .bg-light-blue-300 {
    background-color: var(--color-light-blue-300);
  }
  .bg-light-blue-300\! {
    background-color: var(--color-light-blue-300) !important;
  }
  .bg-light-blue-300\/30 {
    background-color: color-mix(in srgb, #D0DCF2 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-light-blue-300) 30%, transparent);
    }
  }
  .bg-off-white {
    background-color: var(--color-off-white);
  }
  .bg-off-white\/90 {
    background-color: color-mix(in srgb, #EEF2FC 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-off-white) 90%, transparent);
    }
  }
  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }
  .bg-orange-500 {
    background-color: var(--color-orange-500);
  }
  .bg-orange-800 {
    background-color: var(--color-orange-800);
  }
  .bg-orange-800\/10 {
    background-color: color-mix(in srgb, #FC7537 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-800) 10%, transparent);
    }
  }
  .bg-orange-900 {
    background-color: var(--color-orange-900);
  }
  .bg-orange-900\! {
    background-color: var(--color-orange-900) !important;
  }
  .bg-orange-900\/5 {
    background-color: color-mix(in srgb, #FC6423 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-900) 5%, transparent);
    }
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-transparent\! {
    background-color: transparent !important;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\! {
    background-color: var(--color-white) !important;
  }
  .bg-white\/0 {
    background-color: color-mix(in srgb, #FFFFFF 0%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 0%, transparent);
    }
  }
  .bg-white\/60 {
    background-color: color-mix(in srgb, #FFFFFF 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .bg-linear-to-b {
    --tw-gradient-position: to bottom;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to bottom in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-to-bl {
    --tw-gradient-position: to bottom left;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to bottom left in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-to-br {
    --tw-gradient-position: to bottom right;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to bottom right in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-to-l {
    --tw-gradient-position: to left;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to left in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-to-r {
    --tw-gradient-position: to right;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to right in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-to-t {
    --tw-gradient-position: to top;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to top in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-to-tl {
    --tw-gradient-position: to top left;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to top left in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-to-tr {
    --tw-gradient-position: to top right;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to top right in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-none\! {
    background-image: none !important;
  }
  .from-\(--from\) {
    --tw-gradient-from: var(--from);
    --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-bright-blue-600 {
    --tw-gradient-from: var(--color-bright-blue-600);
    --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-bright-green-300 {
    --tw-gradient-from: var(--color-bright-green-300);
    --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-bright-pink-300 {
    --tw-gradient-from: var(--color-bright-pink-300);
    --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-grey-500 {
    --tw-gradient-from: var(--color-grey-500);
    --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-grey-800 {
    --tw-gradient-from: var(--color-grey-800);
    --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-orange-800 {
    --tw-gradient-from: var(--color-orange-800);
    --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-50\% {
    --tw-gradient-from-position: 50%;
  }
  .to-\(--to\) {
    --tw-gradient-to: var(--to);
    --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-bright-blue-400 {
    --tw-gradient-to: var(--color-bright-blue-400);
    --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-bright-green-100 {
    --tw-gradient-to: var(--color-bright-green-100);
    --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-bright-pink-100 {
    --tw-gradient-to: var(--color-bright-pink-100);
    --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-grey-500 {
    --tw-gradient-to: var(--color-grey-500);
    --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-orange-100 {
    --tw-gradient-to: var(--color-orange-100);
    --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 {
    --tw-gradient-to: 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));
  }
  .to-50\% {
    --tw-gradient-to-position: 50%;
  }
  .squircle-static {
    mask-image: url("data:image/svg+xml,%3csvg width=%27200%27 height=%27200%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z%27/%3e%3c/svg%3e");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
  }
  .mask-fade-x {
    mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
  }
  .bg-center {
    background-position: center;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-contain\! {
    object-fit: contain !important;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-center {
    object-position: center;
  }
  .object-left {
    object-position: left;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-0\! {
    padding: calc(var(--spacing) * 0) !important;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3\! {
    padding: calc(var(--spacing) * 3) !important;
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-4\! {
    padding: calc(var(--spacing) * 4) !important;
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-8\! {
    padding: calc(var(--spacing) * 8) !important;
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .p-12\! {
    padding: calc(var(--spacing) * 12) !important;
  }
  .p-14 {
    padding: calc(var(--spacing) * 14);
  }
  .p-14\! {
    padding: calc(var(--spacing) * 14) !important;
  }
  .p-16 {
    padding: calc(var(--spacing) * 16);
  }
  .p-20 {
    padding: calc(var(--spacing) * 20);
  }
  .p-24 {
    padding: calc(var(--spacing) * 24);
  }
  .p-32 {
    padding: calc(var(--spacing) * 32);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .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-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .px-14 {
    padding-inline: calc(var(--spacing) * 14);
  }
  .px-16 {
    padding-inline: calc(var(--spacing) * 16);
  }
  .px-20 {
    padding-inline: calc(var(--spacing) * 20);
  }
  .px-24 {
    padding-inline: calc(var(--spacing) * 24);
  }
  .px-24\! {
    padding-inline: calc(var(--spacing) * 24) !important;
  }
  .px-32 {
    padding-inline: calc(var(--spacing) * 32);
  }
  .px-48 {
    padding-inline: calc(var(--spacing) * 48);
  }
  .px-px\! {
    padding-inline: 1px !important;
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-8\! {
    padding-block: calc(var(--spacing) * 8) !important;
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-16\! {
    padding-block: calc(var(--spacing) * 16) !important;
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }
  .py-32 {
    padding-block: calc(var(--spacing) * 32);
  }
  .py-40 {
    padding-block: calc(var(--spacing) * 40);
  }
  .py-48 {
    padding-block: calc(var(--spacing) * 48);
  }
  .py-56 {
    padding-block: calc(var(--spacing) * 56);
  }
  .py-64 {
    padding-block: calc(var(--spacing) * 64);
  }
  .py-px {
    padding-block: 1px;
  }
  .ps-0 {
    padding-inline-start: calc(var(--spacing) * 0);
  }
  .ps-40 {
    padding-inline-start: calc(var(--spacing) * 40);
  }
  .pe-48\! {
    padding-inline-end: calc(var(--spacing) * 48) !important;
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .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-14 {
    padding-top: calc(var(--spacing) * 14);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }
  .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }
  .pt-32 {
    padding-top: calc(var(--spacing) * 32);
  }
  .pt-40 {
    padding-top: calc(var(--spacing) * 40);
  }
  .pt-48 {
    padding-top: calc(var(--spacing) * 48);
  }
  .pt-56 {
    padding-top: calc(var(--spacing) * 56);
  }
  .pt-64 {
    padding-top: calc(var(--spacing) * 64);
  }
  .pt-72 {
    padding-top: calc(var(--spacing) * 72);
  }
  .pt-\[calc\(var\(--global-subpage-nav-offset\,0px\)\+var\(--global-top-headers-size\)\)\] {
    padding-top: calc(var(--global-subpage-nav-offset,0px) + var(--global-top-headers-size));
  }
  .pt-\[calc\(var\(--global-top-headers-size\)-2rem\)\] {
    padding-top: calc(var(--global-top-headers-size) - 2rem);
  }
  .pt-\[calc\(var\(--global-top-headers-size\)-4rem\)\] {
    padding-top: calc(var(--global-top-headers-size) - 4rem);
  }
  .pr-0 {
    padding-right: calc(var(--spacing) * 0);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }
  .pr-16 {
    padding-right: calc(var(--spacing) * 16);
  }
  .pr-20 {
    padding-right: calc(var(--spacing) * 20);
  }
  .pr-24 {
    padding-right: calc(var(--spacing) * 24);
  }
  .pr-32 {
    padding-right: calc(var(--spacing) * 32);
  }
  .pr-40 {
    padding-right: calc(var(--spacing) * 40);
  }
  .pr-48 {
    padding-right: calc(var(--spacing) * 48);
  }
  .pr-50 {
    padding-right: calc(var(--spacing) * 50);
  }
  .pr-56 {
    padding-right: calc(var(--spacing) * 56);
  }
  .pr-64 {
    padding-right: calc(var(--spacing) * 64);
  }
  .pr-72 {
    padding-right: calc(var(--spacing) * 72);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-16\! {
    padding-bottom: calc(var(--spacing) * 16) !important;
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .pb-32 {
    padding-bottom: calc(var(--spacing) * 32);
  }
  .pb-40 {
    padding-bottom: calc(var(--spacing) * 40);
  }
  .pb-48 {
    padding-bottom: calc(var(--spacing) * 48);
  }
  .pb-56 {
    padding-bottom: calc(var(--spacing) * 56);
  }
  .pb-64 {
    padding-bottom: calc(var(--spacing) * 64);
  }
  .pb-72 {
    padding-bottom: calc(var(--spacing) * 72);
  }
  .pb-80 {
    padding-bottom: calc(var(--spacing) * 80);
  }
  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }
  .pl-0\! {
    padding-left: calc(var(--spacing) * 0) !important;
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }
  .pl-16 {
    padding-left: calc(var(--spacing) * 16);
  }
  .pl-20 {
    padding-left: calc(var(--spacing) * 20);
  }
  .pl-24 {
    padding-left: calc(var(--spacing) * 24);
  }
  .pl-32 {
    padding-left: calc(var(--spacing) * 32);
  }
  .pl-40 {
    padding-left: calc(var(--spacing) * 40);
  }
  .pl-40\! {
    padding-left: calc(var(--spacing) * 40) !important;
  }
  .pl-48 {
    padding-left: calc(var(--spacing) * 48);
  }
  .pl-56 {
    padding-left: calc(var(--spacing) * 56);
  }
  .pl-60 {
    padding-left: calc(var(--spacing) * 60);
  }
  .pl-64 {
    padding-left: calc(var(--spacing) * 64);
  }
  .pl-72 {
    padding-left: calc(var(--spacing) * 72);
  }
  .text-center {
    text-align: center;
  }
  .text-end {
    text-align: end;
  }
  .text-left {
    text-align: left;
  }
  .text-start {
    text-align: start;
  }
  .align-middle {
    vertical-align: middle;
  }
  .font-b3 {
    font-family: var(--font-sans);
    font-size: var(--text-12);
    --tw-leading: 1.1;
    line-height: 1.1;
    --tw-tracking: calc(var(--tracking-1) * -1);
    letter-spacing: calc(var(--tracking-1) * -1);
    text-transform: uppercase;
  }
  .font-b4 {
    font-family: var(--font-sans);
    font-size: var(--text-10);
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-tracking: var(--tracking-0);
    letter-spacing: var(--tracking-0);
    text-transform: uppercase;
  }
  .font-a6 {
    font-family: var(--font-display);
    font-size: var(--text-42);
    --tw-leading: 1.1;
    line-height: 1.1;
    --tw-tracking: calc(var(--tracking-2) * -1);
    letter-spacing: calc(var(--tracking-2) * -1);
    @media (width >= 48rem) {
      font-size: var(--text-48);
    }
    @media (width >= 64rem) {
      font-size: var(--text-64);
    }
    @media (width >= 64rem) {
      --tw-leading: 1;
      line-height: 1;
    }
    @media (width >= 64rem) {
      --tw-tracking: calc(var(--tracking-3) * -1);
      letter-spacing: calc(var(--tracking-3) * -1);
    }
    @media (width >= 90rem) {
      font-size: var(--text-80);
    }
  }
  .font-a3 {
    font-family: var(--font-display);
    font-size: var(--text-24);
    --tw-leading: 1.1;
    line-height: 1.1;
    --tw-tracking: calc(var(--tracking-1) * -1);
    letter-spacing: calc(var(--tracking-1) * -1);
    @media (width >= 48rem) {
      font-size: var(--text-26);
    }
    @media (width >= 64rem) {
      font-size: var(--text-32);
    }
    @media (width >= 90rem) {
      font-size: var(--text-40);
    }
  }
  .font-a4 {
    font-family: var(--font-display);
    font-size: var(--text-32);
    --tw-leading: 1.1;
    line-height: 1.1;
    --tw-tracking: calc(var(--tracking-2) * -1);
    letter-spacing: calc(var(--tracking-2) * -1);
    @media (width >= 48rem) {
      font-size: var(--text-34);
    }
    @media (width >= 64rem) {
      font-size: var(--text-40);
    }
    @media (width >= 90rem) {
      font-size: var(--text-48);
    }
  }
  .font-a5 {
    font-family: var(--font-display);
    font-size: var(--text-36);
    --tw-leading: 1.1;
    line-height: 1.1;
    --tw-tracking: calc(var(--tracking-2) * -1);
    letter-spacing: calc(var(--tracking-2) * -1);
    @media (width >= 48rem) {
      font-size: var(--text-40);
    }
    @media (width >= 64rem) {
      font-size: var(--text-48);
    }
    @media (width >= 90rem) {
      font-size: var(--text-54);
    }
  }
  .font-a1 {
    font-family: var(--font-sans);
    font-size: var(--text-20);
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-tracking: calc(var(--tracking-3) * -1);
    letter-spacing: calc(var(--tracking-3) * -1);
    @media (width >= 64rem) {
      font-size: var(--text-22);
    }
    @media (width >= 90rem) {
      font-size: var(--text-24);
    }
  }
  .font-a2 {
    font-family: var(--font-display);
    font-size: var(--text-22);
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-tracking: calc(var(--tracking-1) * -1);
    letter-spacing: calc(var(--tracking-1) * -1);
    @media (width >= 64rem) {
      font-size: var(--text-28);
    }
    @media (width >= 90rem) {
      font-size: var(--text-32);
    }
  }
  .font-b0 {
    font-family: var(--font-sans);
    font-size: var(--text-16);
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-tracking: calc(var(--tracking-2) * -1);
    letter-spacing: calc(var(--tracking-2) * -1);
    @media (width >= 64rem) {
      font-size: var(--text-18);
    }
    @media (width >= 90rem) {
      font-size: var(--text-20);
    }
  }
  .font-b1 {
    font-family: var(--font-sans);
    font-size: var(--text-15);
    --tw-leading: 1.3;
    line-height: 1.3;
    --tw-tracking: calc(var(--tracking-2) * -1);
    letter-spacing: calc(var(--tracking-2) * -1);
    @media (width >= 64rem) {
      font-size: var(--text-16);
    }
  }
  .font-b2 {
    font-family: var(--font-sans);
    font-size: var(--text-14);
    --tw-leading: 1.3;
    line-height: 1.3;
    --tw-tracking: calc(var(--tracking-1) * -1);
    letter-spacing: calc(var(--tracking-1) * -1);
  }
  .ib2024-mono-font {
    font-family: var(--font-monospace);
    font-size: 0.95em;
  }
  .font-display {
    font-family: var(--font-display);
  }
  .font-display\! {
    font-family: var(--font-display) !important;
  }
  .font-monospace {
    font-family: var(--font-monospace);
  }
  .font-monospace\! {
    font-family: var(--font-monospace) !important;
  }
  .font-pixel {
    font-family: var(--font-pixel);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-lg\/100 {
    font-size: var(--text-lg);
    line-height: calc(var(--spacing) * 100);
  }
  .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-10 {
    font-size: var(--text-10);
  }
  .text-12 {
    font-size: var(--text-12);
  }
  .text-14 {
    font-size: var(--text-14);
  }
  .text-14\! {
    font-size: var(--text-14) !important;
  }
  .text-15 {
    font-size: var(--text-15);
  }
  .text-16 {
    font-size: var(--text-16);
  }
  .text-18 {
    font-size: var(--text-18);
  }
  .text-24 {
    font-size: var(--text-24);
  }
  .text-40 {
    font-size: var(--text-40);
  }
  .text-\[30vw\] {
    font-size: 30vw;
  }
  .text-\[60vw\] {
    font-size: 60vw;
  }
  .text-\[max\(1rem\,25cqw\)\] {
    font-size: max(1rem, 25cqw);
  }
  .leading-\[0\.6em\] {
    --tw-leading: 0.6em;
    line-height: 0.6em;
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-none\! {
    --tw-leading: 1 !important;
    line-height: 1 !important;
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .leading-normal\! {
    --tw-leading: var(--leading-normal) !important;
    line-height: var(--leading-normal) !important;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-book {
    --tw-font-weight: var(--font-weight-book);
    font-weight: var(--font-weight-book);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-medium\! {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }
  .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-1 {
    --tw-tracking: calc(var(--tracking-1) * -1);
    letter-spacing: calc(var(--tracking-1) * -1);
  }
  .-tracking-3 {
    --tw-tracking: calc(var(--tracking-3) * -1);
    letter-spacing: calc(var(--tracking-3) * -1);
  }
  .tracking-2 {
    --tw-tracking: var(--tracking-2);
    letter-spacing: var(--tracking-2);
  }
  .tracking-2 {
    letter-spacing: 0.02em;
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre {
    white-space: pre;
  }
  .text-\[inherit\]\! {
    color: inherit !important;
  }
  .text-black {
    color: var(--color-black);
  }
  .text-black\! {
    color: var(--color-black) !important;
  }
  .text-bright-blue-400 {
    color: var(--color-bright-blue-400);
  }
  .text-bright-blue-500 {
    color: var(--color-bright-blue-500);
  }
  .text-bright-blue-600 {
    color: var(--color-bright-blue-600);
  }
  .text-bright-blue-600\! {
    color: var(--color-bright-blue-600) !important;
  }
  .text-bright-green-100 {
    color: var(--color-bright-green-100);
  }
  .text-bright-green-200 {
    color: var(--color-bright-green-200);
  }
  .text-bright-green-300 {
    color: var(--color-bright-green-300);
  }
  .text-bright-green-300\! {
    color: var(--color-bright-green-300) !important;
  }
  .text-bright-pink-100 {
    color: var(--color-bright-pink-100);
  }
  .text-bright-pink-200 {
    color: var(--color-bright-pink-200);
  }
  .text-bright-pink-300 {
    color: var(--color-bright-pink-300);
  }
  .text-bright-pink-300\! {
    color: var(--color-bright-pink-300) !important;
  }
  .text-current {
    color: currentcolor;
  }
  .text-current\! {
    color: currentcolor !important;
  }
  .text-dark-blue-750 {
    color: var(--color-dark-blue-750);
  }
  .text-dark-blue-800 {
    color: var(--color-dark-blue-800);
  }
  .text-dark-blue-850 {
    color: var(--color-dark-blue-850);
  }
  .text-dark-blue-900 {
    color: var(--color-dark-blue-900);
  }
  .text-dark-blue-950 {
    color: var(--color-dark-blue-950);
  }
  .text-dark-green-500 {
    color: var(--color-dark-green-500);
  }
  .text-dark-green-600 {
    color: var(--color-dark-green-600);
  }
  .text-dark-green-700 {
    color: var(--color-dark-green-700);
  }
  .text-dark-green-800 {
    color: var(--color-dark-green-800);
  }
  .text-dark-green-900 {
    color: var(--color-dark-green-900);
  }
  .text-dark-pink-500 {
    color: var(--color-dark-pink-500);
  }
  .text-dark-pink-600 {
    color: var(--color-dark-pink-600);
  }
  .text-dark-pink-700 {
    color: var(--color-dark-pink-700);
  }
  .text-dark-pink-800 {
    color: var(--color-dark-pink-800);
  }
  .text-dark-pink-900 {
    color: var(--color-dark-pink-900);
  }
  .text-grey-500 {
    color: var(--color-grey-500);
  }
  .text-grey-600 {
    color: var(--color-grey-600);
  }
  .text-grey-700 {
    color: var(--color-grey-700);
  }
  .text-grey-800 {
    color: var(--color-grey-800);
  }
  .text-hyperlink {
    color: var(--color-hyperlink);
  }
  .text-inherit\! {
    color: inherit !important;
  }
  .text-light-blue-100 {
    color: var(--color-light-blue-100);
  }
  .text-light-blue-150 {
    color: var(--color-light-blue-150);
  }
  .text-light-blue-200 {
    color: var(--color-light-blue-200);
  }
  .text-light-blue-250 {
    color: var(--color-light-blue-250);
  }
  .text-light-blue-300 {
    color: var(--color-light-blue-300);
  }
  .text-off-white {
    color: var(--color-off-white);
  }
  .text-orange-100 {
    color: var(--color-orange-100);
  }
  .text-orange-500 {
    color: var(--color-orange-500);
  }
  .text-orange-800 {
    color: var(--color-orange-800);
  }
  .text-orange-900 {
    color: var(--color-orange-900);
  }
  .text-orange-900\! {
    color: var(--color-orange-900) !important;
  }
  .text-white {
    color: var(--color-white);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .normal-case {
    text-transform: none;
  }
  .normal-case\! {
    text-transform: none !important;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline\! {
    text-decoration-line: underline !important;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .accent-orange-900 {
    accent-color: var(--color-orange-900);
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none\! {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --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);
  }
  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-offset-2 {
    outline-offset: 2px;
  }
  .outline-offset-4 {
    outline-offset: 4px;
  }
  .outline-grey-500\/50 {
    outline-color: color-mix(in srgb, #969695 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      outline-color: color-mix(in oklab, var(--color-grey-500) 50%, transparent);
    }
  }
  .outline-orange-900 {
    outline-color: var(--color-orange-900);
  }
  .grayscale {
    --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,);
  }
  .invert {
    --tw-invert: invert(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,);
  }
  .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-2xl {
    --tw-backdrop-blur: blur(var(--blur-2xl));
    -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-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -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-brightness-110 {
    --tw-backdrop-brightness: brightness(110%);
    -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-saturate-150 {
    --tw-backdrop-saturate: saturate(150%);
    -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-\[color\,background-color\,border-radius\] {
    transition-property: color,background-color,border-radius;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[grid-template-rows\] {
    transition-property: grid-template-rows;
    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-\[width\,height\,background-color\,rotate\,scale\,translate\,transform\] {
    transition-property: width,height,background-color,rotate,scale,translate,transform;
    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));
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-400 {
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .duration-1000 {
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .will-change-transform {
    will-change: transform;
  }
  .content-\[\'\'\] {
    --tw-content: '';
    content: var(--tw-content);
  }
  .ib-content-w-fill {
    --ib-content-w: -moz-available;
    --ib-content-w: -webkit-fill-available;
    --ib-content-w: stretch;
  }
  .fade-in-0 {
    --tw-enter-opacity: calc(0/100);
    --tw-enter-opacity: 0;
  }
  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[--from\:var\(--color-bright-blue-600\)\] {
    --from: var(--color-bright-blue-600);
  }
  .\[--from\:var\(--color-bright-green-300\)\] {
    --from: var(--color-bright-green-300);
  }
  .\[--from\:var\(--color-bright-pink-300\)\] {
    --from: var(--color-bright-pink-300);
  }
  .\[--from\:var\(--color-grey-500\)\] {
    --from: var(--color-grey-500);
  }
  .\[--from\:var\(--color-grey-800\)\] {
    --from: var(--color-grey-800);
  }
  .\[--from\:var\(--color-orange-800\)\] {
    --from: var(--color-orange-800);
  }
  .\[--ib-content-justify\:center\] {
    --ib-content-justify: center;
  }
  .\[--ib-content-justify\:end\] {
    --ib-content-justify: end;
  }
  .\[--ib-content-justify\:start\] {
    --ib-content-justify: start;
  }
  .\[--ib-content-justify\:stretch\] {
    --ib-content-justify: stretch;
  }
  .\[--ib-content-w\:10\%\] {
    --ib-content-w: 10%;
  }
  .\[--ib-content-w\:15vw\] {
    --ib-content-w: 15vw;
  }
  .\[--ib-content-w\:25\%\] {
    --ib-content-w: 25%;
  }
  .\[--ib-content-w\:30vw\] {
    --ib-content-w: 30vw;
  }
  .\[--ib-content-w\:33\.333\%\] {
    --ib-content-w: 33.333%;
  }
  .\[--ib-content-w\:45vw\] {
    --ib-content-w: 45vw;
  }
  .\[--ib-content-w\:50\%\] {
    --ib-content-w: 50%;
  }
  .\[--ib-content-w\:60vw\] {
    --ib-content-w: 60vw;
  }
  .\[--ib-content-w\:75\%\] {
    --ib-content-w: 75%;
  }
  .\[--ib-content-w\:75vw\] {
    --ib-content-w: 75vw;
  }
  .\[--ib-content-w\:85\%\] {
    --ib-content-w: 85%;
  }
  .\[--ib-content-w\:90\%\] {
    --ib-content-w: 90%;
  }
  .\[--ib-content-w\:auto\] {
    --ib-content-w: auto;
  }
  .\[--plyr-color-main\:var\(--color-orange-900\)\] {
    --plyr-color-main: var(--color-orange-900);
  }
  .\[--plyr-range-thumb-height\:0\.5rem\] {
    --plyr-range-thumb-height: 0.5rem;
  }
  .\[--plyr-range-thumb-shadow\:none\] {
    --plyr-range-thumb-shadow: none;
  }
  .\[--plyr-range-track-height\:2px\] {
    --plyr-range-track-height: 2px;
  }
  .\[--plyr-video-progress-buffered-background\:var\(--color-black\)\] {
    --plyr-video-progress-buffered-background: var(--color-black);
  }
  .\[--to\:var\(--color-bright-blue-400\)\] {
    --to: var(--color-bright-blue-400);
  }
  .\[--to\:var\(--color-bright-green-100\)\] {
    --to: var(--color-bright-green-100);
  }
  .\[--to\:var\(--color-bright-pink-100\)\] {
    --to: var(--color-bright-pink-100);
  }
  .\[--to\:var\(--color-grey-500\)\] {
    --to: var(--color-grey-500);
  }
  .\[--to\:var\(--color-orange-100\)\] {
    --to: var(--color-orange-100);
  }
  .\[--to\:var\(--color-white\)\] {
    --to: var(--color-white);
  }
  .fade-in {
    --tw-enter-opacity: 0;
  }
  .motion-delay-25 {
    --motion-delay: 25ms;
  }
  .motion-delay-50 {
    --motion-delay: 50ms;
  }
  .motion-delay-75 {
    --motion-delay: 75ms;
  }
  .motion-delay-100 {
    --motion-delay: 100ms;
  }
  .motion-delay-125 {
    --motion-delay: 125ms;
  }
  .motion-delay-150 {
    --motion-delay: 150ms;
  }
  .motion-delay-175 {
    --motion-delay: 175ms;
  }
  .motion-delay-200 {
    --motion-delay: 200ms;
  }
  .motion-delay-250 {
    --motion-delay: 250ms;
  }
  .motion-delay-300 {
    --motion-delay: 300ms;
  }
  .motion-delay-350 {
    --motion-delay: 350ms;
  }
  .motion-delay-400 {
    --motion-delay: 400ms;
  }
  .motion-delay-500 {
    --motion-delay: 500ms;
  }
  .motion-delay-700 {
    --motion-delay: 700ms;
  }
  .motion-duration-300 {
    --motion-duration: 300ms;
  }
  .paused {
    animation-play-state: paused;
  }
  .running {
    animation-play-state: running;
  }
  .scrollbar-stable-both {
    scrollbar-gutter: stable both-edges;
  }
  .slide-in-from-bottom-8 {
    --tw-enter-translate-y: calc(8*var(--spacing));
  }
  .slide-in-from-bottom-12 {
    --tw-enter-translate-y: calc(12*var(--spacing));
  }
  .slide-in-from-bottom-\[15\%\] {
    --tw-enter-translate-y: 15%;
  }
  .zoom-in-105 {
    --tw-enter-scale: calc(105*1%);
  }
  .\*\:z-10 {
    :is(& > *) {
      z-index: 10;
    }
  }
  .\*\:col-span-1 {
    :is(& > *) {
      grid-column: span 1 / span 1;
    }
  }
  .\*\:col-start-1 {
    :is(& > *) {
      grid-column-start: 1;
    }
  }
  .\*\:m-0\! {
    :is(& > *) {
      margin: calc(var(--spacing) * 0) !important;
    }
  }
  .\*\:mx-0\! {
    :is(& > *) {
      margin-inline: calc(var(--spacing) * 0) !important;
    }
  }
  .\*\:mt-8\! {
    :is(& > *) {
      margin-top: calc(var(--spacing) * 8) !important;
    }
  }
  .\*\:mb-0\! {
    :is(& > *) {
      margin-bottom: calc(var(--spacing) * 0) !important;
    }
  }
  .\*\:inline-block {
    :is(& > *) {
      display: inline-block;
    }
  }
  .\*\:table-cell {
    :is(& > *) {
      display: table-cell;
    }
  }
  .\*\:table-row {
    :is(& > *) {
      display: table-row;
    }
  }
  .\*\:size-20 {
    :is(& > *) {
      width: calc(var(--spacing) * 20);
      height: calc(var(--spacing) * 20);
    }
  }
  .\*\:max-h-full {
    :is(& > *) {
      max-height: 100%;
    }
  }
  .\*\:w-\(--ib-content-w\) {
    :is(& > *) {
      width: var(--ib-content-w);
    }
  }
  .\*\:w-full {
    :is(& > *) {
      width: 100%;
    }
  }
  .\*\:max-w-\[30\%\] {
    :is(& > *) {
      max-width: 30%;
    }
  }
  .\*\:max-w-\[45\%\] {
    :is(& > *) {
      max-width: 45%;
    }
  }
  .\*\:max-w-\[75\%\] {
    :is(& > *) {
      max-width: 75%;
    }
  }
  .\*\:max-w-lg {
    :is(& > *) {
      max-width: var(--container-lg);
    }
  }
  .\*\:max-w-md {
    :is(& > *) {
      max-width: var(--container-md);
    }
  }
  .\*\:max-w-sm {
    :is(& > *) {
      max-width: var(--container-sm);
    }
  }
  .\*\:max-w-xs {
    :is(& > *) {
      max-width: var(--container-xs);
    }
  }
  .\*\:shrink-0 {
    :is(& > *) {
      flex-shrink: 0;
    }
  }
  .\*\:grow-0 {
    :is(& > *) {
      flex-grow: 0;
    }
  }
  .\*\:basis-auto {
    :is(& > *) {
      flex-basis: auto;
    }
  }
  .\*\:basis-full {
    :is(& > *) {
      flex-basis: 100%;
    }
  }
  .\*\:origin-top {
    :is(& > *) {
      transform-origin: top;
    }
  }
  .\*\:animate-in {
    :is(& > *) {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .\*\:cursor-pointer {
    :is(& > *) {
      cursor: pointer;
    }
  }
  .\*\:list-\[\'✓_\'\] {
    :is(& > *) {
      list-style-type: '✓ ';
    }
  }
  .\*\:list-decimal {
    :is(& > *) {
      list-style-type: decimal;
    }
  }
  .\*\:list-disc {
    :is(& > *) {
      list-style-type: disc;
    }
  }
  .\*\:list-none {
    :is(& > *) {
      list-style-type: none;
    }
  }
  .\*\:break-inside-avoid {
    :is(& > *) {
      break-inside: avoid;
    }
  }
  .\*\:\[justify-self\:var\(--ib-content-justify\)\] {
    :is(& > *) {
      justify-self: var(--ib-content-justify);
    }
  }
  .\*\:border {
    :is(& > *) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\*\:border-b {
    :is(& > *) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .\*\:border-grey-700 {
    :is(& > *) {
      border-color: var(--color-grey-700);
    }
  }
  .\*\:border-white {
    :is(& > *) {
      border-color: var(--color-white);
    }
  }
  .\*\:border-b-grey-500 {
    :is(& > *) {
      border-bottom-color: var(--color-grey-500);
    }
  }
  .\*\:border-b-off-white {
    :is(& > *) {
      border-bottom-color: var(--color-off-white);
    }
  }
  .\*\:bg-black {
    :is(& > *) {
      background-color: var(--color-black);
    }
  }
  .\*\:bg-black\! {
    :is(& > *) {
      background-color: var(--color-black) !important;
    }
  }
  .\*\:bg-dark-blue-950 {
    :is(& > *) {
      background-color: var(--color-dark-blue-950);
    }
  }
  .\*\:bg-dark-green-900 {
    :is(& > *) {
      background-color: var(--color-dark-green-900);
    }
  }
  .\*\:bg-grey-800 {
    :is(& > *) {
      background-color: var(--color-grey-800);
    }
  }
  .\*\:bg-white\! {
    :is(& > *) {
      background-color: var(--color-white) !important;
    }
  }
  .\*\:p-12 {
    :is(& > *) {
      padding: calc(var(--spacing) * 12);
    }
  }
  .\*\:p-32 {
    :is(& > *) {
      padding: calc(var(--spacing) * 32);
    }
  }
  .\*\:px-12 {
    :is(& > *) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .\*\:py-24 {
    :is(& > *) {
      padding-block: calc(var(--spacing) * 24);
    }
  }
  .\*\:pl-4 {
    :is(& > *) {
      padding-left: calc(var(--spacing) * 4);
    }
  }
  .\*\:pl-12 {
    :is(& > *) {
      padding-left: calc(var(--spacing) * 12);
    }
  }
  .\*\:pl-24 {
    :is(& > *) {
      padding-left: calc(var(--spacing) * 24);
    }
  }
  .\*\:pl-40 {
    :is(& > *) {
      padding-left: calc(var(--spacing) * 40);
    }
  }
  .\*\:pl-64 {
    :is(& > *) {
      padding-left: calc(var(--spacing) * 64);
    }
  }
  .\*\:text-center {
    :is(& > *) {
      text-align: center;
    }
  }
  .\*\:text-balance {
    :is(& > *) {
      text-wrap: balance;
    }
  }
  .\*\:text-nowrap {
    :is(& > *) {
      text-wrap: nowrap;
    }
  }
  .\*\:break-all {
    :is(& > *) {
      word-break: break-all;
    }
  }
  .\*\:text-black {
    :is(& > *) {
      color: var(--color-black);
    }
  }
  .\*\:text-bright-blue-600 {
    :is(& > *) {
      color: var(--color-bright-blue-600);
    }
  }
  .\*\:text-bright-green-300 {
    :is(& > *) {
      color: var(--color-bright-green-300);
    }
  }
  .\*\:text-white {
    :is(& > *) {
      color: var(--color-white);
    }
  }
  .\*\:text-white\! {
    :is(& > *) {
      color: var(--color-white) !important;
    }
  }
  .\*\:transition-transform {
    :is(& > *) {
      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));
    }
  }
  .\*\:select-none {
    :is(& > *) {
      -webkit-user-select: none;
      user-select: none;
    }
  }
  .\*\:fade-in {
    :is(& > *) {
      --tw-enter-opacity: 0;
    }
  }
  .\*\*\:my-0\! {
    :is(& *) {
      margin-block: calc(var(--spacing) * 0) !important;
    }
  }
  .not-last\:border-b {
    &:not(*:last-child) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .\*\:not-last\:border-b {
    :is(& > *) {
      &:not(*:last-child) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
      }
    }
  }
  .group-open\:mb-12 {
    &:is(:where(.group).is-open *) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .group-open\:animate-in {
    &:is(:where(.group).is-open *) {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .group-open\:slide-in-from-top-10 {
    &:is(:where(.group).is-open *) {
      --tw-enter-translate-y: calc(10*var(--spacing)*-1);
      --tw-enter-translate-y: calc(.1*-100%);
    }
  }
  .group-open\:fade-in {
    &:is(:where(.group).is-open *) {
      --tw-enter-opacity: 0;
    }
  }
  .group-hover\:-rotate-45 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: calc(45deg * -1);
      }
    }
  }
  .group-hover\:rotate-0 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: 0deg;
      }
    }
  }
  .group-hover\:bg-orange-900 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-orange-900);
      }
    }
  }
  .group-hover\:text-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .group-hover\/apph\:opacity-100 {
    &:is(:where(.group\/apph):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/img\:flex {
    &:is(:where(.group\/img):hover *) {
      @media (hover: hover) {
        display: flex;
      }
    }
  }
  .group-focus-visible\:-rotate-45 {
    &:is(:where(.group):focus-visible *) {
      rotate: calc(45deg * -1);
    }
  }
  .group-focus-visible\:rotate-0 {
    &:is(:where(.group):focus-visible *) {
      rotate: 0deg;
    }
  }
  .group-focus-visible\:border-orange-900 {
    &:is(:where(.group):focus-visible *) {
      border-color: var(--color-orange-900);
    }
  }
  .group-focus-visible\:bg-orange-900 {
    &:is(:where(.group):focus-visible *) {
      background-color: var(--color-orange-900);
    }
  }
  .group-focus-visible\:text-orange-900 {
    &:is(:where(.group):focus-visible *) {
      color: var(--color-orange-900);
    }
  }
  .group-focus-visible\:text-white {
    &:is(:where(.group):focus-visible *) {
      color: var(--color-white);
    }
  }
  .group-disabled\:-rotate-45 {
    &:is(:where(.group):disabled *) {
      rotate: calc(45deg * -1);
    }
  }
  .group-disabled\:rotate-0 {
    &:is(:where(.group):disabled *) {
      rotate: 0deg;
    }
  }
  .group-disabled\:bg-orange-900 {
    &:is(:where(.group):disabled *) {
      background-color: var(--color-orange-900);
    }
  }
  .group-has-checked\:-scale-y-100 {
    &:is(:where(.group):has(*:checked) *) {
      --tw-scale-y: calc(100% * -1);
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .group-has-aria-expanded\:invisible {
    &:is(:where(.group):has(*[aria-expanded="true"]) *) {
      visibility: hidden;
    }
  }
  .group-has-aria-expanded\:visible {
    &:is(:where(.group):has(*[aria-expanded="true"]) *) {
      visibility: visible;
    }
  }
  .group-has-aria-expanded\:translate-y-0 {
    &:is(:where(.group):has(*[aria-expanded="true"]) *) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .group-has-\[input\:focus\]\:outline-auto {
    &:is(:where(.group):has(*:is(input:focus)) *) {
      outline: currentColor auto medium;
    }
  }
  .group-aria-hidden\:animate-out {
    &:is(:where(.group)[aria-hidden="true"] *) {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .group-aria-hidden\:zoom-out-95 {
    &:is(:where(.group)[aria-hidden="true"] *) {
      --tw-exit-scale: calc(95*1%);
      --tw-exit-scale: .95;
    }
  }
  .group-aria-hidden\:fade-out {
    &:is(:where(.group)[aria-hidden="true"] *) {
      --tw-exit-opacity: 0;
    }
  }
  .group-aria-hidden\:slide-out-to-bottom-\[-10\%\] {
    &:is(:where(.group)[aria-hidden="true"] *) {
      --tw-exit-translate-y: -10%;
    }
  }
  .group-aria-pressed\/app\:hidden {
    &:is(:where(.group\/app)[aria-pressed="true"] *) {
      display: none;
    }
  }
  .group-aria-\[aria-pressed\=false\]\/app\:hidden {
    &:is(:where(.group\/app)[aria-aria-pressed="false"] *) {
      display: none;
    }
  }
  .group-\[\.dz-drag-hover\]\/field\:bg-dark-blue-750 {
    &:is(:where(.group\/field):is(.dz-drag-hover) *) {
      background-color: var(--color-dark-blue-750);
    }
  }
  .group-\[\.dz-drag-hover\]\/field\:text-white {
    &:is(:where(.group\/field):is(.dz-drag-hover) *) {
      color: var(--color-white);
    }
  }
  .group-\[\.es-block-forms--style-dark\]\/forms\:bg-grey-500\/20 {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark) *) {
      background-color: color-mix(in srgb, #969695 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-grey-500) 20%, transparent);
      }
    }
  }
  .group-\[\.es-block-forms--style-dark\]\/forms\:bg-transparent {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark) *) {
      background-color: transparent;
    }
  }
  .group-\[\.es-block-forms--style-dark\]\/forms\:text-white {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark) *) {
      color: var(--color-white);
    }
  }
  .group-\[\.es-block-forms--style-dark-dyn\]\/forms\:bg-\(--ib-form-base\) {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark-dyn) *) {
      background-color: var(--ib-form-base);
    }
  }
  .group-\[\.es-block-forms--style-dark-dyn\]\/forms\:bg-\(--ib-form-dark\) {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark-dyn) *) {
      background-color: var(--ib-form-dark);
    }
  }
  .group-\[\.es-block-forms--style-dark-dyn\]\/forms\:bg-transparent {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark-dyn) *) {
      background-color: transparent;
    }
  }
  .group-\[\.es-block-forms--style-dark-dyn\]\/forms\:text-white {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark-dyn) *) {
      color: var(--color-white);
    }
  }
  .group-\[\.es-block-forms--style-dark-dyn\]\/forms\:ring-\(--ib-form-ring\) {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark-dyn) *) {
      --tw-ring-color: var(--ib-form-ring);
    }
  }
  .group-\[\.es-field--checkboxes-style-grid-2\]\/field\:space-y-2 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-grid-2) *) {
      :where(& > :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)));
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-grid-3\]\/field\:space-y-2 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-grid-3) *) {
      :where(& > :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)));
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-outline\]\/field\:inline-flex {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline) *) {
      display: inline-flex;
    }
  }
  .group-\[\.es-field--checkboxes-style-outline\]\/field\:w-full {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline) *) {
      width: 100%;
    }
  }
  .group-\[\.es-field--checkboxes-style-outline\]\/field\:space-y-8 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline) *) {
      :where(& > :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)));
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-outline\]\/field\:rounded-12 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline) *) {
      border-radius: var(--radius-12);
    }
  }
  .group-\[\.es-field--checkboxes-style-outline\]\/field\:border {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline) *) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .group-\[\.es-field--checkboxes-style-outline\]\/field\:border-transparent {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline) *) {
      border-color: transparent;
    }
  }
  .group-\[\.es-field--checkboxes-style-outline\]\/field\:bg-white {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline) *) {
      background-color: var(--color-white);
    }
  }
  .group-\[\.es-field--checkboxes-style-outline\]\/field\:p-0 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline) *) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .group-\[\.es-field--checkboxes-style-outline\]\/field\:p-8 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline) *) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .group-\[\.es-field--checkboxes-style-outline\]\/field\:px-48 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline) *) {
      padding-inline: calc(var(--spacing) * 48);
    }
  }
  .group-\[\.es-field--checkboxes-style-outline\]\/field\:py-12 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline) *) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .group-\[\.es-block-forms--style-dark\]\/forms\:group-\[\.es-field--checkboxes-style-outline\]\/field\:bg-transparent {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark) *) {
      &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline) *) {
        background-color: transparent;
      }
    }
  }
  .group-\[\.es-block-forms--style-dark\]\/forms\:group-\[\.es-field--checkboxes-style-outline\]\/field\:text-white {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark) *) {
      &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline) *) {
        color: var(--color-white);
      }
    }
  }
  .group-\[\.es-block-forms--style-dark-dyn\]\/forms\:group-\[\.es-field--checkboxes-style-outline\]\/field\:bg-transparent {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark-dyn) *) {
      &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline) *) {
        background-color: transparent;
      }
    }
  }
  .group-\[\.es-block-forms--style-dark-dyn\]\/forms\:group-\[\.es-field--checkboxes-style-outline\]\/field\:text-white {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark-dyn) *) {
      &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline) *) {
        color: var(--color-white);
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:flex {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
      display: flex;
    }
  }
  .group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:aspect-\[2\.5\] {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
      aspect-ratio: 2.5;
    }
  }
  .group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:flex-col {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
      flex-direction: column;
    }
  }
  .group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:items-start {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
      align-items: flex-start;
    }
  }
  .group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:justify-start {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
      justify-content: flex-start;
    }
  }
  .group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:gap-8 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:rounded-8 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
      border-radius: var(--radius-8);
    }
  }
  .group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:border {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:border-black\/5 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
      border-color: color-mix(in srgb, #1B1A19 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:p-0 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:p-8 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:p-12\! {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
      padding: calc(var(--spacing) * 12) !important;
    }
  }
  .group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:text-15 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
      font-size: var(--text-15);
    }
  }
  .group-\[\.es-block-forms--style-dark\]\/forms\:group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:border-white\/20 {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark) *) {
      &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
        border-color: color-mix(in srgb, #FFFFFF 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
      }
    }
  }
  .group-\[\.es-block-forms--style-dark-dyn\]\/forms\:group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:border-white\/20 {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark-dyn) *) {
      &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
        border-color: color-mix(in srgb, #FFFFFF 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field-hover\:border-black\/20 {
    &:is(:where(.group\/field-hover):is(.es-field--checkboxes-style-outline-with-icon) *) {
      border-color: color-mix(in srgb, #1B1A19 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
      }
    }
  }
  .group-\[\.es-block-forms--style-dark\]\/forms\:group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field-hover\:border-white\/40 {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark) *) {
      &:is(:where(.group\/field-hover):is(.es-field--checkboxes-style-outline-with-icon) *) {
        border-color: color-mix(in srgb, #FFFFFF 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
        }
      }
    }
  }
  .group-\[\.es-block-forms--style-dark-dyn\]\/forms\:group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field-hover\:border-white\/40 {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark-dyn) *) {
      &:is(:where(.group\/field-hover):is(.es-field--checkboxes-style-outline-with-icon) *) {
        border-color: color-mix(in srgb, #FFFFFF 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
        }
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-small\]\/field\:text-xs {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-small) *) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .group-\[\.es-block-forms--style-dark\]\/forms\:group-\[\.es-field--radios-style-outline\]\/field\:bg-transparent {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark) *) {
      &:is(:where(.group\/field):is(.es-field--radios-style-outline) *) {
        background-color: transparent;
      }
    }
  }
  .group-\[\.es-block-forms--style-dark\]\/forms\:group-\[\.es-field--radios-style-outline\]\/field\:text-white {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark) *) {
      &:is(:where(.group\/field):is(.es-field--radios-style-outline) *) {
        color: var(--color-white);
      }
    }
  }
  .group-\[\.es-block-forms--style-dark-dyn\]\/forms\:group-\[\.es-field--radios-style-outline\]\/field\:bg-transparent {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark-dyn) *) {
      &:is(:where(.group\/field):is(.es-field--radios-style-outline) *) {
        background-color: transparent;
      }
    }
  }
  .group-\[\.es-block-forms--style-dark-dyn\]\/forms\:group-\[\.es-field--radios-style-outline\]\/field\:text-white {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark-dyn) *) {
      &:is(:where(.group\/field):is(.es-field--radios-style-outline) *) {
        color: var(--color-white);
      }
    }
  }
  .group-\[\.es-form-has-error\]\/field\:border-orange-900 {
    &:is(:where(.group\/field):is(.es-form-has-error) *) {
      border-color: var(--color-orange-900);
    }
  }
  .group-\[\.es-form-has-error\]\/field\:pt-2 {
    &:is(:where(.group\/field):is(.es-form-has-error) *) {
      padding-top: calc(var(--spacing) * 2);
    }
  }
  .group-\[\.es-form-has-error\]\/field\:pb-2 {
    &:is(:where(.group\/field):is(.es-form-has-error) *) {
      padding-bottom: calc(var(--spacing) * 2);
    }
  }
  .group-\[\.es-form-has-error\]\/field\:text-orange-900 {
    &:is(:where(.group\/field):is(.es-form-has-error) *) {
      color: var(--color-orange-900);
    }
  }
  .group-\[\.es-form-is-active\]\/field\:border-black {
    &:is(:where(.group\/field):is(.es-form-is-active) *) {
      border-color: var(--color-black);
    }
  }
  .group-\[\.es-form-is-active\]\/field\:stroke-none {
    &:is(:where(.group\/field):is(.es-form-is-active) *) {
      stroke: none;
    }
  }
  .group-\[\.es-block-forms--style-dark\]\/forms\:group-\[\.es-form-is-active\]\/field\:border-white {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark) *) {
      &:is(:where(.group\/field):is(.es-form-is-active) *) {
        border-color: var(--color-white);
      }
    }
  }
  .group-\[\.es-block-forms--style-dark-dyn\]\/forms\:group-\[\.es-form-is-active\]\/field\:border-white {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark-dyn) *) {
      &:is(:where(.group\/field):is(.es-form-is-active) *) {
        border-color: var(--color-white);
      }
    }
  }
  .group-\[\.es-form-is-disabled\]\/field\:opacity-90 {
    &:is(:where(.group\/field):is(.es-form-is-disabled) *) {
      opacity: 90%;
    }
  }
  .group-\[\.es-field--checkboxes-style-outline\]\/field\:peer-checked\/checkbox\:border-black {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline) *) {
      &:is(:where(.peer\/checkbox):checked ~ *) {
        border-color: var(--color-black);
      }
    }
  }
  .group-\[\.es-block-forms--style-dark\]\/forms\:group-\[\.es-field--checkboxes-style-outline\]\/field\:peer-checked\/checkbox\:border-white {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark) *) {
      &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline) *) {
        &:is(:where(.peer\/checkbox):checked ~ *) {
          border-color: var(--color-white);
        }
      }
    }
  }
  .group-\[\.es-block-forms--style-dark-dyn\]\/forms\:group-\[\.es-field--checkboxes-style-outline\]\/field\:peer-checked\/checkbox\:border-white {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark-dyn) *) {
      &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline) *) {
        &:is(:where(.peer\/checkbox):checked ~ *) {
          border-color: var(--color-white);
        }
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:peer-checked\/checkbox\:border-black {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
      &:is(:where(.peer\/checkbox):checked ~ *) {
        border-color: var(--color-black);
      }
    }
  }
  .group-\[\.es-block-forms--style-dark\]\/forms\:group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:peer-checked\/checkbox\:border-white {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark) *) {
      &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
        &:is(:where(.peer\/checkbox):checked ~ *) {
          border-color: var(--color-white);
        }
      }
    }
  }
  .group-\[\.es-block-forms--style-dark-dyn\]\/forms\:group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:peer-checked\/checkbox\:border-white {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark-dyn) *) {
      &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
        &:is(:where(.peer\/checkbox):checked ~ *) {
          border-color: var(--color-white);
        }
      }
    }
  }
  .peer-has-aria-expanded\:opacity-100 {
    &:is(:where(.peer):has(*[aria-expanded="true"]) ~ *) {
      opacity: 100%;
    }
  }
  .marker\:font-bold {
    & *::marker {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
    &::marker {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
    & *::-webkit-details-marker {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
    &::-webkit-details-marker {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .marker\:text-black {
    & *::marker {
      color: var(--color-black);
    }
    &::marker {
      color: var(--color-black);
    }
    & *::-webkit-details-marker {
      color: var(--color-black);
    }
    &::-webkit-details-marker {
      color: var(--color-black);
    }
  }
  .marker\:text-bright-blue-400 {
    & *::marker {
      color: var(--color-bright-blue-400);
    }
    &::marker {
      color: var(--color-bright-blue-400);
    }
    & *::-webkit-details-marker {
      color: var(--color-bright-blue-400);
    }
    &::-webkit-details-marker {
      color: var(--color-bright-blue-400);
    }
  }
  .marker\:text-bright-blue-500 {
    & *::marker {
      color: var(--color-bright-blue-500);
    }
    &::marker {
      color: var(--color-bright-blue-500);
    }
    & *::-webkit-details-marker {
      color: var(--color-bright-blue-500);
    }
    &::-webkit-details-marker {
      color: var(--color-bright-blue-500);
    }
  }
  .marker\:text-bright-blue-600 {
    & *::marker {
      color: var(--color-bright-blue-600);
    }
    &::marker {
      color: var(--color-bright-blue-600);
    }
    & *::-webkit-details-marker {
      color: var(--color-bright-blue-600);
    }
    &::-webkit-details-marker {
      color: var(--color-bright-blue-600);
    }
  }
  .marker\:text-bright-green-100 {
    & *::marker {
      color: var(--color-bright-green-100);
    }
    &::marker {
      color: var(--color-bright-green-100);
    }
    & *::-webkit-details-marker {
      color: var(--color-bright-green-100);
    }
    &::-webkit-details-marker {
      color: var(--color-bright-green-100);
    }
  }
  .marker\:text-bright-green-200 {
    & *::marker {
      color: var(--color-bright-green-200);
    }
    &::marker {
      color: var(--color-bright-green-200);
    }
    & *::-webkit-details-marker {
      color: var(--color-bright-green-200);
    }
    &::-webkit-details-marker {
      color: var(--color-bright-green-200);
    }
  }
  .marker\:text-bright-green-300 {
    & *::marker {
      color: var(--color-bright-green-300);
    }
    &::marker {
      color: var(--color-bright-green-300);
    }
    & *::-webkit-details-marker {
      color: var(--color-bright-green-300);
    }
    &::-webkit-details-marker {
      color: var(--color-bright-green-300);
    }
  }
  .marker\:text-bright-pink-100 {
    & *::marker {
      color: var(--color-bright-pink-100);
    }
    &::marker {
      color: var(--color-bright-pink-100);
    }
    & *::-webkit-details-marker {
      color: var(--color-bright-pink-100);
    }
    &::-webkit-details-marker {
      color: var(--color-bright-pink-100);
    }
  }
  .marker\:text-bright-pink-200 {
    & *::marker {
      color: var(--color-bright-pink-200);
    }
    &::marker {
      color: var(--color-bright-pink-200);
    }
    & *::-webkit-details-marker {
      color: var(--color-bright-pink-200);
    }
    &::-webkit-details-marker {
      color: var(--color-bright-pink-200);
    }
  }
  .marker\:text-bright-pink-300 {
    & *::marker {
      color: var(--color-bright-pink-300);
    }
    &::marker {
      color: var(--color-bright-pink-300);
    }
    & *::-webkit-details-marker {
      color: var(--color-bright-pink-300);
    }
    &::-webkit-details-marker {
      color: var(--color-bright-pink-300);
    }
  }
  .marker\:text-dark-blue-750 {
    & *::marker {
      color: var(--color-dark-blue-750);
    }
    &::marker {
      color: var(--color-dark-blue-750);
    }
    & *::-webkit-details-marker {
      color: var(--color-dark-blue-750);
    }
    &::-webkit-details-marker {
      color: var(--color-dark-blue-750);
    }
  }
  .marker\:text-dark-blue-800 {
    & *::marker {
      color: var(--color-dark-blue-800);
    }
    &::marker {
      color: var(--color-dark-blue-800);
    }
    & *::-webkit-details-marker {
      color: var(--color-dark-blue-800);
    }
    &::-webkit-details-marker {
      color: var(--color-dark-blue-800);
    }
  }
  .marker\:text-dark-blue-850 {
    & *::marker {
      color: var(--color-dark-blue-850);
    }
    &::marker {
      color: var(--color-dark-blue-850);
    }
    & *::-webkit-details-marker {
      color: var(--color-dark-blue-850);
    }
    &::-webkit-details-marker {
      color: var(--color-dark-blue-850);
    }
  }
  .marker\:text-dark-blue-900 {
    & *::marker {
      color: var(--color-dark-blue-900);
    }
    &::marker {
      color: var(--color-dark-blue-900);
    }
    & *::-webkit-details-marker {
      color: var(--color-dark-blue-900);
    }
    &::-webkit-details-marker {
      color: var(--color-dark-blue-900);
    }
  }
  .marker\:text-dark-blue-950 {
    & *::marker {
      color: var(--color-dark-blue-950);
    }
    &::marker {
      color: var(--color-dark-blue-950);
    }
    & *::-webkit-details-marker {
      color: var(--color-dark-blue-950);
    }
    &::-webkit-details-marker {
      color: var(--color-dark-blue-950);
    }
  }
  .marker\:text-dark-green-500 {
    & *::marker {
      color: var(--color-dark-green-500);
    }
    &::marker {
      color: var(--color-dark-green-500);
    }
    & *::-webkit-details-marker {
      color: var(--color-dark-green-500);
    }
    &::-webkit-details-marker {
      color: var(--color-dark-green-500);
    }
  }
  .marker\:text-dark-green-600 {
    & *::marker {
      color: var(--color-dark-green-600);
    }
    &::marker {
      color: var(--color-dark-green-600);
    }
    & *::-webkit-details-marker {
      color: var(--color-dark-green-600);
    }
    &::-webkit-details-marker {
      color: var(--color-dark-green-600);
    }
  }
  .marker\:text-dark-green-700 {
    & *::marker {
      color: var(--color-dark-green-700);
    }
    &::marker {
      color: var(--color-dark-green-700);
    }
    & *::-webkit-details-marker {
      color: var(--color-dark-green-700);
    }
    &::-webkit-details-marker {
      color: var(--color-dark-green-700);
    }
  }
  .marker\:text-dark-green-800 {
    & *::marker {
      color: var(--color-dark-green-800);
    }
    &::marker {
      color: var(--color-dark-green-800);
    }
    & *::-webkit-details-marker {
      color: var(--color-dark-green-800);
    }
    &::-webkit-details-marker {
      color: var(--color-dark-green-800);
    }
  }
  .marker\:text-dark-green-900 {
    & *::marker {
      color: var(--color-dark-green-900);
    }
    &::marker {
      color: var(--color-dark-green-900);
    }
    & *::-webkit-details-marker {
      color: var(--color-dark-green-900);
    }
    &::-webkit-details-marker {
      color: var(--color-dark-green-900);
    }
  }
  .marker\:text-dark-pink-500 {
    & *::marker {
      color: var(--color-dark-pink-500);
    }
    &::marker {
      color: var(--color-dark-pink-500);
    }
    & *::-webkit-details-marker {
      color: var(--color-dark-pink-500);
    }
    &::-webkit-details-marker {
      color: var(--color-dark-pink-500);
    }
  }
  .marker\:text-dark-pink-600 {
    & *::marker {
      color: var(--color-dark-pink-600);
    }
    &::marker {
      color: var(--color-dark-pink-600);
    }
    & *::-webkit-details-marker {
      color: var(--color-dark-pink-600);
    }
    &::-webkit-details-marker {
      color: var(--color-dark-pink-600);
    }
  }
  .marker\:text-dark-pink-700 {
    & *::marker {
      color: var(--color-dark-pink-700);
    }
    &::marker {
      color: var(--color-dark-pink-700);
    }
    & *::-webkit-details-marker {
      color: var(--color-dark-pink-700);
    }
    &::-webkit-details-marker {
      color: var(--color-dark-pink-700);
    }
  }
  .marker\:text-dark-pink-800 {
    & *::marker {
      color: var(--color-dark-pink-800);
    }
    &::marker {
      color: var(--color-dark-pink-800);
    }
    & *::-webkit-details-marker {
      color: var(--color-dark-pink-800);
    }
    &::-webkit-details-marker {
      color: var(--color-dark-pink-800);
    }
  }
  .marker\:text-dark-pink-900 {
    & *::marker {
      color: var(--color-dark-pink-900);
    }
    &::marker {
      color: var(--color-dark-pink-900);
    }
    & *::-webkit-details-marker {
      color: var(--color-dark-pink-900);
    }
    &::-webkit-details-marker {
      color: var(--color-dark-pink-900);
    }
  }
  .marker\:text-grey-500 {
    & *::marker {
      color: var(--color-grey-500);
    }
    &::marker {
      color: var(--color-grey-500);
    }
    & *::-webkit-details-marker {
      color: var(--color-grey-500);
    }
    &::-webkit-details-marker {
      color: var(--color-grey-500);
    }
  }
  .marker\:text-grey-600 {
    & *::marker {
      color: var(--color-grey-600);
    }
    &::marker {
      color: var(--color-grey-600);
    }
    & *::-webkit-details-marker {
      color: var(--color-grey-600);
    }
    &::-webkit-details-marker {
      color: var(--color-grey-600);
    }
  }
  .marker\:text-grey-700 {
    & *::marker {
      color: var(--color-grey-700);
    }
    &::marker {
      color: var(--color-grey-700);
    }
    & *::-webkit-details-marker {
      color: var(--color-grey-700);
    }
    &::-webkit-details-marker {
      color: var(--color-grey-700);
    }
  }
  .marker\:text-grey-800 {
    & *::marker {
      color: var(--color-grey-800);
    }
    &::marker {
      color: var(--color-grey-800);
    }
    & *::-webkit-details-marker {
      color: var(--color-grey-800);
    }
    &::-webkit-details-marker {
      color: var(--color-grey-800);
    }
  }
  .marker\:text-hyperlink {
    & *::marker {
      color: var(--color-hyperlink);
    }
    &::marker {
      color: var(--color-hyperlink);
    }
    & *::-webkit-details-marker {
      color: var(--color-hyperlink);
    }
    &::-webkit-details-marker {
      color: var(--color-hyperlink);
    }
  }
  .marker\:text-light-blue-100 {
    & *::marker {
      color: var(--color-light-blue-100);
    }
    &::marker {
      color: var(--color-light-blue-100);
    }
    & *::-webkit-details-marker {
      color: var(--color-light-blue-100);
    }
    &::-webkit-details-marker {
      color: var(--color-light-blue-100);
    }
  }
  .marker\:text-light-blue-150 {
    & *::marker {
      color: var(--color-light-blue-150);
    }
    &::marker {
      color: var(--color-light-blue-150);
    }
    & *::-webkit-details-marker {
      color: var(--color-light-blue-150);
    }
    &::-webkit-details-marker {
      color: var(--color-light-blue-150);
    }
  }
  .marker\:text-light-blue-200 {
    & *::marker {
      color: var(--color-light-blue-200);
    }
    &::marker {
      color: var(--color-light-blue-200);
    }
    & *::-webkit-details-marker {
      color: var(--color-light-blue-200);
    }
    &::-webkit-details-marker {
      color: var(--color-light-blue-200);
    }
  }
  .marker\:text-light-blue-250 {
    & *::marker {
      color: var(--color-light-blue-250);
    }
    &::marker {
      color: var(--color-light-blue-250);
    }
    & *::-webkit-details-marker {
      color: var(--color-light-blue-250);
    }
    &::-webkit-details-marker {
      color: var(--color-light-blue-250);
    }
  }
  .marker\:text-light-blue-300 {
    & *::marker {
      color: var(--color-light-blue-300);
    }
    &::marker {
      color: var(--color-light-blue-300);
    }
    & *::-webkit-details-marker {
      color: var(--color-light-blue-300);
    }
    &::-webkit-details-marker {
      color: var(--color-light-blue-300);
    }
  }
  .marker\:text-off-white {
    & *::marker {
      color: var(--color-off-white);
    }
    &::marker {
      color: var(--color-off-white);
    }
    & *::-webkit-details-marker {
      color: var(--color-off-white);
    }
    &::-webkit-details-marker {
      color: var(--color-off-white);
    }
  }
  .marker\:text-orange-100 {
    & *::marker {
      color: var(--color-orange-100);
    }
    &::marker {
      color: var(--color-orange-100);
    }
    & *::-webkit-details-marker {
      color: var(--color-orange-100);
    }
    &::-webkit-details-marker {
      color: var(--color-orange-100);
    }
  }
  .marker\:text-orange-500 {
    & *::marker {
      color: var(--color-orange-500);
    }
    &::marker {
      color: var(--color-orange-500);
    }
    & *::-webkit-details-marker {
      color: var(--color-orange-500);
    }
    &::-webkit-details-marker {
      color: var(--color-orange-500);
    }
  }
  .marker\:text-orange-800 {
    & *::marker {
      color: var(--color-orange-800);
    }
    &::marker {
      color: var(--color-orange-800);
    }
    & *::-webkit-details-marker {
      color: var(--color-orange-800);
    }
    &::-webkit-details-marker {
      color: var(--color-orange-800);
    }
  }
  .marker\:text-orange-900 {
    & *::marker {
      color: var(--color-orange-900);
    }
    &::marker {
      color: var(--color-orange-900);
    }
    & *::-webkit-details-marker {
      color: var(--color-orange-900);
    }
    &::-webkit-details-marker {
      color: var(--color-orange-900);
    }
  }
  .marker\:text-white {
    & *::marker {
      color: var(--color-white);
    }
    &::marker {
      color: var(--color-white);
    }
    & *::-webkit-details-marker {
      color: var(--color-white);
    }
    &::-webkit-details-marker {
      color: var(--color-white);
    }
  }
  .\*\:marker\:font-b3 {
    :is(& > *) {
      & *::marker {
        font-family: var(--font-sans);
        font-size: var(--text-12);
        --tw-leading: 1.1;
        line-height: 1.1;
        --tw-tracking: calc(var(--tracking-1) * -1);
        letter-spacing: calc(var(--tracking-1) * -1);
        text-transform: uppercase;
      }
      &::marker {
        font-family: var(--font-sans);
        font-size: var(--text-12);
        --tw-leading: 1.1;
        line-height: 1.1;
        --tw-tracking: calc(var(--tracking-1) * -1);
        letter-spacing: calc(var(--tracking-1) * -1);
        text-transform: uppercase;
      }
      & *::-webkit-details-marker {
        font-family: var(--font-sans);
        font-size: var(--text-12);
        --tw-leading: 1.1;
        line-height: 1.1;
        --tw-tracking: calc(var(--tracking-1) * -1);
        letter-spacing: calc(var(--tracking-1) * -1);
        text-transform: uppercase;
      }
      &::-webkit-details-marker {
        font-family: var(--font-sans);
        font-size: var(--text-12);
        --tw-leading: 1.1;
        line-height: 1.1;
        --tw-tracking: calc(var(--tracking-1) * -1);
        letter-spacing: calc(var(--tracking-1) * -1);
        text-transform: uppercase;
      }
    }
  }
  .\*\:marker\:font-b4 {
    :is(& > *) {
      & *::marker {
        font-family: var(--font-sans);
        font-size: var(--text-10);
        --tw-leading: 1.2;
        line-height: 1.2;
        --tw-tracking: var(--tracking-0);
        letter-spacing: var(--tracking-0);
        text-transform: uppercase;
      }
      &::marker {
        font-family: var(--font-sans);
        font-size: var(--text-10);
        --tw-leading: 1.2;
        line-height: 1.2;
        --tw-tracking: var(--tracking-0);
        letter-spacing: var(--tracking-0);
        text-transform: uppercase;
      }
      & *::-webkit-details-marker {
        font-family: var(--font-sans);
        font-size: var(--text-10);
        --tw-leading: 1.2;
        line-height: 1.2;
        --tw-tracking: var(--tracking-0);
        letter-spacing: var(--tracking-0);
        text-transform: uppercase;
      }
      &::-webkit-details-marker {
        font-family: var(--font-sans);
        font-size: var(--text-10);
        --tw-leading: 1.2;
        line-height: 1.2;
        --tw-tracking: var(--tracking-0);
        letter-spacing: var(--tracking-0);
        text-transform: uppercase;
      }
    }
  }
  .\*\:marker\:font-b0 {
    :is(& > *) {
      & *::marker {
        font-family: var(--font-sans);
        font-size: var(--text-16);
        --tw-leading: 1.2;
        line-height: 1.2;
        --tw-tracking: calc(var(--tracking-2) * -1);
        letter-spacing: calc(var(--tracking-2) * -1);
        @media (width >= 64rem) {
          font-size: var(--text-18);
        }
        @media (width >= 90rem) {
          font-size: var(--text-20);
        }
      }
      &::marker {
        font-family: var(--font-sans);
        font-size: var(--text-16);
        --tw-leading: 1.2;
        line-height: 1.2;
        --tw-tracking: calc(var(--tracking-2) * -1);
        letter-spacing: calc(var(--tracking-2) * -1);
        @media (width >= 64rem) {
          font-size: var(--text-18);
        }
        @media (width >= 90rem) {
          font-size: var(--text-20);
        }
      }
      & *::-webkit-details-marker {
        font-family: var(--font-sans);
        font-size: var(--text-16);
        --tw-leading: 1.2;
        line-height: 1.2;
        --tw-tracking: calc(var(--tracking-2) * -1);
        letter-spacing: calc(var(--tracking-2) * -1);
        @media (width >= 64rem) {
          font-size: var(--text-18);
        }
        @media (width >= 90rem) {
          font-size: var(--text-20);
        }
      }
      &::-webkit-details-marker {
        font-family: var(--font-sans);
        font-size: var(--text-16);
        --tw-leading: 1.2;
        line-height: 1.2;
        --tw-tracking: calc(var(--tracking-2) * -1);
        letter-spacing: calc(var(--tracking-2) * -1);
        @media (width >= 64rem) {
          font-size: var(--text-18);
        }
        @media (width >= 90rem) {
          font-size: var(--text-20);
        }
      }
    }
  }
  .\*\:marker\:font-b1 {
    :is(& > *) {
      & *::marker {
        font-family: var(--font-sans);
        font-size: var(--text-15);
        --tw-leading: 1.3;
        line-height: 1.3;
        --tw-tracking: calc(var(--tracking-2) * -1);
        letter-spacing: calc(var(--tracking-2) * -1);
        @media (width >= 64rem) {
          font-size: var(--text-16);
        }
      }
      &::marker {
        font-family: var(--font-sans);
        font-size: var(--text-15);
        --tw-leading: 1.3;
        line-height: 1.3;
        --tw-tracking: calc(var(--tracking-2) * -1);
        letter-spacing: calc(var(--tracking-2) * -1);
        @media (width >= 64rem) {
          font-size: var(--text-16);
        }
      }
      & *::-webkit-details-marker {
        font-family: var(--font-sans);
        font-size: var(--text-15);
        --tw-leading: 1.3;
        line-height: 1.3;
        --tw-tracking: calc(var(--tracking-2) * -1);
        letter-spacing: calc(var(--tracking-2) * -1);
        @media (width >= 64rem) {
          font-size: var(--text-16);
        }
      }
      &::-webkit-details-marker {
        font-family: var(--font-sans);
        font-size: var(--text-15);
        --tw-leading: 1.3;
        line-height: 1.3;
        --tw-tracking: calc(var(--tracking-2) * -1);
        letter-spacing: calc(var(--tracking-2) * -1);
        @media (width >= 64rem) {
          font-size: var(--text-16);
        }
      }
    }
  }
  .\*\:marker\:font-b2 {
    :is(& > *) {
      & *::marker {
        font-family: var(--font-sans);
        font-size: var(--text-14);
        --tw-leading: 1.3;
        line-height: 1.3;
        --tw-tracking: calc(var(--tracking-1) * -1);
        letter-spacing: calc(var(--tracking-1) * -1);
      }
      &::marker {
        font-family: var(--font-sans);
        font-size: var(--text-14);
        --tw-leading: 1.3;
        line-height: 1.3;
        --tw-tracking: calc(var(--tracking-1) * -1);
        letter-spacing: calc(var(--tracking-1) * -1);
      }
      & *::-webkit-details-marker {
        font-family: var(--font-sans);
        font-size: var(--text-14);
        --tw-leading: 1.3;
        line-height: 1.3;
        --tw-tracking: calc(var(--tracking-1) * -1);
        letter-spacing: calc(var(--tracking-1) * -1);
      }
      &::-webkit-details-marker {
        font-family: var(--font-sans);
        font-size: var(--text-14);
        --tw-leading: 1.3;
        line-height: 1.3;
        --tw-tracking: calc(var(--tracking-1) * -1);
        letter-spacing: calc(var(--tracking-1) * -1);
      }
    }
  }
  .\*\:marker\:text-black {
    :is(& > *) {
      & *::marker {
        color: var(--color-black);
      }
      &::marker {
        color: var(--color-black);
      }
      & *::-webkit-details-marker {
        color: var(--color-black);
      }
      &::-webkit-details-marker {
        color: var(--color-black);
      }
    }
  }
  .\*\:marker\:text-bright-blue-400 {
    :is(& > *) {
      & *::marker {
        color: var(--color-bright-blue-400);
      }
      &::marker {
        color: var(--color-bright-blue-400);
      }
      & *::-webkit-details-marker {
        color: var(--color-bright-blue-400);
      }
      &::-webkit-details-marker {
        color: var(--color-bright-blue-400);
      }
    }
  }
  .\*\:marker\:text-bright-blue-500 {
    :is(& > *) {
      & *::marker {
        color: var(--color-bright-blue-500);
      }
      &::marker {
        color: var(--color-bright-blue-500);
      }
      & *::-webkit-details-marker {
        color: var(--color-bright-blue-500);
      }
      &::-webkit-details-marker {
        color: var(--color-bright-blue-500);
      }
    }
  }
  .\*\:marker\:text-bright-blue-600 {
    :is(& > *) {
      & *::marker {
        color: var(--color-bright-blue-600);
      }
      &::marker {
        color: var(--color-bright-blue-600);
      }
      & *::-webkit-details-marker {
        color: var(--color-bright-blue-600);
      }
      &::-webkit-details-marker {
        color: var(--color-bright-blue-600);
      }
    }
  }
  .\*\:marker\:text-bright-green-100 {
    :is(& > *) {
      & *::marker {
        color: var(--color-bright-green-100);
      }
      &::marker {
        color: var(--color-bright-green-100);
      }
      & *::-webkit-details-marker {
        color: var(--color-bright-green-100);
      }
      &::-webkit-details-marker {
        color: var(--color-bright-green-100);
      }
    }
  }
  .\*\:marker\:text-bright-green-200 {
    :is(& > *) {
      & *::marker {
        color: var(--color-bright-green-200);
      }
      &::marker {
        color: var(--color-bright-green-200);
      }
      & *::-webkit-details-marker {
        color: var(--color-bright-green-200);
      }
      &::-webkit-details-marker {
        color: var(--color-bright-green-200);
      }
    }
  }
  .\*\:marker\:text-bright-green-300 {
    :is(& > *) {
      & *::marker {
        color: var(--color-bright-green-300);
      }
      &::marker {
        color: var(--color-bright-green-300);
      }
      & *::-webkit-details-marker {
        color: var(--color-bright-green-300);
      }
      &::-webkit-details-marker {
        color: var(--color-bright-green-300);
      }
    }
  }
  .\*\:marker\:text-bright-pink-100 {
    :is(& > *) {
      & *::marker {
        color: var(--color-bright-pink-100);
      }
      &::marker {
        color: var(--color-bright-pink-100);
      }
      & *::-webkit-details-marker {
        color: var(--color-bright-pink-100);
      }
      &::-webkit-details-marker {
        color: var(--color-bright-pink-100);
      }
    }
  }
  .\*\:marker\:text-bright-pink-200 {
    :is(& > *) {
      & *::marker {
        color: var(--color-bright-pink-200);
      }
      &::marker {
        color: var(--color-bright-pink-200);
      }
      & *::-webkit-details-marker {
        color: var(--color-bright-pink-200);
      }
      &::-webkit-details-marker {
        color: var(--color-bright-pink-200);
      }
    }
  }
  .\*\:marker\:text-bright-pink-300 {
    :is(& > *) {
      & *::marker {
        color: var(--color-bright-pink-300);
      }
      &::marker {
        color: var(--color-bright-pink-300);
      }
      & *::-webkit-details-marker {
        color: var(--color-bright-pink-300);
      }
      &::-webkit-details-marker {
        color: var(--color-bright-pink-300);
      }
    }
  }
  .\*\:marker\:text-dark-blue-750 {
    :is(& > *) {
      & *::marker {
        color: var(--color-dark-blue-750);
      }
      &::marker {
        color: var(--color-dark-blue-750);
      }
      & *::-webkit-details-marker {
        color: var(--color-dark-blue-750);
      }
      &::-webkit-details-marker {
        color: var(--color-dark-blue-750);
      }
    }
  }
  .\*\:marker\:text-dark-blue-800 {
    :is(& > *) {
      & *::marker {
        color: var(--color-dark-blue-800);
      }
      &::marker {
        color: var(--color-dark-blue-800);
      }
      & *::-webkit-details-marker {
        color: var(--color-dark-blue-800);
      }
      &::-webkit-details-marker {
        color: var(--color-dark-blue-800);
      }
    }
  }
  .\*\:marker\:text-dark-blue-850 {
    :is(& > *) {
      & *::marker {
        color: var(--color-dark-blue-850);
      }
      &::marker {
        color: var(--color-dark-blue-850);
      }
      & *::-webkit-details-marker {
        color: var(--color-dark-blue-850);
      }
      &::-webkit-details-marker {
        color: var(--color-dark-blue-850);
      }
    }
  }
  .\*\:marker\:text-dark-blue-900 {
    :is(& > *) {
      & *::marker {
        color: var(--color-dark-blue-900);
      }
      &::marker {
        color: var(--color-dark-blue-900);
      }
      & *::-webkit-details-marker {
        color: var(--color-dark-blue-900);
      }
      &::-webkit-details-marker {
        color: var(--color-dark-blue-900);
      }
    }
  }
  .\*\:marker\:text-dark-blue-950 {
    :is(& > *) {
      & *::marker {
        color: var(--color-dark-blue-950);
      }
      &::marker {
        color: var(--color-dark-blue-950);
      }
      & *::-webkit-details-marker {
        color: var(--color-dark-blue-950);
      }
      &::-webkit-details-marker {
        color: var(--color-dark-blue-950);
      }
    }
  }
  .\*\:marker\:text-dark-green-500 {
    :is(& > *) {
      & *::marker {
        color: var(--color-dark-green-500);
      }
      &::marker {
        color: var(--color-dark-green-500);
      }
      & *::-webkit-details-marker {
        color: var(--color-dark-green-500);
      }
      &::-webkit-details-marker {
        color: var(--color-dark-green-500);
      }
    }
  }
  .\*\:marker\:text-dark-green-600 {
    :is(& > *) {
      & *::marker {
        color: var(--color-dark-green-600);
      }
      &::marker {
        color: var(--color-dark-green-600);
      }
      & *::-webkit-details-marker {
        color: var(--color-dark-green-600);
      }
      &::-webkit-details-marker {
        color: var(--color-dark-green-600);
      }
    }
  }
  .\*\:marker\:text-dark-green-700 {
    :is(& > *) {
      & *::marker {
        color: var(--color-dark-green-700);
      }
      &::marker {
        color: var(--color-dark-green-700);
      }
      & *::-webkit-details-marker {
        color: var(--color-dark-green-700);
      }
      &::-webkit-details-marker {
        color: var(--color-dark-green-700);
      }
    }
  }
  .\*\:marker\:text-dark-green-800 {
    :is(& > *) {
      & *::marker {
        color: var(--color-dark-green-800);
      }
      &::marker {
        color: var(--color-dark-green-800);
      }
      & *::-webkit-details-marker {
        color: var(--color-dark-green-800);
      }
      &::-webkit-details-marker {
        color: var(--color-dark-green-800);
      }
    }
  }
  .\*\:marker\:text-dark-green-900 {
    :is(& > *) {
      & *::marker {
        color: var(--color-dark-green-900);
      }
      &::marker {
        color: var(--color-dark-green-900);
      }
      & *::-webkit-details-marker {
        color: var(--color-dark-green-900);
      }
      &::-webkit-details-marker {
        color: var(--color-dark-green-900);
      }
    }
  }
  .\*\:marker\:text-dark-pink-500 {
    :is(& > *) {
      & *::marker {
        color: var(--color-dark-pink-500);
      }
      &::marker {
        color: var(--color-dark-pink-500);
      }
      & *::-webkit-details-marker {
        color: var(--color-dark-pink-500);
      }
      &::-webkit-details-marker {
        color: var(--color-dark-pink-500);
      }
    }
  }
  .\*\:marker\:text-dark-pink-600 {
    :is(& > *) {
      & *::marker {
        color: var(--color-dark-pink-600);
      }
      &::marker {
        color: var(--color-dark-pink-600);
      }
      & *::-webkit-details-marker {
        color: var(--color-dark-pink-600);
      }
      &::-webkit-details-marker {
        color: var(--color-dark-pink-600);
      }
    }
  }
  .\*\:marker\:text-dark-pink-700 {
    :is(& > *) {
      & *::marker {
        color: var(--color-dark-pink-700);
      }
      &::marker {
        color: var(--color-dark-pink-700);
      }
      & *::-webkit-details-marker {
        color: var(--color-dark-pink-700);
      }
      &::-webkit-details-marker {
        color: var(--color-dark-pink-700);
      }
    }
  }
  .\*\:marker\:text-dark-pink-800 {
    :is(& > *) {
      & *::marker {
        color: var(--color-dark-pink-800);
      }
      &::marker {
        color: var(--color-dark-pink-800);
      }
      & *::-webkit-details-marker {
        color: var(--color-dark-pink-800);
      }
      &::-webkit-details-marker {
        color: var(--color-dark-pink-800);
      }
    }
  }
  .\*\:marker\:text-dark-pink-900 {
    :is(& > *) {
      & *::marker {
        color: var(--color-dark-pink-900);
      }
      &::marker {
        color: var(--color-dark-pink-900);
      }
      & *::-webkit-details-marker {
        color: var(--color-dark-pink-900);
      }
      &::-webkit-details-marker {
        color: var(--color-dark-pink-900);
      }
    }
  }
  .\*\:marker\:text-grey-500 {
    :is(& > *) {
      & *::marker {
        color: var(--color-grey-500);
      }
      &::marker {
        color: var(--color-grey-500);
      }
      & *::-webkit-details-marker {
        color: var(--color-grey-500);
      }
      &::-webkit-details-marker {
        color: var(--color-grey-500);
      }
    }
  }
  .\*\:marker\:text-grey-600 {
    :is(& > *) {
      & *::marker {
        color: var(--color-grey-600);
      }
      &::marker {
        color: var(--color-grey-600);
      }
      & *::-webkit-details-marker {
        color: var(--color-grey-600);
      }
      &::-webkit-details-marker {
        color: var(--color-grey-600);
      }
    }
  }
  .\*\:marker\:text-grey-700 {
    :is(& > *) {
      & *::marker {
        color: var(--color-grey-700);
      }
      &::marker {
        color: var(--color-grey-700);
      }
      & *::-webkit-details-marker {
        color: var(--color-grey-700);
      }
      &::-webkit-details-marker {
        color: var(--color-grey-700);
      }
    }
  }
  .\*\:marker\:text-grey-800 {
    :is(& > *) {
      & *::marker {
        color: var(--color-grey-800);
      }
      &::marker {
        color: var(--color-grey-800);
      }
      & *::-webkit-details-marker {
        color: var(--color-grey-800);
      }
      &::-webkit-details-marker {
        color: var(--color-grey-800);
      }
    }
  }
  .\*\:marker\:text-hyperlink {
    :is(& > *) {
      & *::marker {
        color: var(--color-hyperlink);
      }
      &::marker {
        color: var(--color-hyperlink);
      }
      & *::-webkit-details-marker {
        color: var(--color-hyperlink);
      }
      &::-webkit-details-marker {
        color: var(--color-hyperlink);
      }
    }
  }
  .\*\:marker\:text-light-blue-100 {
    :is(& > *) {
      & *::marker {
        color: var(--color-light-blue-100);
      }
      &::marker {
        color: var(--color-light-blue-100);
      }
      & *::-webkit-details-marker {
        color: var(--color-light-blue-100);
      }
      &::-webkit-details-marker {
        color: var(--color-light-blue-100);
      }
    }
  }
  .\*\:marker\:text-light-blue-150 {
    :is(& > *) {
      & *::marker {
        color: var(--color-light-blue-150);
      }
      &::marker {
        color: var(--color-light-blue-150);
      }
      & *::-webkit-details-marker {
        color: var(--color-light-blue-150);
      }
      &::-webkit-details-marker {
        color: var(--color-light-blue-150);
      }
    }
  }
  .\*\:marker\:text-light-blue-200 {
    :is(& > *) {
      & *::marker {
        color: var(--color-light-blue-200);
      }
      &::marker {
        color: var(--color-light-blue-200);
      }
      & *::-webkit-details-marker {
        color: var(--color-light-blue-200);
      }
      &::-webkit-details-marker {
        color: var(--color-light-blue-200);
      }
    }
  }
  .\*\:marker\:text-light-blue-250 {
    :is(& > *) {
      & *::marker {
        color: var(--color-light-blue-250);
      }
      &::marker {
        color: var(--color-light-blue-250);
      }
      & *::-webkit-details-marker {
        color: var(--color-light-blue-250);
      }
      &::-webkit-details-marker {
        color: var(--color-light-blue-250);
      }
    }
  }
  .\*\:marker\:text-light-blue-300 {
    :is(& > *) {
      & *::marker {
        color: var(--color-light-blue-300);
      }
      &::marker {
        color: var(--color-light-blue-300);
      }
      & *::-webkit-details-marker {
        color: var(--color-light-blue-300);
      }
      &::-webkit-details-marker {
        color: var(--color-light-blue-300);
      }
    }
  }
  .\*\:marker\:text-off-white {
    :is(& > *) {
      & *::marker {
        color: var(--color-off-white);
      }
      &::marker {
        color: var(--color-off-white);
      }
      & *::-webkit-details-marker {
        color: var(--color-off-white);
      }
      &::-webkit-details-marker {
        color: var(--color-off-white);
      }
    }
  }
  .\*\:marker\:text-orange-100 {
    :is(& > *) {
      & *::marker {
        color: var(--color-orange-100);
      }
      &::marker {
        color: var(--color-orange-100);
      }
      & *::-webkit-details-marker {
        color: var(--color-orange-100);
      }
      &::-webkit-details-marker {
        color: var(--color-orange-100);
      }
    }
  }
  .\*\:marker\:text-orange-500 {
    :is(& > *) {
      & *::marker {
        color: var(--color-orange-500);
      }
      &::marker {
        color: var(--color-orange-500);
      }
      & *::-webkit-details-marker {
        color: var(--color-orange-500);
      }
      &::-webkit-details-marker {
        color: var(--color-orange-500);
      }
    }
  }
  .\*\:marker\:text-orange-800 {
    :is(& > *) {
      & *::marker {
        color: var(--color-orange-800);
      }
      &::marker {
        color: var(--color-orange-800);
      }
      & *::-webkit-details-marker {
        color: var(--color-orange-800);
      }
      &::-webkit-details-marker {
        color: var(--color-orange-800);
      }
    }
  }
  .\*\:marker\:text-orange-900 {
    :is(& > *) {
      & *::marker {
        color: var(--color-orange-900);
      }
      &::marker {
        color: var(--color-orange-900);
      }
      & *::-webkit-details-marker {
        color: var(--color-orange-900);
      }
      &::-webkit-details-marker {
        color: var(--color-orange-900);
      }
    }
  }
  .\*\:marker\:text-white {
    :is(& > *) {
      & *::marker {
        color: var(--color-white);
      }
      &::marker {
        color: var(--color-white);
      }
      & *::-webkit-details-marker {
        color: var(--color-white);
      }
      &::-webkit-details-marker {
        color: var(--color-white);
      }
    }
  }
  .placeholder\:text-black {
    &::placeholder {
      color: var(--color-black);
    }
  }
  .placeholder\:text-dark-blue-750 {
    &::placeholder {
      color: var(--color-dark-blue-750);
    }
  }
  .placeholder\:opacity-50 {
    &::placeholder {
      opacity: 50%;
    }
  }
  .group-\[\.es-block-forms--style-dark\]\/forms\:placeholder\:text-white\/60 {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark) *) {
      &::placeholder {
        color: color-mix(in srgb, #FFFFFF 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 60%, transparent);
        }
      }
    }
  }
  .group-\[\.es-block-forms--style-dark-dyn\]\/forms\:placeholder\:text-white\/60 {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark-dyn) *) {
      &::placeholder {
        color: color-mix(in srgb, #FFFFFF 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 60%, transparent);
        }
      }
    }
  }
  .before\:absolute {
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .before\:fixed {
    &::before {
      content: var(--tw-content);
      position: fixed;
    }
  }
  .before\:top-0 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0);
    }
  }
  .before\:top-4 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 4);
    }
  }
  .before\:top-40 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 40);
    }
  }
  .before\:right-0 {
    &::before {
      content: var(--tw-content);
      right: calc(var(--spacing) * 0);
    }
  }
  .before\:left-0 {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
  }
  .before\:left-48 {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 48);
    }
  }
  .before\:-z-10 {
    &::before {
      content: var(--tw-content);
      z-index: calc(10 * -1);
    }
  }
  .before\:size-16 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 16);
      height: calc(var(--spacing) * 16);
    }
  }
  .before\:size-48 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 48);
      height: calc(var(--spacing) * 48);
    }
  }
  .before\:h-44 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 44);
    }
  }
  .before\:h-\[calc\(var\(--global-top-headers-size\)-0\.875rem\)\] {
    &::before {
      content: var(--tw-content);
      height: calc(var(--global-top-headers-size) - 0.875rem);
    }
  }
  .before\:h-full {
    &::before {
      content: var(--tw-content);
      height: 100%;
    }
  }
  .before\:rounded-4 {
    &::before {
      content: var(--tw-content);
      border-radius: var(--radius-4);
    }
  }
  .before\:rounded-16 {
    &::before {
      content: var(--tw-content);
      border-radius: var(--radius-16);
    }
  }
  .before\:rounded-80 {
    &::before {
      content: var(--tw-content);
      border-radius: var(--radius-80);
    }
  }
  .before\:rounded-full {
    &::before {
      content: var(--tw-content);
      border-radius: var(--radius-full);
    }
  }
  .before\:border {
    &::before {
      content: var(--tw-content);
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .before\:border-b {
    &::before {
      content: var(--tw-content);
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .before\:border-black\/15 {
    &::before {
      content: var(--tw-content);
      border-color: color-mix(in srgb, #1B1A19 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 15%, transparent);
      }
    }
  }
  .before\:border-grey-500 {
    &::before {
      content: var(--tw-content);
      border-color: var(--color-grey-500);
    }
  }
  .before\:bg-black {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-black);
    }
  }
  .before\:bg-bright-blue-400 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-bright-blue-400);
    }
  }
  .before\:bg-bright-blue-500 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-bright-blue-500);
    }
  }
  .before\:bg-bright-blue-600 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-bright-blue-600);
    }
  }
  .before\:bg-bright-green-100 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-bright-green-100);
    }
  }
  .before\:bg-bright-green-200 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-bright-green-200);
    }
  }
  .before\:bg-bright-green-300 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-bright-green-300);
    }
  }
  .before\:bg-bright-pink-100 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-bright-pink-100);
    }
  }
  .before\:bg-bright-pink-200 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-bright-pink-200);
    }
  }
  .before\:bg-bright-pink-300 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-bright-pink-300);
    }
  }
  .before\:bg-dark-blue-750 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-dark-blue-750);
    }
  }
  .before\:bg-dark-blue-800 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-dark-blue-800);
    }
  }
  .before\:bg-dark-blue-850 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-dark-blue-850);
    }
  }
  .before\:bg-dark-blue-900 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-dark-blue-900);
    }
  }
  .before\:bg-dark-blue-950 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-dark-blue-950);
    }
  }
  .before\:bg-dark-green-500 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-dark-green-500);
    }
  }
  .before\:bg-dark-green-600 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-dark-green-600);
    }
  }
  .before\:bg-dark-green-700 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-dark-green-700);
    }
  }
  .before\:bg-dark-green-800 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-dark-green-800);
    }
  }
  .before\:bg-dark-green-900 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-dark-green-900);
    }
  }
  .before\:bg-dark-pink-500 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-dark-pink-500);
    }
  }
  .before\:bg-dark-pink-600 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-dark-pink-600);
    }
  }
  .before\:bg-dark-pink-700 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-dark-pink-700);
    }
  }
  .before\:bg-dark-pink-800 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-dark-pink-800);
    }
  }
  .before\:bg-dark-pink-900 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-dark-pink-900);
    }
  }
  .before\:bg-grey-500 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-grey-500);
    }
  }
  .before\:bg-grey-600 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-grey-600);
    }
  }
  .before\:bg-grey-700 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-grey-700);
    }
  }
  .before\:bg-grey-800 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-grey-800);
    }
  }
  .before\:bg-hyperlink {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-hyperlink);
    }
  }
  .before\:bg-light-blue-100 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-light-blue-100);
    }
  }
  .before\:bg-light-blue-150 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-light-blue-150);
    }
  }
  .before\:bg-light-blue-200 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-light-blue-200);
    }
  }
  .before\:bg-light-blue-250 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-light-blue-250);
    }
  }
  .before\:bg-light-blue-300 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-light-blue-300);
    }
  }
  .before\:bg-off-white {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-off-white);
    }
  }
  .before\:bg-orange-100 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-orange-100);
    }
  }
  .before\:bg-orange-500 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-orange-500);
    }
  }
  .before\:bg-orange-800 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-orange-800);
    }
  }
  .before\:bg-orange-900 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-orange-900);
    }
  }
  .before\:bg-white {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-white);
    }
  }
  .before\:bg-size-\[3rem\] {
    &::before {
      content: var(--tw-content);
      background-size: 3rem;
    }
  }
  .before\:bg-center {
    &::before {
      content: var(--tw-content);
      background-position: center;
    }
  }
  .before\:shadow-\[0_0_0_100vw_var\(--tw-shadow-color\)\] {
    &::before {
      content: var(--tw-content);
      --tw-shadow: 0 0 0 100vw var(--tw-shadow-color, var(--tw-shadow-color));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .before\:shadow-black {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #1B1A19;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-black) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-bright-blue-400 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #E3E7FF;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-bright-blue-400) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-bright-blue-500 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #C8D4FF;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-bright-blue-500) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-bright-blue-600 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #9EB2FF;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-bright-blue-600) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-bright-green-100 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #F6FFE8;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-bright-green-100) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-bright-green-200 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #EDFFCD;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-bright-green-200) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-bright-green-300 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #CBEA99;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-bright-green-300) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-bright-pink-100 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #FFE6F9;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-bright-pink-100) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-bright-pink-200 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #FFD4F5;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-bright-pink-200) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-bright-pink-300 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #FFA8EB;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-bright-pink-300) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-dark-blue-750 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #7484A3;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-dark-blue-750) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-dark-blue-800 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #3D4C66;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-dark-blue-800) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-dark-blue-850 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #26334A;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-dark-blue-850) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-dark-blue-900 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #17283A;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-dark-blue-900) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-dark-blue-950 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #0C1B2C;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-dark-blue-950) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-dark-green-500 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #91B3B1;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-dark-green-500) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-dark-green-600 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #496A68;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-dark-green-600) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-dark-green-700 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #214C41;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-dark-green-700) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-dark-green-800 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #143E3F;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-dark-green-800) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-dark-green-900 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #053133;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-dark-green-900) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-dark-pink-500 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #9F759F;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-dark-pink-500) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-dark-pink-600 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #604155;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-dark-pink-600) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-dark-pink-700 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #483745;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-dark-pink-700) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-dark-pink-800 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #32232F;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-dark-pink-800) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-dark-pink-900 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #21151E;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-dark-pink-900) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-grey-500 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #969695;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-grey-500) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-grey-600 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #6D6C6C;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-grey-600) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-grey-700 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #494847;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-grey-700) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-grey-800 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #2D2C2B;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-grey-800) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-hyperlink {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #2171E8;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-hyperlink) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-light-blue-100 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #F6F9FE;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-light-blue-100) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-light-blue-150 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #F2F5FA;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-light-blue-150) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-light-blue-200 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #EEF2FC;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-light-blue-200) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-light-blue-250 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #E7ECF7;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-light-blue-250) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-light-blue-300 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #D0DCF2;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-light-blue-300) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-off-white {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #EEF2FC;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-off-white) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-orange-100 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #FFE4CC;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-orange-100) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-orange-500 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #FCA772;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-orange-500) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-orange-800 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #FC7537;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-orange-800) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-orange-900 {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #FC6423;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-orange-900) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:shadow-white {
    &::before {
      content: var(--tw-content);
      --tw-shadow-color: #FFFFFF;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-white) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .before\:backdrop-blur-md {
    &::before {
      content: var(--tw-content);
      --tw-backdrop-blur: blur(var(--blur-md));
      -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,);
    }
  }
  .before\:transition {
    &::before {
      content: var(--tw-content);
      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));
    }
  }
  .before\:content-\[\"\"\] {
    &::before {
      --tw-content: "";
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\'\] {
    &::before {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\\\2715\'\] {
    &::before {
      --tw-content: '\\2715';
      content: var(--tw-content);
    }
  }
  .before\:group-\[\.es-block-forms--style-dark\]\/forms\:border-0\! {
    &::before {
      content: var(--tw-content);
      &:is(:where(.group\/forms):is(.es-block-forms--style-dark) *) {
        border-style: var(--tw-border-style) !important;
        border-width: 0px !important;
      }
    }
  }
  .before\:group-\[\.es-block-forms--style-dark\]\/forms\:bg-grey-500\/20 {
    &::before {
      content: var(--tw-content);
      &:is(:where(.group\/forms):is(.es-block-forms--style-dark) *) {
        background-color: color-mix(in srgb, #969695 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-grey-500) 20%, transparent);
        }
      }
    }
  }
  .before\:group-\[\.es-block-forms--style-dark-dyn\]\/forms\:border-0\! {
    &::before {
      content: var(--tw-content);
      &:is(:where(.group\/forms):is(.es-block-forms--style-dark-dyn) *) {
        border-style: var(--tw-border-style) !important;
        border-width: 0px !important;
      }
    }
  }
  .before\:group-\[\.es-block-forms--style-dark-dyn\]\/forms\:bg-\(--ib-form-base\) {
    &::before {
      content: var(--tw-content);
      &:is(:where(.group\/forms):is(.es-block-forms--style-dark-dyn) *) {
        background-color: var(--ib-form-base);
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-outline\]\/field\:before\:top-16 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline) *) {
      &::before {
        content: var(--tw-content);
        top: calc(var(--spacing) * 16);
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-outline\]\/field\:before\:left-16 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline) *) {
      &::before {
        content: var(--tw-content);
        left: calc(var(--spacing) * 16);
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:before\:top-4 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
      &::before {
        content: var(--tw-content);
        top: calc(var(--spacing) * 4);
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:before\:right-4 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
      &::before {
        content: var(--tw-content);
        right: calc(var(--spacing) * 4);
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:before\:left-auto {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
      &::before {
        content: var(--tw-content);
        left: auto;
      }
    }
  }
  .peer-checked\/checkbox\:before\:bg-white {
    &:is(:where(.peer\/checkbox):checked ~ *) {
      &::before {
        content: var(--tw-content);
        background-color: var(--color-white);
      }
    }
  }
  .group-\[\.es-block-forms--style-dark\]\/forms\:peer-checked\/checkbox\:before\:bg-orange-900 {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark) *) {
      &:is(:where(.peer\/checkbox):checked ~ *) {
        &::before {
          content: var(--tw-content);
          background-color: var(--color-orange-900);
        }
      }
    }
  }
  .group-\[\.es-block-forms--style-dark-dyn\]\/forms\:peer-checked\/checkbox\:before\:bg-\(--ib-form-accent\) {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark-dyn) *) {
      &:is(:where(.peer\/checkbox):checked ~ *) {
        &::before {
          content: var(--tw-content);
          background-color: var(--ib-form-accent);
        }
      }
    }
  }
  .peer-focus\/checkbox\:before\:border-black {
    &:is(:where(.peer\/checkbox):focus ~ *) {
      &::before {
        content: var(--tw-content);
        border-color: var(--color-black);
      }
    }
  }
  .peer-focus\/checkbox\:before\:shadow-none {
    &:is(:where(.peer\/checkbox):focus ~ *) {
      &::before {
        content: var(--tw-content);
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .peer-focus\/checkbox\:before\:outline-hidden {
    &:is(:where(.peer\/checkbox):focus ~ *) {
      &::before {
        content: var(--tw-content);
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
      }
    }
  }
  .group-\[\.es-block-forms--style-dark\]\/forms\:peer-focus\/checkbox\:before\:border-white {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark) *) {
      &:is(:where(.peer\/checkbox):focus ~ *) {
        &::before {
          content: var(--tw-content);
          border-color: var(--color-white);
        }
      }
    }
  }
  .group-\[\.es-block-forms--style-dark-dyn\]\/forms\:peer-focus\/checkbox\:before\:border-white {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark-dyn) *) {
      &:is(:where(.peer\/checkbox):focus ~ *) {
        &::before {
          content: var(--tw-content);
          border-color: var(--color-white);
        }
      }
    }
  }
  .after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .after\:top-2 {
    &::after {
      content: var(--tw-content);
      top: calc(var(--spacing) * 2);
    }
  }
  .after\:top-\[0\.4375rem\] {
    &::after {
      content: var(--tw-content);
      top: 0.4375rem;
    }
  }
  .after\:bottom-\[30\%\] {
    &::after {
      content: var(--tw-content);
      bottom: 30%;
    }
  }
  .after\:left-2 {
    &::after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 2);
    }
  }
  .after\:left-\[0\.1875rem\] {
    &::after {
      content: var(--tw-content);
      left: 0.1875rem;
    }
  }
  .after\:left-\[30\%\] {
    &::after {
      content: var(--tw-content);
      left: 30%;
    }
  }
  .after\:size-7 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 7);
      height: calc(var(--spacing) * 7);
    }
  }
  .after\:size-10 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
    }
  }
  .after\:rounded-2 {
    &::after {
      content: var(--tw-content);
      border-radius: var(--radius-2);
    }
  }
  .after\:rounded-full {
    &::after {
      content: var(--tw-content);
      border-radius: var(--radius-full);
    }
  }
  .after\:border-b {
    &::after {
      content: var(--tw-content);
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .after\:border-l {
    &::after {
      content: var(--tw-content);
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .after\:border-solid {
    &::after {
      content: var(--tw-content);
      --tw-border-style: solid;
      border-style: solid;
    }
  }
  .after\:border-b-\[black\] {
    &::after {
      content: var(--tw-content);
      border-bottom-color: black;
    }
  }
  .after\:border-l-\[black\] {
    &::after {
      content: var(--tw-content);
      border-left-color: black;
    }
  }
  .after\:bg-black {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-black);
    }
  }
  .after\:bg-center {
    &::after {
      content: var(--tw-content);
      background-position: center;
    }
  }
  .after\:opacity-0 {
    &::after {
      content: var(--tw-content);
      opacity: 0%;
    }
  }
  .after\:transition {
    &::after {
      content: var(--tw-content);
      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));
    }
  }
  .after\:transition-opacity {
    &::after {
      content: var(--tw-content);
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .after\:content-\[\"\"\] {
    &::after {
      --tw-content: "";
      content: var(--tw-content);
    }
  }
  .after\:content-\[\'\'\] {
    &::after {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .after\:clip-checkmark {
    &::after {
      content: var(--tw-content);
      clip-path: polygon(0% 55%, 36.2% 92%, 100% 13.79%, 91.78% 7%, 35.49% 76.02%, 7.57% 47.51%);
    }
  }
  .group-\[\.es-field--checkboxes-style-outline\]\/field\:after\:top-\[1\.1875rem\] {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline) *) {
      &::after {
        content: var(--tw-content);
        top: 1.1875rem;
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-outline\]\/field\:after\:left-\[1\.1875rem\] {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline) *) {
      &::after {
        content: var(--tw-content);
        left: 1.1875rem;
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:after\:top-\[0\.4375rem\] {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
      &::after {
        content: var(--tw-content);
        top: 0.4375rem;
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:after\:right-\[0\.4375rem\] {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
      &::after {
        content: var(--tw-content);
        right: 0.4375rem;
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:after\:left-auto {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
      &::after {
        content: var(--tw-content);
        left: auto;
      }
    }
  }
  .peer-checked\/checkbox\:after\:opacity-100 {
    &:is(:where(.peer\/checkbox):checked ~ *) {
      &::after {
        content: var(--tw-content);
        opacity: 100%;
      }
    }
  }
  .group-\[\.es-block-forms--style-dark\]\/forms\:peer-checked\/checkbox\:after\:bg-black {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark) *) {
      &:is(:where(.peer\/checkbox):checked ~ *) {
        &::after {
          content: var(--tw-content);
          background-color: var(--color-black);
        }
      }
    }
  }
  .group-\[\.es-block-forms--style-dark-dyn\]\/forms\:peer-checked\/checkbox\:after\:bg-\(--ib-form-on-accent\) {
    &:is(:where(.group\/forms):is(.es-block-forms--style-dark-dyn) *) {
      &:is(:where(.peer\/checkbox):checked ~ *) {
        &::after {
          content: var(--tw-content);
          background-color: var(--ib-form-on-accent);
        }
      }
    }
  }
  .first\:ms-auto {
    &:first-child {
      margin-inline-start: auto;
    }
  }
  .first\:rounded-t-12 {
    &:first-child {
      border-top-left-radius: var(--radius-12);
      border-top-right-radius: var(--radius-12);
    }
  }
  .first\:rounded-tl-12 {
    &:first-child {
      border-top-left-radius: var(--radius-12);
    }
  }
  .first\:rounded-bl-12 {
    &:first-child {
      border-bottom-left-radius: var(--radius-12);
    }
  }
  .\*\:first\:rounded-tl-12 {
    :is(& > *) {
      &:first-child {
        border-top-left-radius: var(--radius-12);
      }
    }
  }
  .\*\:first\:rounded-bl-12 {
    :is(& > *) {
      &:first-child {
        border-bottom-left-radius: var(--radius-12);
      }
    }
  }
  .group-first\:first\:mask-t {
    &:is(:where(.group):first-child *) {
      &:first-child {
        mask-image: linear-gradient(to top, black 0%, transparent 90% 100%);
      }
    }
  }
  .last\:mb-0 {
    &:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .last\:rounded-tr-12 {
    &:last-child {
      border-top-right-radius: var(--radius-12);
    }
  }
  .last\:rounded-b-12 {
    &:last-child {
      border-bottom-right-radius: var(--radius-12);
      border-bottom-left-radius: var(--radius-12);
    }
  }
  .last\:rounded-br-12 {
    &:last-child {
      border-bottom-right-radius: var(--radius-12);
    }
  }
  .last\:border-b-0 {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .\*\:last\:mr-0 {
    :is(& > *) {
      &:last-child {
        margin-right: calc(var(--spacing) * 0);
      }
    }
  }
  .group-last\:last\:mask-b {
    &:is(:where(.group):last-child *) {
      &:last-child {
        mask-image: linear-gradient(to bottom, black 0%, transparent 90% 100%);
      }
    }
  }
  .even\:bg-off-white {
    &:nth-child(even) {
      background-color: var(--color-off-white);
    }
  }
  .last-of-type\:mb-0 {
    &:last-of-type {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .open\:block {
    &.is-open {
      display: block;
    }
  }
  .checked\:bg-bright-green-300 {
    &:checked {
      background-color: var(--color-bright-green-300);
    }
  }
  .checked\:bg-hyperlink {
    &:checked {
      background-color: var(--color-hyperlink);
    }
  }
  .checked\:bg-checkmark-dark-green-900 {
    &:checked {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden=%27true%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 12%27%3E%3Cpath stroke=%27%23053133%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272.5%27 d=%27M1 5.917 5.724 10.5 15 1.5%27/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: 0.7em 0.7em;
      background-position: center;
    }
  }
  .checked\:bg-checkmark-white {
    &:checked {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden=%27true%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 12%27%3E%3Cpath stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272.5%27 d=%27M1 5.917 5.724 10.5 15 1.5%27/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: 0.7em 0.7em;
      background-position: center;
    }
  }
  .checked\:after\:opacity-100 {
    &:checked {
      &::after {
        content: var(--tw-content);
        opacity: 100%;
      }
    }
  }
  .checked\:after\:content-\[\'\'\] {
    &:checked {
      &::after {
        --tw-content: '';
        content: var(--tw-content);
      }
    }
  }
  .indeterminate\:after\:top-6 {
    &:indeterminate {
      &::after {
        content: var(--tw-content);
        top: calc(var(--spacing) * 6);
      }
    }
  }
  .indeterminate\:after\:h-2 {
    &:indeterminate {
      &::after {
        content: var(--tw-content);
        height: calc(var(--spacing) * 2);
      }
    }
  }
  .indeterminate\:after\:opacity-100 {
    &:indeterminate {
      &::after {
        content: var(--tw-content);
        opacity: 100%;
      }
    }
  }
  .indeterminate\:after\:content-\[\'\'\] {
    &:indeterminate {
      &::after {
        --tw-content: '';
        content: var(--tw-content);
      }
    }
  }
  .empty\:hidden {
    &:empty {
      display: none;
    }
  }
  .hover\:motion-preset-confetti {
    &:hover {
      @media (hover: hover) {
        display: block;
        -webkit-appearance: none;
        appearance: none;
        position: relative;
        outline: 0;
        z-index: 1;
        margin: 0;
        animation: RomboConfettiPop var(--motion-duration) var(--motion-timing)  both;
        @keyframes RomboConfettiPop {
          0% {
            opacity: 0;
            transform: scale(1);
          }
          33% {
            opacity: 1;
            transform: scale(1.15);
          }
          50% {
            transform: scale(0.975);
          }
          65% {
            transform: scale(1.025);
          }
          80% {
            transform: scale(0.99);
          }
          87% {
            transform: scale(1.01);
          }
          100% {
            opacity: 1;
            transform: scale(1);
          }
        }
        &:after {
          display: block;
          animation-duration: var(--motion-duration);
          animation-timing-function: var(--motion-timing);
          animation-iteration-count: 1;
          animation-direction: normal;
          animation-fill-mode: forwards;
          animation-name: bottomfetti;
          position: absolute;
          content: " ";
          z-index: -1;
          width: 100%;
          height: 100%;
          left: -20%;
          top: 100%;
          transition: all var(--motion-timing) var(--motion-duration);
          background-repeat: no-repeat;
          background-image: radial-gradient(circle, #a2dd60 20%, transparent 20%),radial-gradient(circle, transparent 20%, #ee65a9 20%, transparent 30%),radial-gradient(circle, #6092dd 20%, transparent 20%),radial-gradient(circle, #f3c548 20%, transparent 20%),radial-gradient(circle, transparent 10%, #46ec99 15%, transparent 20%),radial-gradient(circle, #f03e47 20%, transparent 20%),radial-gradient(circle, #7b4df7 20%, transparent 20%),radial-gradient(circle, #3ff1bc 20%, transparent 20%);
          background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
        }
        &:before {
          display: block;
          animation-duration: var(--motion-duration);
          animation-timing-function: var(--motion-timing);
          animation-iteration-count: 1;
          animation-direction: normal;
          animation-fill-mode: forwards;
          animation-name: topfetti;
          position: absolute;
          content: " ";
          width: 100%;
          height: 100%;
          left: -5%;
          background-repeat: no-repeat;
          transition: all var(--motion-timing) var(--motion-duration);
          z-index: -1;
          top: -90%;
          background-image: radial-gradient(circle, #a2dd60 30%, transparent 20%),radial-gradient(circle, transparent 20%, #ee65a9 40%, transparent 20%),radial-gradient(circle, #6092dd 30%, transparent 20%),radial-gradient(circle, #f3c548 30%, transparent 20%),radial-gradient(circle, transparent 10%, #46ec99 15%, transparent 20%),radial-gradient(circle, #f03e47 30%, transparent 20%),radial-gradient(circle, #7b4df7 30%, transparent 30%),radial-gradient(circle, #3ff1bc 30%, transparent 20%),radial-gradient(circle, #48f088 30%, transparent 30%);
          background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 25% 25%;
        }
        @keyframes topfetti {
          0% {
            background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
          }
          50% {
            background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
          }
          100% {
            background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
            background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
          }
        }
        @keyframes bottomfetti {
          0% {
            background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%,70% -10%, 70% 0%;
          }
          50% {
            background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
          }
          100% {
            background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
            background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
          }
        }
      }
    }
  }
  .hover\:motion-preset-wiggle {
    &:hover {
      @media (hover: hover) {
        --motion-duration: 300ms;
        --motion-origin-rotate: 15deg;
        --motion-origin-translate-x: -25%;
        --motion-origin-translate-y: -10%;
        --motion-origin-opacity: 0;
        --motion-timing: var(--motion-spring-bounciest);
        --motion-perceptual-duration-multiplier: 5.285;
        --motion-opacity-timing: var(--motion-spring-smooth);
        --motion-opacity-perceptual-duration-multiplier: 2.035;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        --motion-rotate-in-animation: motion-rotate-in calc(var(--motion-rotate-duration, var(--motion-duration)) * var(--motion-rotate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-rotate-timing, var(--motion-timing)) var(--motion-rotate-delay, var(--motion-delay)) both;
        --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-bounce {
    &:hover {
      @media (hover: hover) {
        --motion-duration: 300ms;
        --motion-translate-timing: var(--motion-bounce);
        --motion-translate-perceptual-duration-multiplier: 2;
        --motion-origin-opacity: 0;
        --motion-origin-translate-y: -25%;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-compress {
    &:hover {
      @media (hover: hover) {
        --motion-origin-scale-x: 150%;
        --motion-origin-scale-y: 150%;
        --motion-origin-opacity: 0;
        --motion-scale-timing: var(--motion-spring-bouncier);
        --motion-scale-perceptual-duration-multiplier: 2.035;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-pop {
    &:hover {
      @media (hover: hover) {
        --motion-origin-scale-x: 50%;
        --motion-origin-scale-y: 50%;
        --motion-origin-opacity: 0;
        --motion-scale-timing: var(--motion-spring-bouncier);
        --motion-scale-perceptual-duration-multiplier: 2.035;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-shake {
    &:hover {
      @media (hover: hover) {
        --motion-duration: 300ms;
        --motion-origin-rotate: 15deg;
        --motion-origin-opacity: 0;
        --motion-rotate-timing: var(--motion-spring-bounciest);
        --motion-rotate-perceptual-duration-multiplier: 2.035;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        --motion-rotate-in-animation: motion-rotate-in calc(var(--motion-rotate-duration, var(--motion-duration)) * var(--motion-rotate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-rotate-timing, var(--motion-timing)) var(--motion-rotate-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-blur-down {
    &:hover {
      @media (hover: hover) {
        --motion-origin-blur: 5px;
        --motion-origin-translate-y: -5%;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
        --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-blur-left {
    &:hover {
      @media (hover: hover) {
        --motion-origin-blur: 5px;
        --motion-origin-translate-x: 5%;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
        --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-blur-right {
    &:hover {
      @media (hover: hover) {
        --motion-origin-blur: 5px;
        --motion-origin-translate-x: -5%;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
        --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-blur-up {
    &:hover {
      @media (hover: hover) {
        --motion-origin-blur: 5px;
        --motion-origin-translate-y: 5%;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
        --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-rebound-down {
    &:hover {
      @media (hover: hover) {
        --motion-origin-translate-y: -25%;
        --motion-translate-timing: var(--motion-spring-bouncier);
        --motion-translate-perceptual-duration-multiplier: 2.035;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-rebound-left {
    &:hover {
      @media (hover: hover) {
        --motion-origin-translate-x: 25%;
        --motion-translate-timing: var(--motion-spring-bouncier);
        --motion-translate-perceptual-duration-multiplier: 2.035;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-rebound-right {
    &:hover {
      @media (hover: hover) {
        --motion-origin-translate-x: -25%;
        --motion-translate-timing: var(--motion-spring-bouncier);
        --motion-translate-perceptual-duration-multiplier: 2.035;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-rebound-up {
    &:hover {
      @media (hover: hover) {
        --motion-origin-translate-y: 25%;
        --motion-translate-timing: var(--motion-spring-bouncier);
        --motion-translate-perceptual-duration-multiplier: 2.035;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-expand {
    &:hover {
      @media (hover: hover) {
        --motion-origin-scale-x: 50%;
        --motion-origin-scale-y: 50%;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-float {
    &:hover {
      @media (hover: hover) {
        --motion-loop-translate-y: 100%;
        --motion-translate-timing: var(--motion-spring-bouncier);
        --motion-translate-perceptual-duration-multiplier: 2.035;
        --motion-duration: 2000ms;
        --motion-translate-loop-animation: motion-translate-loop-mirror calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both var(--motion-translate-loop-count, var(--motion-loop-count));
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-shrink {
    &:hover {
      @media (hover: hover) {
        --motion-origin-scale-x: 150%;
        --motion-origin-scale-y: 150%;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-slide-down-left {
    &:hover {
      @media (hover: hover) {
        --motion-origin-translate-x: 25%;
        --motion-origin-translate-y: -25%;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-slide-down-right {
    &:hover {
      @media (hover: hover) {
        --motion-origin-translate-x: -25%;
        --motion-origin-translate-y: -25%;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-slide-up-left {
    &:hover {
      @media (hover: hover) {
        --motion-origin-translate-x: 25%;
        --motion-origin-translate-y: 25%;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-slide-up-right {
    &:hover {
      @media (hover: hover) {
        --motion-origin-translate-x: -25%;
        --motion-origin-translate-y: 25%;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-stretch {
    &:hover {
      @media (hover: hover) {
        --motion-loop-scale-x: 85%;
        --motion-loop-scale-y: 115%;
        --motion-scale-timing: var(--motion-spring-bouncier);
        --motion-scale-perceptual-duration-multiplier: 2.035;
        --motion-scale-loop-animation: motion-scale-loop-mirror calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both var(--motion-scale-loop-count, var(--motion-loop-count));
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-focus {
    &:hover {
      @media (hover: hover) {
        --motion-origin-blur: 5px;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-pulse {
    &:hover {
      @media (hover: hover) {
        --motion-loop-scale-x: 1.25;
        --motion-loop-scale-y: 1.25;
        --motion-timing: cubic-bezier(0.4, 0, 0.2, 1);
        --motion-scale-loop-animation: motion-scale-loop-mirror calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both var(--motion-scale-loop-count, var(--motion-loop-count));
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-seesaw {
    &:hover {
      @media (hover: hover) {
        --motion-loop-rotate: 6deg;
        --motion-rotate-loop-animation: motion-rotate-loop-mirror calc(var(--motion-rotate-duration, var(--motion-duration)) * var(--motion-rotate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-rotate-timing, var(--motion-timing)) var(--motion-rotate-delay, var(--motion-delay)) both var(--motion-rotate-loop-count, var(--motion-loop-count));
        --motion-rotate-timing: var(--motion-spring-bounciest);
        --motion-rotate-perceptual-duration-multiplier: 5.285;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-slide-down {
    &:hover {
      @media (hover: hover) {
        --motion-origin-translate-y: -25%;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-slide-left {
    &:hover {
      @media (hover: hover) {
        --motion-origin-translate-x: 25%;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-slide-right {
    &:hover {
      @media (hover: hover) {
        --motion-origin-translate-x: -25%;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-slide-up {
    &:hover {
      @media (hover: hover) {
        --motion-origin-translate-y: 25%;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-fade {
    &:hover {
      @media (hover: hover) {
        --motion-origin-opacity: 0;
        --motion-duration: 500ms;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-oscillate {
    &:hover {
      @media (hover: hover) {
        --motion-loop-translate-y: 15%;
        --motion-timing: cubic-bezier(0.4, 0, 0.2, 1);
        --motion-translate-loop-animation: motion-translate-loop-mirror calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both var(--motion-translate-loop-count, var(--motion-loop-count));
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-spin {
    &:hover {
      @media (hover: hover) {
        --motion-loop-rotate: 360deg;
        --motion-timing: linear;
        --motion-rotate-loop-animation: motion-rotate-loop-reset calc(var(--motion-rotate-duration, var(--motion-duration)) * var(--motion-rotate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-rotate-timing, var(--motion-timing)) var(--motion-rotate-delay, var(--motion-delay)) both var(--motion-rotate-loop-count, var(--motion-loop-count));
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-wobble {
    &:hover {
      @media (hover: hover) {
        --motion-loop-translate-x: 15%;
        --motion-timing: cubic-bezier(0.4, 0, 0.2, 1);
        --motion-translate-loop-animation: motion-translate-loop-mirror calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both var(--motion-translate-loop-count, var(--motion-loop-count));
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:motion-preset-blink {
    &:hover {
      @media (hover: hover) {
        --motion-loop-opacity: 0;
        --motion-opacity-loop-animation: motion-opacity-loop-mirror calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both var(--motion-opacity-loop-count, var(--motion-loop-count));
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
      }
    }
  }
  .hover\:rounded-35\% {
    &:hover {
      @media (hover: hover) {
        border-radius: var(--radius-35\%);
      }
    }
  }
  .hover\:border-black {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-black);
      }
    }
  }
  .hover\:border-grey-500\/10 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #969695 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-grey-500) 10%, transparent);
        }
      }
    }
  }
  .hover\:border-grey-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-grey-700);
      }
    }
  }
  .hover\:border-grey-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-grey-800);
      }
    }
  }
  .hover\:border-orange-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-orange-500);
      }
    }
  }
  .hover\:border-orange-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-orange-800);
      }
    }
  }
  .hover\:bg-black\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #1B1A19 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-dark-blue-850 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-dark-blue-850);
      }
    }
  }
  .hover\:bg-dark-green-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-dark-green-600);
      }
    }
  }
  .hover\:bg-dark-green-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-dark-green-800);
      }
    }
  }
  .hover\:bg-dark-pink-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-dark-pink-800);
      }
    }
  }
  .hover\:bg-grey-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-grey-600);
      }
    }
  }
  .hover\:bg-grey-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-grey-700);
      }
    }
  }
  .hover\:bg-grey-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-grey-800);
      }
    }
  }
  .hover\:bg-hyperlink\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #2171E8 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-hyperlink) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-light-blue-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-light-blue-100);
      }
    }
  }
  .hover\:bg-light-blue-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-light-blue-200);
      }
    }
  }
  .hover\:bg-light-blue-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-light-blue-300);
      }
    }
  }
  .hover\:bg-off-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-off-white);
      }
    }
  }
  .hover\:bg-off-white\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #EEF2FC 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-off-white) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-off-white\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #EEF2FC 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-off-white) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-orange-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-800);
      }
    }
  }
  .hover\:bg-orange-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-900);
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .hover\:bg-white\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #FFFFFF 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #FFFFFF 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/75 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #FFFFFF 75%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
        }
      }
    }
  }
  .hover\:text-black {
    &:hover {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  .hover\:text-bright-green-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-bright-green-100);
      }
    }
  }
  .hover\:text-hyperlink {
    &:hover {
      @media (hover: hover) {
        color: var(--color-hyperlink);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .hover\:shadow-xs {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:\*\:scale-110 {
    &:hover {
      @media (hover: hover) {
        :is(& > *) {
          --tw-scale-x: 110%;
          --tw-scale-y: 110%;
          --tw-scale-z: 110%;
          scale: var(--tw-scale-x) var(--tw-scale-y);
        }
      }
    }
  }
  .hover\:\*\:text-orange-900 {
    &:hover {
      @media (hover: hover) {
        :is(& > *) {
          color: var(--color-orange-900);
        }
      }
    }
  }
  .hover\:\*\:text-white {
    &:hover {
      @media (hover: hover) {
        :is(& > *) {
          color: var(--color-white);
        }
      }
    }
  }
  .focus\:not-sr-only {
    &:focus {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      clip-path: none;
      white-space: normal;
    }
  }
  .focus\:bg-orange-900 {
    &:focus {
      background-color: var(--color-orange-900);
    }
  }
  .focus\:normal-case\! {
    &:focus {
      text-transform: none !important;
    }
  }
  .focus\:opacity-100 {
    &:focus {
      opacity: 100%;
    }
  }
  .focus\:outline-hidden {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .focus-visible\:rounded-20\% {
    &:focus-visible {
      border-radius: var(--radius-20\%);
    }
  }
  .focus-visible\:border-dark-green-500 {
    &:focus-visible {
      border-color: var(--color-dark-green-500);
    }
  }
  .focus-visible\:border-orange-800 {
    &:focus-visible {
      border-color: var(--color-orange-800);
    }
  }
  .focus-visible\:border-orange-900 {
    &:focus-visible {
      border-color: var(--color-orange-900);
    }
  }
  .focus-visible\:bg-black {
    &:focus-visible {
      background-color: var(--color-black);
    }
  }
  .focus-visible\:bg-bright-green-100 {
    &:focus-visible {
      background-color: var(--color-bright-green-100);
    }
  }
  .focus-visible\:bg-grey-500 {
    &:focus-visible {
      background-color: var(--color-grey-500);
    }
  }
  .focus-visible\:bg-grey-800 {
    &:focus-visible {
      background-color: var(--color-grey-800);
    }
  }
  .focus-visible\:bg-light-blue-300 {
    &:focus-visible {
      background-color: var(--color-light-blue-300);
    }
  }
  .focus-visible\:bg-orange-900 {
    &:focus-visible {
      background-color: var(--color-orange-900);
    }
  }
  .focus-visible\:bg-white {
    &:focus-visible {
      background-color: var(--color-white);
    }
  }
  .focus-visible\:text-orange-900 {
    &:focus-visible {
      color: var(--color-orange-900);
    }
  }
  .focus-visible\:underline {
    &:focus-visible {
      text-decoration-line: underline;
    }
  }
  .focus-visible\:ring-2 {
    &:focus-visible {
      --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);
    }
  }
  .focus-visible\:ring-3 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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-visible\:ring-black {
    &:focus-visible {
      --tw-ring-color: var(--color-black);
    }
  }
  .focus-visible\:ring-bright-green-300\/75 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, #CBEA99 75%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-bright-green-300) 75%, transparent);
      }
    }
  }
  .focus-visible\:ring-hyperlink\/30 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, #2171E8 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-hyperlink) 30%, transparent);
      }
    }
  }
  .focus-visible\:ring-orange-500\/50 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, #FCA772 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-orange-500) 50%, transparent);
      }
    }
  }
  .focus-visible\:ring-orange-900 {
    &:focus-visible {
      --tw-ring-color: var(--color-orange-900);
    }
  }
  .focus-visible\:ring-orange-900\/30 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, #FC6423 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-orange-900) 30%, transparent);
      }
    }
  }
  .focus-visible\:ring-orange-900\/40 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, #FC6423 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-orange-900) 40%, transparent);
      }
    }
  }
  .focus-visible\:ring-orange-900\/50 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, #FC6423 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-orange-900) 50%, transparent);
      }
    }
  }
  .focus-visible\:ring-offset-2 {
    &:focus-visible {
      --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);
    }
  }
  .focus-visible\:ring-offset-black {
    &:focus-visible {
      --tw-ring-offset-color: var(--color-black);
    }
  }
  .focus-visible\:ring-offset-orange-900 {
    &:focus-visible {
      --tw-ring-offset-color: var(--color-orange-900);
    }
  }
  .focus-visible\:ring-offset-white {
    &:focus-visible {
      --tw-ring-offset-color: var(--color-white);
    }
  }
  .focus-visible\:outline-hidden {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .focus-visible\:outline-auto {
    &:focus-visible {
      outline: currentColor auto medium;
    }
  }
  .focus-visible\:outline-offset-4 {
    &:focus-visible {
      outline-offset: 4px;
    }
  }
  .focus-visible\:outline-orange-900\/40 {
    &:focus-visible {
      outline-color: color-mix(in srgb, #FC6423 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        outline-color: color-mix(in oklab, var(--color-orange-900) 40%, transparent);
      }
    }
  }
  .enabled\:hover\:bg-orange-900 {
    &:enabled {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-orange-900);
        }
      }
    }
  }
  .disabled\:pointer-events-none {
    &:disabled {
      pointer-events: none;
    }
  }
  .disabled\:cursor-default {
    &:disabled {
      cursor: default;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:border-black\/50 {
    &:disabled {
      border-color: color-mix(in srgb, #1B1A19 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 50%, transparent);
      }
    }
  }
  .disabled\:bg-black {
    &:disabled {
      background-color: var(--color-black);
    }
  }
  .disabled\:bg-grey-800 {
    &:disabled {
      background-color: var(--color-grey-800);
    }
  }
  .disabled\:text-grey-500 {
    &:disabled {
      color: var(--color-grey-500);
    }
  }
  .disabled\:text-white {
    &:disabled {
      color: var(--color-white);
    }
  }
  .disabled\:placeholder-grey-500 {
    &:disabled {
      &::placeholder {
        color: var(--color-grey-500);
      }
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .disabled\:opacity-70 {
    &:disabled {
      opacity: 70%;
    }
  }
  .disabled\:opacity-90 {
    &:disabled {
      opacity: 90%;
    }
  }
  .disabled\:opacity-100 {
    &:disabled {
      opacity: 100%;
    }
  }
  .disabled\:after\:bg-grey-500 {
    &:disabled {
      &::after {
        content: var(--tw-content);
        background-color: var(--color-grey-500);
      }
    }
  }
  .in-data-carousel-provider-container\:max-w-480 {
    :where(*[data-carousel-provider-container]) & {
      max-width: calc(var(--spacing) * 480);
    }
  }
  .in-data-is-fullscreen\:object-contain\! {
    :where(*[data-is-fullscreen]) & {
      object-fit: contain !important;
    }
  }
  .in-\[\.is-dark\]\:border-bright-blue-600 {
    :where(*:is(.is-dark)) & {
      border-color: var(--color-bright-blue-600);
    }
  }
  .in-\[\.is-dark\]\:text-bright-blue-600 {
    :where(*:is(.is-dark)) & {
      color: var(--color-bright-blue-600);
    }
  }
  .in-\[li\]\:pt-\[0\.75lh\]\! {
    :where(*:is(li)) & {
      padding-top: 0.75lh !important;
    }
  }
  .has-checked\:grid-rows-\[max-content_minmax\(0\,1fr\)\] {
    &:has(*:checked) {
      grid-template-rows: max-content minmax(0,1fr);
    }
  }
  .has-checked\:bg-dark-green-900 {
    &:has(*:checked) {
      background-color: var(--color-dark-green-900);
    }
  }
  .has-checked\:bg-off-white {
    &:has(*:checked) {
      background-color: var(--color-off-white);
    }
  }
  .has-checked\:bg-white {
    &:has(*:checked) {
      background-color: var(--color-white);
    }
  }
  .has-checked\:text-bright-green-300 {
    &:has(*:checked) {
      color: var(--color-bright-green-300);
    }
  }
  .has-checked\:opacity-100 {
    &:has(*:checked) {
      opacity: 100%;
    }
  }
  .has-focus-visible\:ring-3 {
    &:has(*:focus-visible) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
    }
  }
  .has-focus-visible\:ring-dark-green-500\/50 {
    &:has(*:focus-visible) {
      --tw-ring-color: color-mix(in srgb, #91B3B1 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-dark-green-500) 50%, transparent);
      }
    }
  }
  .has-focus-visible\:ring-hyperlink\/30 {
    &:has(*:focus-visible) {
      --tw-ring-color: color-mix(in srgb, #2171E8 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-hyperlink) 30%, transparent);
      }
    }
  }
  .has-focus-visible\:ring-orange-900\/40 {
    &:has(*:focus-visible) {
      --tw-ring-color: color-mix(in srgb, #FC6423 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-orange-900) 40%, transparent);
      }
    }
  }
  .has-\[\.item-label\:focus-visible\]\:border-orange-900 {
    &:has(*:is(.item-label:focus-visible)) {
      border-color: var(--color-orange-900);
    }
  }
  .has-\[\.item-label\:focus-visible\]\:ring-3 {
    &:has(*:is(.item-label:focus-visible)) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
    }
  }
  .has-\[\.item-label\:focus-visible\]\:ring-orange-900\/40 {
    &:has(*:is(.item-label:focus-visible)) {
      --tw-ring-color: color-mix(in srgb, #FC6423 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-orange-900) 40%, transparent);
      }
    }
  }
  .in-\[\.is-dark\]\:has-\[\.item-label\:focus-visible\]\:border-bright-blue-600 {
    :where(*:is(.is-dark)) & {
      &:has(*:is(.item-label:focus-visible)) {
        border-color: var(--color-bright-blue-600);
      }
    }
  }
  .in-\[\.is-dark\]\:has-\[\.item-label\:focus-visible\]\:ring-bright-blue-600\/40 {
    :where(*:is(.is-dark)) & {
      &:has(*:is(.item-label:focus-visible)) {
        --tw-ring-color: color-mix(in srgb, #9EB2FF 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-bright-blue-600) 40%, transparent);
        }
      }
    }
  }
  .has-\[\:checked\:focus-visible\]\:ring-dark-green-600\/50 {
    &:has(*:is(:checked:focus-visible)) {
      --tw-ring-color: color-mix(in srgb, #496A68 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-dark-green-600) 50%, transparent);
      }
    }
  }
  .has-\[input\[type\=number\]\]\:grid-cols-\[1fr_1fr_auto\] {
    &:has(*:is(input[type=number])) {
      grid-template-columns: 1fr 1fr auto;
    }
  }
  .has-\[span\:empty\]\:hidden {
    &:has(*:is(span:empty)) {
      display: none;
    }
  }
  .has-\[\+a\,\+button\]\:mb-auto {
    &:has(+a,+button) {
      margin-bottom: auto;
    }
  }
  .has-\[\>_\:empty\]\:hidden {
    &:has(> :empty) {
      display: none;
    }
  }
  .has-\[\>_\:only-child\]\:py-16 {
    &:has(> :only-child) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .has-\[\>div\[aria-expanded\=true\]\]\:bg-white {
    &:has(>div[aria-expanded=true]) {
      background-color: var(--color-white);
    }
  }
  .has-\[\~_\.ib-2024-nav\]\:h-80 {
    &:has(~ .ib-2024-nav) {
      height: calc(var(--spacing) * 80);
    }
  }
  .has-\[\~_\.ib-2024-nav\]\:rounded-t-16 {
    &:has(~ .ib-2024-nav) {
      border-top-left-radius: var(--radius-16);
      border-top-right-radius: var(--radius-16);
    }
  }
  .has-\[\~_\.ib-2024-nav\]\:rounded-b-none {
    &:has(~ .ib-2024-nav) {
      border-bottom-right-radius: var(--radius-none);
      border-bottom-left-radius: var(--radius-none);
    }
  }
  .has-\[\~_\.ib-2024-nav\]\:px-12 {
    &:has(~ .ib-2024-nav) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .aria-disabled\:opacity-20 {
    &[aria-disabled="true"] {
      opacity: 20%;
    }
  }
  .aria-expanded\:bg-black {
    &[aria-expanded="true"] {
      background-color: var(--color-black);
    }
  }
  .aria-expanded\:bg-grey-600 {
    &[aria-expanded="true"] {
      background-color: var(--color-grey-600);
    }
  }
  .aria-expanded\:bg-light-blue-300 {
    &[aria-expanded="true"] {
      background-color: var(--color-light-blue-300);
    }
  }
  .aria-expanded\:bg-white\/50 {
    &[aria-expanded="true"] {
      background-color: color-mix(in srgb, #FFFFFF 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
      }
    }
  }
  .aria-expanded\:hover\:bg-grey-600 {
    &[aria-expanded="true"] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-grey-600);
        }
      }
    }
  }
  .aria-expanded\:hover\:bg-light-blue-300 {
    &[aria-expanded="true"] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-light-blue-300);
        }
      }
    }
  }
  .aria-expanded\:hover\:bg-orange-900 {
    &[aria-expanded="true"] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-orange-900);
        }
      }
    }
  }
  .aria-expanded\:hover\:bg-white\/50 {
    &[aria-expanded="true"] {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #FFFFFF 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
          }
        }
      }
    }
  }
  .aria-expanded\:hover\:text-black {
    &[aria-expanded="true"] {
      &:hover {
        @media (hover: hover) {
          color: var(--color-black);
        }
      }
    }
  }
  .aria-selected\:bg-bright-green-300 {
    &[aria-selected="true"] {
      background-color: var(--color-bright-green-300);
    }
  }
  .aria-selected\:bg-bright-pink-300 {
    &[aria-selected="true"] {
      background-color: var(--color-bright-pink-300);
    }
  }
  .aria-selected\:bg-dark-green-700 {
    &[aria-selected="true"] {
      background-color: var(--color-dark-green-700);
    }
  }
  .aria-selected\:bg-grey-700 {
    &[aria-selected="true"] {
      background-color: var(--color-grey-700);
    }
  }
  .aria-selected\:bg-light-blue-300 {
    &[aria-selected="true"] {
      background-color: var(--color-light-blue-300);
    }
  }
  .aria-selected\:bg-orange-900 {
    &[aria-selected="true"] {
      background-color: var(--color-orange-900);
    }
  }
  .aria-selected\:bg-white {
    &[aria-selected="true"] {
      background-color: var(--color-white);
    }
  }
  .aria-selected\:bg-white\/90 {
    &[aria-selected="true"] {
      background-color: color-mix(in srgb, #FFFFFF 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
      }
    }
  }
  .aria-selected\:text-black {
    &[aria-selected="true"] {
      color: var(--color-black);
    }
  }
  .aria-selected\:text-bright-green-100 {
    &[aria-selected="true"] {
      color: var(--color-bright-green-100);
    }
  }
  .aria-selected\:text-dark-blue-950 {
    &[aria-selected="true"] {
      color: var(--color-dark-blue-950);
    }
  }
  .aria-selected\:text-dark-green-800 {
    &[aria-selected="true"] {
      color: var(--color-dark-green-800);
    }
  }
  .aria-selected\:text-dark-pink-800 {
    &[aria-selected="true"] {
      color: var(--color-dark-pink-800);
    }
  }
  .aria-selected\:hover\:bg-bright-green-300 {
    &[aria-selected="true"] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-bright-green-300);
        }
      }
    }
  }
  .aria-selected\:hover\:bg-bright-pink-300 {
    &[aria-selected="true"] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-bright-pink-300);
        }
      }
    }
  }
  .aria-selected\:hover\:bg-dark-green-600 {
    &[aria-selected="true"] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-dark-green-600);
        }
      }
    }
  }
  .aria-selected\:hover\:bg-grey-700 {
    &[aria-selected="true"] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-grey-700);
        }
      }
    }
  }
  .aria-selected\:hover\:bg-light-blue-300 {
    &[aria-selected="true"] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-light-blue-300);
        }
      }
    }
  }
  .aria-selected\:hover\:bg-orange-900 {
    &[aria-selected="true"] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-orange-900);
        }
      }
    }
  }
  .aria-selected\:hover\:bg-white {
    &[aria-selected="true"] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-white);
        }
      }
    }
  }
  .aria-\[current\]\:bg-black {
    &[aria-current] {
      background-color: var(--color-black);
    }
  }
  .aria-\[current\]\:bg-grey-600 {
    &[aria-current] {
      background-color: var(--color-grey-600);
    }
  }
  .aria-\[current\]\:bg-light-blue-300 {
    &[aria-current] {
      background-color: var(--color-light-blue-300);
    }
  }
  .aria-\[current\]\:bg-white {
    &[aria-current] {
      background-color: var(--color-white);
    }
  }
  .aria-\[current\]\:text-black {
    &[aria-current] {
      color: var(--color-black);
    }
  }
  .aria-\[current\]\:hover\:bg-grey-600 {
    &[aria-current] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-grey-600);
        }
      }
    }
  }
  .aria-\[current\]\:hover\:bg-orange-900 {
    &[aria-current] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-orange-900);
        }
      }
    }
  }
  .aria-\[current\]\:hover\:bg-white {
    &[aria-current] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-white);
        }
      }
    }
  }
  .aria-\[current\]\:hover\:text-black {
    &[aria-current] {
      &:hover {
        @media (hover: hover) {
          color: var(--color-black);
        }
      }
    }
  }
  .motion-safe\:hidden {
    @media (prefers-reduced-motion: no-preference) {
      display: none;
    }
  }
  .contrast-more\:border-black\/15 {
    @media (prefers-contrast: more) {
      border-color: color-mix(in srgb, #1B1A19 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 15%, transparent);
      }
    }
  }
  .contrast-more\:border-dark-green-900\/15 {
    @media (prefers-contrast: more) {
      border-color: color-mix(in srgb, #053133 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-dark-green-900) 15%, transparent);
      }
    }
  }
  .contrast-more\:border-dark-pink-900\/15 {
    @media (prefers-contrast: more) {
      border-color: color-mix(in srgb, #21151E 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-dark-pink-900) 15%, transparent);
      }
    }
  }
  .contrast-more\:text-black {
    @media (prefers-contrast: more) {
      color: var(--color-black);
    }
  }
  .contrast-more\:text-dark-green-900 {
    @media (prefers-contrast: more) {
      color: var(--color-dark-green-900);
    }
  }
  .contrast-more\:text-dark-pink-900 {
    @media (prefers-contrast: more) {
      color: var(--color-dark-pink-900);
    }
  }
  .contrast-more\:text-grey-700 {
    @media (prefers-contrast: more) {
      color: var(--color-grey-700);
    }
  }
  .max-md\:right-0 {
    @media (width < 64rem) {
      right: calc(var(--spacing) * 0);
    }
  }
  .max-md\:col-start-1 {
    @media (width < 64rem) {
      grid-column-start: 1;
    }
  }
  .max-md\:col-start-2 {
    @media (width < 64rem) {
      grid-column-start: 2;
    }
  }
  .max-md\:col-start-3 {
    @media (width < 64rem) {
      grid-column-start: 3;
    }
  }
  .max-md\:col-start-4 {
    @media (width < 64rem) {
      grid-column-start: 4;
    }
  }
  .max-md\:col-start-5 {
    @media (width < 64rem) {
      grid-column-start: 5;
    }
  }
  .max-md\:col-start-6 {
    @media (width < 64rem) {
      grid-column-start: 6;
    }
  }
  .max-md\:col-start-7 {
    @media (width < 64rem) {
      grid-column-start: 7;
    }
  }
  .max-md\:col-start-8 {
    @media (width < 64rem) {
      grid-column-start: 8;
    }
  }
  .max-md\:col-start-9 {
    @media (width < 64rem) {
      grid-column-start: 9;
    }
  }
  .max-md\:col-start-10 {
    @media (width < 64rem) {
      grid-column-start: 10;
    }
  }
  .max-md\:col-start-11 {
    @media (width < 64rem) {
      grid-column-start: 11;
    }
  }
  .max-md\:col-start-12 {
    @media (width < 64rem) {
      grid-column-start: 12;
    }
  }
  .max-md\:col-end-span-1 {
    @media (width < 64rem) {
      grid-column-end: span 1;
    }
  }
  .max-md\:col-end-span-2 {
    @media (width < 64rem) {
      grid-column-end: span 2;
    }
  }
  .max-md\:col-end-span-3 {
    @media (width < 64rem) {
      grid-column-end: span 3;
    }
  }
  .max-md\:col-end-span-4 {
    @media (width < 64rem) {
      grid-column-end: span 4;
    }
  }
  .max-md\:col-end-span-5 {
    @media (width < 64rem) {
      grid-column-end: span 5;
    }
  }
  .max-md\:col-end-span-6 {
    @media (width < 64rem) {
      grid-column-end: span 6;
    }
  }
  .max-md\:col-end-span-7 {
    @media (width < 64rem) {
      grid-column-end: span 7;
    }
  }
  .max-md\:col-end-span-8 {
    @media (width < 64rem) {
      grid-column-end: span 8;
    }
  }
  .max-md\:col-end-span-9 {
    @media (width < 64rem) {
      grid-column-end: span 9;
    }
  }
  .max-md\:col-end-span-10 {
    @media (width < 64rem) {
      grid-column-end: span 10;
    }
  }
  .max-md\:col-end-span-11 {
    @media (width < 64rem) {
      grid-column-end: span 11;
    }
  }
  .max-md\:col-end-span-12 {
    @media (width < 64rem) {
      grid-column-end: span 12;
    }
  }
  .max-md\:row-end-span-1 {
    @media (width < 64rem) {
      grid-row-end: span 1;
    }
  }
  .max-md\:row-end-span-2 {
    @media (width < 64rem) {
      grid-row-end: span 2;
    }
  }
  .max-md\:row-end-span-3 {
    @media (width < 64rem) {
      grid-row-end: span 3;
    }
  }
  .max-md\:row-end-span-4 {
    @media (width < 64rem) {
      grid-row-end: span 4;
    }
  }
  .max-md\:row-end-span-5 {
    @media (width < 64rem) {
      grid-row-end: span 5;
    }
  }
  .max-md\:row-end-span-6 {
    @media (width < 64rem) {
      grid-row-end: span 6;
    }
  }
  .max-md\:row-end-span-7 {
    @media (width < 64rem) {
      grid-row-end: span 7;
    }
  }
  .max-md\:row-end-span-8 {
    @media (width < 64rem) {
      grid-row-end: span 8;
    }
  }
  .max-md\:row-end-span-9 {
    @media (width < 64rem) {
      grid-row-end: span 9;
    }
  }
  .max-md\:row-end-span-10 {
    @media (width < 64rem) {
      grid-row-end: span 10;
    }
  }
  .max-md\:row-end-span-11 {
    @media (width < 64rem) {
      grid-row-end: span 11;
    }
  }
  .max-md\:row-end-span-12 {
    @media (width < 64rem) {
      grid-row-end: span 12;
    }
  }
  .max-md\:mx-auto {
    @media (width < 64rem) {
      margin-inline: auto;
    }
  }
  .max-md\:block {
    @media (width < 64rem) {
      display: block;
    }
  }
  .max-md\:flex {
    @media (width < 64rem) {
      display: flex;
    }
  }
  .max-md\:hidden {
    @media (width < 64rem) {
      display: none;
    }
  }
  .max-md\:h-full {
    @media (width < 64rem) {
      height: 100%;
    }
  }
  .max-md\:w-1\/2\! {
    @media (width < 64rem) {
      width: calc(1/2 * 100%) !important;
    }
  }
  .max-md\:w-1\/3\! {
    @media (width < 64rem) {
      width: calc(1/3 * 100%) !important;
    }
  }
  .max-md\:w-1\/4\! {
    @media (width < 64rem) {
      width: calc(1/4 * 100%) !important;
    }
  }
  .max-md\:w-2\/3\! {
    @media (width < 64rem) {
      width: calc(2/3 * 100%) !important;
    }
  }
  .max-md\:w-3\/4\! {
    @media (width < 64rem) {
      width: calc(3/4 * 100%) !important;
    }
  }
  .max-md\:w-full {
    @media (width < 64rem) {
      width: 100%;
    }
  }
  .max-md\:w-full\! {
    @media (width < 64rem) {
      width: 100% !important;
    }
  }
  .max-md\:auto-rows-auto {
    @media (width < 64rem) {
      grid-auto-rows: auto;
    }
  }
  .max-md\:auto-rows-fr {
    @media (width < 64rem) {
      grid-auto-rows: minmax(0, 1fr);
    }
  }
  .max-md\:grid-cols-1 {
    @media (width < 64rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .max-md\:grid-cols-2 {
    @media (width < 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .max-md\:grid-cols-3 {
    @media (width < 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .max-md\:grid-cols-4 {
    @media (width < 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .max-md\:grid-cols-5 {
    @media (width < 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .max-md\:grid-cols-6 {
    @media (width < 64rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .max-md\:grid-cols-7 {
    @media (width < 64rem) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  .max-md\:grid-cols-8 {
    @media (width < 64rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .max-md\:grid-cols-9 {
    @media (width < 64rem) {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  .max-md\:grid-cols-10 {
    @media (width < 64rem) {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  .max-md\:grid-cols-11 {
    @media (width < 64rem) {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
  }
  .max-md\:grid-cols-12 {
    @media (width < 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .max-md\:flex-col {
    @media (width < 64rem) {
      flex-direction: column;
    }
  }
  .max-md\:flex-row {
    @media (width < 64rem) {
      flex-direction: row;
    }
  }
  .max-md\:flex-wrap {
    @media (width < 64rem) {
      flex-wrap: wrap;
    }
  }
  .max-md\:items-center {
    @media (width < 64rem) {
      align-items: center;
    }
  }
  .max-md\:items-end {
    @media (width < 64rem) {
      align-items: flex-end;
    }
  }
  .max-md\:items-start {
    @media (width < 64rem) {
      align-items: flex-start;
    }
  }
  .max-md\:items-stretch {
    @media (width < 64rem) {
      align-items: stretch;
    }
  }
  .max-md\:justify-between {
    @media (width < 64rem) {
      justify-content: space-between;
    }
  }
  .max-md\:justify-center {
    @media (width < 64rem) {
      justify-content: center;
    }
  }
  .max-md\:justify-end {
    @media (width < 64rem) {
      justify-content: flex-end;
    }
  }
  .max-md\:justify-evenly {
    @media (width < 64rem) {
      justify-content: space-evenly;
    }
  }
  .max-md\:justify-start {
    @media (width < 64rem) {
      justify-content: flex-start;
    }
  }
  .max-md\:justify-stretch {
    @media (width < 64rem) {
      justify-content: stretch;
    }
  }
  .max-md\:gap-0 {
    @media (width < 64rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .max-md\:gap-4 {
    @media (width < 64rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .max-md\:gap-8 {
    @media (width < 64rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .max-md\:gap-12 {
    @media (width < 64rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .max-md\:gap-16 {
    @media (width < 64rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .max-md\:gap-20 {
    @media (width < 64rem) {
      gap: calc(var(--spacing) * 20);
    }
  }
  .max-md\:gap-24 {
    @media (width < 64rem) {
      gap: calc(var(--spacing) * 24);
    }
  }
  .max-md\:gap-32 {
    @media (width < 64rem) {
      gap: calc(var(--spacing) * 32);
    }
  }
  .max-md\:gap-x-8 {
    @media (width < 64rem) {
      column-gap: calc(var(--spacing) * 8);
    }
  }
  .max-md\:gap-x-12 {
    @media (width < 64rem) {
      column-gap: calc(var(--spacing) * 12);
    }
  }
  .max-md\:gap-x-16 {
    @media (width < 64rem) {
      column-gap: calc(var(--spacing) * 16);
    }
  }
  .max-md\:gap-x-20 {
    @media (width < 64rem) {
      column-gap: calc(var(--spacing) * 20);
    }
  }
  .max-md\:gap-x-24 {
    @media (width < 64rem) {
      column-gap: calc(var(--spacing) * 24);
    }
  }
  .max-md\:gap-y-8 {
    @media (width < 64rem) {
      row-gap: calc(var(--spacing) * 8);
    }
  }
  .max-md\:gap-y-12 {
    @media (width < 64rem) {
      row-gap: calc(var(--spacing) * 12);
    }
  }
  .max-md\:gap-y-16 {
    @media (width < 64rem) {
      row-gap: calc(var(--spacing) * 16);
    }
  }
  .max-md\:gap-y-20 {
    @media (width < 64rem) {
      row-gap: calc(var(--spacing) * 20);
    }
  }
  .max-md\:gap-y-24 {
    @media (width < 64rem) {
      row-gap: calc(var(--spacing) * 24);
    }
  }
  .max-md\:self-center {
    @media (width < 64rem) {
      align-self: center;
    }
  }
  .max-md\:self-end {
    @media (width < 64rem) {
      align-self: flex-end;
    }
  }
  .max-md\:self-start {
    @media (width < 64rem) {
      align-self: flex-start;
    }
  }
  .max-md\:self-stretch {
    @media (width < 64rem) {
      align-self: stretch;
    }
  }
  .max-md\:justify-self-center {
    @media (width < 64rem) {
      justify-self: center;
    }
  }
  .max-md\:justify-self-end {
    @media (width < 64rem) {
      justify-self: flex-end;
    }
  }
  .max-md\:justify-self-start {
    @media (width < 64rem) {
      justify-self: flex-start;
    }
  }
  .max-md\:justify-self-stretch {
    @media (width < 64rem) {
      justify-self: stretch;
    }
  }
  .max-md\:overflow-clip {
    @media (width < 64rem) {
      overflow: clip;
    }
  }
  .max-md\:overflow-hidden {
    @media (width < 64rem) {
      overflow: hidden;
    }
  }
  .max-md\:overflow-scroll {
    @media (width < 64rem) {
      overflow: scroll;
    }
  }
  .max-md\:overflow-visible {
    @media (width < 64rem) {
      overflow: visible;
    }
  }
  .max-md\:bg-dark-blue-900 {
    @media (width < 64rem) {
      background-color: var(--color-dark-blue-900);
    }
  }
  .max-md\:bg-light-blue-300 {
    @media (width < 64rem) {
      background-color: var(--color-light-blue-300);
    }
  }
  .max-md\:p-8 {
    @media (width < 64rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .max-md\:pt-0 {
    @media (width < 64rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .max-md\:pt-4 {
    @media (width < 64rem) {
      padding-top: calc(var(--spacing) * 4);
    }
  }
  .max-md\:pt-8 {
    @media (width < 64rem) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .max-md\:pt-12 {
    @media (width < 64rem) {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  .max-md\:pt-16 {
    @media (width < 64rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
  .max-md\:pt-20 {
    @media (width < 64rem) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .max-md\:pt-24 {
    @media (width < 64rem) {
      padding-top: calc(var(--spacing) * 24);
    }
  }
  .max-md\:pt-32 {
    @media (width < 64rem) {
      padding-top: calc(var(--spacing) * 32);
    }
  }
  .max-md\:pr-0 {
    @media (width < 64rem) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .max-md\:pr-4 {
    @media (width < 64rem) {
      padding-right: calc(var(--spacing) * 4);
    }
  }
  .max-md\:pr-8 {
    @media (width < 64rem) {
      padding-right: calc(var(--spacing) * 8);
    }
  }
  .max-md\:pr-12 {
    @media (width < 64rem) {
      padding-right: calc(var(--spacing) * 12);
    }
  }
  .max-md\:pr-16 {
    @media (width < 64rem) {
      padding-right: calc(var(--spacing) * 16);
    }
  }
  .max-md\:pr-20 {
    @media (width < 64rem) {
      padding-right: calc(var(--spacing) * 20);
    }
  }
  .max-md\:pr-24 {
    @media (width < 64rem) {
      padding-right: calc(var(--spacing) * 24);
    }
  }
  .max-md\:pr-32 {
    @media (width < 64rem) {
      padding-right: calc(var(--spacing) * 32);
    }
  }
  .max-md\:pb-0 {
    @media (width < 64rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .max-md\:pb-4 {
    @media (width < 64rem) {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .max-md\:pb-8 {
    @media (width < 64rem) {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }
  .max-md\:pb-12 {
    @media (width < 64rem) {
      padding-bottom: calc(var(--spacing) * 12);
    }
  }
  .max-md\:pb-16 {
    @media (width < 64rem) {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }
  .max-md\:pb-20 {
    @media (width < 64rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .max-md\:pb-24 {
    @media (width < 64rem) {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
  .max-md\:pb-32 {
    @media (width < 64rem) {
      padding-bottom: calc(var(--spacing) * 32);
    }
  }
  .max-md\:pl-0 {
    @media (width < 64rem) {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .max-md\:pl-4 {
    @media (width < 64rem) {
      padding-left: calc(var(--spacing) * 4);
    }
  }
  .max-md\:pl-8 {
    @media (width < 64rem) {
      padding-left: calc(var(--spacing) * 8);
    }
  }
  .max-md\:pl-12 {
    @media (width < 64rem) {
      padding-left: calc(var(--spacing) * 12);
    }
  }
  .max-md\:pl-16 {
    @media (width < 64rem) {
      padding-left: calc(var(--spacing) * 16);
    }
  }
  .max-md\:pl-20 {
    @media (width < 64rem) {
      padding-left: calc(var(--spacing) * 20);
    }
  }
  .max-md\:pl-24 {
    @media (width < 64rem) {
      padding-left: calc(var(--spacing) * 24);
    }
  }
  .max-md\:pl-32 {
    @media (width < 64rem) {
      padding-left: calc(var(--spacing) * 32);
    }
  }
  .max-md\:text-center {
    @media (width < 64rem) {
      text-align: center;
    }
  }
  .max-md\:opacity-25 {
    @media (width < 64rem) {
      opacity: 25%;
    }
  }
  .max-md\:opacity-100 {
    @media (width < 64rem) {
      opacity: 100%;
    }
  }
  .max-md\:ib-content-w-fill {
    @media (width < 64rem) {
      --ib-content-w: -moz-available;
      --ib-content-w: -webkit-fill-available;
      --ib-content-w: stretch;
    }
  }
  .max-md\:\[--ib-content-justify\:center\] {
    @media (width < 64rem) {
      --ib-content-justify: center;
    }
  }
  .max-md\:\[--ib-content-justify\:end\] {
    @media (width < 64rem) {
      --ib-content-justify: end;
    }
  }
  .max-md\:\[--ib-content-justify\:start\] {
    @media (width < 64rem) {
      --ib-content-justify: start;
    }
  }
  .max-md\:\[--ib-content-justify\:stretch\] {
    @media (width < 64rem) {
      --ib-content-justify: stretch;
    }
  }
  .max-md\:\[--ib-content-w\:10\%\] {
    @media (width < 64rem) {
      --ib-content-w: 10%;
    }
  }
  .max-md\:\[--ib-content-w\:15vw\] {
    @media (width < 64rem) {
      --ib-content-w: 15vw;
    }
  }
  .max-md\:\[--ib-content-w\:25\%\] {
    @media (width < 64rem) {
      --ib-content-w: 25%;
    }
  }
  .max-md\:\[--ib-content-w\:30vw\] {
    @media (width < 64rem) {
      --ib-content-w: 30vw;
    }
  }
  .max-md\:\[--ib-content-w\:33\.333\%\] {
    @media (width < 64rem) {
      --ib-content-w: 33.333%;
    }
  }
  .max-md\:\[--ib-content-w\:45vw\] {
    @media (width < 64rem) {
      --ib-content-w: 45vw;
    }
  }
  .max-md\:\[--ib-content-w\:50\%\] {
    @media (width < 64rem) {
      --ib-content-w: 50%;
    }
  }
  .max-md\:\[--ib-content-w\:60vw\] {
    @media (width < 64rem) {
      --ib-content-w: 60vw;
    }
  }
  .max-md\:\[--ib-content-w\:75\%\] {
    @media (width < 64rem) {
      --ib-content-w: 75%;
    }
  }
  .max-md\:\[--ib-content-w\:75vw\] {
    @media (width < 64rem) {
      --ib-content-w: 75vw;
    }
  }
  .max-md\:\[--ib-content-w\:85\%\] {
    @media (width < 64rem) {
      --ib-content-w: 85%;
    }
  }
  .max-md\:\[--ib-content-w\:90\%\] {
    @media (width < 64rem) {
      --ib-content-w: 90%;
    }
  }
  .max-md\:\[--ib-content-w\:auto\] {
    @media (width < 64rem) {
      --ib-content-w: auto;
    }
  }
  .max-md\:before\:hidden {
    @media (width < 64rem) {
      &::before {
        content: var(--tw-content);
        display: none;
      }
    }
  }
  .max-sm\:-left-60 {
    @media (width < 48rem) {
      left: calc(var(--spacing) * -60);
    }
  }
  .max-sm\:col-start-1 {
    @media (width < 48rem) {
      grid-column-start: 1;
    }
  }
  .max-sm\:col-start-2 {
    @media (width < 48rem) {
      grid-column-start: 2;
    }
  }
  .max-sm\:col-start-3 {
    @media (width < 48rem) {
      grid-column-start: 3;
    }
  }
  .max-sm\:col-start-4 {
    @media (width < 48rem) {
      grid-column-start: 4;
    }
  }
  .max-sm\:col-start-5 {
    @media (width < 48rem) {
      grid-column-start: 5;
    }
  }
  .max-sm\:col-start-6 {
    @media (width < 48rem) {
      grid-column-start: 6;
    }
  }
  .max-sm\:col-start-7 {
    @media (width < 48rem) {
      grid-column-start: 7;
    }
  }
  .max-sm\:col-start-8 {
    @media (width < 48rem) {
      grid-column-start: 8;
    }
  }
  .max-sm\:col-start-9 {
    @media (width < 48rem) {
      grid-column-start: 9;
    }
  }
  .max-sm\:col-start-10 {
    @media (width < 48rem) {
      grid-column-start: 10;
    }
  }
  .max-sm\:col-start-11 {
    @media (width < 48rem) {
      grid-column-start: 11;
    }
  }
  .max-sm\:col-start-12 {
    @media (width < 48rem) {
      grid-column-start: 12;
    }
  }
  .max-sm\:col-end-span-1 {
    @media (width < 48rem) {
      grid-column-end: span 1;
    }
  }
  .max-sm\:col-end-span-2 {
    @media (width < 48rem) {
      grid-column-end: span 2;
    }
  }
  .max-sm\:col-end-span-3 {
    @media (width < 48rem) {
      grid-column-end: span 3;
    }
  }
  .max-sm\:col-end-span-4 {
    @media (width < 48rem) {
      grid-column-end: span 4;
    }
  }
  .max-sm\:col-end-span-5 {
    @media (width < 48rem) {
      grid-column-end: span 5;
    }
  }
  .max-sm\:col-end-span-6 {
    @media (width < 48rem) {
      grid-column-end: span 6;
    }
  }
  .max-sm\:col-end-span-7 {
    @media (width < 48rem) {
      grid-column-end: span 7;
    }
  }
  .max-sm\:col-end-span-8 {
    @media (width < 48rem) {
      grid-column-end: span 8;
    }
  }
  .max-sm\:col-end-span-9 {
    @media (width < 48rem) {
      grid-column-end: span 9;
    }
  }
  .max-sm\:col-end-span-10 {
    @media (width < 48rem) {
      grid-column-end: span 10;
    }
  }
  .max-sm\:col-end-span-11 {
    @media (width < 48rem) {
      grid-column-end: span 11;
    }
  }
  .max-sm\:col-end-span-12 {
    @media (width < 48rem) {
      grid-column-end: span 12;
    }
  }
  .max-sm\:row-end-span-1 {
    @media (width < 48rem) {
      grid-row-end: span 1;
    }
  }
  .max-sm\:row-end-span-2 {
    @media (width < 48rem) {
      grid-row-end: span 2;
    }
  }
  .max-sm\:row-end-span-3 {
    @media (width < 48rem) {
      grid-row-end: span 3;
    }
  }
  .max-sm\:row-end-span-4 {
    @media (width < 48rem) {
      grid-row-end: span 4;
    }
  }
  .max-sm\:row-end-span-5 {
    @media (width < 48rem) {
      grid-row-end: span 5;
    }
  }
  .max-sm\:row-end-span-6 {
    @media (width < 48rem) {
      grid-row-end: span 6;
    }
  }
  .max-sm\:row-end-span-7 {
    @media (width < 48rem) {
      grid-row-end: span 7;
    }
  }
  .max-sm\:row-end-span-8 {
    @media (width < 48rem) {
      grid-row-end: span 8;
    }
  }
  .max-sm\:row-end-span-9 {
    @media (width < 48rem) {
      grid-row-end: span 9;
    }
  }
  .max-sm\:row-end-span-10 {
    @media (width < 48rem) {
      grid-row-end: span 10;
    }
  }
  .max-sm\:row-end-span-11 {
    @media (width < 48rem) {
      grid-row-end: span 11;
    }
  }
  .max-sm\:row-end-span-12 {
    @media (width < 48rem) {
      grid-row-end: span 12;
    }
  }
  .max-sm\:scrollbar-none {
    @media (width < 48rem) {
      scrollbar-width: none;
      &::-webkit-scrollbar {
        display: none;
      }
    }
  }
  .max-sm\:block {
    @media (width < 48rem) {
      display: block;
    }
  }
  .max-sm\:flex {
    @media (width < 48rem) {
      display: flex;
    }
  }
  .max-sm\:hidden {
    @media (width < 48rem) {
      display: none;
    }
  }
  .max-sm\:h-full {
    @media (width < 48rem) {
      height: 100%;
    }
  }
  .max-sm\:w-1\/2\! {
    @media (width < 48rem) {
      width: calc(1/2 * 100%) !important;
    }
  }
  .max-sm\:w-1\/3\! {
    @media (width < 48rem) {
      width: calc(1/3 * 100%) !important;
    }
  }
  .max-sm\:w-1\/4\! {
    @media (width < 48rem) {
      width: calc(1/4 * 100%) !important;
    }
  }
  .max-sm\:w-2\/3\! {
    @media (width < 48rem) {
      width: calc(2/3 * 100%) !important;
    }
  }
  .max-sm\:w-3\/4\! {
    @media (width < 48rem) {
      width: calc(3/4 * 100%) !important;
    }
  }
  .max-sm\:w-full {
    @media (width < 48rem) {
      width: 100%;
    }
  }
  .max-sm\:w-full\! {
    @media (width < 48rem) {
      width: 100% !important;
    }
  }
  .max-sm\:min-w-140 {
    @media (width < 48rem) {
      min-width: calc(var(--spacing) * 140);
    }
  }
  .max-sm\:auto-rows-auto {
    @media (width < 48rem) {
      grid-auto-rows: auto;
    }
  }
  .max-sm\:auto-rows-fr {
    @media (width < 48rem) {
      grid-auto-rows: minmax(0, 1fr);
    }
  }
  .max-sm\:grid-cols-1 {
    @media (width < 48rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .max-sm\:grid-cols-2 {
    @media (width < 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .max-sm\:grid-cols-3 {
    @media (width < 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .max-sm\:grid-cols-4 {
    @media (width < 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .max-sm\:grid-cols-5 {
    @media (width < 48rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .max-sm\:grid-cols-6 {
    @media (width < 48rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .max-sm\:grid-cols-7 {
    @media (width < 48rem) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  .max-sm\:grid-cols-8 {
    @media (width < 48rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .max-sm\:grid-cols-9 {
    @media (width < 48rem) {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  .max-sm\:grid-cols-10 {
    @media (width < 48rem) {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  .max-sm\:grid-cols-11 {
    @media (width < 48rem) {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
  }
  .max-sm\:grid-cols-12 {
    @media (width < 48rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .max-sm\:flex-col {
    @media (width < 48rem) {
      flex-direction: column;
    }
  }
  .max-sm\:flex-row {
    @media (width < 48rem) {
      flex-direction: row;
    }
  }
  .max-sm\:flex-wrap {
    @media (width < 48rem) {
      flex-wrap: wrap;
    }
  }
  .max-sm\:items-center {
    @media (width < 48rem) {
      align-items: center;
    }
  }
  .max-sm\:items-end {
    @media (width < 48rem) {
      align-items: flex-end;
    }
  }
  .max-sm\:items-start {
    @media (width < 48rem) {
      align-items: flex-start;
    }
  }
  .max-sm\:items-stretch {
    @media (width < 48rem) {
      align-items: stretch;
    }
  }
  .max-sm\:justify-between {
    @media (width < 48rem) {
      justify-content: space-between;
    }
  }
  .max-sm\:justify-center {
    @media (width < 48rem) {
      justify-content: center;
    }
  }
  .max-sm\:justify-end {
    @media (width < 48rem) {
      justify-content: flex-end;
    }
  }
  .max-sm\:justify-evenly {
    @media (width < 48rem) {
      justify-content: space-evenly;
    }
  }
  .max-sm\:justify-start {
    @media (width < 48rem) {
      justify-content: flex-start;
    }
  }
  .max-sm\:justify-stretch {
    @media (width < 48rem) {
      justify-content: stretch;
    }
  }
  .max-sm\:gap-0 {
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .max-sm\:gap-4 {
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .max-sm\:gap-8 {
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .max-sm\:gap-12 {
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .max-sm\:gap-16 {
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .max-sm\:gap-20 {
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 20);
    }
  }
  .max-sm\:gap-24 {
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 24);
    }
  }
  .max-sm\:gap-32 {
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 32);
    }
  }
  .max-sm\:space-y-12 {
    @media (width < 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .max-sm\:gap-x-8 {
    @media (width < 48rem) {
      column-gap: calc(var(--spacing) * 8);
    }
  }
  .max-sm\:gap-x-12 {
    @media (width < 48rem) {
      column-gap: calc(var(--spacing) * 12);
    }
  }
  .max-sm\:gap-x-16 {
    @media (width < 48rem) {
      column-gap: calc(var(--spacing) * 16);
    }
  }
  .max-sm\:gap-x-20 {
    @media (width < 48rem) {
      column-gap: calc(var(--spacing) * 20);
    }
  }
  .max-sm\:gap-x-24 {
    @media (width < 48rem) {
      column-gap: calc(var(--spacing) * 24);
    }
  }
  .max-sm\:gap-y-8 {
    @media (width < 48rem) {
      row-gap: calc(var(--spacing) * 8);
    }
  }
  .max-sm\:gap-y-12 {
    @media (width < 48rem) {
      row-gap: calc(var(--spacing) * 12);
    }
  }
  .max-sm\:gap-y-16 {
    @media (width < 48rem) {
      row-gap: calc(var(--spacing) * 16);
    }
  }
  .max-sm\:gap-y-20 {
    @media (width < 48rem) {
      row-gap: calc(var(--spacing) * 20);
    }
  }
  .max-sm\:gap-y-24 {
    @media (width < 48rem) {
      row-gap: calc(var(--spacing) * 24);
    }
  }
  .max-sm\:self-center {
    @media (width < 48rem) {
      align-self: center;
    }
  }
  .max-sm\:self-end {
    @media (width < 48rem) {
      align-self: flex-end;
    }
  }
  .max-sm\:self-start {
    @media (width < 48rem) {
      align-self: flex-start;
    }
  }
  .max-sm\:self-stretch {
    @media (width < 48rem) {
      align-self: stretch;
    }
  }
  .max-sm\:justify-self-center {
    @media (width < 48rem) {
      justify-self: center;
    }
  }
  .max-sm\:justify-self-end {
    @media (width < 48rem) {
      justify-self: flex-end;
    }
  }
  .max-sm\:justify-self-start {
    @media (width < 48rem) {
      justify-self: flex-start;
    }
  }
  .max-sm\:justify-self-stretch {
    @media (width < 48rem) {
      justify-self: stretch;
    }
  }
  .max-sm\:overflow-clip {
    @media (width < 48rem) {
      overflow: clip;
    }
  }
  .max-sm\:overflow-hidden {
    @media (width < 48rem) {
      overflow: hidden;
    }
  }
  .max-sm\:overflow-scroll {
    @media (width < 48rem) {
      overflow: scroll;
    }
  }
  .max-sm\:overflow-visible {
    @media (width < 48rem) {
      overflow: visible;
    }
  }
  .max-sm\:overflow-x-auto {
    @media (width < 48rem) {
      overflow-x: auto;
    }
  }
  .max-sm\:rounded-full {
    @media (width < 48rem) {
      border-radius: var(--radius-full);
    }
  }
  .max-sm\:bg-black {
    @media (width < 48rem) {
      background-color: var(--color-black);
    }
  }
  .max-sm\:bg-white {
    @media (width < 48rem) {
      background-color: var(--color-white);
    }
  }
  .max-sm\:p-4 {
    @media (width < 48rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .max-sm\:px-20 {
    @media (width < 48rem) {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
  .max-sm\:py-8 {
    @media (width < 48rem) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .max-sm\:pt-0 {
    @media (width < 48rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .max-sm\:pt-4 {
    @media (width < 48rem) {
      padding-top: calc(var(--spacing) * 4);
    }
  }
  .max-sm\:pt-8 {
    @media (width < 48rem) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .max-sm\:pt-12 {
    @media (width < 48rem) {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  .max-sm\:pt-16 {
    @media (width < 48rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
  .max-sm\:pt-20 {
    @media (width < 48rem) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .max-sm\:pt-24 {
    @media (width < 48rem) {
      padding-top: calc(var(--spacing) * 24);
    }
  }
  .max-sm\:pt-32 {
    @media (width < 48rem) {
      padding-top: calc(var(--spacing) * 32);
    }
  }
  .max-sm\:pr-0 {
    @media (width < 48rem) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .max-sm\:pr-4 {
    @media (width < 48rem) {
      padding-right: calc(var(--spacing) * 4);
    }
  }
  .max-sm\:pr-8 {
    @media (width < 48rem) {
      padding-right: calc(var(--spacing) * 8);
    }
  }
  .max-sm\:pr-12 {
    @media (width < 48rem) {
      padding-right: calc(var(--spacing) * 12);
    }
  }
  .max-sm\:pr-16 {
    @media (width < 48rem) {
      padding-right: calc(var(--spacing) * 16);
    }
  }
  .max-sm\:pr-20 {
    @media (width < 48rem) {
      padding-right: calc(var(--spacing) * 20);
    }
  }
  .max-sm\:pr-24 {
    @media (width < 48rem) {
      padding-right: calc(var(--spacing) * 24);
    }
  }
  .max-sm\:pr-32 {
    @media (width < 48rem) {
      padding-right: calc(var(--spacing) * 32);
    }
  }
  .max-sm\:pr-48 {
    @media (width < 48rem) {
      padding-right: calc(var(--spacing) * 48);
    }
  }
  .max-sm\:pb-0 {
    @media (width < 48rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .max-sm\:pb-4 {
    @media (width < 48rem) {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .max-sm\:pb-8 {
    @media (width < 48rem) {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }
  .max-sm\:pb-12 {
    @media (width < 48rem) {
      padding-bottom: calc(var(--spacing) * 12);
    }
  }
  .max-sm\:pb-16 {
    @media (width < 48rem) {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }
  .max-sm\:pb-20 {
    @media (width < 48rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .max-sm\:pb-24 {
    @media (width < 48rem) {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
  .max-sm\:pb-32 {
    @media (width < 48rem) {
      padding-bottom: calc(var(--spacing) * 32);
    }
  }
  .max-sm\:pl-0 {
    @media (width < 48rem) {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .max-sm\:pl-4 {
    @media (width < 48rem) {
      padding-left: calc(var(--spacing) * 4);
    }
  }
  .max-sm\:pl-8 {
    @media (width < 48rem) {
      padding-left: calc(var(--spacing) * 8);
    }
  }
  .max-sm\:pl-12 {
    @media (width < 48rem) {
      padding-left: calc(var(--spacing) * 12);
    }
  }
  .max-sm\:pl-16 {
    @media (width < 48rem) {
      padding-left: calc(var(--spacing) * 16);
    }
  }
  .max-sm\:pl-20 {
    @media (width < 48rem) {
      padding-left: calc(var(--spacing) * 20);
    }
  }
  .max-sm\:pl-24 {
    @media (width < 48rem) {
      padding-left: calc(var(--spacing) * 24);
    }
  }
  .max-sm\:pl-32 {
    @media (width < 48rem) {
      padding-left: calc(var(--spacing) * 32);
    }
  }
  .max-sm\:opacity-25 {
    @media (width < 48rem) {
      opacity: 25%;
    }
  }
  .max-sm\:opacity-100 {
    @media (width < 48rem) {
      opacity: 100%;
    }
  }
  .max-sm\:ib-content-w-fill {
    @media (width < 48rem) {
      --ib-content-w: -moz-available;
      --ib-content-w: -webkit-fill-available;
      --ib-content-w: stretch;
    }
  }
  .max-sm\:\[--ib-content-justify\:center\] {
    @media (width < 48rem) {
      --ib-content-justify: center;
    }
  }
  .max-sm\:\[--ib-content-justify\:end\] {
    @media (width < 48rem) {
      --ib-content-justify: end;
    }
  }
  .max-sm\:\[--ib-content-justify\:start\] {
    @media (width < 48rem) {
      --ib-content-justify: start;
    }
  }
  .max-sm\:\[--ib-content-justify\:stretch\] {
    @media (width < 48rem) {
      --ib-content-justify: stretch;
    }
  }
  .max-sm\:\[--ib-content-w\:10\%\] {
    @media (width < 48rem) {
      --ib-content-w: 10%;
    }
  }
  .max-sm\:\[--ib-content-w\:15vw\] {
    @media (width < 48rem) {
      --ib-content-w: 15vw;
    }
  }
  .max-sm\:\[--ib-content-w\:25\%\] {
    @media (width < 48rem) {
      --ib-content-w: 25%;
    }
  }
  .max-sm\:\[--ib-content-w\:30vw\] {
    @media (width < 48rem) {
      --ib-content-w: 30vw;
    }
  }
  .max-sm\:\[--ib-content-w\:33\.333\%\] {
    @media (width < 48rem) {
      --ib-content-w: 33.333%;
    }
  }
  .max-sm\:\[--ib-content-w\:45vw\] {
    @media (width < 48rem) {
      --ib-content-w: 45vw;
    }
  }
  .max-sm\:\[--ib-content-w\:50\%\] {
    @media (width < 48rem) {
      --ib-content-w: 50%;
    }
  }
  .max-sm\:\[--ib-content-w\:60vw\] {
    @media (width < 48rem) {
      --ib-content-w: 60vw;
    }
  }
  .max-sm\:\[--ib-content-w\:75\%\] {
    @media (width < 48rem) {
      --ib-content-w: 75%;
    }
  }
  .max-sm\:\[--ib-content-w\:75vw\] {
    @media (width < 48rem) {
      --ib-content-w: 75vw;
    }
  }
  .max-sm\:\[--ib-content-w\:85\%\] {
    @media (width < 48rem) {
      --ib-content-w: 85%;
    }
  }
  .max-sm\:\[--ib-content-w\:90\%\] {
    @media (width < 48rem) {
      --ib-content-w: 90%;
    }
  }
  .max-sm\:\[--ib-content-w\:auto\] {
    @media (width < 48rem) {
      --ib-content-w: auto;
    }
  }
  .\*\:max-sm\:mx-20 {
    :is(& > *) {
      @media (width < 48rem) {
        margin-inline: calc(var(--spacing) * 20);
      }
    }
  }
  .max-sm\:group-\[\:not\(\:has\(\:checked\)\)\]\:hidden {
    @media (width < 48rem) {
      &:is(:where(.group):is(:not(:has(:checked))) *) {
        display: none;
      }
    }
  }
  .xs\:z-10 {
    @media (width >= 28.25rem) {
      z-index: 10;
    }
  }
  .xs\:order-0 {
    @media (width >= 28.25rem) {
      order: 0;
    }
  }
  .xs\:col-start-2 {
    @media (width >= 28.25rem) {
      grid-column-start: 2;
    }
  }
  .xs\:row-span-2 {
    @media (width >= 28.25rem) {
      grid-row: span 2 / span 2;
    }
  }
  .xs\:row-start-1 {
    @media (width >= 28.25rem) {
      grid-row-start: 1;
    }
  }
  .xs\:row-start-2 {
    @media (width >= 28.25rem) {
      grid-row-start: 2;
    }
  }
  .xs\:mb-4 {
    @media (width >= 28.25rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .xs\:block {
    @media (width >= 28.25rem) {
      display: block;
    }
  }
  .xs\:flex {
    @media (width >= 28.25rem) {
      display: flex;
    }
  }
  .xs\:grid {
    @media (width >= 28.25rem) {
      display: grid;
    }
  }
  .xs\:w-3\/4 {
    @media (width >= 28.25rem) {
      width: calc(3/4 * 100%);
    }
  }
  .xs\:grid-cols-2 {
    @media (width >= 28.25rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .xs\:grid-cols-\[1fr_auto\] {
    @media (width >= 28.25rem) {
      grid-template-columns: 1fr auto;
    }
  }
  .xs\:grid-cols-\[auto_1fr\] {
    @media (width >= 28.25rem) {
      grid-template-columns: auto 1fr;
    }
  }
  .xs\:grid-cols-\[auto_minmax\(0\,1fr\)\] {
    @media (width >= 28.25rem) {
      grid-template-columns: auto minmax(0,1fr);
    }
  }
  .xs\:grid-cols-\[repeat\(auto-fit\,minmax\(6\.25rem\,1fr\)\)\] {
    @media (width >= 28.25rem) {
      grid-template-columns: repeat(auto-fit,minmax(6.25rem,1fr));
    }
  }
  .xs\:gap-16 {
    @media (width >= 28.25rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .xs\:rounded-24 {
    @media (width >= 28.25rem) {
      border-radius: var(--radius-24);
    }
  }
  .xs\:text-center {
    @media (width >= 28.25rem) {
      text-align: center;
    }
  }
  .xs\:has-\[\>picture\:last-child\]\:grid-cols-2 {
    @media (width >= 28.25rem) {
      &:has(>picture:last-child) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
  }
  .sm\:sticky {
    @media (width >= 48rem) {
      position: sticky;
    }
  }
  .sm\:sticky\! {
    @media (width >= 48rem) {
      position: sticky !important;
    }
  }
  .sm\:top-\(--global-top-headers-size\) {
    @media (width >= 48rem) {
      top: var(--global-top-headers-size);
    }
  }
  .sm\:top-0 {
    @media (width >= 48rem) {
      top: calc(var(--spacing) * 0);
    }
  }
  .sm\:top-16 {
    @media (width >= 48rem) {
      top: calc(var(--spacing) * 16);
    }
  }
  .sm\:top-40\! {
    @media (width >= 48rem) {
      top: calc(var(--spacing) * 40) !important;
    }
  }
  .sm\:-right-48 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * -48);
    }
  }
  .sm\:right-0 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 0);
    }
  }
  .sm\:right-16 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 16);
    }
  }
  .sm\:order-1 {
    @media (width >= 48rem) {
      order: 1;
    }
  }
  .sm\:order-2 {
    @media (width >= 48rem) {
      order: 2;
    }
  }
  .sm\:col-span-1 {
    @media (width >= 48rem) {
      grid-column: span 1 / span 1;
    }
  }
  .sm\:col-span-2 {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .sm\:col-span-5 {
    @media (width >= 48rem) {
      grid-column: span 5 / span 5;
    }
  }
  .sm\:col-start-1 {
    @media (width >= 48rem) {
      grid-column-start: 1;
    }
  }
  .sm\:col-start-2 {
    @media (width >= 48rem) {
      grid-column-start: 2;
    }
  }
  .sm\:col-start-3 {
    @media (width >= 48rem) {
      grid-column-start: 3;
    }
  }
  .sm\:col-start-4 {
    @media (width >= 48rem) {
      grid-column-start: 4;
    }
  }
  .sm\:col-start-5 {
    @media (width >= 48rem) {
      grid-column-start: 5;
    }
  }
  .sm\:col-start-6 {
    @media (width >= 48rem) {
      grid-column-start: 6;
    }
  }
  .sm\:col-start-7 {
    @media (width >= 48rem) {
      grid-column-start: 7;
    }
  }
  .sm\:col-start-8 {
    @media (width >= 48rem) {
      grid-column-start: 8;
    }
  }
  .sm\:col-start-9 {
    @media (width >= 48rem) {
      grid-column-start: 9;
    }
  }
  .sm\:col-start-10 {
    @media (width >= 48rem) {
      grid-column-start: 10;
    }
  }
  .sm\:col-start-11 {
    @media (width >= 48rem) {
      grid-column-start: 11;
    }
  }
  .sm\:col-start-12 {
    @media (width >= 48rem) {
      grid-column-start: 12;
    }
  }
  .sm\:col-end-8 {
    @media (width >= 48rem) {
      grid-column-end: 8;
    }
  }
  .sm\:col-end-12 {
    @media (width >= 48rem) {
      grid-column-end: 12;
    }
  }
  .sm\:col-end-span-1 {
    @media (width >= 48rem) {
      grid-column-end: span 1;
    }
  }
  .sm\:col-end-span-2 {
    @media (width >= 48rem) {
      grid-column-end: span 2;
    }
  }
  .sm\:col-end-span-3 {
    @media (width >= 48rem) {
      grid-column-end: span 3;
    }
  }
  .sm\:col-end-span-4 {
    @media (width >= 48rem) {
      grid-column-end: span 4;
    }
  }
  .sm\:col-end-span-5 {
    @media (width >= 48rem) {
      grid-column-end: span 5;
    }
  }
  .sm\:col-end-span-6 {
    @media (width >= 48rem) {
      grid-column-end: span 6;
    }
  }
  .sm\:col-end-span-7 {
    @media (width >= 48rem) {
      grid-column-end: span 7;
    }
  }
  .sm\:col-end-span-8 {
    @media (width >= 48rem) {
      grid-column-end: span 8;
    }
  }
  .sm\:col-end-span-9 {
    @media (width >= 48rem) {
      grid-column-end: span 9;
    }
  }
  .sm\:col-end-span-10 {
    @media (width >= 48rem) {
      grid-column-end: span 10;
    }
  }
  .sm\:col-end-span-11 {
    @media (width >= 48rem) {
      grid-column-end: span 11;
    }
  }
  .sm\:col-end-span-12 {
    @media (width >= 48rem) {
      grid-column-end: span 12;
    }
  }
  .sm\:row-span-2 {
    @media (width >= 48rem) {
      grid-row: span 2 / span 2;
    }
  }
  .sm\:row-start-2 {
    @media (width >= 48rem) {
      grid-row-start: 2;
    }
  }
  .sm\:row-end-span-1 {
    @media (width >= 48rem) {
      grid-row-end: span 1;
    }
  }
  .sm\:row-end-span-2 {
    @media (width >= 48rem) {
      grid-row-end: span 2;
    }
  }
  .sm\:row-end-span-3 {
    @media (width >= 48rem) {
      grid-row-end: span 3;
    }
  }
  .sm\:row-end-span-4 {
    @media (width >= 48rem) {
      grid-row-end: span 4;
    }
  }
  .sm\:row-end-span-5 {
    @media (width >= 48rem) {
      grid-row-end: span 5;
    }
  }
  .sm\:row-end-span-6 {
    @media (width >= 48rem) {
      grid-row-end: span 6;
    }
  }
  .sm\:row-end-span-7 {
    @media (width >= 48rem) {
      grid-row-end: span 7;
    }
  }
  .sm\:row-end-span-8 {
    @media (width >= 48rem) {
      grid-row-end: span 8;
    }
  }
  .sm\:row-end-span-9 {
    @media (width >= 48rem) {
      grid-row-end: span 9;
    }
  }
  .sm\:row-end-span-10 {
    @media (width >= 48rem) {
      grid-row-end: span 10;
    }
  }
  .sm\:row-end-span-11 {
    @media (width >= 48rem) {
      grid-row-end: span 11;
    }
  }
  .sm\:row-end-span-12 {
    @media (width >= 48rem) {
      grid-row-end: span 12;
    }
  }
  .sm\:-mx-12 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * -12);
    }
  }
  .sm\:mx-0 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .sm\:mx-48 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 48);
    }
  }
  .sm\:mx-auto {
    @media (width >= 48rem) {
      margin-inline: auto;
    }
  }
  .sm\:my-0 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 0);
    }
  }
  .sm\:me-40 {
    @media (width >= 48rem) {
      margin-inline-end: calc(var(--spacing) * 40);
    }
  }
  .sm\:-mt-20 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * -20);
    }
  }
  .sm\:-mt-200 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * -200);
    }
  }
  .sm\:mt-0 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .sm\:mt-16 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 16);
    }
  }
  .sm\:mt-24 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 24);
    }
  }
  .sm\:mt-auto {
    @media (width >= 48rem) {
      margin-top: auto;
    }
  }
  .sm\:mr-40 {
    @media (width >= 48rem) {
      margin-right: calc(var(--spacing) * 40);
    }
  }
  .sm\:mb-0 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .sm\:mb-12 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .sm\:mb-24 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 24);
    }
  }
  .sm\:ml-20 {
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * 20);
    }
  }
  .sm\:scrollbar-thin {
    @media (width >= 48rem) {
      &::-webkit-scrollbar-track {
        background-color: var(--scrollbar-track);
        border-radius: var(--scrollbar-track-radius);
      }
      &::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-thumb);
        border-radius: var(--scrollbar-thumb-radius);
      }
      &::-webkit-scrollbar-corner {
        background-color: var(--scrollbar-corner);
        border-radius: var(--scrollbar-corner-radius);
      }
      scrollbar-width: thin;
      scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
      &::-webkit-scrollbar {
        display: block;
        width: 8px;
        height: 8px;
      }
    }
  }
  .sm\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .sm\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .sm\:grid {
    @media (width >= 48rem) {
      display: grid;
    }
  }
  .sm\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .sm\:aspect-square {
    @media (width >= 48rem) {
      aspect-ratio: 1 / 1;
    }
  }
  .sm\:size-48 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 48);
      height: calc(var(--spacing) * 48);
    }
  }
  .sm\:size-80 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 80);
      height: calc(var(--spacing) * 80);
    }
  }
  .sm\:size-120 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 120);
      height: calc(var(--spacing) * 120);
    }
  }
  .sm\:h-40 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 40);
    }
  }
  .sm\:h-48 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 48);
    }
  }
  .sm\:h-120 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 120);
    }
  }
  .sm\:h-\[8rem\] {
    @media (width >= 48rem) {
      height: 8rem;
    }
  }
  .sm\:h-auto\! {
    @media (width >= 48rem) {
      height: auto !important;
    }
  }
  .sm\:h-full {
    @media (width >= 48rem) {
      height: 100%;
    }
  }
  .sm\:max-h-\[45vh\] {
    @media (width >= 48rem) {
      max-height: 45vh;
    }
  }
  .sm\:min-h-200 {
    @media (width >= 48rem) {
      min-height: calc(var(--spacing) * 200);
    }
  }
  .sm\:min-h-440 {
    @media (width >= 48rem) {
      min-height: calc(var(--spacing) * 440);
    }
  }
  .sm\:w-1\/2\! {
    @media (width >= 48rem) {
      width: calc(1/2 * 100%) !important;
    }
  }
  .sm\:w-1\/3\! {
    @media (width >= 48rem) {
      width: calc(1/3 * 100%) !important;
    }
  }
  .sm\:w-1\/4\! {
    @media (width >= 48rem) {
      width: calc(1/4 * 100%) !important;
    }
  }
  .sm\:w-2\/3\! {
    @media (width >= 48rem) {
      width: calc(2/3 * 100%) !important;
    }
  }
  .sm\:w-3\/4\! {
    @media (width >= 48rem) {
      width: calc(3/4 * 100%) !important;
    }
  }
  .sm\:w-11\/12 {
    @media (width >= 48rem) {
      width: calc(11/12 * 100%);
    }
  }
  .sm\:w-48 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 48);
    }
  }
  .sm\:w-96 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 96);
    }
  }
  .sm\:w-136 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 136);
    }
  }
  .sm\:w-\[18\.75rem\] {
    @media (width >= 48rem) {
      width: 18.75rem;
    }
  }
  .sm\:w-\[80vw\] {
    @media (width >= 48rem) {
      width: 80vw;
    }
  }
  .sm\:w-fit {
    @media (width >= 48rem) {
      width: fit-content;
    }
  }
  .sm\:w-full {
    @media (width >= 48rem) {
      width: 100%;
    }
  }
  .sm\:w-full\! {
    @media (width >= 48rem) {
      width: 100% !important;
    }
  }
  .sm\:max-w-full {
    @media (width >= 48rem) {
      max-width: 100%;
    }
  }
  .sm\:min-w-240 {
    @media (width >= 48rem) {
      min-width: calc(var(--spacing) * 240);
    }
  }
  .sm\:shrink-0 {
    @media (width >= 48rem) {
      flex-shrink: 0;
    }
  }
  .sm\:scale-95 {
    @media (width >= 48rem) {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .sm\:cursor-default {
    @media (width >= 48rem) {
      cursor: default;
    }
  }
  .sm\:auto-cols-fr {
    @media (width >= 48rem) {
      grid-auto-columns: minmax(0, 1fr);
    }
  }
  .sm\:grid-flow-col {
    @media (width >= 48rem) {
      grid-auto-flow: column;
    }
  }
  .sm\:auto-rows-auto {
    @media (width >= 48rem) {
      grid-auto-rows: auto;
    }
  }
  .sm\:auto-rows-fr {
    @media (width >= 48rem) {
      grid-auto-rows: minmax(0, 1fr);
    }
  }
  .sm\:grid-cols-1 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-5 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-6 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-7 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-8 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-9 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-10 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-11 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-12 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-\[1fr_minmax\(50\%\,1fr\)\] {
    @media (width >= 48rem) {
      grid-template-columns: 1fr minmax(50%,1fr);
    }
  }
  .sm\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
    @media (width >= 48rem) {
      grid-template-columns: minmax(0,1fr) auto;
    }
  }
  .sm\:grid-cols-\[minmax\(0\,20rem\)_minmax\(0\,1fr\)\] {
    @media (width >= 48rem) {
      grid-template-columns: minmax(0,20rem) minmax(0,1fr);
    }
  }
  .sm\:grid-cols-none {
    @media (width >= 48rem) {
      grid-template-columns: none;
    }
  }
  .sm\:grid-rows-1 {
    @media (width >= 48rem) {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
  }
  .sm\:grid-rows-\[max-content_minmax\(0\,1fr\)\] {
    @media (width >= 48rem) {
      grid-template-rows: max-content minmax(0,1fr);
    }
  }
  .sm\:grid-rows-\[minmax\(0\,1fr\)_auto\] {
    @media (width >= 48rem) {
      grid-template-rows: minmax(0,1fr) auto;
    }
  }
  .sm\:flex-col {
    @media (width >= 48rem) {
      flex-direction: column;
    }
  }
  .sm\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .sm\:flex-wrap {
    @media (width >= 48rem) {
      flex-wrap: wrap;
    }
  }
  .sm\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .sm\:items-end {
    @media (width >= 48rem) {
      align-items: flex-end;
    }
  }
  .sm\:items-start {
    @media (width >= 48rem) {
      align-items: flex-start;
    }
  }
  .sm\:items-stretch {
    @media (width >= 48rem) {
      align-items: stretch;
    }
  }
  .sm\:justify-between {
    @media (width >= 48rem) {
      justify-content: space-between;
    }
  }
  .sm\:justify-center {
    @media (width >= 48rem) {
      justify-content: center;
    }
  }
  .sm\:justify-end {
    @media (width >= 48rem) {
      justify-content: flex-end;
    }
  }
  .sm\:justify-evenly {
    @media (width >= 48rem) {
      justify-content: space-evenly;
    }
  }
  .sm\:justify-start {
    @media (width >= 48rem) {
      justify-content: flex-start;
    }
  }
  .sm\:justify-stretch {
    @media (width >= 48rem) {
      justify-content: stretch;
    }
  }
  .sm\:gap-0 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .sm\:gap-4 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .sm\:gap-8 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .sm\:gap-12 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .sm\:gap-12\! {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 12) !important;
    }
  }
  .sm\:gap-16 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .sm\:gap-20 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 20);
    }
  }
  .sm\:gap-24 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 24);
    }
  }
  .sm\:gap-32 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 32);
    }
  }
  .sm\:gap-40 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 40);
    }
  }
  .sm\:gap-56 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 56);
    }
  }
  .sm\:gap-px {
    @media (width >= 48rem) {
      gap: 1px;
    }
  }
  .sm\:space-y-4 {
    @media (width >= 48rem) {
      :where(& > :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)));
      }
    }
  }
  .sm\:space-y-32 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 32) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 32) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .sm\:gap-x-8 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 8);
    }
  }
  .sm\:gap-x-12 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 12);
    }
  }
  .sm\:gap-x-16 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 16);
    }
  }
  .sm\:gap-x-20 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 20);
    }
  }
  .sm\:gap-x-24 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 24);
    }
  }
  .sm\:gap-x-48 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 48);
    }
  }
  .sm\:gap-y-8 {
    @media (width >= 48rem) {
      row-gap: calc(var(--spacing) * 8);
    }
  }
  .sm\:gap-y-12 {
    @media (width >= 48rem) {
      row-gap: calc(var(--spacing) * 12);
    }
  }
  .sm\:gap-y-16 {
    @media (width >= 48rem) {
      row-gap: calc(var(--spacing) * 16);
    }
  }
  .sm\:gap-y-20 {
    @media (width >= 48rem) {
      row-gap: calc(var(--spacing) * 20);
    }
  }
  .sm\:gap-y-24 {
    @media (width >= 48rem) {
      row-gap: calc(var(--spacing) * 24);
    }
  }
  .sm\:self-center {
    @media (width >= 48rem) {
      align-self: center;
    }
  }
  .sm\:self-end {
    @media (width >= 48rem) {
      align-self: flex-end;
    }
  }
  .sm\:self-start {
    @media (width >= 48rem) {
      align-self: flex-start;
    }
  }
  .sm\:self-start\! {
    @media (width >= 48rem) {
      align-self: flex-start !important;
    }
  }
  .sm\:self-stretch {
    @media (width >= 48rem) {
      align-self: stretch;
    }
  }
  .sm\:justify-self-center {
    @media (width >= 48rem) {
      justify-self: center;
    }
  }
  .sm\:justify-self-end {
    @media (width >= 48rem) {
      justify-self: flex-end;
    }
  }
  .sm\:justify-self-start {
    @media (width >= 48rem) {
      justify-self: flex-start;
    }
  }
  .sm\:justify-self-stretch {
    @media (width >= 48rem) {
      justify-self: stretch;
    }
  }
  .sm\:overflow-clip {
    @media (width >= 48rem) {
      overflow: clip;
    }
  }
  .sm\:overflow-hidden {
    @media (width >= 48rem) {
      overflow: hidden;
    }
  }
  .sm\:overflow-scroll {
    @media (width >= 48rem) {
      overflow: scroll;
    }
  }
  .sm\:overflow-visible {
    @media (width >= 48rem) {
      overflow: visible;
    }
  }
  .sm\:overflow-y-auto {
    @media (width >= 48rem) {
      overflow-y: auto;
    }
  }
  .sm\:rounded-12 {
    @media (width >= 48rem) {
      border-radius: var(--radius-12);
    }
  }
  .sm\:rounded-16 {
    @media (width >= 48rem) {
      border-radius: var(--radius-16);
    }
  }
  .sm\:rounded-18 {
    @media (width >= 48rem) {
      border-radius: var(--radius-18);
    }
  }
  .sm\:rounded-24 {
    @media (width >= 48rem) {
      border-radius: var(--radius-24);
    }
  }
  .sm\:bg-dark-blue-900 {
    @media (width >= 48rem) {
      background-color: var(--color-dark-blue-900);
    }
  }
  .sm\:bg-grey-800 {
    @media (width >= 48rem) {
      background-color: var(--color-grey-800);
    }
  }
  .sm\:bg-off-white {
    @media (width >= 48rem) {
      background-color: var(--color-off-white);
    }
  }
  .sm\:bg-transparent {
    @media (width >= 48rem) {
      background-color: transparent;
    }
  }
  .sm\:bg-white {
    @media (width >= 48rem) {
      background-color: var(--color-white);
    }
  }
  .sm\:p-12 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 12);
    }
  }
  .sm\:p-16 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 16);
    }
  }
  .sm\:p-24 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 24);
    }
  }
  .sm\:p-40 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 40);
    }
  }
  .sm\:px-0 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .sm\:px-16 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 16);
    }
  }
  .sm\:px-24 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 24);
    }
  }
  .sm\:px-32 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 32);
    }
  }
  .sm\:py-0 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .sm\:py-2 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .sm\:py-12 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .sm\:py-24 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 24);
    }
  }
  .sm\:py-32 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 32);
    }
  }
  .sm\:py-48 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 48);
    }
  }
  .sm\:py-80 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 80);
    }
  }
  .sm\:pt-0 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .sm\:pt-4 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 4);
    }
  }
  .sm\:pt-8 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .sm\:pt-12 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  .sm\:pt-16 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
  .sm\:pt-20 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .sm\:pt-24 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 24);
    }
  }
  .sm\:pt-32 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 32);
    }
  }
  .sm\:pt-48 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 48);
    }
  }
  .sm\:pt-72 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 72);
    }
  }
  .sm\:pr-0 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .sm\:pr-4 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 4);
    }
  }
  .sm\:pr-8 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 8);
    }
  }
  .sm\:pr-12 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 12);
    }
  }
  .sm\:pr-16 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 16);
    }
  }
  .sm\:pr-20 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 20);
    }
  }
  .sm\:pr-24 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 24);
    }
  }
  .sm\:pr-32 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 32);
    }
  }
  .sm\:pb-0 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .sm\:pb-4 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .sm\:pb-8 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }
  .sm\:pb-12 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 12);
    }
  }
  .sm\:pb-16 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }
  .sm\:pb-20 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .sm\:pb-24 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
  .sm\:pb-32 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 32);
    }
  }
  .sm\:pb-72 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 72);
    }
  }
  .sm\:pb-96 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 96);
    }
  }
  .sm\:pl-0 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .sm\:pl-4 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 4);
    }
  }
  .sm\:pl-8 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 8);
    }
  }
  .sm\:pl-12 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 12);
    }
  }
  .sm\:pl-16 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 16);
    }
  }
  .sm\:pl-20 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 20);
    }
  }
  .sm\:pl-24 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 24);
    }
  }
  .sm\:pl-32 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 32);
    }
  }
  .sm\:pl-120 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 120);
    }
  }
  .sm\:text-start {
    @media (width >= 48rem) {
      text-align: start;
    }
  }
  .sm\:text-start\! {
    @media (width >= 48rem) {
      text-align: start !important;
    }
  }
  .sm\:font-a2 {
    @media (width >= 48rem) {
      font-family: var(--font-display);
      font-size: var(--text-22);
      --tw-leading: 1.2;
      line-height: 1.2;
      --tw-tracking: calc(var(--tracking-1) * -1);
      letter-spacing: calc(var(--tracking-1) * -1);
      @media (width >= 64rem) {
        font-size: var(--text-28);
      }
      @media (width >= 90rem) {
        font-size: var(--text-32);
      }
    }
  }
  .sm\:opacity-0 {
    @media (width >= 48rem) {
      opacity: 0%;
    }
  }
  .sm\:opacity-25 {
    @media (width >= 48rem) {
      opacity: 25%;
    }
  }
  .sm\:opacity-100 {
    @media (width >= 48rem) {
      opacity: 100%;
    }
  }
  .sm\:transition {
    @media (width >= 48rem) {
      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));
    }
  }
  .sm\:transition-opacity {
    @media (width >= 48rem) {
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .sm\:ib-content-w-fill {
    @media (width >= 48rem) {
      --ib-content-w: -moz-available;
      --ib-content-w: -webkit-fill-available;
      --ib-content-w: stretch;
    }
  }
  .sm\:\[--ib-content-justify\:center\] {
    @media (width >= 48rem) {
      --ib-content-justify: center;
    }
  }
  .sm\:\[--ib-content-justify\:end\] {
    @media (width >= 48rem) {
      --ib-content-justify: end;
    }
  }
  .sm\:\[--ib-content-justify\:start\] {
    @media (width >= 48rem) {
      --ib-content-justify: start;
    }
  }
  .sm\:\[--ib-content-justify\:stretch\] {
    @media (width >= 48rem) {
      --ib-content-justify: stretch;
    }
  }
  .sm\:\[--ib-content-w\:10\%\] {
    @media (width >= 48rem) {
      --ib-content-w: 10%;
    }
  }
  .sm\:\[--ib-content-w\:15vw\] {
    @media (width >= 48rem) {
      --ib-content-w: 15vw;
    }
  }
  .sm\:\[--ib-content-w\:25\%\] {
    @media (width >= 48rem) {
      --ib-content-w: 25%;
    }
  }
  .sm\:\[--ib-content-w\:30vw\] {
    @media (width >= 48rem) {
      --ib-content-w: 30vw;
    }
  }
  .sm\:\[--ib-content-w\:33\.333\%\] {
    @media (width >= 48rem) {
      --ib-content-w: 33.333%;
    }
  }
  .sm\:\[--ib-content-w\:45vw\] {
    @media (width >= 48rem) {
      --ib-content-w: 45vw;
    }
  }
  .sm\:\[--ib-content-w\:50\%\] {
    @media (width >= 48rem) {
      --ib-content-w: 50%;
    }
  }
  .sm\:\[--ib-content-w\:60vw\] {
    @media (width >= 48rem) {
      --ib-content-w: 60vw;
    }
  }
  .sm\:\[--ib-content-w\:75\%\] {
    @media (width >= 48rem) {
      --ib-content-w: 75%;
    }
  }
  .sm\:\[--ib-content-w\:75vw\] {
    @media (width >= 48rem) {
      --ib-content-w: 75vw;
    }
  }
  .sm\:\[--ib-content-w\:85\%\] {
    @media (width >= 48rem) {
      --ib-content-w: 85%;
    }
  }
  .sm\:\[--ib-content-w\:90\%\] {
    @media (width >= 48rem) {
      --ib-content-w: 90%;
    }
  }
  .sm\:\[--ib-content-w\:auto\] {
    @media (width >= 48rem) {
      --ib-content-w: auto;
    }
  }
  .\*\:sm\:col-span-2 {
    :is(& > *) {
      @media (width >= 48rem) {
        grid-column: span 2 / span 2;
      }
    }
  }
  .\*\:sm\:row-start-1\! {
    :is(& > *) {
      @media (width >= 48rem) {
        grid-row-start: 1 !important;
      }
    }
  }
  .sm\:\*\:basis-1\/2 {
    @media (width >= 48rem) {
      :is(& > *) {
        flex-basis: calc(1/2 * 100%);
      }
    }
  }
  .sm\:group-hover\:scale-100 {
    @media (width >= 48rem) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-scale-x: 100%;
          --tw-scale-y: 100%;
          --tw-scale-z: 100%;
          scale: var(--tw-scale-x) var(--tw-scale-y);
        }
      }
    }
  }
  .sm\:group-hover\:bg-off-white {
    @media (width >= 48rem) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-off-white);
        }
      }
    }
  }
  .sm\:group-hover\:bg-white {
    @media (width >= 48rem) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-white);
        }
      }
    }
  }
  .sm\:group-hover\:opacity-100 {
    @media (width >= 48rem) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          opacity: 100%;
        }
      }
    }
  }
  .sm\:group-hover\:paused {
    @media (width >= 48rem) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          animation-play-state: paused;
        }
      }
    }
  }
  .sm\:group-focus-visible\:scale-100 {
    @media (width >= 48rem) {
      &:is(:where(.group):focus-visible *) {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .sm\:group-focus-visible\:opacity-100 {
    @media (width >= 48rem) {
      &:is(:where(.group):focus-visible *) {
        opacity: 100%;
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-grid-2\]\/field\:sm\:grid {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-grid-2) *) {
      @media (width >= 48rem) {
        display: grid;
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-grid-2\]\/field\:sm\:grid-cols-2 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-grid-2) *) {
      @media (width >= 48rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-grid-2\]\/field\:sm\:gap-8 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-grid-2) *) {
      @media (width >= 48rem) {
        gap: calc(var(--spacing) * 8);
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-grid-2\]\/field\:sm\:space-y-0 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-grid-2) *) {
      @media (width >= 48rem) {
        :where(& > :not(:last-child)) {
          --tw-space-y-reverse: 0;
          margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
          margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
        }
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-grid-3\]\/field\:sm\:grid {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-grid-3) *) {
      @media (width >= 48rem) {
        display: grid;
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-grid-3\]\/field\:sm\:grid-cols-2 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-grid-3) *) {
      @media (width >= 48rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-grid-3\]\/field\:sm\:gap-8 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-grid-3) *) {
      @media (width >= 48rem) {
        gap: calc(var(--spacing) * 8);
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-grid-3\]\/field\:sm\:space-y-0 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-grid-3) *) {
      @media (width >= 48rem) {
        :where(& > :not(:last-child)) {
          --tw-space-y-reverse: 0;
          margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
          margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
        }
      }
    }
  }
  .before\:sm\:absolute {
    &::before {
      content: var(--tw-content);
      @media (width >= 48rem) {
        position: absolute;
      }
    }
  }
  .sm\:hover\:bg-dark-blue-800 {
    @media (width >= 48rem) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-dark-blue-800);
        }
      }
    }
  }
  .sm\:hover\:bg-white {
    @media (width >= 48rem) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-white);
        }
      }
    }
  }
  .sm\:nth-last-\[2\]\:mb-0 {
    @media (width >= 48rem) {
      &:nth-last-child(2) {
        margin-bottom: calc(var(--spacing) * 0);
      }
    }
  }
  .md\:sticky {
    @media (width >= 64rem) {
      position: sticky;
    }
  }
  .md\:top-0\! {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 0) !important;
    }
  }
  .md\:top-32 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 32);
    }
  }
  .md\:top-100 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 100);
    }
  }
  .md\:top-\[calc\(var\(--global-top-headers-size\)-3\.625rem\)\] {
    @media (width >= 64rem) {
      top: calc(var(--global-top-headers-size) - 3.625rem);
    }
  }
  .md\:top-\[calc\(var\(--global-top-headers-size\)-4rem\)\] {
    @media (width >= 64rem) {
      top: calc(var(--global-top-headers-size) - 4rem);
    }
  }
  .md\:bottom-72 {
    @media (width >= 64rem) {
      bottom: calc(var(--spacing) * 72);
    }
  }
  .md\:bottom-auto {
    @media (width >= 64rem) {
      bottom: auto;
    }
  }
  .md\:left-\[max\(1rem\,var\(--nav-position\,5\%\)\)\] {
    @media (width >= 64rem) {
      left: max(1rem, var(--nav-position,5%));
    }
  }
  .md\:z-50 {
    @media (width >= 64rem) {
      z-index: 50;
    }
  }
  .md\:order-0 {
    @media (width >= 64rem) {
      order: 0;
    }
  }
  .md\:col-2 {
    @media (width >= 64rem) {
      grid-column: 2;
    }
  }
  .md\:col-span-1 {
    @media (width >= 64rem) {
      grid-column: span 1 / span 1;
    }
  }
  .md\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .md\:col-start-1 {
    @media (width >= 64rem) {
      grid-column-start: 1;
    }
  }
  .md\:col-start-2 {
    @media (width >= 64rem) {
      grid-column-start: 2;
    }
  }
  .md\:col-start-3 {
    @media (width >= 64rem) {
      grid-column-start: 3;
    }
  }
  .md\:col-start-4 {
    @media (width >= 64rem) {
      grid-column-start: 4;
    }
  }
  .md\:col-start-5 {
    @media (width >= 64rem) {
      grid-column-start: 5;
    }
  }
  .md\:col-start-6 {
    @media (width >= 64rem) {
      grid-column-start: 6;
    }
  }
  .md\:col-start-7 {
    @media (width >= 64rem) {
      grid-column-start: 7;
    }
  }
  .md\:col-start-8 {
    @media (width >= 64rem) {
      grid-column-start: 8;
    }
  }
  .md\:col-start-9 {
    @media (width >= 64rem) {
      grid-column-start: 9;
    }
  }
  .md\:col-start-10 {
    @media (width >= 64rem) {
      grid-column-start: 10;
    }
  }
  .md\:col-start-11 {
    @media (width >= 64rem) {
      grid-column-start: 11;
    }
  }
  .md\:col-start-12 {
    @media (width >= 64rem) {
      grid-column-start: 12;
    }
  }
  .md\:col-end-span-1 {
    @media (width >= 64rem) {
      grid-column-end: span 1;
    }
  }
  .md\:col-end-span-2 {
    @media (width >= 64rem) {
      grid-column-end: span 2;
    }
  }
  .md\:col-end-span-3 {
    @media (width >= 64rem) {
      grid-column-end: span 3;
    }
  }
  .md\:col-end-span-4 {
    @media (width >= 64rem) {
      grid-column-end: span 4;
    }
  }
  .md\:col-end-span-5 {
    @media (width >= 64rem) {
      grid-column-end: span 5;
    }
  }
  .md\:col-end-span-6 {
    @media (width >= 64rem) {
      grid-column-end: span 6;
    }
  }
  .md\:col-end-span-7 {
    @media (width >= 64rem) {
      grid-column-end: span 7;
    }
  }
  .md\:col-end-span-8 {
    @media (width >= 64rem) {
      grid-column-end: span 8;
    }
  }
  .md\:col-end-span-9 {
    @media (width >= 64rem) {
      grid-column-end: span 9;
    }
  }
  .md\:col-end-span-10 {
    @media (width >= 64rem) {
      grid-column-end: span 10;
    }
  }
  .md\:col-end-span-11 {
    @media (width >= 64rem) {
      grid-column-end: span 11;
    }
  }
  .md\:col-end-span-12 {
    @media (width >= 64rem) {
      grid-column-end: span 12;
    }
  }
  .md\:row-span-1 {
    @media (width >= 64rem) {
      grid-row: span 1 / span 1;
    }
  }
  .md\:row-start-1 {
    @media (width >= 64rem) {
      grid-row-start: 1;
    }
  }
  .md\:row-end-span-1 {
    @media (width >= 64rem) {
      grid-row-end: span 1;
    }
  }
  .md\:row-end-span-2 {
    @media (width >= 64rem) {
      grid-row-end: span 2;
    }
  }
  .md\:row-end-span-3 {
    @media (width >= 64rem) {
      grid-row-end: span 3;
    }
  }
  .md\:row-end-span-4 {
    @media (width >= 64rem) {
      grid-row-end: span 4;
    }
  }
  .md\:row-end-span-5 {
    @media (width >= 64rem) {
      grid-row-end: span 5;
    }
  }
  .md\:row-end-span-6 {
    @media (width >= 64rem) {
      grid-row-end: span 6;
    }
  }
  .md\:row-end-span-7 {
    @media (width >= 64rem) {
      grid-row-end: span 7;
    }
  }
  .md\:row-end-span-8 {
    @media (width >= 64rem) {
      grid-row-end: span 8;
    }
  }
  .md\:row-end-span-9 {
    @media (width >= 64rem) {
      grid-row-end: span 9;
    }
  }
  .md\:row-end-span-10 {
    @media (width >= 64rem) {
      grid-row-end: span 10;
    }
  }
  .md\:row-end-span-11 {
    @media (width >= 64rem) {
      grid-row-end: span 11;
    }
  }
  .md\:row-end-span-12 {
    @media (width >= 64rem) {
      grid-row-end: span 12;
    }
  }
  .md\:mx-12 {
    @media (width >= 64rem) {
      margin-inline: calc(var(--spacing) * 12);
    }
  }
  .md\:me-24 {
    @media (width >= 64rem) {
      margin-inline-end: calc(var(--spacing) * 24);
    }
  }
  .md\:mt-0 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .md\:mt-8 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .md\:mt-12 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 12);
    }
  }
  .md\:mt-16 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 16);
    }
  }
  .md\:mt-24 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 24);
    }
  }
  .md\:mt-32 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 32);
    }
  }
  .md\:mt-40 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 40);
    }
  }
  .md\:mt-48 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 48);
    }
  }
  .md\:mt-56 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 56);
    }
  }
  .md\:mt-64 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 64);
    }
  }
  .md\:mt-72 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 72);
    }
  }
  .md\:mt-80 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 80);
    }
  }
  .md\:mt-96 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 96);
    }
  }
  .md\:mt-120 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 120);
    }
  }
  .md\:mr-12 {
    @media (width >= 64rem) {
      margin-right: calc(var(--spacing) * 12);
    }
  }
  .md\:mr-16 {
    @media (width >= 64rem) {
      margin-right: calc(var(--spacing) * 16);
    }
  }
  .md\:mr-24 {
    @media (width >= 64rem) {
      margin-right: calc(var(--spacing) * 24);
    }
  }
  .md\:mr-32 {
    @media (width >= 64rem) {
      margin-right: calc(var(--spacing) * 32);
    }
  }
  .md\:mr-40 {
    @media (width >= 64rem) {
      margin-right: calc(var(--spacing) * 40);
    }
  }
  .md\:mr-48 {
    @media (width >= 64rem) {
      margin-right: calc(var(--spacing) * 48);
    }
  }
  .md\:mr-56 {
    @media (width >= 64rem) {
      margin-right: calc(var(--spacing) * 56);
    }
  }
  .md\:mr-64 {
    @media (width >= 64rem) {
      margin-right: calc(var(--spacing) * 64);
    }
  }
  .md\:mr-72 {
    @media (width >= 64rem) {
      margin-right: calc(var(--spacing) * 72);
    }
  }
  .md\:mr-80 {
    @media (width >= 64rem) {
      margin-right: calc(var(--spacing) * 80);
    }
  }
  .md\:mr-96 {
    @media (width >= 64rem) {
      margin-right: calc(var(--spacing) * 96);
    }
  }
  .md\:mr-120 {
    @media (width >= 64rem) {
      margin-right: calc(var(--spacing) * 120);
    }
  }
  .md\:mb-12 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .md\:mb-16 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
  }
  .md\:mb-24 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 24);
    }
  }
  .md\:mb-32 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 32);
    }
  }
  .md\:mb-40 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 40);
    }
  }
  .md\:mb-48 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 48);
    }
  }
  .md\:mb-56 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 56);
    }
  }
  .md\:mb-64 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 64);
    }
  }
  .md\:mb-72 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 72);
    }
  }
  .md\:mb-80 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 80);
    }
  }
  .md\:mb-96 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 96);
    }
  }
  .md\:mb-120 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 120);
    }
  }
  .md\:ml-12 {
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * 12);
    }
  }
  .md\:ml-16 {
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * 16);
    }
  }
  .md\:ml-24 {
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * 24);
    }
  }
  .md\:ml-32 {
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * 32);
    }
  }
  .md\:ml-40 {
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * 40);
    }
  }
  .md\:ml-48 {
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * 48);
    }
  }
  .md\:ml-56 {
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * 56);
    }
  }
  .md\:ml-64 {
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * 64);
    }
  }
  .md\:ml-72 {
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * 72);
    }
  }
  .md\:ml-80 {
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * 80);
    }
  }
  .md\:ml-96 {
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * 96);
    }
  }
  .md\:ml-120 {
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * 120);
    }
  }
  .md\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .md\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .md\:grid {
    @media (width >= 64rem) {
      display: grid;
    }
  }
  .md\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .md\:size-24 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 24);
      height: calc(var(--spacing) * 24);
    }
  }
  .md\:size-64 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 64);
      height: calc(var(--spacing) * 64);
    }
  }
  .md\:size-80 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 80);
      height: calc(var(--spacing) * 80);
    }
  }
  .md\:size-192 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 192);
      height: calc(var(--spacing) * 192);
    }
  }
  .md\:h-full {
    @media (width >= 64rem) {
      height: 100%;
    }
  }
  .md\:max-h-full {
    @media (width >= 64rem) {
      max-height: 100%;
    }
  }
  .md\:max-h-screen {
    @media (width >= 64rem) {
      max-height: 100vh;
    }
  }
  .md\:min-h-240 {
    @media (width >= 64rem) {
      min-height: calc(var(--spacing) * 240);
    }
  }
  .md\:w-1\/2\! {
    @media (width >= 64rem) {
      width: calc(1/2 * 100%) !important;
    }
  }
  .md\:w-1\/3\! {
    @media (width >= 64rem) {
      width: calc(1/3 * 100%) !important;
    }
  }
  .md\:w-1\/4 {
    @media (width >= 64rem) {
      width: calc(1/4 * 100%);
    }
  }
  .md\:w-1\/4\! {
    @media (width >= 64rem) {
      width: calc(1/4 * 100%) !important;
    }
  }
  .md\:w-2\/3\! {
    @media (width >= 64rem) {
      width: calc(2/3 * 100%) !important;
    }
  }
  .md\:w-3\/4 {
    @media (width >= 64rem) {
      width: calc(3/4 * 100%);
    }
  }
  .md\:w-3\/4\! {
    @media (width >= 64rem) {
      width: calc(3/4 * 100%) !important;
    }
  }
  .md\:w-56 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 56);
    }
  }
  .md\:w-\[25\.25rem\] {
    @media (width >= 64rem) {
      width: 25.25rem;
    }
  }
  .md\:w-full {
    @media (width >= 64rem) {
      width: 100%;
    }
  }
  .md\:w-full\! {
    @media (width >= 64rem) {
      width: 100% !important;
    }
  }
  .md\:max-w-160 {
    @media (width >= 64rem) {
      max-width: calc(var(--spacing) * 160);
    }
  }
  .md\:max-w-1200 {
    @media (width >= 64rem) {
      max-width: calc(var(--spacing) * 1200);
    }
  }
  .md\:max-w-\[80\%\] {
    @media (width >= 64rem) {
      max-width: 80%;
    }
  }
  .md\:flex-1 {
    @media (width >= 64rem) {
      flex: 1;
    }
  }
  .md\:shrink {
    @media (width >= 64rem) {
      flex-shrink: 1;
    }
  }
  .md\:motion-preset-oscillate-sm {
    @media (width >= 64rem) {
      --motion-loop-translate-y: 5%;
      --motion-timing: cubic-bezier(0.4, 0, 0.2, 1);
      --motion-translate-loop-animation: motion-translate-loop-mirror calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both var(--motion-translate-loop-count, var(--motion-loop-count));
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .md\:motion-preset-wobble-sm {
    @media (width >= 64rem) {
      --motion-loop-translate-x: 5%;
      --motion-timing: cubic-bezier(0.4, 0, 0.2, 1);
      --motion-translate-loop-animation: motion-translate-loop-mirror calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both var(--motion-translate-loop-count, var(--motion-loop-count));
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .md\:grid-flow-col {
    @media (width >= 64rem) {
      grid-auto-flow: column;
    }
  }
  .md\:auto-rows-auto {
    @media (width >= 64rem) {
      grid-auto-rows: auto;
    }
  }
  .md\:auto-rows-fr {
    @media (width >= 64rem) {
      grid-auto-rows: minmax(0, 1fr);
    }
  }
  .md\:grid-cols-1 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-5 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-6 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-7 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-8 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-9 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-10 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-11 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-12 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-\[1fr_auto_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr auto 1fr;
    }
  }
  .md\:grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
    @media (width >= 64rem) {
      grid-template-columns: auto minmax(0,1fr) auto;
    }
  }
  .md\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) auto;
    }
  }
  .md\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,2fr) minmax(0,1fr);
    }
  }
  .md\:grid-cols-\[minmax\(4\.75rem\,6\.25rem\)_auto_minmax\(4\.75rem\,6\.25rem\)\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(4.75rem,6.25rem) auto minmax(4.75rem,6.25rem);
    }
  }
  .md\:grid-cols-subgrid {
    @media (width >= 64rem) {
      grid-template-columns: subgrid;
    }
  }
  .md\:grid-rows-4 {
    @media (width >= 64rem) {
      grid-template-rows: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:grid-rows-5 {
    @media (width >= 64rem) {
      grid-template-rows: repeat(5, minmax(0, 1fr));
    }
  }
  .md\:grid-rows-6 {
    @media (width >= 64rem) {
      grid-template-rows: repeat(6, minmax(0, 1fr));
    }
  }
  .md\:grid-rows-7 {
    @media (width >= 64rem) {
      grid-template-rows: repeat(7, minmax(0, 1fr));
    }
  }
  .md\:grid-rows-8 {
    @media (width >= 64rem) {
      grid-template-rows: repeat(8, minmax(0, 1fr));
    }
  }
  .md\:grid-rows-9 {
    @media (width >= 64rem) {
      grid-template-rows: repeat(9, minmax(0, 1fr));
    }
  }
  .md\:grid-rows-10 {
    @media (width >= 64rem) {
      grid-template-rows: repeat(10, minmax(0, 1fr));
    }
  }
  .md\:grid-rows-11 {
    @media (width >= 64rem) {
      grid-template-rows: repeat(11, minmax(0, 1fr));
    }
  }
  .md\:grid-rows-12 {
    @media (width >= 64rem) {
      grid-template-rows: repeat(12, minmax(0, 1fr));
    }
  }
  .md\:grid-rows-13 {
    @media (width >= 64rem) {
      grid-template-rows: repeat(13, minmax(0, 1fr));
    }
  }
  .md\:grid-rows-14 {
    @media (width >= 64rem) {
      grid-template-rows: repeat(14, minmax(0, 1fr));
    }
  }
  .md\:grid-rows-15 {
    @media (width >= 64rem) {
      grid-template-rows: repeat(15, minmax(0, 1fr));
    }
  }
  .md\:grid-rows-16 {
    @media (width >= 64rem) {
      grid-template-rows: repeat(16, minmax(0, 1fr));
    }
  }
  .md\:grid-rows-17 {
    @media (width >= 64rem) {
      grid-template-rows: repeat(17, minmax(0, 1fr));
    }
  }
  .md\:grid-rows-18 {
    @media (width >= 64rem) {
      grid-template-rows: repeat(18, minmax(0, 1fr));
    }
  }
  .md\:grid-rows-19 {
    @media (width >= 64rem) {
      grid-template-rows: repeat(19, minmax(0, 1fr));
    }
  }
  .md\:grid-rows-20 {
    @media (width >= 64rem) {
      grid-template-rows: repeat(20, minmax(0, 1fr));
    }
  }
  .md\:flex-col {
    @media (width >= 64rem) {
      flex-direction: column;
    }
  }
  .md\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .md\:flex-wrap {
    @media (width >= 64rem) {
      flex-wrap: wrap;
    }
  }
  .md\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .md\:items-end {
    @media (width >= 64rem) {
      align-items: flex-end;
    }
  }
  .md\:items-start {
    @media (width >= 64rem) {
      align-items: flex-start;
    }
  }
  .md\:items-stretch {
    @media (width >= 64rem) {
      align-items: stretch;
    }
  }
  .md\:justify-between {
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .md\:justify-center {
    @media (width >= 64rem) {
      justify-content: center;
    }
  }
  .md\:justify-end {
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
  .md\:justify-evenly {
    @media (width >= 64rem) {
      justify-content: space-evenly;
    }
  }
  .md\:justify-start {
    @media (width >= 64rem) {
      justify-content: flex-start;
    }
  }
  .md\:justify-start\! {
    @media (width >= 64rem) {
      justify-content: flex-start !important;
    }
  }
  .md\:justify-stretch {
    @media (width >= 64rem) {
      justify-content: stretch;
    }
  }
  .md\:gap-0 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .md\:gap-4 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .md\:gap-8 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .md\:gap-12 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .md\:gap-16 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .md\:gap-20 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 20);
    }
  }
  .md\:gap-24 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 24);
    }
  }
  .md\:gap-24\! {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 24) !important;
    }
  }
  .md\:gap-32 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 32);
    }
  }
  .md\:gap-48 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 48);
    }
  }
  .md\:gap-56 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 56);
    }
  }
  .md\:gap-72 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 72);
    }
  }
  .md\:gap-x-8 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 8);
    }
  }
  .md\:gap-x-12 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 12);
    }
  }
  .md\:gap-x-16 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 16);
    }
  }
  .md\:gap-x-20 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 20);
    }
  }
  .md\:gap-x-24 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 24);
    }
  }
  .md\:gap-y-8 {
    @media (width >= 64rem) {
      row-gap: calc(var(--spacing) * 8);
    }
  }
  .md\:gap-y-12 {
    @media (width >= 64rem) {
      row-gap: calc(var(--spacing) * 12);
    }
  }
  .md\:gap-y-16 {
    @media (width >= 64rem) {
      row-gap: calc(var(--spacing) * 16);
    }
  }
  .md\:gap-y-20 {
    @media (width >= 64rem) {
      row-gap: calc(var(--spacing) * 20);
    }
  }
  .md\:gap-y-24 {
    @media (width >= 64rem) {
      row-gap: calc(var(--spacing) * 24);
    }
  }
  .md\:gap-y-32 {
    @media (width >= 64rem) {
      row-gap: calc(var(--spacing) * 32);
    }
  }
  .md\:self-center {
    @media (width >= 64rem) {
      align-self: center;
    }
  }
  .md\:self-end {
    @media (width >= 64rem) {
      align-self: flex-end;
    }
  }
  .md\:self-start {
    @media (width >= 64rem) {
      align-self: flex-start;
    }
  }
  .md\:self-stretch {
    @media (width >= 64rem) {
      align-self: stretch;
    }
  }
  .md\:justify-self-center {
    @media (width >= 64rem) {
      justify-self: center;
    }
  }
  .md\:justify-self-end {
    @media (width >= 64rem) {
      justify-self: flex-end;
    }
  }
  .md\:justify-self-start {
    @media (width >= 64rem) {
      justify-self: flex-start;
    }
  }
  .md\:justify-self-stretch {
    @media (width >= 64rem) {
      justify-self: stretch;
    }
  }
  .md\:overflow-auto {
    @media (width >= 64rem) {
      overflow: auto;
    }
  }
  .md\:overflow-clip {
    @media (width >= 64rem) {
      overflow: clip;
    }
  }
  .md\:overflow-hidden {
    @media (width >= 64rem) {
      overflow: hidden;
    }
  }
  .md\:overflow-scroll {
    @media (width >= 64rem) {
      overflow: scroll;
    }
  }
  .md\:overflow-visible {
    @media (width >= 64rem) {
      overflow: visible;
    }
  }
  .md\:overflow-y-auto {
    @media (width >= 64rem) {
      overflow-y: auto;
    }
  }
  .md\:rounded-12 {
    @media (width >= 64rem) {
      border-radius: var(--radius-12);
    }
  }
  .md\:rounded-16 {
    @media (width >= 64rem) {
      border-radius: var(--radius-16);
    }
  }
  .md\:rounded-20 {
    @media (width >= 64rem) {
      border-radius: var(--radius-20);
    }
  }
  .md\:rounded-24 {
    @media (width >= 64rem) {
      border-radius: var(--radius-24);
    }
  }
  .md\:rounded-32 {
    @media (width >= 64rem) {
      border-radius: var(--radius-32);
    }
  }
  .md\:rounded-64 {
    @media (width >= 64rem) {
      border-radius: var(--radius-64);
    }
  }
  .md\:rounded-130 {
    @media (width >= 64rem) {
      border-radius: var(--radius-130);
    }
  }
  .md\:rounded-160 {
    @media (width >= 64rem) {
      border-radius: var(--radius-160);
    }
  }
  .md\:p-0 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .md\:p-8 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .md\:p-12 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 12);
    }
  }
  .md\:p-16 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 16);
    }
  }
  .md\:p-20 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 20);
    }
  }
  .md\:p-32 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 32);
    }
  }
  .md\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .md\:px-24 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 24);
    }
  }
  .md\:px-32 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 32);
    }
  }
  .md\:px-120 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 120);
    }
  }
  .md\:py-6 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .md\:py-12 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .md\:py-16 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .md\:py-24 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 24);
    }
  }
  .md\:py-32 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 32);
    }
  }
  .md\:py-56 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 56);
    }
  }
  .md\:py-96 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 96);
    }
  }
  .md\:py-100 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 100);
    }
  }
  .md\:pt-0 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .md\:pt-4 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 4);
    }
  }
  .md\:pt-8 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .md\:pt-12 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  .md\:pt-16 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
  .md\:pt-20 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .md\:pt-24 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 24);
    }
  }
  .md\:pt-32 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 32);
    }
  }
  .md\:pt-40 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 40);
    }
  }
  .md\:pt-48 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 48);
    }
  }
  .md\:pt-56 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 56);
    }
  }
  .md\:pt-60 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 60);
    }
  }
  .md\:pt-64 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 64);
    }
  }
  .md\:pt-72 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 72);
    }
  }
  .md\:pt-80 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 80);
    }
  }
  .md\:pt-96 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 96);
    }
  }
  .md\:pt-120 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 120);
    }
  }
  .md\:pr-0 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .md\:pr-4 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 4);
    }
  }
  .md\:pr-8 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 8);
    }
  }
  .md\:pr-12 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 12);
    }
  }
  .md\:pr-16 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 16);
    }
  }
  .md\:pr-20 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 20);
    }
  }
  .md\:pr-24 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 24);
    }
  }
  .md\:pr-32 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 32);
    }
  }
  .md\:pr-40 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 40);
    }
  }
  .md\:pr-48 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 48);
    }
  }
  .md\:pr-56 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 56);
    }
  }
  .md\:pr-64 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 64);
    }
  }
  .md\:pr-72 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 72);
    }
  }
  .md\:pr-80 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 80);
    }
  }
  .md\:pr-96 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 96);
    }
  }
  .md\:pr-120 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 120);
    }
  }
  .md\:pb-0 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .md\:pb-4 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .md\:pb-8 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }
  .md\:pb-12 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 12);
    }
  }
  .md\:pb-16 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }
  .md\:pb-20 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .md\:pb-24 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
  .md\:pb-32 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 32);
    }
  }
  .md\:pb-40 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 40);
    }
  }
  .md\:pb-48 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 48);
    }
  }
  .md\:pb-56 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 56);
    }
  }
  .md\:pb-64 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 64);
    }
  }
  .md\:pb-72 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 72);
    }
  }
  .md\:pb-80 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 80);
    }
  }
  .md\:pb-96 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 96);
    }
  }
  .md\:pb-120 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 120);
    }
  }
  .md\:pl-0 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .md\:pl-4 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 4);
    }
  }
  .md\:pl-8 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 8);
    }
  }
  .md\:pl-12 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 12);
    }
  }
  .md\:pl-16 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 16);
    }
  }
  .md\:pl-20 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 20);
    }
  }
  .md\:pl-24 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 24);
    }
  }
  .md\:pl-32 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 32);
    }
  }
  .md\:pl-40 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 40);
    }
  }
  .md\:pl-48 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 48);
    }
  }
  .md\:pl-56 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 56);
    }
  }
  .md\:pl-60 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 60);
    }
  }
  .md\:pl-64 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 64);
    }
  }
  .md\:pl-72 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 72);
    }
  }
  .md\:pl-80 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 80);
    }
  }
  .md\:pl-96 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 96);
    }
  }
  .md\:pl-120 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 120);
    }
  }
  .md\:text-left {
    @media (width >= 64rem) {
      text-align: left;
    }
  }
  .md\:text-xl {
    @media (width >= 64rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .md\:font-semibold {
    @media (width >= 64rem) {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .md\:opacity-25 {
    @media (width >= 64rem) {
      opacity: 25%;
    }
  }
  .md\:opacity-100 {
    @media (width >= 64rem) {
      opacity: 100%;
    }
  }
  .md\:ib-content-w-fill {
    @media (width >= 64rem) {
      --ib-content-w: -moz-available;
      --ib-content-w: -webkit-fill-available;
      --ib-content-w: stretch;
    }
  }
  .md\:\[--ib-content-justify\:center\] {
    @media (width >= 64rem) {
      --ib-content-justify: center;
    }
  }
  .md\:\[--ib-content-justify\:end\] {
    @media (width >= 64rem) {
      --ib-content-justify: end;
    }
  }
  .md\:\[--ib-content-justify\:start\] {
    @media (width >= 64rem) {
      --ib-content-justify: start;
    }
  }
  .md\:\[--ib-content-justify\:stretch\] {
    @media (width >= 64rem) {
      --ib-content-justify: stretch;
    }
  }
  .md\:\[--ib-content-w\:10\%\] {
    @media (width >= 64rem) {
      --ib-content-w: 10%;
    }
  }
  .md\:\[--ib-content-w\:15vw\] {
    @media (width >= 64rem) {
      --ib-content-w: 15vw;
    }
  }
  .md\:\[--ib-content-w\:25\%\] {
    @media (width >= 64rem) {
      --ib-content-w: 25%;
    }
  }
  .md\:\[--ib-content-w\:30vw\] {
    @media (width >= 64rem) {
      --ib-content-w: 30vw;
    }
  }
  .md\:\[--ib-content-w\:33\.333\%\] {
    @media (width >= 64rem) {
      --ib-content-w: 33.333%;
    }
  }
  .md\:\[--ib-content-w\:45vw\] {
    @media (width >= 64rem) {
      --ib-content-w: 45vw;
    }
  }
  .md\:\[--ib-content-w\:50\%\] {
    @media (width >= 64rem) {
      --ib-content-w: 50%;
    }
  }
  .md\:\[--ib-content-w\:60vw\] {
    @media (width >= 64rem) {
      --ib-content-w: 60vw;
    }
  }
  .md\:\[--ib-content-w\:75\%\] {
    @media (width >= 64rem) {
      --ib-content-w: 75%;
    }
  }
  .md\:\[--ib-content-w\:75vw\] {
    @media (width >= 64rem) {
      --ib-content-w: 75vw;
    }
  }
  .md\:\[--ib-content-w\:85\%\] {
    @media (width >= 64rem) {
      --ib-content-w: 85%;
    }
  }
  .md\:\[--ib-content-w\:90\%\] {
    @media (width >= 64rem) {
      --ib-content-w: 90%;
    }
  }
  .md\:\[--ib-content-w\:auto\] {
    @media (width >= 64rem) {
      --ib-content-w: auto;
    }
  }
  .md\:group-odd\:col-3 {
    @media (width >= 64rem) {
      &:is(:where(.group):nth-child(odd) *) {
        grid-column: 3;
      }
    }
  }
  .md\:group-even\:col-1 {
    @media (width >= 64rem) {
      &:is(:where(.group):nth-child(even) *) {
        grid-column: 1;
      }
    }
  }
  .md\:group-even\:flex-row-reverse {
    @media (width >= 64rem) {
      &:is(:where(.group):nth-child(even) *) {
        flex-direction: row-reverse;
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-grid-3\]\/field\:has-\[\:nth-child\(3\)\]\:md\:grid-cols-3 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-grid-3) *) {
      &:has(*:is(:nth-child(3))) {
        @media (width >= 64rem) {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
      }
    }
  }
  .md\:aria-\[current\]\:font-semibold {
    @media (width >= 64rem) {
      &[aria-current] {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
      }
    }
  }
  .wrap\:top-36 {
    @media (width >= 80rem) {
      top: calc(var(--spacing) * 36);
    }
  }
  .wrap\:col-start-3\! {
    @media (width >= 80rem) {
      grid-column-start: 3 !important;
    }
  }
  .wrap\:mx-auto {
    @media (width >= 80rem) {
      margin-inline: auto;
    }
  }
  .wrap\:block {
    @media (width >= 80rem) {
      display: block;
    }
  }
  .wrap\:flex {
    @media (width >= 80rem) {
      display: flex;
    }
  }
  .wrap\:hidden {
    @media (width >= 80rem) {
      display: none;
    }
  }
  .wrap\:inline-flex\! {
    @media (width >= 80rem) {
      display: inline-flex !important;
    }
  }
  .wrap\:w-40 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 40);
    }
  }
  .wrap\:max-w-\[92vw\] {
    @media (width >= 80rem) {
      max-width: 92vw;
    }
  }
  .wrap\:columns-3 {
    @media (width >= 80rem) {
      columns: 3;
    }
  }
  .wrap\:grid-cols-3 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .wrap\:grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
    @media (width >= 80rem) {
      grid-template-columns: auto minmax(0,1fr) auto;
    }
  }
  .wrap\:gap-16 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .wrap\:rounded-16 {
    @media (width >= 80rem) {
      border-radius: var(--radius-16);
    }
  }
  .wrap\:bg-white {
    @media (width >= 80rem) {
      background-color: var(--color-white);
    }
  }
  .wrap\:px-8 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .wrap\:py-8 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .wrap\:peer-has-aria-expanded\:block {
    @media (width >= 80rem) {
      &:is(:where(.peer):has(*[aria-expanded="true"]) ~ *) {
        display: block;
      }
    }
  }
  .lg\:-right-32 {
    @media (width >= 90rem) {
      right: calc(var(--spacing) * -32);
    }
  }
  .lg\:left-12 {
    @media (width >= 90rem) {
      left: calc(var(--spacing) * 12);
    }
  }
  .lg\:mt-90 {
    @media (width >= 90rem) {
      margin-top: calc(var(--spacing) * 90);
    }
  }
  .lg\:mt-190 {
    @media (width >= 90rem) {
      margin-top: calc(var(--spacing) * 190);
    }
  }
  .lg\:mb-32 {
    @media (width >= 90rem) {
      margin-bottom: calc(var(--spacing) * 32);
    }
  }
  .lg\:size-108 {
    @media (width >= 90rem) {
      width: calc(var(--spacing) * 108);
      height: calc(var(--spacing) * 108);
    }
  }
  .lg\:size-160 {
    @media (width >= 90rem) {
      width: calc(var(--spacing) * 160);
      height: calc(var(--spacing) * 160);
    }
  }
  .lg\:min-h-400 {
    @media (width >= 90rem) {
      min-height: calc(var(--spacing) * 400);
    }
  }
  .lg\:w-2\/3 {
    @media (width >= 90rem) {
      width: calc(2/3 * 100%);
    }
  }
  .lg\:w-3\/4 {
    @media (width >= 90rem) {
      width: calc(3/4 * 100%);
    }
  }
  .lg\:w-10\/12 {
    @media (width >= 90rem) {
      width: calc(10/12 * 100%);
    }
  }
  .lg\:w-192 {
    @media (width >= 90rem) {
      width: calc(var(--spacing) * 192);
    }
  }
  .lg\:w-\[70vw\] {
    @media (width >= 90rem) {
      width: 70vw;
    }
  }
  .lg\:w-full {
    @media (width >= 90rem) {
      width: 100%;
    }
  }
  .lg\:max-w-190 {
    @media (width >= 90rem) {
      max-width: calc(var(--spacing) * 190);
    }
  }
  .lg\:max-w-\[50\%\] {
    @media (width >= 90rem) {
      max-width: 50%;
    }
  }
  .lg\:min-w-136 {
    @media (width >= 90rem) {
      min-width: calc(var(--spacing) * 136);
    }
  }
  .lg\:columns-4 {
    @media (width >= 90rem) {
      columns: 4;
    }
  }
  .lg\:columns-5 {
    @media (width >= 90rem) {
      columns: 5;
    }
  }
  .lg\:columns-6 {
    @media (width >= 90rem) {
      columns: 6;
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 90rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 90rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 90rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-5 {
    @media (width >= 90rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-6 {
    @media (width >= 90rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-\[1\.5fr_1fr\] {
    @media (width >= 90rem) {
      grid-template-columns: 1.5fr 1fr;
    }
  }
  .lg\:grid-cols-\[repeat\(auto-fit\,minmax\(15rem\,1fr\)\)\] {
    @media (width >= 90rem) {
      grid-template-columns: repeat(auto-fit,minmax(15rem,1fr));
    }
  }
  .lg\:gap-12 {
    @media (width >= 90rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .lg\:gap-32 {
    @media (width >= 90rem) {
      gap: calc(var(--spacing) * 32);
    }
  }
  .lg\:gap-x-6 {
    @media (width >= 90rem) {
      column-gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:px-16 {
    @media (width >= 90rem) {
      padding-inline: calc(var(--spacing) * 16);
    }
  }
  .lg\:px-24 {
    @media (width >= 90rem) {
      padding-inline: calc(var(--spacing) * 24);
    }
  }
  .lg\:px-120 {
    @media (width >= 90rem) {
      padding-inline: calc(var(--spacing) * 120);
    }
  }
  .lg\:py-32 {
    @media (width >= 90rem) {
      padding-block: calc(var(--spacing) * 32);
    }
  }
  .lg\:pt-16 {
    @media (width >= 90rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
  .lg\:pb-16 {
    @media (width >= 90rem) {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }
  .lg\:pl-16 {
    @media (width >= 90rem) {
      padding-left: calc(var(--spacing) * 16);
    }
  }
  .lg\:pl-32 {
    @media (width >= 90rem) {
      padding-left: calc(var(--spacing) * 32);
    }
  }
  .lg\:\*\:basis-1\/3 {
    @media (width >= 90rem) {
      :is(& > *) {
        flex-basis: calc(1/3 * 100%);
      }
    }
  }
  .lg\:\*\:basis-1\/4 {
    @media (width >= 90rem) {
      :is(& > *) {
        flex-basis: calc(1/4 * 100%);
      }
    }
  }
  .group-\[\.es-field--checkboxes-style-outline-with-icon\]\/field\:lg\:text-16 {
    &:is(:where(.group\/field):is(.es-field--checkboxes-style-outline-with-icon) *) {
      @media (width >= 90rem) {
        font-size: var(--text-16);
      }
    }
  }
  .ultrawide\:max-w-1600 {
    @media (width >= 100rem) {
      max-width: calc(var(--spacing) * 1600);
    }
  }
  .rtl\:flex-row-reverse {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      flex-direction: row-reverse;
    }
  }
  .rtl\:group-hover\:rotate-45 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          rotate: 45deg;
        }
      }
    }
  }
  .rtl\:group-focus-visible\:rotate-45 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      &:is(:where(.group):focus-visible *) {
        rotate: 45deg;
      }
    }
  }
  .rtl\:group-disabled\:rotate-45 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      &:is(:where(.group):disabled *) {
        rotate: 45deg;
      }
    }
  }
  .dark\:border-white {
    &:is(body.dark *) {
      border-color: var(--color-white);
    }
  }
  .dark\:border-white\/15 {
    &:is(body.dark *) {
      border-color: color-mix(in srgb, #FFFFFF 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
  }
  .dark\:bg-black\/40 {
    &:is(body.dark *) {
      background-color: color-mix(in srgb, #1B1A19 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
      }
    }
  }
  .dark\:bg-white {
    &:is(body.dark *) {
      background-color: var(--color-white);
    }
  }
  .dark\:text-black {
    &:is(body.dark *) {
      color: var(--color-black);
    }
  }
  .dark\:text-white {
    &:is(body.dark *) {
      color: var(--color-white);
    }
  }
  .dark\:invert {
    &:is(body.dark *) {
      --tw-invert: invert(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,);
    }
  }
  .dark\:backdrop-blur-xl {
    &:is(body.dark *) {
      --tw-backdrop-blur: blur(var(--blur-xl));
      -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,);
    }
  }
  .dark\:backdrop-brightness-75 {
    &:is(body.dark *) {
      --tw-backdrop-brightness: brightness(75%);
      -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,);
    }
  }
  .dark\:after\:bg-white {
    &:is(body.dark *) {
      &::after {
        content: var(--tw-content);
        background-color: var(--color-white);
      }
    }
  }
  .dark\:after\:invert {
    &:is(body.dark *) {
      &::after {
        content: var(--tw-content);
        --tw-invert: invert(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,);
      }
    }
  }
  .dark\:hover\:border-orange-100 {
    &:is(body.dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-orange-100);
        }
      }
    }
  }
  .dark\:hover\:bg-orange-100 {
    &:is(body.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-orange-100);
        }
      }
    }
  }
  .dark\:disabled\:border-white\/50 {
    &:is(body.dark *) {
      &:disabled {
        border-color: color-mix(in srgb, #FFFFFF 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
        }
      }
    }
  }
  .intersect\:motion-preset-confetti {
    &:not([no-intersect]) {
      display: block;
      -webkit-appearance: none;
      appearance: none;
      position: relative;
      outline: 0;
      z-index: 1;
      margin: 0;
      animation: RomboConfettiPop var(--motion-duration) var(--motion-timing)  both;
      @keyframes RomboConfettiPop {
        0% {
          opacity: 0;
          transform: scale(1);
        }
        33% {
          opacity: 1;
          transform: scale(1.15);
        }
        50% {
          transform: scale(0.975);
        }
        65% {
          transform: scale(1.025);
        }
        80% {
          transform: scale(0.99);
        }
        87% {
          transform: scale(1.01);
        }
        100% {
          opacity: 1;
          transform: scale(1);
        }
      }
      &:after {
        display: block;
        animation-duration: var(--motion-duration);
        animation-timing-function: var(--motion-timing);
        animation-iteration-count: 1;
        animation-direction: normal;
        animation-fill-mode: forwards;
        animation-name: bottomfetti;
        position: absolute;
        content: " ";
        z-index: -1;
        width: 100%;
        height: 100%;
        left: -20%;
        top: 100%;
        transition: all var(--motion-timing) var(--motion-duration);
        background-repeat: no-repeat;
        background-image: radial-gradient(circle, #a2dd60 20%, transparent 20%),radial-gradient(circle, transparent 20%, #ee65a9 20%, transparent 30%),radial-gradient(circle, #6092dd 20%, transparent 20%),radial-gradient(circle, #f3c548 20%, transparent 20%),radial-gradient(circle, transparent 10%, #46ec99 15%, transparent 20%),radial-gradient(circle, #f03e47 20%, transparent 20%),radial-gradient(circle, #7b4df7 20%, transparent 20%),radial-gradient(circle, #3ff1bc 20%, transparent 20%);
        background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
      }
      &:before {
        display: block;
        animation-duration: var(--motion-duration);
        animation-timing-function: var(--motion-timing);
        animation-iteration-count: 1;
        animation-direction: normal;
        animation-fill-mode: forwards;
        animation-name: topfetti;
        position: absolute;
        content: " ";
        width: 100%;
        height: 100%;
        left: -5%;
        background-repeat: no-repeat;
        transition: all var(--motion-timing) var(--motion-duration);
        z-index: -1;
        top: -90%;
        background-image: radial-gradient(circle, #a2dd60 30%, transparent 20%),radial-gradient(circle, transparent 20%, #ee65a9 40%, transparent 20%),radial-gradient(circle, #6092dd 30%, transparent 20%),radial-gradient(circle, #f3c548 30%, transparent 20%),radial-gradient(circle, transparent 10%, #46ec99 15%, transparent 20%),radial-gradient(circle, #f03e47 30%, transparent 20%),radial-gradient(circle, #7b4df7 30%, transparent 30%),radial-gradient(circle, #3ff1bc 30%, transparent 20%),radial-gradient(circle, #48f088 30%, transparent 30%);
        background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 25% 25%;
      }
      @keyframes topfetti {
        0% {
          background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
        }
        50% {
          background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
        }
        100% {
          background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
          background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
        }
      }
      @keyframes bottomfetti {
        0% {
          background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%,70% -10%, 70% 0%;
        }
        50% {
          background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
        }
        100% {
          background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
          background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
        }
      }
    }
  }
  .intersect\:motion-preset-wiggle {
    &:not([no-intersect]) {
      --motion-duration: 300ms;
      --motion-origin-rotate: 15deg;
      --motion-origin-translate-x: -25%;
      --motion-origin-translate-y: -10%;
      --motion-origin-opacity: 0;
      --motion-timing: var(--motion-spring-bounciest);
      --motion-perceptual-duration-multiplier: 5.285;
      --motion-opacity-timing: var(--motion-spring-smooth);
      --motion-opacity-perceptual-duration-multiplier: 2.035;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-rotate-in-animation: motion-rotate-in calc(var(--motion-rotate-duration, var(--motion-duration)) * var(--motion-rotate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-rotate-timing, var(--motion-timing)) var(--motion-rotate-delay, var(--motion-delay)) both;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-bounce {
    &:not([no-intersect]) {
      --motion-duration: 300ms;
      --motion-translate-timing: var(--motion-bounce);
      --motion-translate-perceptual-duration-multiplier: 2;
      --motion-origin-opacity: 0;
      --motion-origin-translate-y: -25%;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-compress {
    &:not([no-intersect]) {
      --motion-origin-scale-x: 150%;
      --motion-origin-scale-y: 150%;
      --motion-origin-opacity: 0;
      --motion-scale-timing: var(--motion-spring-bouncier);
      --motion-scale-perceptual-duration-multiplier: 2.035;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-pop {
    &:not([no-intersect]) {
      --motion-origin-scale-x: 50%;
      --motion-origin-scale-y: 50%;
      --motion-origin-opacity: 0;
      --motion-scale-timing: var(--motion-spring-bouncier);
      --motion-scale-perceptual-duration-multiplier: 2.035;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-shake {
    &:not([no-intersect]) {
      --motion-duration: 300ms;
      --motion-origin-rotate: 15deg;
      --motion-origin-opacity: 0;
      --motion-rotate-timing: var(--motion-spring-bounciest);
      --motion-rotate-perceptual-duration-multiplier: 2.035;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-rotate-in-animation: motion-rotate-in calc(var(--motion-rotate-duration, var(--motion-duration)) * var(--motion-rotate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-rotate-timing, var(--motion-timing)) var(--motion-rotate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-blur-down {
    &:not([no-intersect]) {
      --motion-origin-blur: 5px;
      --motion-origin-translate-y: -5%;
      --motion-origin-opacity: 0;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-blur-left {
    &:not([no-intersect]) {
      --motion-origin-blur: 5px;
      --motion-origin-translate-x: 5%;
      --motion-origin-opacity: 0;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-blur-right {
    &:not([no-intersect]) {
      --motion-origin-blur: 5px;
      --motion-origin-translate-x: -5%;
      --motion-origin-opacity: 0;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-blur-up {
    &:not([no-intersect]) {
      --motion-origin-blur: 5px;
      --motion-origin-translate-y: 5%;
      --motion-origin-opacity: 0;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-rebound-down {
    &:not([no-intersect]) {
      --motion-origin-translate-y: -25%;
      --motion-translate-timing: var(--motion-spring-bouncier);
      --motion-translate-perceptual-duration-multiplier: 2.035;
      --motion-origin-opacity: 0;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-rebound-left {
    &:not([no-intersect]) {
      --motion-origin-translate-x: 25%;
      --motion-translate-timing: var(--motion-spring-bouncier);
      --motion-translate-perceptual-duration-multiplier: 2.035;
      --motion-origin-opacity: 0;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-rebound-right {
    &:not([no-intersect]) {
      --motion-origin-translate-x: -25%;
      --motion-translate-timing: var(--motion-spring-bouncier);
      --motion-translate-perceptual-duration-multiplier: 2.035;
      --motion-origin-opacity: 0;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-rebound-up {
    &:not([no-intersect]) {
      --motion-origin-translate-y: 25%;
      --motion-translate-timing: var(--motion-spring-bouncier);
      --motion-translate-perceptual-duration-multiplier: 2.035;
      --motion-origin-opacity: 0;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-expand {
    &:not([no-intersect]) {
      --motion-origin-scale-x: 50%;
      --motion-origin-scale-y: 50%;
      --motion-origin-opacity: 0;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-float {
    &:not([no-intersect]) {
      --motion-loop-translate-y: 100%;
      --motion-translate-timing: var(--motion-spring-bouncier);
      --motion-translate-perceptual-duration-multiplier: 2.035;
      --motion-duration: 2000ms;
      --motion-translate-loop-animation: motion-translate-loop-mirror calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both var(--motion-translate-loop-count, var(--motion-loop-count));
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-shrink {
    &:not([no-intersect]) {
      --motion-origin-scale-x: 150%;
      --motion-origin-scale-y: 150%;
      --motion-origin-opacity: 0;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-slide-down-left {
    &:not([no-intersect]) {
      --motion-origin-translate-x: 25%;
      --motion-origin-translate-y: -25%;
      --motion-origin-opacity: 0;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-slide-down-right {
    &:not([no-intersect]) {
      --motion-origin-translate-x: -25%;
      --motion-origin-translate-y: -25%;
      --motion-origin-opacity: 0;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-slide-up-left {
    &:not([no-intersect]) {
      --motion-origin-translate-x: 25%;
      --motion-origin-translate-y: 25%;
      --motion-origin-opacity: 0;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-slide-up-right {
    &:not([no-intersect]) {
      --motion-origin-translate-x: -25%;
      --motion-origin-translate-y: 25%;
      --motion-origin-opacity: 0;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-stretch {
    &:not([no-intersect]) {
      --motion-loop-scale-x: 85%;
      --motion-loop-scale-y: 115%;
      --motion-scale-timing: var(--motion-spring-bouncier);
      --motion-scale-perceptual-duration-multiplier: 2.035;
      --motion-scale-loop-animation: motion-scale-loop-mirror calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both var(--motion-scale-loop-count, var(--motion-loop-count));
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-focus {
    &:not([no-intersect]) {
      --motion-origin-blur: 5px;
      --motion-origin-opacity: 0;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-pulse {
    &:not([no-intersect]) {
      --motion-loop-scale-x: 1.25;
      --motion-loop-scale-y: 1.25;
      --motion-timing: cubic-bezier(0.4, 0, 0.2, 1);
      --motion-scale-loop-animation: motion-scale-loop-mirror calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both var(--motion-scale-loop-count, var(--motion-loop-count));
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-seesaw {
    &:not([no-intersect]) {
      --motion-loop-rotate: 6deg;
      --motion-rotate-loop-animation: motion-rotate-loop-mirror calc(var(--motion-rotate-duration, var(--motion-duration)) * var(--motion-rotate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-rotate-timing, var(--motion-timing)) var(--motion-rotate-delay, var(--motion-delay)) both var(--motion-rotate-loop-count, var(--motion-loop-count));
      --motion-rotate-timing: var(--motion-spring-bounciest);
      --motion-rotate-perceptual-duration-multiplier: 5.285;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-slide-down {
    &:not([no-intersect]) {
      --motion-origin-translate-y: -25%;
      --motion-origin-opacity: 0;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-slide-left {
    &:not([no-intersect]) {
      --motion-origin-translate-x: 25%;
      --motion-origin-opacity: 0;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-slide-right {
    &:not([no-intersect]) {
      --motion-origin-translate-x: -25%;
      --motion-origin-opacity: 0;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-slide-up {
    &:not([no-intersect]) {
      --motion-origin-translate-y: 25%;
      --motion-origin-opacity: 0;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-fade {
    &:not([no-intersect]) {
      --motion-origin-opacity: 0;
      --motion-duration: 500ms;
      --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-oscillate {
    &:not([no-intersect]) {
      --motion-loop-translate-y: 15%;
      --motion-timing: cubic-bezier(0.4, 0, 0.2, 1);
      --motion-translate-loop-animation: motion-translate-loop-mirror calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both var(--motion-translate-loop-count, var(--motion-loop-count));
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-spin {
    &:not([no-intersect]) {
      --motion-loop-rotate: 360deg;
      --motion-timing: linear;
      --motion-rotate-loop-animation: motion-rotate-loop-reset calc(var(--motion-rotate-duration, var(--motion-duration)) * var(--motion-rotate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-rotate-timing, var(--motion-timing)) var(--motion-rotate-delay, var(--motion-delay)) both var(--motion-rotate-loop-count, var(--motion-loop-count));
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-wobble {
    &:not([no-intersect]) {
      --motion-loop-translate-x: 15%;
      --motion-timing: cubic-bezier(0.4, 0, 0.2, 1);
      --motion-translate-loop-animation: motion-translate-loop-mirror calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both var(--motion-translate-loop-count, var(--motion-loop-count));
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .intersect\:motion-preset-blink {
    &:not([no-intersect]) {
      --motion-loop-opacity: 0;
      --motion-opacity-loop-animation: motion-opacity-loop-mirror calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both var(--motion-opacity-loop-count, var(--motion-loop-count));
      animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }
  }
  .prose-headings\:font-display {
    & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
      font-family: var(--font-display);
    }
  }
  .prose-headings\:font-medium {
    & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .prose-headings\:text-balance {
    & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
      text-wrap: balance;
    }
  }
  .prose-h1\:mt-80 {
    & :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
      margin-top: calc(var(--spacing) * 80);
    }
  }
  .prose-h1\:mb-0 {
    & :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .prose-h1\:font-a3 {
    & :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
      font-family: var(--font-display);
      font-size: var(--text-24);
      --tw-leading: 1.1;
      line-height: 1.1;
      --tw-tracking: calc(var(--tracking-1) * -1);
      letter-spacing: calc(var(--tracking-1) * -1);
      @media (width >= 48rem) {
        font-size: var(--text-26);
      }
      @media (width >= 64rem) {
        font-size: var(--text-32);
      }
      @media (width >= 90rem) {
        font-size: var(--text-40);
      }
    }
  }
  .prose-h2\:mt-40 {
    & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
      margin-top: calc(var(--spacing) * 40);
    }
  }
  .prose-h2\:mb-20 {
    & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
      margin-bottom: calc(var(--spacing) * 20);
    }
  }
  .prose-h2\:font-a2 {
    & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
      font-family: var(--font-display);
      font-size: var(--text-22);
      --tw-leading: 1.2;
      line-height: 1.2;
      --tw-tracking: calc(var(--tracking-1) * -1);
      letter-spacing: calc(var(--tracking-1) * -1);
      @media (width >= 64rem) {
        font-size: var(--text-28);
      }
      @media (width >= 90rem) {
        font-size: var(--text-32);
      }
    }
  }
  .prose-h3\:font-a1 {
    & :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
      font-family: var(--font-sans);
      font-size: var(--text-20);
      --tw-leading: 1.2;
      line-height: 1.2;
      --tw-tracking: calc(var(--tracking-3) * -1);
      letter-spacing: calc(var(--tracking-3) * -1);
      @media (width >= 64rem) {
        font-size: var(--text-22);
      }
      @media (width >= 90rem) {
        font-size: var(--text-24);
      }
    }
  }
  .prose-a\:text-hyperlink {
    & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
      color: var(--color-hyperlink);
    }
  }
  .prose-a\:transition-colors {
    & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
      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));
    }
  }
  .prose-li\:marker\:text-dark-blue-750 {
    & :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
      & *::marker {
        color: var(--color-dark-blue-750);
      }
      &::marker {
        color: var(--color-dark-blue-750);
      }
      & *::-webkit-details-marker {
        color: var(--color-dark-blue-750);
      }
      &::-webkit-details-marker {
        color: var(--color-dark-blue-750);
      }
    }
  }
  .icon\:size-5 {
    & > svg {
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5);
    }
  }
  .icon\:size-12\! {
    & > svg {
      width: calc(var(--spacing) * 12) !important;
      height: calc(var(--spacing) * 12) !important;
    }
  }
  .icon\:size-16 {
    & > svg {
      width: calc(var(--spacing) * 16);
      height: calc(var(--spacing) * 16);
    }
  }
  .icon\:size-20 {
    & > svg {
      width: calc(var(--spacing) * 20);
      height: calc(var(--spacing) * 20);
    }
  }
  .icon\:size-24 {
    & > svg {
      width: calc(var(--spacing) * 24);
      height: calc(var(--spacing) * 24);
    }
  }
  .icon\:size-28\! {
    & > svg {
      width: calc(var(--spacing) * 28) !important;
      height: calc(var(--spacing) * 28) !important;
    }
  }
  .icon\:size-\[1em\] {
    & > svg {
      width: 1em;
      height: 1em;
    }
  }
  .icon\:shrink-0 {
    & > svg {
      flex-shrink: 0;
    }
  }
  .icon\:translate-y-4 {
    & > svg {
      --tw-translate-y: calc(var(--spacing) * 4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .icon\:rounded-8 {
    & > svg {
      border-radius: var(--radius-8);
    }
  }
  .icon\:text-off-white\! {
    & > svg {
      color: var(--color-off-white) !important;
    }
  }
  .icon\:text-orange-900 {
    & > svg {
      color: var(--color-orange-900);
    }
  }
  .icon\:opacity-20 {
    & > svg {
      opacity: 20%;
    }
  }
  .icon\: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));
    }
  }
  .icon\:transition-colors {
    & > svg {
      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));
    }
  }
  .icon\:transition-transform {
    & > svg {
      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));
    }
  }
  .group-open\:icon\:-scale-y-100 {
    &:is(:where(.group).is-open *) {
      & > svg {
        --tw-scale-y: calc(100% * -1);
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:icon\:-rotate-45 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        & > svg {
          rotate: calc(45deg * -1);
        }
      }
    }
  }
  .group-focus-visible\:icon\:-rotate-45 {
    &:is(:where(.group):focus-visible *) {
      & > svg {
        rotate: calc(45deg * -1);
      }
    }
  }
  .hover\:icon\:text-orange-900 {
    &:hover {
      @media (hover: hover) {
        & > svg {
          color: var(--color-orange-900);
        }
      }
    }
  }
  .icon\:hover\:opacity-100 {
    & > svg {
      &:hover {
        @media (hover: hover) {
          opacity: 100%;
        }
      }
    }
  }
  .aria-expanded\:icon\:-scale-y-100 {
    &[aria-expanded="true"] {
      & > svg {
        --tw-scale-y: calc(100% * -1);
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .aria-expanded\:icon\:rotate-180 {
    &[aria-expanded="true"] {
      & > svg {
        rotate: 180deg;
      }
    }
  }
  .inner-icon\:order-1 {
    & svg {
      order: 1;
    }
  }
  .inner-icon\:size-12\! {
    & svg {
      width: calc(var(--spacing) * 12) !important;
      height: calc(var(--spacing) * 12) !important;
    }
  }
  .inner-icon\:size-20 {
    & svg {
      width: calc(var(--spacing) * 20);
      height: calc(var(--spacing) * 20);
    }
  }
  .inner-icon\:size-48 {
    & svg {
      width: calc(var(--spacing) * 48);
      height: calc(var(--spacing) * 48);
    }
  }
  .inner-icon\:shrink-0 {
    & svg {
      flex-shrink: 0;
    }
  }
  .inner-icon\:text-orange-800\! {
    & svg {
      color: var(--color-orange-800) !important;
    }
  }
  .inner-icon\:text-white\! {
    & svg {
      color: var(--color-white) !important;
    }
  }
  .link\:cursor-pointer {
    &:where(a) {
      cursor: pointer;
    }
  }
  .link\:hover\:bg-white {
    &:where(a) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-white);
        }
      }
    }
  }
  .link\:hover\:shadow-md {
    &:where(a) {
      &:hover {
        @media (hover: hover) {
          --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
      }
    }
  }
  .inner-link\:block {
    & :where(a) {
      display: block;
    }
  }
  .inner-link\:rounded-12 {
    & :where(a) {
      border-radius: var(--radius-12);
    }
  }
  .inner-link\:px-12 {
    & :where(a) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .inner-link\:py-8 {
    & :where(a) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .inner-link\:text-inherit {
    & :where(a) {
      color: inherit;
    }
  }
  .inner-link\:text-orange-900 {
    & :where(a) {
      color: var(--color-orange-900);
    }
  }
  .inner-link\:underline {
    & :where(a) {
      text-decoration-line: underline;
    }
  }
  .inner-link\:transition-colors {
    & :where(a) {
      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));
    }
  }
  .hover\:inner-link\:text-orange-800 {
    &:hover {
      @media (hover: hover) {
        & :where(a) {
          color: var(--color-orange-800);
        }
      }
    }
  }
  .hover\:inner-link\:text-orange-900 {
    &:hover {
      @media (hover: hover) {
        & :where(a) {
          color: var(--color-orange-900);
        }
      }
    }
  }
  .hover\:inner-link\:underline {
    &:hover {
      @media (hover: hover) {
        & :where(a) {
          text-decoration-line: underline;
        }
      }
    }
  }
  .form-dark\:bg-grey-800 {
    .es-block-forms--style-dark & {
      background-color: var(--color-grey-800);
    }
  }
  .form-dark-dyn\:bg-\(--ib-form-dark\) {
    .es-block-forms--style-dark-dyn & {
      background-color: var(--ib-form-dark);
    }
  }
  .form-dark-dyn\:text-\(--ib-form-error\) {
    .es-block-forms--style-dark-dyn & {
      color: var(--ib-form-error);
    }
  }
  .form-dark-dyn\:group-\[\.es-form-has-error\]\/field\:border-\(--ib-form-error\) {
    .es-block-forms--style-dark-dyn & {
      &:is(:where(.group\/field):is(.es-form-has-error) *) {
        border-color: var(--ib-form-error);
      }
    }
  }
  .form-dark-dyn\:group-\[\.es-form-has-error\]\/field\:text-\(--ib-form-error\) {
    .es-block-forms--style-dark-dyn & {
      &:is(:where(.group\/field):is(.es-form-has-error) *) {
        color: var(--ib-form-error);
      }
    }
  }
  .form-dark-dyn\:focus-visible\:ring-\(--ib-form-ring\) {
    .es-block-forms--style-dark-dyn & {
      &:focus-visible {
        --tw-ring-color: var(--ib-form-ring);
      }
    }
  }
  .form-dark-dyn\:has-focus-visible\:ring-\(--ib-form-ring\) {
    .es-block-forms--style-dark-dyn & {
      &:has(*:focus-visible) {
        --tw-ring-color: var(--ib-form-ring);
      }
    }
  }
  .dark-blue\:divide-dark-blue-750\/80 {
    &:is(body.dark.bg-dark-blue-950 *) {
      :where(& > :not(:last-child)) {
        border-color: color-mix(in srgb, #7484A3 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-dark-blue-750) 80%, transparent);
        }
      }
    }
  }
  .dark-blue\:border-bright-blue-400\/75 {
    &:is(body.dark.bg-dark-blue-950 *) {
      border-color: color-mix(in srgb, #E3E7FF 75%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-bright-blue-400) 75%, transparent);
      }
    }
  }
  .dark-blue\:border-bright-blue-600 {
    &:is(body.dark.bg-dark-blue-950 *) {
      border-color: var(--color-bright-blue-600);
    }
  }
  .dark-blue\:border-b-dark-blue-750 {
    &:is(body.dark.bg-dark-blue-950 *) {
      border-bottom-color: var(--color-dark-blue-750);
    }
  }
  .dark-blue\:bg-bright-blue-600 {
    &:is(body.dark.bg-dark-blue-950 *) {
      background-color: var(--color-bright-blue-600);
    }
  }
  .dark-blue\:bg-dark-blue-750 {
    &:is(body.dark.bg-dark-blue-950 *) {
      background-color: var(--color-dark-blue-750);
    }
  }
  .dark-blue\:bg-dark-blue-800 {
    &:is(body.dark.bg-dark-blue-950 *) {
      background-color: var(--color-dark-blue-800);
    }
  }
  .dark-blue\:bg-dark-blue-800\/50 {
    &:is(body.dark.bg-dark-blue-950 *) {
      background-color: color-mix(in srgb, #3D4C66 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-dark-blue-800) 50%, transparent);
      }
    }
  }
  .dark-blue\:bg-dark-blue-850 {
    &:is(body.dark.bg-dark-blue-950 *) {
      background-color: var(--color-dark-blue-850);
    }
  }
  .dark-blue\:bg-dark-blue-900 {
    &:is(body.dark.bg-dark-blue-950 *) {
      background-color: var(--color-dark-blue-900);
    }
  }
  .dark-blue\:bg-dark-blue-900\/90 {
    &:is(body.dark.bg-dark-blue-950 *) {
      background-color: color-mix(in srgb, #17283A 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-dark-blue-900) 90%, transparent);
      }
    }
  }
  .dark-blue\:bg-dark-blue-950 {
    &:is(body.dark.bg-dark-blue-950 *) {
      background-color: var(--color-dark-blue-950);
    }
  }
  .dark-blue\:text-bright-blue-600 {
    &:is(body.dark.bg-dark-blue-950 *) {
      color: var(--color-bright-blue-600);
    }
  }
  .dark-blue\:text-bright-blue-600\! {
    &:is(body.dark.bg-dark-blue-950 *) {
      color: var(--color-bright-blue-600) !important;
    }
  }
  .dark-blue\:ring-offset-dark-blue-850 {
    &:is(body.dark.bg-dark-blue-950 *) {
      --tw-ring-offset-color: var(--color-dark-blue-850);
    }
  }
  .dark-blue\:hover\:border-bright-blue-600 {
    &:is(body.dark.bg-dark-blue-950 *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-bright-blue-600);
        }
      }
    }
  }
  .dark-blue\:hover\:bg-dark-blue-750\/50 {
    &:is(body.dark.bg-dark-blue-950 *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #7484A3 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-dark-blue-750) 50%, transparent);
          }
        }
      }
    }
  }
  .dark-blue\:hover\:bg-dark-blue-800 {
    &:is(body.dark.bg-dark-blue-950 *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-dark-blue-800);
        }
      }
    }
  }
  .dark-blue\:hover\:text-bright-blue-600 {
    &:is(body.dark.bg-dark-blue-950 *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-bright-blue-600);
        }
      }
    }
  }
  .dark-blue\:focus-visible\:border-bright-blue-600 {
    &:is(body.dark.bg-dark-blue-950 *) {
      &:focus-visible {
        border-color: var(--color-bright-blue-600);
      }
    }
  }
  .dark-blue\:focus-visible\:ring-bright-blue-600\/40 {
    &:is(body.dark.bg-dark-blue-950 *) {
      &:focus-visible {
        --tw-ring-color: color-mix(in srgb, #9EB2FF 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-bright-blue-600) 40%, transparent);
        }
      }
    }
  }
  .dark-blue\:focus-visible\:ring-bright-blue-600\/50 {
    &:is(body.dark.bg-dark-blue-950 *) {
      &:focus-visible {
        --tw-ring-color: color-mix(in srgb, #9EB2FF 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-bright-blue-600) 50%, transparent);
        }
      }
    }
  }
  .dark-blue\:has-checked\:bg-dark-blue-750 {
    &:is(body.dark.bg-dark-blue-950 *) {
      &:has(*:checked) {
        background-color: var(--color-dark-blue-750);
      }
    }
  }
  .dark-blue\:has-\[\.item-label\:focus-visible\]\:border-bright-blue-600 {
    &:is(body.dark.bg-dark-blue-950 *) {
      &:has(*:is(.item-label:focus-visible)) {
        border-color: var(--color-bright-blue-600);
      }
    }
  }
  .dark-blue\:has-\[\.item-label\:focus-visible\]\:ring-bright-blue-600\/40 {
    &:is(body.dark.bg-dark-blue-950 *) {
      &:has(*:is(.item-label:focus-visible)) {
        --tw-ring-color: color-mix(in srgb, #9EB2FF 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-bright-blue-600) 40%, transparent);
        }
      }
    }
  }
  .aria-expanded\:dark-blue\:bg-dark-blue-900 {
    &[aria-expanded="true"] {
      &:is(body.dark.bg-dark-blue-950 *) {
        background-color: var(--color-dark-blue-900);
      }
    }
  }
  .aria-expanded\:hover\:dark-blue\:bg-dark-blue-900 {
    &[aria-expanded="true"] {
      &:hover {
        @media (hover: hover) {
          &:is(body.dark.bg-dark-blue-950 *) {
            background-color: var(--color-dark-blue-900);
          }
        }
      }
    }
  }
  .dark-green\:divide-dark-green-600 {
    &:is(body.dark.bg-dark-green-900 *) {
      :where(& > :not(:last-child)) {
        border-color: var(--color-dark-green-600);
      }
    }
  }
  .dark-green\:border-bright-green-100\/75 {
    &:is(body.dark.bg-dark-green-900 *) {
      border-color: color-mix(in srgb, #F6FFE8 75%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-bright-green-100) 75%, transparent);
      }
    }
  }
  .dark-green\:border-bright-green-300 {
    &:is(body.dark.bg-dark-green-900 *) {
      border-color: var(--color-bright-green-300);
    }
  }
  .dark-green\:border-b-dark-green-600 {
    &:is(body.dark.bg-dark-green-900 *) {
      border-bottom-color: var(--color-dark-green-600);
    }
  }
  .dark-green\:bg-bright-green-300 {
    &:is(body.dark.bg-dark-green-900 *) {
      background-color: var(--color-bright-green-300);
    }
  }
  .dark-green\:bg-dark-green-700 {
    &:is(body.dark.bg-dark-green-900 *) {
      background-color: var(--color-dark-green-700);
    }
  }
  .dark-green\:bg-dark-green-800 {
    &:is(body.dark.bg-dark-green-900 *) {
      background-color: var(--color-dark-green-800);
    }
  }
  .dark-green\:bg-dark-green-800\/70 {
    &:is(body.dark.bg-dark-green-900 *) {
      background-color: color-mix(in srgb, #143E3F 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-dark-green-800) 70%, transparent);
      }
    }
  }
  .dark-green\:bg-dark-green-900 {
    &:is(body.dark.bg-dark-green-900 *) {
      background-color: var(--color-dark-green-900);
    }
  }
  .dark-green\:text-bright-green-300 {
    &:is(body.dark.bg-dark-green-900 *) {
      color: var(--color-bright-green-300);
    }
  }
  .dark-green\:text-bright-green-300\! {
    &:is(body.dark.bg-dark-green-900 *) {
      color: var(--color-bright-green-300) !important;
    }
  }
  .dark-green\:ring-bright-green-300\/40 {
    &:is(body.dark.bg-dark-green-900 *) {
      --tw-ring-color: color-mix(in srgb, #CBEA99 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-bright-green-300) 40%, transparent);
      }
    }
  }
  .dark-green\:ring-offset-dark-green-800 {
    &:is(body.dark.bg-dark-green-900 *) {
      --tw-ring-offset-color: var(--color-dark-green-800);
    }
  }
  .dark-green\:hover\:border-bright-green-300 {
    &:is(body.dark.bg-dark-green-900 *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-bright-green-300);
        }
      }
    }
  }
  .dark-green\:hover\:bg-dark-green-600 {
    &:is(body.dark.bg-dark-green-900 *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-dark-green-600);
        }
      }
    }
  }
  .dark-green\:hover\:bg-dark-green-900 {
    &:is(body.dark.bg-dark-green-900 *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-dark-green-900);
        }
      }
    }
  }
  .dark-green\:hover\:text-bright-green-300 {
    &:is(body.dark.bg-dark-green-900 *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-bright-green-300);
        }
      }
    }
  }
  .dark-green\:focus-visible\:border-bright-green-300 {
    &:is(body.dark.bg-dark-green-900 *) {
      &:focus-visible {
        border-color: var(--color-bright-green-300);
      }
    }
  }
  .dark-green\:focus-visible\:ring-bright-green-300\/40 {
    &:is(body.dark.bg-dark-green-900 *) {
      &:focus-visible {
        --tw-ring-color: color-mix(in srgb, #CBEA99 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-bright-green-300) 40%, transparent);
        }
      }
    }
  }
  .dark-green\:focus-visible\:ring-bright-green-300\/50 {
    &:is(body.dark.bg-dark-green-900 *) {
      &:focus-visible {
        --tw-ring-color: color-mix(in srgb, #CBEA99 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-bright-green-300) 50%, transparent);
        }
      }
    }
  }
  .dark-green\:has-checked\:bg-dark-green-700 {
    &:is(body.dark.bg-dark-green-900 *) {
      &:has(*:checked) {
        background-color: var(--color-dark-green-700);
      }
    }
  }
  .dark-green\:has-\[\.item-label\:focus-visible\]\:border-bright-green-300 {
    &:is(body.dark.bg-dark-green-900 *) {
      &:has(*:is(.item-label:focus-visible)) {
        border-color: var(--color-bright-green-300);
      }
    }
  }
  .dark-green\:has-\[\.item-label\:focus-visible\]\:ring-bright-green-300\/40 {
    &:is(body.dark.bg-dark-green-900 *) {
      &:has(*:is(.item-label:focus-visible)) {
        --tw-ring-color: color-mix(in srgb, #CBEA99 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-bright-green-300) 40%, transparent);
        }
      }
    }
  }
  .aria-expanded\:dark-green\:bg-dark-green-900 {
    &[aria-expanded="true"] {
      &:is(body.dark.bg-dark-green-900 *) {
        background-color: var(--color-dark-green-900);
      }
    }
  }
  .aria-expanded\:hover\:dark-green\:bg-dark-green-900 {
    &[aria-expanded="true"] {
      &:hover {
        @media (hover: hover) {
          &:is(body.dark.bg-dark-green-900 *) {
            background-color: var(--color-dark-green-900);
          }
        }
      }
    }
  }
  .dark-pink\:divide-bright-pink-200\/20 {
    &:is(body.dark.bg-dark-pink-900 *) {
      :where(& > :not(:last-child)) {
        border-color: color-mix(in srgb, #FFD4F5 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-bright-pink-200) 20%, transparent);
        }
      }
    }
  }
  .dark-pink\:border-bright-pink-100\/75 {
    &:is(body.dark.bg-dark-pink-900 *) {
      border-color: color-mix(in srgb, #FFE6F9 75%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-bright-pink-100) 75%, transparent);
      }
    }
  }
  .dark-pink\:border-bright-pink-300 {
    &:is(body.dark.bg-dark-pink-900 *) {
      border-color: var(--color-bright-pink-300);
    }
  }
  .dark-pink\:border-b-dark-pink-600 {
    &:is(body.dark.bg-dark-pink-900 *) {
      border-bottom-color: var(--color-dark-pink-600);
    }
  }
  .dark-pink\:bg-bright-pink-300 {
    &:is(body.dark.bg-dark-pink-900 *) {
      background-color: var(--color-bright-pink-300);
    }
  }
  .dark-pink\:bg-dark-pink-600\/50 {
    &:is(body.dark.bg-dark-pink-900 *) {
      background-color: color-mix(in srgb, #604155 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-dark-pink-600) 50%, transparent);
      }
    }
  }
  .dark-pink\:bg-dark-pink-700 {
    &:is(body.dark.bg-dark-pink-900 *) {
      background-color: var(--color-dark-pink-700);
    }
  }
  .dark-pink\:bg-dark-pink-800 {
    &:is(body.dark.bg-dark-pink-900 *) {
      background-color: var(--color-dark-pink-800);
    }
  }
  .dark-pink\:bg-dark-pink-900 {
    &:is(body.dark.bg-dark-pink-900 *) {
      background-color: var(--color-dark-pink-900);
    }
  }
  .dark-pink\:text-bright-pink-300 {
    &:is(body.dark.bg-dark-pink-900 *) {
      color: var(--color-bright-pink-300);
    }
  }
  .dark-pink\:text-bright-pink-300\! {
    &:is(body.dark.bg-dark-pink-900 *) {
      color: var(--color-bright-pink-300) !important;
    }
  }
  .dark-pink\:ring-bright-pink-300\/40 {
    &:is(body.dark.bg-dark-pink-900 *) {
      --tw-ring-color: color-mix(in srgb, #FFA8EB 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-bright-pink-300) 40%, transparent);
      }
    }
  }
  .dark-pink\:hover\:border-bright-pink-300 {
    &:is(body.dark.bg-dark-pink-900 *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-bright-pink-300);
        }
      }
    }
  }
  .dark-pink\:hover\:bg-dark-pink-600 {
    &:is(body.dark.bg-dark-pink-900 *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-dark-pink-600);
        }
      }
    }
  }
  .dark-pink\:hover\:bg-dark-pink-900 {
    &:is(body.dark.bg-dark-pink-900 *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-dark-pink-900);
        }
      }
    }
  }
  .dark-pink\:hover\:text-bright-pink-300 {
    &:is(body.dark.bg-dark-pink-900 *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-bright-pink-300);
        }
      }
    }
  }
  .dark-pink\:focus-visible\:border-bright-pink-300 {
    &:is(body.dark.bg-dark-pink-900 *) {
      &:focus-visible {
        border-color: var(--color-bright-pink-300);
      }
    }
  }
  .dark-pink\:focus-visible\:ring-bright-pink-300\/40 {
    &:is(body.dark.bg-dark-pink-900 *) {
      &:focus-visible {
        --tw-ring-color: color-mix(in srgb, #FFA8EB 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-bright-pink-300) 40%, transparent);
        }
      }
    }
  }
  .dark-pink\:focus-visible\:ring-bright-pink-300\/50 {
    &:is(body.dark.bg-dark-pink-900 *) {
      &:focus-visible {
        --tw-ring-color: color-mix(in srgb, #FFA8EB 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-bright-pink-300) 50%, transparent);
        }
      }
    }
  }
  .dark-pink\:has-checked\:bg-dark-pink-700 {
    &:is(body.dark.bg-dark-pink-900 *) {
      &:has(*:checked) {
        background-color: var(--color-dark-pink-700);
      }
    }
  }
  .dark-pink\:has-\[\.item-label\:focus-visible\]\:border-bright-pink-300 {
    &:is(body.dark.bg-dark-pink-900 *) {
      &:has(*:is(.item-label:focus-visible)) {
        border-color: var(--color-bright-pink-300);
      }
    }
  }
  .dark-pink\:has-\[\.item-label\:focus-visible\]\:ring-bright-pink-300\/40 {
    &:is(body.dark.bg-dark-pink-900 *) {
      &:has(*:is(.item-label:focus-visible)) {
        --tw-ring-color: color-mix(in srgb, #FFA8EB 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-bright-pink-300) 40%, transparent);
        }
      }
    }
  }
  .aria-expanded\:dark-pink\:bg-dark-pink-900 {
    &[aria-expanded="true"] {
      &:is(body.dark.bg-dark-pink-900 *) {
        background-color: var(--color-dark-pink-900);
      }
    }
  }
  .aria-expanded\:hover\:dark-pink\:bg-dark-pink-900 {
    &[aria-expanded="true"] {
      &:hover {
        @media (hover: hover) {
          &:is(body.dark.bg-dark-pink-900 *) {
            background-color: var(--color-dark-pink-900);
          }
        }
      }
    }
  }
  .dark-black\:divide-grey-500\/30 {
    &:is(body.dark.bg-black *) {
      :where(& > :not(:last-child)) {
        border-color: color-mix(in srgb, #969695 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-grey-500) 30%, transparent);
        }
      }
    }
  }
  .dark-black\:border-bright-blue-600 {
    &:is(body.dark.bg-black *) {
      border-color: var(--color-bright-blue-600);
    }
  }
  .dark-black\:border-grey-500\/75 {
    &:is(body.dark.bg-black *) {
      border-color: color-mix(in srgb, #969695 75%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-grey-500) 75%, transparent);
      }
    }
  }
  .dark-black\:bg-black {
    &:is(body.dark.bg-black *) {
      background-color: var(--color-black);
    }
  }
  .dark-black\:bg-black\/70 {
    &:is(body.dark.bg-black *) {
      background-color: color-mix(in srgb, #1B1A19 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
      }
    }
  }
  .dark-black\:bg-grey-700 {
    &:is(body.dark.bg-black *) {
      background-color: var(--color-grey-700);
    }
  }
  .dark-black\:bg-grey-800 {
    &:is(body.dark.bg-black *) {
      background-color: var(--color-grey-800);
    }
  }
  .dark-black\:bg-grey-800\/50 {
    &:is(body.dark.bg-black *) {
      background-color: color-mix(in srgb, #2D2C2B 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-grey-800) 50%, transparent);
      }
    }
  }
  .dark-black\:bg-white\/85 {
    &:is(body.dark.bg-black *) {
      background-color: color-mix(in srgb, #FFFFFF 85%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 85%, transparent);
      }
    }
  }
  .dark-black\:text-bright-blue-600 {
    &:is(body.dark.bg-black *) {
      color: var(--color-bright-blue-600);
    }
  }
  .dark-black\:text-white {
    &:is(body.dark.bg-black *) {
      color: var(--color-white);
    }
  }
  .dark-black\:ring-offset-grey-800 {
    &:is(body.dark.bg-black *) {
      --tw-ring-offset-color: var(--color-grey-800);
    }
  }
  .dark-black\:hover\:border-orange-900 {
    &:is(body.dark.bg-black *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-orange-900);
        }
      }
    }
  }
  .dark-black\:hover\:bg-black {
    &:is(body.dark.bg-black *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-black);
        }
      }
    }
  }
  .dark-black\:hover\:bg-grey-700 {
    &:is(body.dark.bg-black *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-grey-700);
        }
      }
    }
  }
  .dark-black\:hover\:text-orange-100 {
    &:is(body.dark.bg-black *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-orange-100);
        }
      }
    }
  }
  .dark-black\:focus-visible\:ring-bright-blue-600\/50 {
    &:is(body.dark.bg-black *) {
      &:focus-visible {
        --tw-ring-color: color-mix(in srgb, #9EB2FF 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-bright-blue-600) 50%, transparent);
        }
      }
    }
  }
  .dark-black\:has-checked\:bg-grey-700 {
    &:is(body.dark.bg-black *) {
      &:has(*:checked) {
        background-color: var(--color-grey-700);
      }
    }
  }
  .dark-black\:has-\[\.item-label\:focus-visible\]\:border-bright-blue-600 {
    &:is(body.dark.bg-black *) {
      &:has(*:is(.item-label:focus-visible)) {
        border-color: var(--color-bright-blue-600);
      }
    }
  }
  .dark-black\:has-\[\.item-label\:focus-visible\]\:ring-bright-blue-600\/40 {
    &:is(body.dark.bg-black *) {
      &:has(*:is(.item-label:focus-visible)) {
        --tw-ring-color: color-mix(in srgb, #9EB2FF 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-bright-blue-600) 40%, transparent);
        }
      }
    }
  }
  .aria-expanded\:dark-black\:bg-black {
    &[aria-expanded="true"] {
      &:is(body.dark.bg-black *) {
        background-color: var(--color-black);
      }
    }
  }
  .aria-expanded\:hover\:dark-black\:bg-black {
    &[aria-expanded="true"] {
      &:hover {
        @media (hover: hover) {
          &:is(body.dark.bg-black *) {
            background-color: var(--color-black);
          }
        }
      }
    }
  }
  .bright-green\:divide-grey-500\/30 {
    &:is(body.bg-bright-green-100 *) {
      :where(& > :not(:last-child)) {
        border-color: color-mix(in srgb, #969695 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-grey-500) 30%, transparent);
        }
      }
    }
  }
  .bright-green\:border-bright-blue-600 {
    &:is(body.bg-bright-green-100 *) {
      border-color: var(--color-bright-blue-600);
    }
  }
  .bright-green\:bg-black\/40 {
    &:is(body.bg-bright-green-100 *) {
      background-color: color-mix(in srgb, #1B1A19 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
      }
    }
  }
  .bright-green\:bg-black\/70 {
    &:is(body.bg-bright-green-100 *) {
      background-color: color-mix(in srgb, #1B1A19 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
      }
    }
  }
  .bright-green\:bg-grey-700 {
    &:is(body.bg-bright-green-100 *) {
      background-color: var(--color-grey-700);
    }
  }
  .bright-green\:bg-grey-800 {
    &:is(body.bg-bright-green-100 *) {
      background-color: var(--color-grey-800);
    }
  }
  .bright-green\:bg-grey-800\/50 {
    &:is(body.bg-bright-green-100 *) {
      background-color: color-mix(in srgb, #2D2C2B 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-grey-800) 50%, transparent);
      }
    }
  }
  .bright-green\:bg-white\/85 {
    &:is(body.bg-bright-green-100 *) {
      background-color: color-mix(in srgb, #FFFFFF 85%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 85%, transparent);
      }
    }
  }
  .bright-green\:text-black {
    &:is(body.bg-bright-green-100 *) {
      color: var(--color-black);
    }
  }
  .bright-green\:text-bright-blue-600 {
    &:is(body.bg-bright-green-100 *) {
      color: var(--color-bright-blue-600);
    }
  }
  .bright-green\:text-white {
    &:is(body.bg-bright-green-100 *) {
      color: var(--color-white);
    }
  }
  .bright-green\:ring-offset-grey-800 {
    &:is(body.bg-bright-green-100 *) {
      --tw-ring-offset-color: var(--color-grey-800);
    }
  }
  .bright-green\:invert {
    &:is(body.bg-bright-green-100 *) {
      --tw-invert: invert(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,);
    }
  }
  .bright-green\:backdrop-blur-xl {
    &:is(body.bg-bright-green-100 *) {
      --tw-backdrop-blur: blur(var(--blur-xl));
      -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,);
    }
  }
  .bright-green\:backdrop-brightness-75 {
    &:is(body.bg-bright-green-100 *) {
      --tw-backdrop-brightness: brightness(75%);
      -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,);
    }
  }
  .bright-green\:hover\:bg-grey-700 {
    &:is(body.bg-bright-green-100 *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-grey-700);
        }
      }
    }
  }
  .bright-green\:focus-visible\:ring-bright-blue-600\/50 {
    &:is(body.bg-bright-green-100 *) {
      &:focus-visible {
        --tw-ring-color: color-mix(in srgb, #9EB2FF 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-bright-blue-600) 50%, transparent);
        }
      }
    }
  }
  .bright-green\:has-\[\.item-label\:focus-visible\]\:border-bright-blue-600 {
    &:is(body.bg-bright-green-100 *) {
      &:has(*:is(.item-label:focus-visible)) {
        border-color: var(--color-bright-blue-600);
      }
    }
  }
  .bright-green\:has-\[\.item-label\:focus-visible\]\:ring-bright-blue-600\/40 {
    &:is(body.bg-bright-green-100 *) {
      &:has(*:is(.item-label:focus-visible)) {
        --tw-ring-color: color-mix(in srgb, #9EB2FF 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-bright-blue-600) 40%, transparent);
        }
      }
    }
  }
  .aria-expanded\:bright-green\:bg-black {
    &[aria-expanded="true"] {
      &:is(body.bg-bright-green-100 *) {
        background-color: var(--color-black);
      }
    }
  }
  .aria-expanded\:hover\:bright-green\:bg-black {
    &[aria-expanded="true"] {
      &:hover {
        @media (hover: hover) {
          &:is(body.bg-bright-green-100 *) {
            background-color: var(--color-black);
          }
        }
      }
    }
  }
  .wp-logged-in\:top-40 {
    body.logged-in & {
      top: calc(var(--spacing) * 40);
    }
  }
  .wp-logged-in\:top-46 {
    body.logged-in & {
      top: calc(var(--spacing) * 46);
    }
  }
  .wp-logged-in\:max-h-\[78dvh\] {
    body.logged-in & {
      max-height: 78dvh;
    }
  }
  .wp-logged-in\:pt-48 {
    body.logged-in & {
      padding-top: calc(var(--spacing) * 48);
    }
  }
  .wp-logged-in\:before\:h-192 {
    body.logged-in & {
      &::before {
        content: var(--tw-content);
        height: calc(var(--spacing) * 192);
      }
    }
  }
  .sm\:wp-logged-in\:top-32 {
    @media (width >= 48rem) {
      body.logged-in & {
        top: calc(var(--spacing) * 32);
      }
    }
  }
  .md\:wp-logged-in\:top-144 {
    @media (width >= 64rem) {
      body.logged-in & {
        top: calc(var(--spacing) * 144);
      }
    }
  }
  .md\:wp-logged-in\:top-148 {
    @media (width >= 64rem) {
      body.logged-in & {
        top: calc(var(--spacing) * 148);
      }
    }
  }
  .wrap\:wp-logged-in\:top-72 {
    @media (width >= 80rem) {
      body.logged-in & {
        top: calc(var(--spacing) * 72);
      }
    }
  }
  .\[\&_\.dz-preview\]\:relative {
    & .dz-preview {
      position: relative;
    }
  }
  .\[\&_\.dz-preview\]\:my-16 {
    & .dz-preview {
      margin-block: calc(var(--spacing) * 16);
    }
  }
  .\[\&_\.dz-preview\]\:ms-8 {
    & .dz-preview {
      margin-inline-start: calc(var(--spacing) * 8);
    }
  }
  .\[\&_\.dz-preview\]\:flex {
    & .dz-preview {
      display: flex;
    }
  }
  .\[\&_\.dz-preview\]\:min-h-48 {
    & .dz-preview {
      min-height: calc(var(--spacing) * 48);
    }
  }
  .\[\&_\.dz-preview\]\:min-w-64 {
    & .dz-preview {
      min-width: calc(var(--spacing) * 64);
    }
  }
  .\[\&_\.dz-preview\]\:flex-col {
    & .dz-preview {
      flex-direction: column;
    }
  }
  .\[\&_\.dz-preview\]\:justify-center {
    & .dz-preview {
      justify-content: center;
    }
  }
  .\[\&_\.dz-preview\]\:pr-40 {
    & .dz-preview {
      padding-right: calc(var(--spacing) * 40);
    }
  }
  .\[\&_\.dz-preview\]\:pl-0 {
    & .dz-preview {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .sm\:\[\&_\.dz-preview\]\:pl-64 {
    @media (width >= 48rem) {
      & .dz-preview {
        padding-left: calc(var(--spacing) * 64);
      }
    }
  }
  .sm\:\[\&_\.dz-preview\]\:font-b1 {
    @media (width >= 48rem) {
      & .dz-preview {
        font-family: var(--font-sans);
        font-size: var(--text-15);
        --tw-leading: 1.3;
        line-height: 1.3;
        --tw-tracking: calc(var(--tracking-2) * -1);
        letter-spacing: calc(var(--tracking-2) * -1);
        @media (width >= 64rem) {
          font-size: var(--text-16);
        }
      }
    }
  }
  .sm\:\[\&_\.dz-preview\]\:break-all {
    @media (width >= 48rem) {
      & .dz-preview {
        word-break: break-all;
      }
    }
  }
  .sm\:\[\&_\.dz-preview\]\:text-black {
    @media (width >= 48rem) {
      & .dz-preview {
        color: var(--color-black);
      }
    }
  }
  .sm\:\[\&_\.dz-preview_\.dz-filename\]\:order-1 {
    @media (width >= 48rem) {
      & .dz-preview .dz-filename {
        order: 1;
      }
    }
  }
  .\[\&_\.dz-preview_\.dz-image\>img\]\:hidden {
    & .dz-preview .dz-image>img {
      display: none;
    }
  }
  .sm\:\[\&_\.dz-preview_\.dz-size\]\:order-2 {
    @media (width >= 48rem) {
      & .dz-preview .dz-size {
        order: 2;
      }
    }
  }
  .sm\:\[\&_\.dz-preview_\.dz-size\]\:ms-4 {
    @media (width >= 48rem) {
      & .dz-preview .dz-size {
        margin-inline-start: calc(var(--spacing) * 4);
      }
    }
  }
  .sm\:\[\&_\.dz-preview_\.dz-size\]\:text-xs {
    @media (width >= 48rem) {
      & .dz-preview .dz-size {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
      }
    }
  }
  .\[\&_\.dz-preview\:last-child\]\:mb-0 {
    & .dz-preview:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .sm\:\[\&_\.dz-preview\>\.dz-details\]\:my-8 {
    @media (width >= 48rem) {
      & .dz-preview>.dz-details {
        margin-block: calc(var(--spacing) * 8);
      }
    }
  }
  .sm\:\[\&_\.dz-preview\>\.dz-details\]\:flex {
    @media (width >= 48rem) {
      & .dz-preview>.dz-details {
        display: flex;
      }
    }
  }
  .sm\:\[\&_\.dz-preview\>\.dz-details\]\:items-center {
    @media (width >= 48rem) {
      & .dz-preview>.dz-details {
        align-items: center;
      }
    }
  }
  .sm\:\[\&_\.dz-preview\>\.dz-error-message\]\:font-b2 {
    @media (width >= 48rem) {
      & .dz-preview>.dz-error-message {
        font-family: var(--font-sans);
        font-size: var(--text-14);
        --tw-leading: 1.3;
        line-height: 1.3;
        --tw-tracking: calc(var(--tracking-1) * -1);
        letter-spacing: calc(var(--tracking-1) * -1);
      }
    }
  }
  .sm\:\[\&_\.dz-preview\>\.dz-error-message\]\:text-orange-900 {
    @media (width >= 48rem) {
      & .dz-preview>.dz-error-message {
        color: var(--color-orange-900);
      }
    }
  }
  .form-dark-dyn\:sm\:\[\&_\.dz-preview\>\.dz-error-message\]\:text-\(--ib-form-error\) {
    .es-block-forms--style-dark-dyn & {
      @media (width >= 48rem) {
        & .dz-preview>.dz-error-message {
          color: var(--ib-form-error);
        }
      }
    }
  }
  .\[\&_\.es-field--submit\]\:w-full\! {
    & .es-field--submit {
      width: 100% !important;
    }
  }
  .sm\:\[\&_\.es-field--submit\]\:w-fit\! {
    @media (width >= 48rem) {
      & .es-field--submit {
        width: fit-content !important;
      }
    }
  }
  .\[\&_\.es-field--submit-prev\]\:justify-self-end\! {
    & .es-field--submit-prev {
      justify-self: flex-end !important;
    }
  }
  .sm\:\[\&_\.es-field--submit-prev\.es-form-is-hidden\+\.es-field--submit-next\]\:w-full\! {
    @media (width >= 48rem) {
      & .es-field--submit-prev.es-form-is-hidden+.es-field--submit-next {
        width: 100% !important;
      }
    }
  }
  .\[\&_\.heading\]\:text-black\! {
    & .heading {
      color: var(--color-black) !important;
    }
  }
  .\[\&_\.heading\]\:text-bright-blue-600\! {
    & .heading {
      color: var(--color-bright-blue-600) !important;
    }
  }
  .\[\&_\.heading\]\:text-bright-green-300\! {
    & .heading {
      color: var(--color-bright-green-300) !important;
    }
  }
  .\[\&_\.heading\]\:text-bright-pink-300\! {
    & .heading {
      color: var(--color-bright-pink-300) !important;
    }
  }
  .\[\&_\.heading\]\:text-white {
    & .heading {
      color: var(--color-white);
    }
  }
  .\[\&_\.heading\]\:text-white\! {
    & .heading {
      color: var(--color-white) !important;
    }
  }
  .\[\&_\.ib-button\]\:mb-0\! {
    & .ib-button {
      margin-bottom: calc(var(--spacing) * 0) !important;
    }
  }
  .\[\&_\.toc-active\]\:font-medium {
    & .toc-active {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .contrast-more\:\[\&_\.toc-active\]\:underline {
    @media (prefers-contrast: more) {
      & .toc-active {
        text-decoration-line: underline;
      }
    }
  }
  .\[\&_\>_\.block-editor-inserter\]\:size-fit\! {
    & > .block-editor-inserter {
      width: fit-content !important;
      height: fit-content !important;
    }
  }
  .\[\&_\>_\.wp-block\]\:mx-0\! {
    & > .wp-block {
      margin-inline: calc(var(--spacing) * 0) !important;
    }
  }
  .\[\&_a\,\&_button\]\:pointer-events-none {
    & a,& button {
      pointer-events: none;
    }
  }
  .\[\&_a\.toc-active\]\:bg-off-white {
    & a.toc-active {
      background-color: var(--color-off-white);
    }
  }
  .\[\&_a\:hover\]\:text-orange-900 {
    & a:hover {
      color: var(--color-orange-900);
    }
  }
  .\[\&_a\:not\(\.toc-active\)\]\:hover\:bg-light-blue-150 {
    & a:not(.toc-active) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-light-blue-150);
        }
      }
    }
  }
  .sm\:\[\&_button\]\:min-w-192 {
    @media (width >= 48rem) {
      & button {
        min-width: calc(var(--spacing) * 192);
      }
    }
  }
  .\[\&_div\]\:mb-0 {
    & div {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .\[\&_li\]\:ml-0 {
    & li {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  .\[\&_li\]\:ml-20 {
    & li {
      margin-left: calc(var(--spacing) * 20);
    }
  }
  .\[\&_li\]\:py-6 {
    & li {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .sm\:\[\&_li\]\:py-8 {
    @media (width >= 48rem) {
      & li {
        padding-block: calc(var(--spacing) * 8);
      }
    }
  }
  .md\:\[\&_li\]\:ml-32 {
    @media (width >= 64rem) {
      & li {
        margin-left: calc(var(--spacing) * 32);
      }
    }
  }
  .\[\&_p\]\:mt-0 {
    & p {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .\[\&_p\]\:line-clamp-2 {
    & p {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
  }
  .\[\&_path\]\:fill-black {
    & path {
      fill: var(--color-black);
    }
  }
  .\[\&_path\]\:fill-dark-blue-950 {
    & path {
      fill: var(--color-dark-blue-950);
    }
  }
  .\[\&_path\]\:fill-dark-green-900 {
    & path {
      fill: var(--color-dark-green-900);
    }
  }
  .\[\&_path\]\:fill-dark-pink-900 {
    & path {
      fill: var(--color-dark-pink-900);
    }
  }
  .\[\&_path\]\:fill-off-white {
    & path {
      fill: var(--color-off-white);
    }
  }
  .\[\&_path\]\:fill-white {
    & path {
      fill: var(--color-white);
    }
  }
  .group-focus-visible\:\[\&_path\]\:fill-white {
    &:is(:where(.group):focus-visible *) {
      & path {
        fill: var(--color-white);
      }
    }
  }
  .\[\&_rect\]\:fill-black {
    & rect {
      fill: var(--color-black);
    }
  }
  .\[\&_rect\]\:fill-bright-blue-600 {
    & rect {
      fill: var(--color-bright-blue-600);
    }
  }
  .\[\&_rect\]\:fill-bright-green-300 {
    & rect {
      fill: var(--color-bright-green-300);
    }
  }
  .\[\&_rect\]\:fill-bright-pink-300 {
    & rect {
      fill: var(--color-bright-pink-300);
    }
  }
  .\[\&_rect\]\:fill-dark-blue-950 {
    & rect {
      fill: var(--color-dark-blue-950);
    }
  }
  .\[\&_rect\]\:fill-off-white {
    & rect {
      fill: var(--color-off-white);
    }
  }
  .\[\&_rect\]\:fill-white {
    & rect {
      fill: var(--color-white);
    }
  }
  .group-focus-visible\:\[\&_rect\]\:fill-orange-900 {
    &:is(:where(.group):focus-visible *) {
      & rect {
        fill: var(--color-orange-900);
      }
    }
  }
  .\[\&_span\]\:order-2 {
    & span {
      order: 2;
    }
  }
  .\[\&_table\]\:\!font-monospace {
    & table {
      font-family: var(--font-monospace) !important;
    }
  }
  .\[\&_table\]\:\!text-\[13px\] {
    & table {
      font-size: 13px !important;
    }
  }
  .\[\&_table\]\:\!leading-\[13\.55px\] {
    & table {
      --tw-leading: 13.55px !important;
      line-height: 13.55px !important;
    }
  }
  .\[\&_table\]\:\!text-current {
    & table {
      color: currentcolor !important;
    }
  }
  .\[\&\.es-block-forms--style-dark\]\:bg-black {
    &.es-block-forms--style-dark {
      background-color: var(--color-black);
    }
  }
  .\[\&\.es-block-forms--style-dark-dyn\]\:bg-\(--ib-form-base\) {
    &.es-block-forms--style-dark-dyn {
      background-color: var(--ib-form-base);
    }
  }
  .\[\&\.es-block-forms--with-alt-labels_\.es-field_label\]\:pl-0 {
    &.es-block-forms--with-alt-labels .es-field label {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .\[\&\.es-block-forms--with-alt-labels_\.es-field_label_span\]\:font-b0 {
    &.es-block-forms--with-alt-labels .es-field label span {
      font-family: var(--font-sans);
      font-size: var(--text-16);
      --tw-leading: 1.2;
      line-height: 1.2;
      --tw-tracking: calc(var(--tracking-2) * -1);
      letter-spacing: calc(var(--tracking-2) * -1);
      @media (width >= 64rem) {
        font-size: var(--text-18);
      }
      @media (width >= 90rem) {
        font-size: var(--text-20);
      }
    }
  }
  .\[\&\.es-block-forms--with-alt-labels_\.es-field_label_span\]\:font-bold {
    &.es-block-forms--with-alt-labels .es-field label span {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&\.es-block-forms--with-box\]\:border-grey-500 {
    &.es-block-forms--with-box {
      border-color: var(--color-grey-500);
    }
  }
  .\[\&\.es-block-forms--with-box\]\:px-48 {
    &.es-block-forms--with-box {
      padding-inline: calc(var(--spacing) * 48);
    }
  }
  .\[\&\.es-block-forms--with-box\]\:pb-32 {
    &.es-block-forms--with-box {
      padding-bottom: calc(var(--spacing) * 32);
    }
  }
  .\[\&\.es-block-forms--with-box\]\:shadow-xs {
    &.es-block-forms--with-box {
      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .\[\&\.es-form-is-active\]\:mb-8 {
    &.es-form-is-active {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .\[\&\.es-form-is-active\]\:block {
    &.es-form-is-active {
      display: block;
    }
  }
  .\[\&\.es-form-is-active\]\:flex {
    &.es-form-is-active {
      display: flex;
    }
  }
  .\[\&\.es-form-is-disabled\]\:cursor-not-allowed\! {
    &.es-form-is-disabled {
      cursor: not-allowed !important;
    }
  }
  .\[\&\.es-form-is-disabled\]\:opacity-40 {
    &.es-form-is-disabled {
      opacity: 40%;
    }
  }
  .\[\&\.es-form-is-disabled\]\:opacity-50 {
    &.es-form-is-disabled {
      opacity: 50%;
    }
  }
  .\[\&\.is-active_\>_\.play\]\:hidden {
    &.is-active > .play {
      display: none;
    }
  }
  .\[\&\.is-opened\]\:max-h-full {
    &.is-opened {
      max-height: 100%;
    }
  }
  .\[\&\:\:-moz-range-thumb\]\:appearance-none {
    &::-moz-range-thumb {
      appearance: none;
    }
  }
  .\[\&\:\:-moz-range-thumb\]\:border-orange-900\! {
    &::-moz-range-thumb {
      border-color: var(--color-orange-900) !important;
    }
  }
  .\[\&\:\:-moz-range-thumb\]\:bg-orange-900\! {
    &::-moz-range-thumb {
      background-color: var(--color-orange-900) !important;
    }
  }
  .\[\&\:\:-webkit-details-marker\]\:hidden {
    &::-webkit-details-marker {
      display: none;
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:appearance-none {
    &::-webkit-slider-thumb {
      appearance: none;
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:border-orange-900\! {
    &::-webkit-slider-thumb {
      border-color: var(--color-orange-900) !important;
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:bg-orange-900\! {
    &::-webkit-slider-thumb {
      background-color: var(--color-orange-900) !important;
    }
  }
  .\[\&\:focus-visible_svg\]\:scale-125 {
    &:focus-visible svg {
      --tw-scale-x: 125%;
      --tw-scale-y: 125%;
      --tw-scale-z: 125%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .\[\&\:focus-visible_svg\]\:bg-orange-900 {
    &:focus-visible svg {
      background-color: var(--color-orange-900);
    }
  }
  .\[\&\:focus-visible_svg\]\:text-black {
    &:focus-visible svg {
      color: var(--color-black);
    }
  }
  .\[\&\:hover_p\]\:underline {
    &:hover p {
      text-decoration-line: underline;
    }
  }
  .\[\[type\=range\]\]\:col-start-1 {
    &:is([type=range]) {
      grid-column-start: 1;
    }
  }
  .\[\[type\=range\]\]\:col-end-span-2 {
    &:is([type=range]) {
      grid-column-end: span 2;
    }
  }
  .\[\&\:not\(\.is-active\)_\>_\.pause\]\:hidden {
    &:not(.is-active) > .pause {
      display: none;
    }
  }
  .\[\&\:not\(\:has\(\:first-child\)\)\]\:hidden\! {
    &:not(:has(:first-child)) {
      display: none !important;
    }
  }
  .\[\&\:not\(\[hidden\]\)\]\:flex {
    &:not([hidden]) {
      display: flex;
    }
  }
  .\[\&\:where\(a\)\:hover_\>_span\:first-child\]\:text-hyperlink {
    &:where(a):hover > span:first-child {
      color: var(--color-hyperlink);
    }
  }
  .\[\&\:where\(a\)\:hover_\>_span\:first-child\]\:underline {
    &:where(a):hover > span:first-child {
      text-decoration-line: underline;
    }
  }
  .dark-blue\:\[\&\:where\(a\)\:hover_\>_span\:first-child\]\:text-bright-blue-600 {
    &:is(body.dark.bg-dark-blue-950 *) {
      &:where(a):hover > span:first-child {
        color: var(--color-bright-blue-600);
      }
    }
  }
  .dark-green\:\[\&\:where\(a\)\:hover_\>_span\:first-child\]\:text-bright-green-300 {
    &:is(body.dark.bg-dark-green-900 *) {
      &:where(a):hover > span:first-child {
        color: var(--color-bright-green-300);
      }
    }
  }
  .dark-pink\:\[\&\:where\(a\)\:hover_\>_span\:first-child\]\:text-bright-pink-300 {
    &:is(body.dark.bg-dark-pink-900 *) {
      &:where(a):hover > span:first-child {
        color: var(--color-bright-pink-300);
      }
    }
  }
  .dark-black\:\[\&\:where\(a\)\:hover_\>_span\:first-child\]\:text-bright-blue-600 {
    &:is(body.dark.bg-black *) {
      &:where(a):hover > span:first-child {
        color: var(--color-bright-blue-600);
      }
    }
  }
  .\[\&\:where\(ul_\&\)\]\:list-\[circle\] {
    &:where(ul &) {
      list-style-type: circle;
    }
  }
  .\[\&\:where\(ul_ul_\&\)\]\:list-\[square\] {
    &:where(ul ul &) {
      list-style-type: square;
    }
  }
  .\[\&\>\*\:only-child\]\:h-full {
    &>*:only-child {
      height: 100%;
    }
  }
  .\[\&\>\*\:only-child\]\:w-full {
    &>*:only-child {
      width: 100%;
    }
  }
  .max-md\:\[\&\>\*\:only-child\]\:h-full {
    @media (width < 64rem) {
      &>*:only-child {
        height: 100%;
      }
    }
  }
  .max-md\:\[\&\>\*\:only-child\]\:w-full {
    @media (width < 64rem) {
      &>*:only-child {
        width: 100%;
      }
    }
  }
  .max-sm\:\[\&\>\*\:only-child\]\:h-full {
    @media (width < 48rem) {
      &>*:only-child {
        height: 100%;
      }
    }
  }
  .max-sm\:\[\&\>\*\:only-child\]\:w-full {
    @media (width < 48rem) {
      &>*:only-child {
        width: 100%;
      }
    }
  }
  .sm\:\[\&\>\*\:only-child\]\:h-full {
    @media (width >= 48rem) {
      &>*:only-child {
        height: 100%;
      }
    }
  }
  .sm\:\[\&\>\*\:only-child\]\:w-full {
    @media (width >= 48rem) {
      &>*:only-child {
        width: 100%;
      }
    }
  }
  .md\:\[\&\>\*\:only-child\]\:h-full {
    @media (width >= 64rem) {
      &>*:only-child {
        height: 100%;
      }
    }
  }
  .md\:\[\&\>\*\:only-child\]\:w-full {
    @media (width >= 64rem) {
      &>*:only-child {
        width: 100%;
      }
    }
  }
  .\[\&\>\*\:only-child\>\*\:only-child\]\:h-full {
    &>*:only-child>*:only-child {
      height: 100%;
    }
  }
  .\[\&\>\*\:only-child\>\*\:only-child\]\:w-full {
    &>*:only-child>*:only-child {
      width: 100%;
    }
  }
  .max-md\:\[\&\>\*\:only-child\>\*\:only-child\]\:h-full {
    @media (width < 64rem) {
      &>*:only-child>*:only-child {
        height: 100%;
      }
    }
  }
  .max-md\:\[\&\>\*\:only-child\>\*\:only-child\]\:w-full {
    @media (width < 64rem) {
      &>*:only-child>*:only-child {
        width: 100%;
      }
    }
  }
  .max-sm\:\[\&\>\*\:only-child\>\*\:only-child\]\:h-full {
    @media (width < 48rem) {
      &>*:only-child>*:only-child {
        height: 100%;
      }
    }
  }
  .max-sm\:\[\&\>\*\:only-child\>\*\:only-child\]\:w-full {
    @media (width < 48rem) {
      &>*:only-child>*:only-child {
        width: 100%;
      }
    }
  }
  .sm\:\[\&\>\*\:only-child\>\*\:only-child\]\:h-full {
    @media (width >= 48rem) {
      &>*:only-child>*:only-child {
        height: 100%;
      }
    }
  }
  .sm\:\[\&\>\*\:only-child\>\*\:only-child\]\:w-full {
    @media (width >= 48rem) {
      &>*:only-child>*:only-child {
        width: 100%;
      }
    }
  }
  .md\:\[\&\>\*\:only-child\>\*\:only-child\]\:h-full {
    @media (width >= 64rem) {
      &>*:only-child>*:only-child {
        height: 100%;
      }
    }
  }
  .md\:\[\&\>\*\:only-child\>\*\:only-child\]\:w-full {
    @media (width >= 64rem) {
      &>*:only-child>*:only-child {
        width: 100%;
      }
    }
  }
  .\[\&\>\.block-list-appender\]\:hidden {
    &>.block-list-appender {
      display: none;
    }
  }
  .\[\&\>\.es-form-is-active\]\:bg-orange-900 {
    &>.es-form-is-active {
      background-color: var(--color-orange-900);
    }
  }
  .\[\&\>\.es-form-is-active\]\:text-white {
    &>.es-form-is-active {
      color: var(--color-white);
    }
  }
  .\[\&\>\.es-form-is-filled\]\:border-0 {
    &>.es-form-is-filled {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .\[\&\>\.es-form-is-filled\]\:bg-orange-900 {
    &>.es-form-is-filled {
      background-color: var(--color-orange-900);
    }
  }
  .\[\&\>\.section-title\]\:col-end-span-2 {
    &>.section-title {
      grid-column-end: span 2;
    }
  }
  .\[\&\>\.section-title\]\:mx-auto {
    &>.section-title {
      margin-inline: auto;
    }
  }
  .\[\&\>\.section-title\]\:\[column-span\:all\] {
    &>.section-title {
      column-span: all;
    }
  }
  .wrap\:\[\&\>\.section-title\]\:col-end-span-3 {
    @media (width >= 80rem) {
      &>.section-title {
        grid-column-end: span 3;
      }
    }
  }
  .lg\:\[\&\>\.section-title\]\:col-end-span-4 {
    @media (width >= 90rem) {
      &>.section-title {
        grid-column-end: span 4;
      }
    }
  }
  .lg\:\[\&\>\.section-title\]\:col-end-span-5 {
    @media (width >= 90rem) {
      &>.section-title {
        grid-column-end: span 5;
      }
    }
  }
  .lg\:\[\&\>\.section-title\]\:col-end-span-6 {
    @media (width >= 90rem) {
      &>.section-title {
        grid-column-end: span 6;
      }
    }
  }
  .\[\&\>\.tab\[aria-hidden\=true\]\]\:invisible {
    &>.tab[aria-hidden=true] {
      visibility: hidden;
    }
  }
  .\[\&\>\.tab\[aria-hidden\=true\]\]\:hidden {
    &>.tab[aria-hidden=true] {
      display: none;
    }
  }
  .\[\&\>\:where\(b\,strong\)\]\:font-medium {
    &>:where(b,strong) {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .\[\&\>\:where\(b\,strong\)\]\:text-orange-900 {
    &>:where(b,strong) {
      color: var(--color-orange-900);
    }
  }
  .\[\&\>\:where\(h1\,h2\,h3\,h4\,h5\,h6\,p\)\]\:motion-preset-typewriter-\[5\] {
    &>:where(h1,h2,h3,h4,h5,h6,p) {
      --motion-duration: 2000ms;
      --motion-typewriter-value: 5ch;
      animation: typing var(--motion-duration) steps(5) var(--motion-loop-count), blink 0.4s step-end infinite alternate;
      white-space: nowrap;
      border-right: 2px solid;
      font-family: monospace;
      overflow: hidden;
      @media screen and (prefers-reduced-motion: no-preference) {
        @keyframes typing {
          10%, 90% {
            width: 0;
          }
          40%, 60% {
            width: calc(var(--motion-typewriter-value) + 1px);
          }
        }
      }
      @keyframes blink {
        50% {
          border-color: transparent;
        }
      }
    }
  }
  .\[\&\>\:where\(h1\,h2\,h3\,h4\,h5\,h6\,p\)\]\:motion-preset-typewriter-\[7\] {
    &>:where(h1,h2,h3,h4,h5,h6,p) {
      --motion-duration: 2000ms;
      --motion-typewriter-value: 7ch;
      animation: typing var(--motion-duration) steps(7) var(--motion-loop-count), blink 0.4s step-end infinite alternate;
      white-space: nowrap;
      border-right: 2px solid;
      font-family: monospace;
      overflow: hidden;
      @media screen and (prefers-reduced-motion: no-preference) {
        @keyframes typing {
          10%, 90% {
            width: 0;
          }
          40%, 60% {
            width: calc(var(--motion-typewriter-value) + 1px);
          }
        }
      }
      @keyframes blink {
        50% {
          border-color: transparent;
        }
      }
    }
  }
  .\[\&\>\:where\(h1\,h2\,h3\,h4\,h5\,h6\,p\)\]\:motion-preset-typewriter-\[10\] {
    &>:where(h1,h2,h3,h4,h5,h6,p) {
      --motion-duration: 2000ms;
      --motion-typewriter-value: 10ch;
      animation: typing var(--motion-duration) steps(10) var(--motion-loop-count), blink 0.4s step-end infinite alternate;
      white-space: nowrap;
      border-right: 2px solid;
      font-family: monospace;
      overflow: hidden;
      @media screen and (prefers-reduced-motion: no-preference) {
        @keyframes typing {
          10%, 90% {
            width: 0;
          }
          40%, 60% {
            width: calc(var(--motion-typewriter-value) + 1px);
          }
        }
      }
      @keyframes blink {
        50% {
          border-color: transparent;
        }
      }
    }
  }
  .\[\&\>\:where\(h1\,h2\,h3\,h4\,h5\,h6\,p\)\]\:motion-preset-typewriter-\[15\] {
    &>:where(h1,h2,h3,h4,h5,h6,p) {
      --motion-duration: 2000ms;
      --motion-typewriter-value: 15ch;
      animation: typing var(--motion-duration) steps(15) var(--motion-loop-count), blink 0.4s step-end infinite alternate;
      white-space: nowrap;
      border-right: 2px solid;
      font-family: monospace;
      overflow: hidden;
      @media screen and (prefers-reduced-motion: no-preference) {
        @keyframes typing {
          10%, 90% {
            width: 0;
          }
          40%, 60% {
            width: calc(var(--motion-typewriter-value) + 1px);
          }
        }
      }
      @keyframes blink {
        50% {
          border-color: transparent;
        }
      }
    }
  }
  .hover\:\[\&\>\:where\(h1\,h2\,h3\,h4\,h5\,h6\,p\)\]\:motion-preset-typewriter-\[5\] {
    &:hover {
      @media (hover: hover) {
        &>:where(h1,h2,h3,h4,h5,h6,p) {
          --motion-duration: 2000ms;
          --motion-typewriter-value: 5ch;
          animation: typing var(--motion-duration) steps(5) var(--motion-loop-count), blink 0.4s step-end infinite alternate;
          white-space: nowrap;
          border-right: 2px solid;
          font-family: monospace;
          overflow: hidden;
          @media screen and (prefers-reduced-motion: no-preference) {
            @keyframes typing {
              10%, 90% {
                width: 0;
              }
              40%, 60% {
                width: calc(var(--motion-typewriter-value) + 1px);
              }
            }
          }
          @keyframes blink {
            50% {
              border-color: transparent;
            }
          }
        }
      }
    }
  }
  .hover\:\[\&\>\:where\(h1\,h2\,h3\,h4\,h5\,h6\,p\)\]\:motion-preset-typewriter-\[7\] {
    &:hover {
      @media (hover: hover) {
        &>:where(h1,h2,h3,h4,h5,h6,p) {
          --motion-duration: 2000ms;
          --motion-typewriter-value: 7ch;
          animation: typing var(--motion-duration) steps(7) var(--motion-loop-count), blink 0.4s step-end infinite alternate;
          white-space: nowrap;
          border-right: 2px solid;
          font-family: monospace;
          overflow: hidden;
          @media screen and (prefers-reduced-motion: no-preference) {
            @keyframes typing {
              10%, 90% {
                width: 0;
              }
              40%, 60% {
                width: calc(var(--motion-typewriter-value) + 1px);
              }
            }
          }
          @keyframes blink {
            50% {
              border-color: transparent;
            }
          }
        }
      }
    }
  }
  .hover\:\[\&\>\:where\(h1\,h2\,h3\,h4\,h5\,h6\,p\)\]\:motion-preset-typewriter-\[10\] {
    &:hover {
      @media (hover: hover) {
        &>:where(h1,h2,h3,h4,h5,h6,p) {
          --motion-duration: 2000ms;
          --motion-typewriter-value: 10ch;
          animation: typing var(--motion-duration) steps(10) var(--motion-loop-count), blink 0.4s step-end infinite alternate;
          white-space: nowrap;
          border-right: 2px solid;
          font-family: monospace;
          overflow: hidden;
          @media screen and (prefers-reduced-motion: no-preference) {
            @keyframes typing {
              10%, 90% {
                width: 0;
              }
              40%, 60% {
                width: calc(var(--motion-typewriter-value) + 1px);
              }
            }
          }
          @keyframes blink {
            50% {
              border-color: transparent;
            }
          }
        }
      }
    }
  }
  .hover\:\[\&\>\:where\(h1\,h2\,h3\,h4\,h5\,h6\,p\)\]\:motion-preset-typewriter-\[15\] {
    &:hover {
      @media (hover: hover) {
        &>:where(h1,h2,h3,h4,h5,h6,p) {
          --motion-duration: 2000ms;
          --motion-typewriter-value: 15ch;
          animation: typing var(--motion-duration) steps(15) var(--motion-loop-count), blink 0.4s step-end infinite alternate;
          white-space: nowrap;
          border-right: 2px solid;
          font-family: monospace;
          overflow: hidden;
          @media screen and (prefers-reduced-motion: no-preference) {
            @keyframes typing {
              10%, 90% {
                width: 0;
              }
              40%, 60% {
                width: calc(var(--motion-typewriter-value) + 1px);
              }
            }
          }
          @keyframes blink {
            50% {
              border-color: transparent;
            }
          }
        }
      }
    }
  }
  .intersect\:\[\&\>\:where\(h1\,h2\,h3\,h4\,h5\,h6\,p\)\]\:motion-preset-typewriter-\[5\] {
    &:not([no-intersect]) {
      &>:where(h1,h2,h3,h4,h5,h6,p) {
        --motion-duration: 2000ms;
        --motion-typewriter-value: 5ch;
        animation: typing var(--motion-duration) steps(5) var(--motion-loop-count), blink 0.4s step-end infinite alternate;
        white-space: nowrap;
        border-right: 2px solid;
        font-family: monospace;
        overflow: hidden;
        @media screen and (prefers-reduced-motion: no-preference) {
          @keyframes typing {
            10%, 90% {
              width: 0;
            }
            40%, 60% {
              width: calc(var(--motion-typewriter-value) + 1px);
            }
          }
        }
        @keyframes blink {
          50% {
            border-color: transparent;
          }
        }
      }
    }
  }
  .intersect\:\[\&\>\:where\(h1\,h2\,h3\,h4\,h5\,h6\,p\)\]\:motion-preset-typewriter-\[7\] {
    &:not([no-intersect]) {
      &>:where(h1,h2,h3,h4,h5,h6,p) {
        --motion-duration: 2000ms;
        --motion-typewriter-value: 7ch;
        animation: typing var(--motion-duration) steps(7) var(--motion-loop-count), blink 0.4s step-end infinite alternate;
        white-space: nowrap;
        border-right: 2px solid;
        font-family: monospace;
        overflow: hidden;
        @media screen and (prefers-reduced-motion: no-preference) {
          @keyframes typing {
            10%, 90% {
              width: 0;
            }
            40%, 60% {
              width: calc(var(--motion-typewriter-value) + 1px);
            }
          }
        }
        @keyframes blink {
          50% {
            border-color: transparent;
          }
        }
      }
    }
  }
  .intersect\:\[\&\>\:where\(h1\,h2\,h3\,h4\,h5\,h6\,p\)\]\:motion-preset-typewriter-\[10\] {
    &:not([no-intersect]) {
      &>:where(h1,h2,h3,h4,h5,h6,p) {
        --motion-duration: 2000ms;
        --motion-typewriter-value: 10ch;
        animation: typing var(--motion-duration) steps(10) var(--motion-loop-count), blink 0.4s step-end infinite alternate;
        white-space: nowrap;
        border-right: 2px solid;
        font-family: monospace;
        overflow: hidden;
        @media screen and (prefers-reduced-motion: no-preference) {
          @keyframes typing {
            10%, 90% {
              width: 0;
            }
            40%, 60% {
              width: calc(var(--motion-typewriter-value) + 1px);
            }
          }
        }
        @keyframes blink {
          50% {
            border-color: transparent;
          }
        }
      }
    }
  }
  .intersect\:\[\&\>\:where\(h1\,h2\,h3\,h4\,h5\,h6\,p\)\]\:motion-preset-typewriter-\[15\] {
    &:not([no-intersect]) {
      &>:where(h1,h2,h3,h4,h5,h6,p) {
        --motion-duration: 2000ms;
        --motion-typewriter-value: 15ch;
        animation: typing var(--motion-duration) steps(15) var(--motion-loop-count), blink 0.4s step-end infinite alternate;
        white-space: nowrap;
        border-right: 2px solid;
        font-family: monospace;
        overflow: hidden;
        @media screen and (prefers-reduced-motion: no-preference) {
          @keyframes typing {
            10%, 90% {
              width: 0;
            }
            40%, 60% {
              width: calc(var(--motion-typewriter-value) + 1px);
            }
          }
        }
        @keyframes blink {
          50% {
            border-color: transparent;
          }
        }
      }
    }
  }
  .\[\&\>a\]\:mt-32 {
    &>a {
      margin-top: calc(var(--spacing) * 32);
    }
  }
  .\[\&\>a\]\:flex {
    &>a {
      display: flex;
    }
  }
  .\[\&\>a\]\:w-fit {
    &>a {
      width: fit-content;
    }
  }
  .\[\&\>a\]\:px-12 {
    &>a {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .\[\&\>a\]\:py-8 {
    &>a {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .\[\&\>a\]\:underline {
    &>a {
      text-decoration-line: underline;
    }
  }
  .sm\:\[\&\>a\]\:px-16 {
    @media (width >= 48rem) {
      &>a {
        padding-inline: calc(var(--spacing) * 16);
      }
    }
  }
  .sm\:\[\&\>a\]\:py-12 {
    @media (width >= 48rem) {
      &>a {
        padding-block: calc(var(--spacing) * 12);
      }
    }
  }
  .\[\&\>div\]\:relative {
    &>div {
      position: relative;
    }
  }
  .\[\&\>div\]\:z-20 {
    &>div {
      z-index: 20;
    }
  }
  .\[\&\>div\]\:mx-0 {
    &>div {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .\[\&\>div\]\:flex {
    &>div {
      display: flex;
    }
  }
  .\[\&\>div\]\:h-full {
    &>div {
      height: 100%;
    }
  }
  .\[\&\>div\]\:min-h-3 {
    &>div {
      min-height: calc(var(--spacing) * 3);
    }
  }
  .\[\&\>div\]\:w-full {
    &>div {
      width: 100%;
    }
  }
  .\[\&\>div\]\:min-w-32 {
    &>div {
      min-width: calc(var(--spacing) * 32);
    }
  }
  .\[\&\>div\]\:flex-none {
    &>div {
      flex: none;
    }
  }
  .\[\&\>div\]\:flex-col {
    &>div {
      flex-direction: column;
    }
  }
  .\[\&\>div\]\:flex-row {
    &>div {
      flex-direction: row;
    }
  }
  .\[\&\>div\]\:flex-wrap {
    &>div {
      flex-wrap: wrap;
    }
  }
  .\[\&\>div\]\:items-center {
    &>div {
      align-items: center;
    }
  }
  .\[\&\>div\]\:items-end {
    &>div {
      align-items: flex-end;
    }
  }
  .\[\&\>div\]\:items-start {
    &>div {
      align-items: flex-start;
    }
  }
  .\[\&\>div\]\:items-stretch {
    &>div {
      align-items: stretch;
    }
  }
  .\[\&\>div\]\:justify-between {
    &>div {
      justify-content: space-between;
    }
  }
  .\[\&\>div\]\:justify-center {
    &>div {
      justify-content: center;
    }
  }
  .\[\&\>div\]\:justify-end {
    &>div {
      justify-content: flex-end;
    }
  }
  .\[\&\>div\]\:justify-start {
    &>div {
      justify-content: flex-start;
    }
  }
  .\[\&\>div\]\:justify-stretch {
    &>div {
      justify-content: stretch;
    }
  }
  .\[\&\>div\]\:gap-0 {
    &>div {
      gap: calc(var(--spacing) * 0);
    }
  }
  .\[\&\>div\]\:gap-4 {
    &>div {
      gap: calc(var(--spacing) * 4);
    }
  }
  .\[\&\>div\]\:gap-8 {
    &>div {
      gap: calc(var(--spacing) * 8);
    }
  }
  .\[\&\>div\]\:gap-12 {
    &>div {
      gap: calc(var(--spacing) * 12);
    }
  }
  .\[\&\>div\]\:gap-16 {
    &>div {
      gap: calc(var(--spacing) * 16);
    }
  }
  .\[\&\>div\]\:gap-20 {
    &>div {
      gap: calc(var(--spacing) * 20);
    }
  }
  .\[\&\>div\]\:gap-24 {
    &>div {
      gap: calc(var(--spacing) * 24);
    }
  }
  .\[\&\>div\]\:gap-32 {
    &>div {
      gap: calc(var(--spacing) * 32);
    }
  }
  .\[\&\>div\]\:self-center {
    &>div {
      align-self: center;
    }
  }
  .\[\&\>div\]\:self-end {
    &>div {
      align-self: flex-end;
    }
  }
  .\[\&\>div\]\:self-start {
    &>div {
      align-self: flex-start;
    }
  }
  .\[\&\>div\]\:self-stretch {
    &>div {
      align-self: stretch;
    }
  }
  .\[\&\>div\]\:justify-self-center {
    &>div {
      justify-self: center;
    }
  }
  .\[\&\>div\]\:justify-self-end {
    &>div {
      justify-self: flex-end;
    }
  }
  .\[\&\>div\]\:justify-self-start {
    &>div {
      justify-self: flex-start;
    }
  }
  .\[\&\>div\]\:justify-self-stretch {
    &>div {
      justify-self: stretch;
    }
  }
  .\[\&\>div\]\:rounded-10 {
    &>div {
      border-radius: var(--radius-10);
    }
  }
  .\[\&\>div\]\:bg-dark-blue-750 {
    &>div {
      background-color: var(--color-dark-blue-750);
    }
  }
  .\[\&\>div\]\:bg-white {
    &>div {
      background-color: var(--color-white);
    }
  }
  .\[\&\>div\]\:p-3 {
    &>div {
      padding: calc(var(--spacing) * 3);
    }
  }
  .\[\&\>div\]\:py-2 {
    &>div {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .max-md\:\[\&\>div\]\:h-full {
    @media (width < 64rem) {
      &>div {
        height: 100%;
      }
    }
  }
  .max-md\:\[\&\>div\]\:w-full {
    @media (width < 64rem) {
      &>div {
        width: 100%;
      }
    }
  }
  .max-md\:\[\&\>div\]\:flex-col {
    @media (width < 64rem) {
      &>div {
        flex-direction: column;
      }
    }
  }
  .max-md\:\[\&\>div\]\:flex-row {
    @media (width < 64rem) {
      &>div {
        flex-direction: row;
      }
    }
  }
  .max-md\:\[\&\>div\]\:flex-wrap {
    @media (width < 64rem) {
      &>div {
        flex-wrap: wrap;
      }
    }
  }
  .max-md\:\[\&\>div\]\:items-center {
    @media (width < 64rem) {
      &>div {
        align-items: center;
      }
    }
  }
  .max-md\:\[\&\>div\]\:items-end {
    @media (width < 64rem) {
      &>div {
        align-items: flex-end;
      }
    }
  }
  .max-md\:\[\&\>div\]\:items-start {
    @media (width < 64rem) {
      &>div {
        align-items: flex-start;
      }
    }
  }
  .max-md\:\[\&\>div\]\:items-stretch {
    @media (width < 64rem) {
      &>div {
        align-items: stretch;
      }
    }
  }
  .max-md\:\[\&\>div\]\:justify-between {
    @media (width < 64rem) {
      &>div {
        justify-content: space-between;
      }
    }
  }
  .max-md\:\[\&\>div\]\:justify-center {
    @media (width < 64rem) {
      &>div {
        justify-content: center;
      }
    }
  }
  .max-md\:\[\&\>div\]\:justify-end {
    @media (width < 64rem) {
      &>div {
        justify-content: flex-end;
      }
    }
  }
  .max-md\:\[\&\>div\]\:justify-start {
    @media (width < 64rem) {
      &>div {
        justify-content: flex-start;
      }
    }
  }
  .max-md\:\[\&\>div\]\:justify-stretch {
    @media (width < 64rem) {
      &>div {
        justify-content: stretch;
      }
    }
  }
  .max-md\:\[\&\>div\]\:gap-0 {
    @media (width < 64rem) {
      &>div {
        gap: calc(var(--spacing) * 0);
      }
    }
  }
  .max-md\:\[\&\>div\]\:gap-4 {
    @media (width < 64rem) {
      &>div {
        gap: calc(var(--spacing) * 4);
      }
    }
  }
  .max-md\:\[\&\>div\]\:gap-8 {
    @media (width < 64rem) {
      &>div {
        gap: calc(var(--spacing) * 8);
      }
    }
  }
  .max-md\:\[\&\>div\]\:gap-12 {
    @media (width < 64rem) {
      &>div {
        gap: calc(var(--spacing) * 12);
      }
    }
  }
  .max-md\:\[\&\>div\]\:gap-16 {
    @media (width < 64rem) {
      &>div {
        gap: calc(var(--spacing) * 16);
      }
    }
  }
  .max-md\:\[\&\>div\]\:gap-20 {
    @media (width < 64rem) {
      &>div {
        gap: calc(var(--spacing) * 20);
      }
    }
  }
  .max-md\:\[\&\>div\]\:gap-24 {
    @media (width < 64rem) {
      &>div {
        gap: calc(var(--spacing) * 24);
      }
    }
  }
  .max-md\:\[\&\>div\]\:gap-32 {
    @media (width < 64rem) {
      &>div {
        gap: calc(var(--spacing) * 32);
      }
    }
  }
  .max-md\:\[\&\>div\]\:self-center {
    @media (width < 64rem) {
      &>div {
        align-self: center;
      }
    }
  }
  .max-md\:\[\&\>div\]\:self-end {
    @media (width < 64rem) {
      &>div {
        align-self: flex-end;
      }
    }
  }
  .max-md\:\[\&\>div\]\:self-start {
    @media (width < 64rem) {
      &>div {
        align-self: flex-start;
      }
    }
  }
  .max-md\:\[\&\>div\]\:self-stretch {
    @media (width < 64rem) {
      &>div {
        align-self: stretch;
      }
    }
  }
  .max-md\:\[\&\>div\]\:justify-self-center {
    @media (width < 64rem) {
      &>div {
        justify-self: center;
      }
    }
  }
  .max-md\:\[\&\>div\]\:justify-self-end {
    @media (width < 64rem) {
      &>div {
        justify-self: flex-end;
      }
    }
  }
  .max-md\:\[\&\>div\]\:justify-self-start {
    @media (width < 64rem) {
      &>div {
        justify-self: flex-start;
      }
    }
  }
  .max-md\:\[\&\>div\]\:justify-self-stretch {
    @media (width < 64rem) {
      &>div {
        justify-self: stretch;
      }
    }
  }
  .max-sm\:\[\&\>div\]\:h-full {
    @media (width < 48rem) {
      &>div {
        height: 100%;
      }
    }
  }
  .max-sm\:\[\&\>div\]\:w-full {
    @media (width < 48rem) {
      &>div {
        width: 100%;
      }
    }
  }
  .max-sm\:\[\&\>div\]\:flex-col {
    @media (width < 48rem) {
      &>div {
        flex-direction: column;
      }
    }
  }
  .max-sm\:\[\&\>div\]\:flex-row {
    @media (width < 48rem) {
      &>div {
        flex-direction: row;
      }
    }
  }
  .max-sm\:\[\&\>div\]\:flex-wrap {
    @media (width < 48rem) {
      &>div {
        flex-wrap: wrap;
      }
    }
  }
  .max-sm\:\[\&\>div\]\:items-center {
    @media (width < 48rem) {
      &>div {
        align-items: center;
      }
    }
  }
  .max-sm\:\[\&\>div\]\:items-end {
    @media (width < 48rem) {
      &>div {
        align-items: flex-end;
      }
    }
  }
  .max-sm\:\[\&\>div\]\:items-start {
    @media (width < 48rem) {
      &>div {
        align-items: flex-start;
      }
    }
  }
  .max-sm\:\[\&\>div\]\:items-stretch {
    @media (width < 48rem) {
      &>div {
        align-items: stretch;
      }
    }
  }
  .max-sm\:\[\&\>div\]\:justify-between {
    @media (width < 48rem) {
      &>div {
        justify-content: space-between;
      }
    }
  }
  .max-sm\:\[\&\>div\]\:justify-center {
    @media (width < 48rem) {
      &>div {
        justify-content: center;
      }
    }
  }
  .max-sm\:\[\&\>div\]\:justify-end {
    @media (width < 48rem) {
      &>div {
        justify-content: flex-end;
      }
    }
  }
  .max-sm\:\[\&\>div\]\:justify-start {
    @media (width < 48rem) {
      &>div {
        justify-content: flex-start;
      }
    }
  }
  .max-sm\:\[\&\>div\]\:justify-stretch {
    @media (width < 48rem) {
      &>div {
        justify-content: stretch;
      }
    }
  }
  .max-sm\:\[\&\>div\]\:gap-0 {
    @media (width < 48rem) {
      &>div {
        gap: calc(var(--spacing) * 0);
      }
    }
  }
  .max-sm\:\[\&\>div\]\:gap-4 {
    @media (width < 48rem) {
      &>div {
        gap: calc(var(--spacing) * 4);
      }
    }
  }
  .max-sm\:\[\&\>div\]\:gap-8 {
    @media (width < 48rem) {
      &>div {
        gap: calc(var(--spacing) * 8);
      }
    }
  }
  .max-sm\:\[\&\>div\]\:gap-12 {
    @media (width < 48rem) {
      &>div {
        gap: calc(var(--spacing) * 12);
      }
    }
  }
  .max-sm\:\[\&\>div\]\:gap-16 {
    @media (width < 48rem) {
      &>div {
        gap: calc(var(--spacing) * 16);
      }
    }
  }
  .max-sm\:\[\&\>div\]\:gap-20 {
    @media (width < 48rem) {
      &>div {
        gap: calc(var(--spacing) * 20);
      }
    }
  }
  .max-sm\:\[\&\>div\]\:gap-24 {
    @media (width < 48rem) {
      &>div {
        gap: calc(var(--spacing) * 24);
      }
    }
  }
  .max-sm\:\[\&\>div\]\:gap-32 {
    @media (width < 48rem) {
      &>div {
        gap: calc(var(--spacing) * 32);
      }
    }
  }
  .max-sm\:\[\&\>div\]\:self-center {
    @media (width < 48rem) {
      &>div {
        align-self: center;
      }
    }
  }
  .max-sm\:\[\&\>div\]\:self-end {
    @media (width < 48rem) {
      &>div {
        align-self: flex-end;
      }
    }
  }
  .max-sm\:\[\&\>div\]\:self-start {
    @media (width < 48rem) {
      &>div {
        align-self: flex-start;
      }
    }
  }
  .max-sm\:\[\&\>div\]\:self-stretch {
    @media (width < 48rem) {
      &>div {
        align-self: stretch;
      }
    }
  }
  .max-sm\:\[\&\>div\]\:justify-self-center {
    @media (width < 48rem) {
      &>div {
        justify-self: center;
      }
    }
  }
  .max-sm\:\[\&\>div\]\:justify-self-end {
    @media (width < 48rem) {
      &>div {
        justify-self: flex-end;
      }
    }
  }
  .max-sm\:\[\&\>div\]\:justify-self-start {
    @media (width < 48rem) {
      &>div {
        justify-self: flex-start;
      }
    }
  }
  .max-sm\:\[\&\>div\]\:justify-self-stretch {
    @media (width < 48rem) {
      &>div {
        justify-self: stretch;
      }
    }
  }
  .sm\:\[\&\>div\]\:h-full {
    @media (width >= 48rem) {
      &>div {
        height: 100%;
      }
    }
  }
  .sm\:\[\&\>div\]\:w-full {
    @media (width >= 48rem) {
      &>div {
        width: 100%;
      }
    }
  }
  .sm\:\[\&\>div\]\:flex-col {
    @media (width >= 48rem) {
      &>div {
        flex-direction: column;
      }
    }
  }
  .sm\:\[\&\>div\]\:flex-row {
    @media (width >= 48rem) {
      &>div {
        flex-direction: row;
      }
    }
  }
  .sm\:\[\&\>div\]\:flex-wrap {
    @media (width >= 48rem) {
      &>div {
        flex-wrap: wrap;
      }
    }
  }
  .sm\:\[\&\>div\]\:items-center {
    @media (width >= 48rem) {
      &>div {
        align-items: center;
      }
    }
  }
  .sm\:\[\&\>div\]\:items-end {
    @media (width >= 48rem) {
      &>div {
        align-items: flex-end;
      }
    }
  }
  .sm\:\[\&\>div\]\:items-start {
    @media (width >= 48rem) {
      &>div {
        align-items: flex-start;
      }
    }
  }
  .sm\:\[\&\>div\]\:items-stretch {
    @media (width >= 48rem) {
      &>div {
        align-items: stretch;
      }
    }
  }
  .sm\:\[\&\>div\]\:justify-between {
    @media (width >= 48rem) {
      &>div {
        justify-content: space-between;
      }
    }
  }
  .sm\:\[\&\>div\]\:justify-center {
    @media (width >= 48rem) {
      &>div {
        justify-content: center;
      }
    }
  }
  .sm\:\[\&\>div\]\:justify-end {
    @media (width >= 48rem) {
      &>div {
        justify-content: flex-end;
      }
    }
  }
  .sm\:\[\&\>div\]\:justify-start {
    @media (width >= 48rem) {
      &>div {
        justify-content: flex-start;
      }
    }
  }
  .sm\:\[\&\>div\]\:justify-stretch {
    @media (width >= 48rem) {
      &>div {
        justify-content: stretch;
      }
    }
  }
  .sm\:\[\&\>div\]\:gap-0 {
    @media (width >= 48rem) {
      &>div {
        gap: calc(var(--spacing) * 0);
      }
    }
  }
  .sm\:\[\&\>div\]\:gap-4 {
    @media (width >= 48rem) {
      &>div {
        gap: calc(var(--spacing) * 4);
      }
    }
  }
  .sm\:\[\&\>div\]\:gap-8 {
    @media (width >= 48rem) {
      &>div {
        gap: calc(var(--spacing) * 8);
      }
    }
  }
  .sm\:\[\&\>div\]\:gap-12 {
    @media (width >= 48rem) {
      &>div {
        gap: calc(var(--spacing) * 12);
      }
    }
  }
  .sm\:\[\&\>div\]\:gap-16 {
    @media (width >= 48rem) {
      &>div {
        gap: calc(var(--spacing) * 16);
      }
    }
  }
  .sm\:\[\&\>div\]\:gap-20 {
    @media (width >= 48rem) {
      &>div {
        gap: calc(var(--spacing) * 20);
      }
    }
  }
  .sm\:\[\&\>div\]\:gap-24 {
    @media (width >= 48rem) {
      &>div {
        gap: calc(var(--spacing) * 24);
      }
    }
  }
  .sm\:\[\&\>div\]\:gap-32 {
    @media (width >= 48rem) {
      &>div {
        gap: calc(var(--spacing) * 32);
      }
    }
  }
  .sm\:\[\&\>div\]\:self-center {
    @media (width >= 48rem) {
      &>div {
        align-self: center;
      }
    }
  }
  .sm\:\[\&\>div\]\:self-end {
    @media (width >= 48rem) {
      &>div {
        align-self: flex-end;
      }
    }
  }
  .sm\:\[\&\>div\]\:self-start {
    @media (width >= 48rem) {
      &>div {
        align-self: flex-start;
      }
    }
  }
  .sm\:\[\&\>div\]\:self-stretch {
    @media (width >= 48rem) {
      &>div {
        align-self: stretch;
      }
    }
  }
  .sm\:\[\&\>div\]\:justify-self-center {
    @media (width >= 48rem) {
      &>div {
        justify-self: center;
      }
    }
  }
  .sm\:\[\&\>div\]\:justify-self-end {
    @media (width >= 48rem) {
      &>div {
        justify-self: flex-end;
      }
    }
  }
  .sm\:\[\&\>div\]\:justify-self-start {
    @media (width >= 48rem) {
      &>div {
        justify-self: flex-start;
      }
    }
  }
  .sm\:\[\&\>div\]\:justify-self-stretch {
    @media (width >= 48rem) {
      &>div {
        justify-self: stretch;
      }
    }
  }
  .md\:\[\&\>div\]\:h-full {
    @media (width >= 64rem) {
      &>div {
        height: 100%;
      }
    }
  }
  .md\:\[\&\>div\]\:w-full {
    @media (width >= 64rem) {
      &>div {
        width: 100%;
      }
    }
  }
  .md\:\[\&\>div\]\:flex-col {
    @media (width >= 64rem) {
      &>div {
        flex-direction: column;
      }
    }
  }
  .md\:\[\&\>div\]\:flex-row {
    @media (width >= 64rem) {
      &>div {
        flex-direction: row;
      }
    }
  }
  .md\:\[\&\>div\]\:flex-wrap {
    @media (width >= 64rem) {
      &>div {
        flex-wrap: wrap;
      }
    }
  }
  .md\:\[\&\>div\]\:items-center {
    @media (width >= 64rem) {
      &>div {
        align-items: center;
      }
    }
  }
  .md\:\[\&\>div\]\:items-end {
    @media (width >= 64rem) {
      &>div {
        align-items: flex-end;
      }
    }
  }
  .md\:\[\&\>div\]\:items-start {
    @media (width >= 64rem) {
      &>div {
        align-items: flex-start;
      }
    }
  }
  .md\:\[\&\>div\]\:items-stretch {
    @media (width >= 64rem) {
      &>div {
        align-items: stretch;
      }
    }
  }
  .md\:\[\&\>div\]\:justify-between {
    @media (width >= 64rem) {
      &>div {
        justify-content: space-between;
      }
    }
  }
  .md\:\[\&\>div\]\:justify-center {
    @media (width >= 64rem) {
      &>div {
        justify-content: center;
      }
    }
  }
  .md\:\[\&\>div\]\:justify-end {
    @media (width >= 64rem) {
      &>div {
        justify-content: flex-end;
      }
    }
  }
  .md\:\[\&\>div\]\:justify-start {
    @media (width >= 64rem) {
      &>div {
        justify-content: flex-start;
      }
    }
  }
  .md\:\[\&\>div\]\:justify-stretch {
    @media (width >= 64rem) {
      &>div {
        justify-content: stretch;
      }
    }
  }
  .md\:\[\&\>div\]\:gap-0 {
    @media (width >= 64rem) {
      &>div {
        gap: calc(var(--spacing) * 0);
      }
    }
  }
  .md\:\[\&\>div\]\:gap-4 {
    @media (width >= 64rem) {
      &>div {
        gap: calc(var(--spacing) * 4);
      }
    }
  }
  .md\:\[\&\>div\]\:gap-8 {
    @media (width >= 64rem) {
      &>div {
        gap: calc(var(--spacing) * 8);
      }
    }
  }
  .md\:\[\&\>div\]\:gap-12 {
    @media (width >= 64rem) {
      &>div {
        gap: calc(var(--spacing) * 12);
      }
    }
  }
  .md\:\[\&\>div\]\:gap-16 {
    @media (width >= 64rem) {
      &>div {
        gap: calc(var(--spacing) * 16);
      }
    }
  }
  .md\:\[\&\>div\]\:gap-20 {
    @media (width >= 64rem) {
      &>div {
        gap: calc(var(--spacing) * 20);
      }
    }
  }
  .md\:\[\&\>div\]\:gap-24 {
    @media (width >= 64rem) {
      &>div {
        gap: calc(var(--spacing) * 24);
      }
    }
  }
  .md\:\[\&\>div\]\:gap-32 {
    @media (width >= 64rem) {
      &>div {
        gap: calc(var(--spacing) * 32);
      }
    }
  }
  .md\:\[\&\>div\]\:self-center {
    @media (width >= 64rem) {
      &>div {
        align-self: center;
      }
    }
  }
  .md\:\[\&\>div\]\:self-end {
    @media (width >= 64rem) {
      &>div {
        align-self: flex-end;
      }
    }
  }
  .md\:\[\&\>div\]\:self-start {
    @media (width >= 64rem) {
      &>div {
        align-self: flex-start;
      }
    }
  }
  .md\:\[\&\>div\]\:self-stretch {
    @media (width >= 64rem) {
      &>div {
        align-self: stretch;
      }
    }
  }
  .md\:\[\&\>div\]\:justify-self-center {
    @media (width >= 64rem) {
      &>div {
        justify-self: center;
      }
    }
  }
  .md\:\[\&\>div\]\:justify-self-end {
    @media (width >= 64rem) {
      &>div {
        justify-self: flex-end;
      }
    }
  }
  .md\:\[\&\>div\]\:justify-self-start {
    @media (width >= 64rem) {
      &>div {
        justify-self: flex-start;
      }
    }
  }
  .md\:\[\&\>div\]\:justify-self-stretch {
    @media (width >= 64rem) {
      &>div {
        justify-self: stretch;
      }
    }
  }
  .\[\&\>div_div\]\:mb-0 {
    &>div div {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .\[\&\>div\:last-child\]\:text-off-white\! {
    &>div:last-child {
      color: var(--color-off-white) !important;
    }
  }
  .\[\&\>div\>div\]\:font-a2 {
    &>div>div {
      font-family: var(--font-display);
      font-size: var(--text-22);
      --tw-leading: 1.2;
      line-height: 1.2;
      --tw-tracking: calc(var(--tracking-1) * -1);
      letter-spacing: calc(var(--tracking-1) * -1);
      @media (width >= 64rem) {
        font-size: var(--text-28);
      }
      @media (width >= 90rem) {
        font-size: var(--text-32);
      }
    }
  }
  .\[\&\>div\>div\]\:font-bold {
    &>div>div {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&\>div\[role\=tablist\]\]\:row-start-1 {
    &>div[role=tablist] {
      grid-row-start: 1;
    }
  }
  .sm\:\[\&\>div\[role\=tablist\]\]\:col-start-1 {
    @media (width >= 48rem) {
      &>div[role=tablist] {
        grid-column-start: 1;
      }
    }
  }
  .\[\&\>div\[role\=tabpanel\]\]\:row-start-2 {
    &>div[role=tabpanel] {
      grid-row-start: 2;
    }
  }
  .sm\:\[\&\>div\[role\=tabpanel\]\]\:col-start-2 {
    @media (width >= 48rem) {
      &>div[role=tabpanel] {
        grid-column-start: 2;
      }
    }
  }
  .\[\&\>h2\]\:text-balance {
    &>h2 {
      text-wrap: balance;
    }
  }
  .sm\:\[\&\>h2\]\:line-clamp-3 {
    @media (width >= 48rem) {
      &>h2 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
      }
    }
  }
  .\[\&\>img\]\:h-full {
    &>img {
      height: 100%;
    }
  }
  .\[\&\>img\]\:max-h-40 {
    &>img {
      max-height: calc(var(--spacing) * 40);
    }
  }
  .\[\&\>img\]\:object-contain {
    &>img {
      object-fit: contain;
    }
  }
  .\[\&\>p\]\:mt-4 {
    &>p {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  .\[\&\>p\]\:font-b2 {
    &>p {
      font-family: var(--font-sans);
      font-size: var(--text-14);
      --tw-leading: 1.3;
      line-height: 1.3;
      --tw-tracking: calc(var(--tracking-1) * -1);
      letter-spacing: calc(var(--tracking-1) * -1);
    }
  }
  .\[\&\>p\]\:text-pretty {
    &>p {
      text-wrap: pretty;
    }
  }
  .first\:\[\&\>p\]\:font-a3 {
    &:first-child {
      &>p {
        font-family: var(--font-display);
        font-size: var(--text-24);
        --tw-leading: 1.1;
        line-height: 1.1;
        --tw-tracking: calc(var(--tracking-1) * -1);
        letter-spacing: calc(var(--tracking-1) * -1);
        @media (width >= 48rem) {
          font-size: var(--text-26);
        }
        @media (width >= 64rem) {
          font-size: var(--text-32);
        }
        @media (width >= 90rem) {
          font-size: var(--text-40);
        }
      }
    }
  }
  .last\:\[\&\>p\]\:font-b2 {
    &:last-child {
      &>p {
        font-family: var(--font-sans);
        font-size: var(--text-14);
        --tw-leading: 1.3;
        line-height: 1.3;
        --tw-tracking: calc(var(--tracking-1) * -1);
        letter-spacing: calc(var(--tracking-1) * -1);
      }
    }
  }
  .sm\:\[\&\>p\]\:line-clamp-8 {
    @media (width >= 48rem) {
      &>p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 8;
      }
    }
  }
  .\[\&\>small\]\:font-b1 {
    &>small {
      font-family: var(--font-sans);
      font-size: var(--text-15);
      --tw-leading: 1.3;
      line-height: 1.3;
      --tw-tracking: calc(var(--tracking-2) * -1);
      letter-spacing: calc(var(--tracking-2) * -1);
      @media (width >= 64rem) {
        font-size: var(--text-16);
      }
    }
  }
  .\[\&\>span\]\:font-b2 {
    &>span {
      font-family: var(--font-sans);
      font-size: var(--text-14);
      --tw-leading: 1.3;
      line-height: 1.3;
      --tw-tracking: calc(var(--tracking-1) * -1);
      letter-spacing: calc(var(--tracking-1) * -1);
    }
  }
  .sm\:\[\&\>span\]\:hidden {
    @media (width >= 48rem) {
      &>span {
        display: none;
      }
    }
  }
  .md\:\[\&\>span\]\:block {
    @media (width >= 64rem) {
      &>span {
        display: block;
      }
    }
  }
  .\[\&\>svg\:first-child\]\:size-24 {
    &>svg:first-child {
      width: calc(var(--spacing) * 24);
      height: calc(var(--spacing) * 24);
    }
  }
  .sm\:\[\&\>svg\:first-child\]\:size-32 {
    @media (width >= 48rem) {
      &>svg:first-child {
        width: calc(var(--spacing) * 32);
        height: calc(var(--spacing) * 32);
      }
    }
  }
  .lg\:\[\&\>svg\:first-child\]\:size-40 {
    @media (width >= 90rem) {
      &>svg:first-child {
        width: calc(var(--spacing) * 40);
        height: calc(var(--spacing) * 40);
      }
    }
  }
  .\[\&\>ul\]\:space-y-2 {
    &>ul {
      :where(& > :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)));
      }
    }
  }
  .\[\&\>ul_ul\]\:ml-24 {
    &>ul ul {
      margin-left: calc(var(--spacing) * 24);
    }
  }
  .\[\&\[aria-expanded\=true\]\>svg\]\:translate-y-px {
    &[aria-expanded=true]>svg {
      --tw-translate-y: 1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\[\&\[aria-expanded\=true\]\>svg\]\:-scale-y-100 {
    &[aria-expanded=true]>svg {
      --tw-scale-y: calc(100% * -1);
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .\[\&\[aria-expanded\=true\]\>svg\]\:rotate-180 {
    &[aria-expanded=true]>svg {
      rotate: 180deg;
    }
  }
  .\[\&\[aria-expanded\=true\]\>svg\]\:opacity-100 {
    &[aria-expanded=true]>svg {
      opacity: 100%;
    }
  }
  .\[\&\[open\]_summary_svg\]\:-rotate-90 {
    &[open] summary svg {
      rotate: calc(90deg * -1);
    }
  }
  .\[\.is-dark_\&\:focus-visible\]\:ring-bright-blue-600\/30 {
    .is-dark &:focus-visible {
      --tw-ring-color: color-mix(in srgb, #9EB2FF 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-bright-blue-600) 30%, transparent);
      }
    }
  }
  .\[\.is-dark_\&\:focus-visible\]\:ring-offset-grey-800 {
    .is-dark &:focus-visible {
      --tw-ring-offset-color: var(--color-grey-800);
    }
  }
  .\[\.is-dark_\&\:where\(a\)\:hover_\>_span\:first-child\]\:text-bright-blue-600 {
    .is-dark &:where(a):hover > span:first-child {
      color: var(--color-bright-blue-600);
    }
  }
  .\[\.is-snapped_\>_\&\]\:bg-dark-green-700 {
    .is-snapped > & {
      background-color: var(--color-dark-green-700);
    }
  }
  .\[\.is-snapped_\>_\&\]\:bg-white {
    .is-snapped > & {
      background-color: var(--color-white);
    }
  }
  .\[\.is-snapped\+div_\>_\&\]\:-translate-y-2 {
    .is-snapped+div > & {
      --tw-translate-y: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\[\.is-snapped\+div\+div_\>_\&\]\:-translate-y-20 {
    .is-snapped+div+div > & {
      --tw-translate-y: calc(var(--spacing) * -20);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\[\.is-snapped\:first-child_\~_\:last-child_\>_\&\]\:translate-y-2 {
    .is-snapped:first-child ~ :last-child > & {
      --tw-translate-y: calc(var(--spacing) * 2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\[\.is-snapped\:first-child_\~_\:nth-last-child\(2\)_\>_\&\]\:translate-y-20 {
    .is-snapped:first-child ~ :nth-last-child(2) > & {
      --tw-translate-y: calc(var(--spacing) * 20);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\[\.is-snapped\:nth-child\(2\)_\~_\:last-child_\>_\&\]\:translate-y-20 {
    .is-snapped:nth-child(2) ~ :last-child > & {
      --tw-translate-y: calc(var(--spacing) * 20);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\[\.wp-block\.is-selected\[data-type\=\"infobip2024\/accordion-item\"\]_\&\]\:translate-y-44 {
    .wp-block.is-selected[data-type="infobip2024/accordion-item"] & {
      --tw-translate-y: calc(var(--spacing) * 44);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\[\:empty\+\&\]\:hidden {
    :empty+& {
      display: none;
    }
  }
  .\[\:first-child\:has\(\~_\.is-snapped\:last-child\)_\>_\&\]\:-translate-y-2 {
    :first-child:has(~ .is-snapped:last-child) > & {
      --tw-translate-y: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\[\:first-child\:has\(\~_\.is-snapped\:nth-last-child\(2\)\)_\>_\&\]\:-translate-y-20 {
    :first-child:has(~ .is-snapped:nth-last-child(2)) > & {
      --tw-translate-y: calc(var(--spacing) * -20);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\[\:has\(\+_\.is-snapped\)_\>_\&\]\:translate-y-2 {
    :has(+ .is-snapped) > & {
      --tw-translate-y: calc(var(--spacing) * 2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\[\:has\(\+_div\+\.is-snapped\)_\>_\&\]\:translate-y-20 {
    :has(+ div+.is-snapped) > & {
      --tw-translate-y: calc(var(--spacing) * 20);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\[\:not\(\.is-snapped\)_\>_\&\]\:scale-\[\.7\] {
    :not(.is-snapped) > & {
      scale: .7;
    }
  }
  .sm\:\[\:not\(\.is-snapped\)_\>_\&\]\:scale-75 {
    @media (width >= 48rem) {
      :not(.is-snapped) > & {
        --tw-scale-x: 75%;
        --tw-scale-y: 75%;
        --tw-scale-z: 75%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .\[\:nth-child\(2\)\:has\(\~_\.is-snapped\:last-child\)_\>_\&\]\:-translate-y-20 {
    :nth-child(2):has(~ .is-snapped:last-child) > & {
      --tw-translate-y: calc(var(--spacing) * -20);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\[body\:not\(\.dark\)_\&\]\:bg-black\! {
    body:not(.dark) & {
      background-color: var(--color-black) !important;
    }
  }
  .\[body\:not\(\.dark\)_\&_\.section-title\.is-layout-a\]\:bg-grey-600\! {
    body:not(.dark) & .section-title.is-layout-a {
      background-color: var(--color-grey-600) !important;
    }
  }
  .\[body\:not\(\.dark\)_\&_\.section-title\.is-layout-a\]\:text-white\! {
    body:not(.dark) & .section-title.is-layout-a {
      color: var(--color-white) !important;
    }
  }
  .\[body\:not\(\.dark\)_\&_\.section-title\.is-layout-b\]\:border-b-white\/10\! {
    body:not(.dark) & .section-title.is-layout-b {
      border-bottom-color: color-mix(in srgb, #FFFFFF 10%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        border-bottom-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
      }
    }
  }
  .\[li\>\&\]\:pt-\[0\.5lh\]\! {
    li>& {
      padding-top: 0.5lh !important;
    }
  }
}
@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}
@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}
@property --tw-animation-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}
@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
summary::-webkit-details-marker {
  display: none;
}
html {
  scroll-padding-top: 12.5rem;
  scroll-padding-bottom: 10rem;
}
@keyframes loop-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes loop-scroll-reverse {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@layer base {
  @property --motion-bounce {
    syntax: "*";
    inherits: false;
    initial-value: linear(0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141 13.6%, 0.25, 0.391, 0.563, 0.765,1, 0.891 40.9%, 0.848, 0.813, 0.785, 0.766, 0.754, 0.75, 0.754, 0.766, 0.785,0.813, 0.848, 0.891 68.2%, 1 72.7%, 0.973, 0.953, 0.941, 0.938, 0.941, 0.953,0.973, 1, 0.988, 0.984, 0.988, 1);
  }
  @property --motion-spring-smooth {
    syntax: "*";
    inherits: false;
    initial-value: linear(0, 0.001 0.44%, 0.0045 0.94%, 0.0195 2.03%, 0.0446 3.19%, 0.0811 4.5%, 0.1598 6.82%, 0.3685 12.34%, 0.4693 15.17%, 0.5663, 0.6498 21.27%, 0.7215 24.39%, 0.7532 25.98%, 0.7829 27.65%, 0.8105, 0.8349 31.14%, 0.8573 32.95%, 0.8776 34.84%, 0.8964 36.87%, 0.9136 39.05%, 0.929 41.37%, 0.9421 43.77%, 0.9537 46.38%, 0.9636 49.14%, 0.9789 55.31%, 0.9888 62.35%, 0.9949 71.06%, 0.9982 82.52%, 0.9997 99.94%);
  }
  @property --motion-spring-snappy {
    syntax: "*";
    inherits: false;
    initial-value: linear(0, 0.0014, 0.0053 1.02%, 0.0126, 0.0227 2.18%, 0.0517 3.41%, 0.094 4.79%, 0.1865 7.26%, 0.4182 12.77%, 0.5246 15.46%, 0.6249, 0.7112, 0.7831 23.95%, 0.8146 25.4%, 0.844, 0.8699 28.45%, 0.8935, 0.9139 31.64%, 0.932, 0.9473, 0.9601 36.65%, 0.9714 38.47%, 0.9808 40.35%, 0.9948 44.49%, 1.0031 49.43%, 1.0057 53.35%, 1.0063 58.14%, 1.0014 80.78%, 1.0001 99.94%);
  }
  @property --motion-spring-bouncy {
    syntax: "*";
    inherits: false;
    initial-value: linear(0, 0.0018, 0.0069, 0.0151 1.74%, 0.0277 2.4%, 0.062 3.7%, 0.1115 5.15%, 0.2211 7.77%, 0.4778 13.21%, 0.5912 15.75%, 0.6987 18.44%, 0.7862 20.98%, 0.861 23.59%, 0.8926, 0.9205, 0.945 27.51%, 0.9671 28.89%, 0.9868, 1.003 31.79%, 1.0224 34.11%, 1.0358 36.58%, 1.0436 39.27%, 1.046 42.31%, 1.0446 44.71%, 1.0406 47.47%, 1.0118 61.84%, 1.0027 69.53%, 0.9981 80.49%, 0.9991 99.94%);
  }
  @property --motion-spring-bouncier {
    syntax: "*";
    inherits: false;
    initial-value: linear(0, 0.0023, 0.0088, 0.0194 1.59%, 0.035 2.17%, 0.078 3.33%, 0.1415 4.64%, 0.2054 5.75%, 0.2821 6.95%, 0.5912 11.45%, 0.7205 13.43%, 0.8393 15.45%, 0.936 17.39%, 0.9778, 1.015, 1.0477, 1.0759, 1.0998 22.22%, 1.1203, 1.1364, 1.1484 25.26%, 1.1586 26.61%, 1.1629 28.06%, 1.1613 29.56%, 1.1537 31.2%, 1.1434 32.6%, 1.1288 34.19%, 1.0508 41.29%, 1.0174 44.87%, 1.0025 46.89%, 0.9911 48.87%, 0.9826 50.9%, 0.9769 53.03%, 0.9735 56.02%, 0.9748 59.45%, 0.9964 72.64%, 1.0031 79.69%, 1.0042 86.83%, 1.0008 99.97%);
  }
  @property --motion-spring-bounciest {
    syntax: "*";
    inherits: false;
    initial-value: linear(0, 0.0032, 0.0131, 0.0294, 0.0524, 0.0824, 0.1192 1.54%, 0.2134 2.11%, 0.3102 2.59%, 0.4297 3.13%, 0.8732 4.95%, 1.0373, 1.1827 6.36%, 1.2972 7.01%, 1.3444, 1.3859, 1.4215, 1.4504, 1.4735, 1.4908, 1.5024, 1.5084 9.5%, 1.5091, 1.5061, 1.4993, 1.4886, 1.4745, 1.4565 11.11%, 1.4082 11.7%, 1.3585 12.2%, 1.295 12.77%, 1.0623 14.64%, 0.9773, 0.9031 16.08%, 0.8449 16.73%, 0.8014, 0.7701 17.95%, 0.7587, 0.7501, 0.7443, 0.7412 19.16%, 0.7421 19.68%, 0.7508 20.21%, 0.7672 20.77%, 0.7917 21.37%, 0.8169 21.87%, 0.8492 22.43%, 0.9681 24.32%, 1.0114, 1.0492 25.75%, 1.0789 26.41%, 1.1008, 1.1167, 1.1271, 1.1317 28.81%, 1.1314, 1.1271 29.87%, 1.1189 30.43%, 1.1063 31.03%, 1.0769 32.11%, 0.9941 34.72%, 0.9748 35.43%, 0.9597 36.09%, 0.9487, 0.9407, 0.9355, 0.933 38.46%, 0.9344 39.38%, 0.9421 40.38%, 0.9566 41.5%, 0.9989 44.12%, 1.0161 45.37%, 1.029 46.75%, 1.0341 48.1%, 1.0335 49.04%, 1.0295 50.05%, 1.0221 51.18%, 0.992 55.02%, 0.9854 56.38%, 0.9827 57.72%, 0.985 59.73%, 1.004 64.67%, 1.0088 67.34%, 1.0076 69.42%, 0.9981 74.28%, 0.9956 76.85%, 0.9961 79.06%, 1.0023 86.46%, 0.999 95.22%, 0.9994 100%);
  }
  @property --motion-origin-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 100%;
  }
  @property --motion-origin-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 100%;
  }
  @property --motion-origin-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0%;
  }
  @property --motion-origin-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0%;
  }
  @property --motion-origin-rotate {
    syntax: "*";
    inherits: false;
    initial-value: 0deg;
  }
  @property --motion-origin-blur {
    syntax: "*";
    inherits: false;
    initial-value: 0px;
  }
  @property --motion-origin-grayscale {
    syntax: "*";
    inherits: false;
    initial-value: 0%;
  }
  @property --motion-origin-opacity {
    syntax: "*";
    inherits: false;
    initial-value: 100%;
  }
  @property --motion-origin-background-color {
    syntax: "*";
    inherits: false;
  }
  @property --motion-origin-text-color {
    syntax: "*";
    inherits: false;
  }
  @property --motion-end-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 100%;
  }
  @property --motion-end-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 100%;
  }
  @property --motion-end-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0%;
  }
  @property --motion-end-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0%;
  }
  @property --motion-end-rotate {
    syntax: "*";
    inherits: false;
    initial-value: 0deg;
  }
  @property --motion-end-blur {
    syntax: "*";
    inherits: false;
    initial-value: 0px;
  }
  @property --motion-end-grayscale {
    syntax: "*";
    inherits: false;
    initial-value: 0%;
  }
  @property --motion-end-opacity {
    syntax: "*";
    inherits: false;
    initial-value: 100%;
  }
  @property --motion-end-background-color {
    syntax: "*";
    inherits: false;
  }
  @property --motion-end-text-color {
    syntax: "*";
    inherits: false;
  }
  @property --motion-loop-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 100%;
  }
  @property --motion-loop-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 100%;
  }
  @property --motion-loop-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0%;
  }
  @property --motion-loop-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0%;
  }
  @property --motion-loop-rotate {
    syntax: "*";
    inherits: false;
    initial-value: 0deg;
  }
  @property --motion-loop-blur {
    syntax: "*";
    inherits: false;
    initial-value: 0px;
  }
  @property --motion-loop-grayscale {
    syntax: "*";
    inherits: false;
    initial-value: 0%;
  }
  @property --motion-loop-opacity {
    syntax: "*";
    inherits: false;
    initial-value: 100%;
  }
  @property --motion-loop-background-color {
    syntax: "*";
    inherits: false;
  }
  @property --motion-loop-text-color {
    syntax: "*";
    inherits: false;
  }
  @property --motion-duration {
    syntax: "*";
    inherits: false;
    initial-value: 700ms;
  }
  @property --motion-timing {
    syntax: "*";
    inherits: false;
    initial-value: cubic-bezier(.165, .84, .44, 1);
  }
  @property --motion-perceptual-duration-multiplier {
    syntax: "*";
    inherits: false;
    initial-value: 1;
  }
  @property --motion-delay {
    syntax: "*";
    inherits: false;
    initial-value: 0ms;
  }
  @property --motion-loop-count {
    syntax: "*";
    inherits: false;
    initial-value: infinite;
  }
  @property --motion-scale-in-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-translate-in-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-rotate-in-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-filter-in-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-opacity-in-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-background-color-in-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-text-color-in-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-scale-out-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-translate-out-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-rotate-out-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-filter-out-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-opacity-out-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-background-color-out-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-text-color-out-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-scale-loop-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-translate-loop-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-rotate-loop-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-filter-loop-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-opacity-loop-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-background-color-loop-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-text-color-loop-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
}
@layer base {
  @media screen and (prefers-reduced-motion: no-preference) {
    @keyframes motion-scale-in {
      0% {
        scale: var(--motion-origin-scale-x) var(--motion-origin-scale-y);
      }
      100% {
        scale: 1 1;
      }
    }
    @keyframes motion-scale-out {
      0% {
        scale: 1 1;
      }
      100% {
        scale: var(--motion-end-scale-x) var(--motion-end-scale-y);
      }
    }
    @keyframes motion-scale-loop-mirror {
      0%, 100% {
        scale: 1 1;
      }
      50% {
        scale: var(--motion-loop-scale-x) var(--motion-loop-scale-y);
      }
    }
    @keyframes motion-scale-loop-reset {
      0% {
        scale: 1 1;
      }
      100% {
        scale: var(--motion-loop-scale-x) var(--motion-loop-scale-y);
      }
    }
    @keyframes motion-translate-in {
      0% {
        translate: var(--motion-origin-translate-x) var(--motion-origin-translate-y);
      }
      100% {
        translate: 0 0;
      }
    }
    @keyframes motion-translate-out {
      0% {
        translate: 0 0;
      }
      100% {
        translate: var(--motion-end-translate-x) var(--motion-end-translate-y);
      }
    }
    @keyframes motion-translate-loop-mirror {
      0%, 100% {
        translate: 0 0;
      }
      50% {
        translate: var(--motion-loop-translate-x) var(--motion-loop-translate-y);
      }
    }
    @keyframes motion-translate-loop-reset {
      0% {
        translate: 0 0;
      }
      100% {
        translate: var(--motion-loop-translate-x) var(--motion-loop-translate-y);
      }
    }
    @keyframes motion-rotate-in {
      0% {
        rotate: var(--motion-origin-rotate);
      }
      100% {
        rotate: 0;
      }
    }
    @keyframes motion-rotate-out {
      0% {
        rotate: 0;
      }
      100% {
        rotate: var(--motion-end-rotate);
      }
    }
    @keyframes motion-rotate-loop-mirror {
      0%, 100% {
        rotate: 0deg;
      }
      50% {
        rotate: var(--motion-loop-rotate);
      }
    }
    @keyframes motion-rotate-loop-reset {
      100% {
        rotate: var(--motion-loop-rotate);
      }
    }
  }
  @keyframes motion-filter-in {
    0% {
      filter: blur(var(--motion-origin-blur)) grayscale(var(--motion-origin-grayscale));
    }
    100% {
      filter: blur(0) grayscale(0);
    }
  }
  @keyframes motion-filter-out {
    0% {
      filter: blur(0) grayscale(0);
    }
    100% {
      filter: blur(var(--motion-end-blur)) grayscale(var(--motion-end-grayscale));
    }
  }
  @keyframes motion-filter-loop-mirror {
    0%, 100% {
      filter: blur(0) grayscale(0);
    }
    50% {
      filter: blur(var(--motion-loop-blur)) grayscale(var(--motion-loop-grayscale));
    }
  }
  @keyframes motion-filter-loop-reset {
    0% {
      filter: blur(0) grayscale(0);
    }
    100% {
      filter: blur(var(--motion-loop-blur)) grayscale(var(--motion-loop-grayscale));
    }
  }
  @keyframes motion-opacity-in {
    0% {
      opacity: var(--motion-origin-opacity);
    }
  }
  @keyframes motion-opacity-out {
    100% {
      opacity: var(--motion-end-opacity);
    }
  }
  @keyframes motion-opacity-loop-mirror {
    50% {
      opacity: var(--motion-loop-opacity);
    }
  }
  @keyframes motion-opacity-loop-reset {
    100% {
      opacity: var(--motion-loop-opacity);
    }
  }
  @keyframes motion-background-color-in {
    0% {
      background-color: var(--motion-origin-background-color);
    }
  }
  @keyframes motion-background-color-out {
    100% {
      background-color: var(--motion-end-background-color);
    }
  }
  @keyframes motion-background-color-loop-mirror {
    50% {
      background-color: var(--motion-loop-background-color);
    }
  }
  @keyframes motion-background-color-loop-reset {
    100% {
      background-color: var(--motion-loop-background-color);
    }
  }
  @keyframes motion-text-color-in {
    0% {
      color: var(--motion-origin-text-color);
    }
  }
  @keyframes motion-text-color-out {
    100% {
      color: var(--motion-end-text-color);
    }
  }
  @keyframes motion-text-color-loop-mirror {
    50% {
      color: var(--motion-loop-text-color);
    }
  }
  @keyframes motion-text-color-loop-reset {
    100% {
      color: var(--motion-loop-text-color);
    }
  }
}
@layer base {
  * {
    scrollbar-color: initial;
    scrollbar-width: initial;
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-pan-x {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@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-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  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: 0px;
}
@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: "";
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity,1);
    transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
    filter: blur(var(--tw-enter-blur,0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity,1);
    transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
    filter: blur(var(--tw-exit-blur,0));
  }
}
@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-style: solid;
      --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-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --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-tracking: initial;
      --tw-font-weight: 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-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
html:has(body.logged-in.admin-bar) #wpadminbar {
  position: fixed;
}
.post-password-form {
  padding-bottom: calc(var(--spacing, 0.0625rem) * 48);
}
.post-password-form label {
  margin-top: calc(var(--spacing, 0.0625rem) * 4);
  display: block;
}
.post-password-form label input,
#activateform input {
  margin-block: calc(var(--spacing, 0.0625rem) * 24);
  display: block;
  min-height: calc(var(--spacing, 0.0625rem) * 48);
  width: 100%;
  border-radius: var(--radius-12, 0.75rem);
  --tw-border-style: none;
  border-style: none;
  padding: calc(var(--spacing, 0.0625rem) * 12);
  font-family: var(--font-sans, 'Inter Variable', 'Nanum Gothic', 'Noto Sans Tai Viet', 'Noto Sans Thai Variable', system-ui, sans-serif);
  font-size: var(--text-15, 0.9375rem);
  --tw-leading: 1.3;
  line-height: 1.3;
  --tw-tracking: calc(var(--tracking-2, 0.02em) * -1);
  letter-spacing: calc(var(--tracking-2, 0.02em) * -1);
  @media (width >= 64rem) {
    font-size: var(--text-16, 1rem);
  }
  font-size: var(--text-14, 0.875rem);
  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, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms));
  &::placeholder {
    color: var(--color-black, #1B1A19);
  }
  &::placeholder {
    opacity: 50%;
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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-visible {
    --tw-ring-color: color-mix(in srgb, #FC6423 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-orange-900, #FC6423) 40%, transparent);
    }
  }
  &:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  &:disabled {
    cursor: default;
  }
  &:disabled {
    color: var(--color-grey-500, #969695);
  }
  &:disabled {
    &::placeholder {
      color: var(--color-grey-500, #969695);
    }
  }
  &:disabled {
    opacity: 90%;
  }
  @media (width >= 48rem) {
    width: calc(2/3 * 100%);
  }
  @media (width >= 64rem) {
    width: calc(1/3 * 100%);
  }
  &:is(:where(.group\/forms):is(.es-block-forms--style-dark) *) {
    background-color: color-mix(in srgb, #969695 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-grey-500, #969695) 20%, transparent);
    }
  }
  &:is(:where(.group\/forms):is(.es-block-forms--style-dark) *) {
    color: var(--color-white, #FFFFFF);
  }
  &:is(:where(.group\/forms):is(.es-block-forms--style-dark) *) {
    &:is(:where(.group\/field):is(.es-form-is-active) *) {
      border-color: var(--color-white, #FFFFFF);
    }
  }
  &:is(:where(.group\/forms):is(.es-block-forms--style-dark-dyn) *) {
    background-color: var(--ib-form-dark);
  }
  &:is(:where(.group\/forms):is(.es-block-forms--style-dark-dyn) *) {
    color: var(--color-white, #FFFFFF);
  }
  &:is(:where(.group\/forms):is(.es-block-forms--style-dark-dyn) *) {
    &:is(:where(.group\/field):is(.es-form-is-active) *) {
      border-color: var(--color-white, #FFFFFF);
    }
  }
}
.post-password-form input[type='submit'],
#activateform input[type='submit'] {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing, 0.0625rem) * 8);
  border-radius: var(--radius-12, 0.75rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-orange-900, #FC6423);
  background-color: var(--color-orange-900, #FC6423);
  padding-inline: calc(var(--spacing, 0.0625rem) * 16);
  padding-block: calc(var(--spacing, 0.0625rem) * 8);
  font-family: var(--font-sans, 'Inter Variable', 'Nanum Gothic', 'Noto Sans Tai Viet', 'Noto Sans Thai Variable', system-ui, sans-serif);
  font-size: var(--text-15, 0.9375rem);
  --tw-leading: 1.3;
  line-height: 1.3;
  --tw-tracking: calc(var(--tracking-2, 0.02em) * -1);
  letter-spacing: calc(var(--tracking-2, 0.02em) * -1);
  @media (width >= 64rem) {
    font-size: var(--text-16, 1rem);
  }
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-black, #1B1A19);
  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, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  &:hover {
    @media (hover: hover) {
      cursor: pointer;
    }
  }
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-orange-800, #FC7537);
    }
  }
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-orange-800, #FC7537);
    }
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  &:focus-visible {
    border-color: var(--color-orange-800, #FC7537);
  }
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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-visible {
    --tw-ring-color: color-mix(in srgb, #FCA772 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-orange-500, #FCA772) 50%, transparent);
    }
  }
  &:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  &:disabled {
    opacity: 50%;
  }
  @media (prefers-contrast: more) {
    color: var(--color-black, #1B1A19);
  }
  @media (width >= 48rem) {
    width: fit-content;
  }
  @media (width >= 64rem) {
    border-radius: var(--radius-16, 1rem);
  }
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing, 0.0625rem) * 24);
  }
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing, 0.0625rem) * 16);
  }
}
#signup-content {
  grid-column-start: 3;
  grid-column-end: 4;
  margin-bottom: calc(var(--spacing, 0.0625rem) * 40);
}
#signup-content h2,
.wp-activate-container h2 {
  margin-bottom: calc(var(--spacing, 0.0625rem) * 12);
}
#signup-welcome {
  margin-bottom: calc(var(--spacing, 0.0625rem) * 8);
}
.ib2024-animated-text {
  display: inline-block;
  overflow: clip;
  padding-block: 0.1em;
}
form,
form * {
  scroll-margin: 20vh;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  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: 0px;
}
@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@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-leading: initial;
      --tw-tracking: 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-border-style: solid;
      --tw-font-weight: initial;
      --tw-duration: initial;
    }
  }
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
#CybotCookiebotDialog *,
#CybotCookiebotDialogBodyUnderlay * {
  font-family: var(--font-sans, 'Inter Variable', 'Nanum Gothic', 'Noto Sans Tai Viet', 'Noto Sans Thai Variable', system-ui, sans-serif) !important;
  & *::selection {
    background-color: var(--color-orange-100, #FFE4CC);
  }
  &::selection {
    background-color: var(--color-orange-100, #FFE4CC);
  }
}
#CybotCookiebotDialogBodyUnderlay {
  position: fixed !important;
  inset: calc(var(--spacing, 0.0625rem) * 0) !important;
  background-color: color-mix(in srgb, #1B1A19 30%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black, #1B1A19) 30%, transparent) !important;
  }
  opacity: 100% !important;
  --tw-backdrop-blur: blur(var(--blur-xs, 4px)) !important;
  -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,) !important;
  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,) !important;
}
#CybotCookiebotDialog:not(.CybotCookiebotDialogActive) + #CybotCookiebotDialogBodyUnderlay {
  display: none !important;
}
#CybotCookiebotDialogPoweredbyCybot {
  display: none !important;
}
#CybotCookiebotDialogPoweredbyImage {
  width: calc(var(--spacing, 0.0625rem) * 40) !important;
  height: calc(var(--spacing, 0.0625rem) * 40) !important;
  max-height: 100% !important;
  max-width: 100% !important;
}
#CybotCookiebotDialog {
  max-width: var(--container-3xl, 48rem) !important;
  border-radius: var(--radius-20, 1.25rem) !important;
  --tw-shadow: 0 0 #0000 !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.CybotCookiebotDialogContentWrapper {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  row-gap: calc(var(--spacing, 0.0625rem) * 8) !important;
  padding: calc(var(--spacing, 0.0625rem) * 24) !important;
  @media (width >= 64rem) {
    padding: calc(var(--spacing, 0.0625rem) * 32) !important;
  }
}
#CybotCookiebotDialogHeader {
  grid-column-start: 1 !important;
  grid-row-start: 1 !important;
}
#CybotCookiebotDialogNav {
  position: static !important;
  grid-column: span 2 / span 2 !important;
  grid-column-start: 2 !important;
  grid-row-start: 1 !important;
  --tw-border-style: none !important;
  border-style: none !important;
}
#CybotCookiebotDialogTabContent {
  grid-column: span 3 / span 3 !important;
  grid-column-start: 1 !important;
  grid-row-start: 2 !important;
  max-height: 100% !important;
  scroll-behavior: smooth !important;
  > *:not(.CybotCookiebotDialogHide) {
    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none) !important;
    --tw-enter-translate-x: calc(60*var(--spacing)) !important;
    --tw-enter-translate-x: calc(.6*100%) !important;
    --tw-enter-opacity: 0 !important;
  }
}
#CybotCookiebotDialogFooter {
  grid-column: span 3 / span 3 !important;
  grid-column-start: 1 !important;
  grid-row-start: 3 !important;
}
#CybotCookiebotDialogHeader {
  margin: calc(var(--spacing, 0.0625rem) * 0) !important;
  display: block !important;
  --tw-border-style: none !important;
  border-style: none !important;
  padding: calc(var(--spacing, 0.0625rem) * 0) !important;
}
#CybotCookiebotDialogNav {
  width: fit-content !important;
  justify-self: flex-end !important;
  border-radius: var(--radius-16, 1rem) !important;
  background-color: var(--color-light-blue-200, #EEF2FC) !important;
  padding: calc(var(--spacing, 0.0625rem) * 4) !important;
}
#CybotCookiebotDialogNavList {
  display: flex !important;
  justify-content: center !important;
  gap: calc(var(--spacing, 0.0625rem) * 4) !important;
  overflow: visible !important;
  li {
    margin: calc(var(--spacing, 0.0625rem) * 0) !important;
    padding: calc(var(--spacing, 0.0625rem) * 0) !important;
    > * {
      margin: calc(var(--spacing, 0.0625rem) * 0) !important;
      border-radius: var(--radius-12, 0.75rem) !important;
      --tw-border-style: none !important;
      border-style: none !important;
      padding-inline: calc(var(--spacing, 0.0625rem) * 12) !important;
      padding-block: calc(var(--spacing, 0.0625rem) * 4) !important;
      font-size: var(--text-14, 0.875rem) !important;
      --tw-font-weight: var(--font-weight-normal, 400) !important;
      font-weight: var(--font-weight-normal, 400) !important;
      color: var(--color-black, #1B1A19) !important;
      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 !important;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1))) !important;
      transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms)) !important;
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-light-blue-100, #F6F9FE) !important;
        }
      }
      &:focus {
        --tw-outline-style: none !important;
        outline-style: none !important;
        @media (forced-colors: active) {
          outline: 2px solid transparent !important;
          outline-offset: 2px !important;
        }
      }
      &:focus-visible {
        background-color: var(--color-light-blue-100, #F6F9FE) !important;
      }
      &:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
      }
      &:focus-visible {
        --tw-ring-color: color-mix(in srgb, #9EB2FF 40%, transparent) !important;
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-bright-blue-600, #9EB2FF) 40%, transparent) !important;
        }
      }
      &[aria-selected="true"] {
        background-color: var(--color-white, #FFFFFF) !important;
      }
      &[aria-selected="true"] {
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-white, #FFFFFF) !important;
          }
        }
      }
    }
  }
}
#CybotCookiebotDialogTabContent {
  overflow-x: clip !important;
  overflow-y: auto !important;
}
.CybotCookiebotScrollContainer,
.CybotCookiebotScrollArea,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes #CybotCookiebotDialogDetailFooter {
  margin: calc(var(--spacing, 0.0625rem) * 0) !important;
  padding: calc(var(--spacing, 0.0625rem) * 0) !important;
}
#CybotCookiebotDialogDetailBulkConsent {
  margin: calc(var(--spacing, 0.0625rem) * 0) !important;
}
.CybotCookiebotScrollContainer {
  --tw-border-style: none !important;
  border-style: none !important;
}
#CybotCookiebotDialogBodyContentTitle {
  font-family: var(--font-display, 'KMRApparat', 'Inter Variable', 'Nanum Gothic', 'Noto Sans Tai Viet', 'Noto Sans Thai Variable', system-ui, sans-serif) !important;
  font-size: var(--text-24, 1.5rem) !important;
}
#CybotCookiebotDialogBodyContentText {
  margin-bottom: 0.3lh !important;
  font-size: var(--text-14, 0.875rem) !important;
  --tw-leading: 1.3 !important;
  line-height: 1.3 !important;
  --tw-tracking: calc(var(--tracking-1, 0.01em) * -1) !important;
  letter-spacing: calc(var(--tracking-1, 0.01em) * -1) !important;
  a {
    border-radius: var(--radius-4, 0.25rem) !important;
    font-size: var(--text-14, 0.875rem) !important;
    --tw-leading: 1.3 !important;
    line-height: 1.3 !important;
    --tw-font-weight: var(--font-weight-normal, 400) !important;
    font-weight: var(--font-weight-normal, 400) !important;
    --tw-tracking: calc(var(--tracking-1, 0.01em) * -1) !important;
    letter-spacing: calc(var(--tracking-1, 0.01em) * -1) !important;
    color: currentcolor !important;
    text-decoration-line: underline !important;
    text-decoration-color: var(--color-orange-900, #FC6423) !important;
    text-underline-offset: 2px !important;
    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 !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1))) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms)) !important;
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange-900, #FC6423) !important;
      }
    }
    &:focus {
      --tw-outline-style: none !important;
      outline-style: none !important;
      @media (forced-colors: active) {
        outline: 2px solid transparent !important;
        outline-offset: 2px !important;
      }
    }
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, #FC6423 40%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-orange-900, #FC6423) 40%, transparent) !important;
      }
    }
    &:focus-visible {
      --tw-outline-style: none !important;
      outline-style: none !important;
      @media (forced-colors: active) {
        outline: 2px solid transparent !important;
        outline-offset: 2px !important;
      }
    }
  }
}
#CybotCookiebotDialogFooter {
  margin: calc(var(--spacing, 0.0625rem) * 0) !important;
  --tw-border-style: none !important;
  border-style: none !important;
  padding: calc(var(--spacing, 0.0625rem) * 0) !important;
}
#CybotCookiebotDialogBodyButtonsWrapper {
  margin: calc(var(--spacing, 0.0625rem) * 0) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: calc(var(--spacing, 0.0625rem) * 12) !important;
  padding-inline: calc(var(--spacing, 0.0625rem) * 0) !important;
  padding-top: calc(var(--spacing, 0.0625rem) * 24) !important;
  padding-bottom: calc(var(--spacing, 0.0625rem) * 0) !important;
  @media (width >= 28.25rem) {
    flex-direction: row !important;
  }
  @media (width >= 64rem) {
    padding-top: calc(var(--spacing, 0.0625rem) * 32) !important;
  }
  > * {
    width: 100% !important;
    @media (width >= 28.25rem) {
      width: fit-content !important;
    }
  }
  > button,
	> a {
    margin: calc(var(--spacing, 0.0625rem) * 0) !important;
    align-items: center !important;
    justify-content: center !important;
    gap: calc(var(--spacing, 0.0625rem) * 8) !important;
    border-radius: var(--radius-12, 0.75rem) !important;
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    --tw-border-style: solid !important;
    border-style: solid !important;
    border-color: var(--color-black, #1B1A19) !important;
    background-color: var(--color-white, #FFFFFF) !important;
    padding-inline: calc(var(--spacing, 0.0625rem) * 16);
    padding-block: calc(var(--spacing, 0.0625rem) * 8);
    text-align: center !important;
    font-family: var(--font-sans, 'Inter Variable', 'Nanum Gothic', 'Noto Sans Tai Viet', 'Noto Sans Thai Variable', system-ui, sans-serif) !important;
    font-size: var(--text-14, 0.875rem) !important;
    --tw-font-weight: var(--font-weight-normal, 400) !important;
    font-weight: var(--font-weight-normal, 400) !important;
    color: var(--color-black, #1B1A19) !important;
    text-decoration-line: none !important;
    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 !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1))) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms)) !important;
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-black, #1B1A19) !important;
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-white, #FFFFFF) !important;
      }
    }
    &:focus {
      --tw-outline-style: none !important;
      outline-style: none !important;
      @media (forced-colors: active) {
        outline: 2px solid transparent !important;
        outline-offset: 2px !important;
      }
    }
    &:focus-visible {
      border-color: var(--color-orange-800, #FC7537) !important;
    }
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, #FCA772 50%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-orange-500, #FCA772) 50%, transparent) !important;
      }
    }
    &:focus-visible {
      --tw-outline-style: none !important;
      outline-style: none !important;
      @media (forced-colors: active) {
        outline: 2px solid transparent !important;
        outline-offset: 2px !important;
      }
    }
    &:disabled {
      opacity: 50% !important;
    }
    @media (width >= 28.25rem) {
      justify-content: flex-start !important;
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing, 0.0625rem) * 24);
    }
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing, 0.0625rem) * 12);
    }
    &:not(.CybotCookiebotDialogHide) {
      display: flex !important;
    }
    .CybotCookiebotDialogArrow {
      margin: calc(var(--spacing, 0.0625rem) * 0) !important;
      display: none !important;
      border-top-style: var(--tw-border-style) !important;
      border-top-width: 1px !important;
      border-right-style: var(--tw-border-style) !important;
      border-right-width: 1px !important;
      border-bottom-style: var(--tw-border-style) !important;
      border-bottom-width: 0px !important;
      border-left-style: var(--tw-border-style) !important;
      border-left-width: 0px !important;
      border-color: currentcolor !important;
      padding: calc(var(--spacing, 0.0625rem) * 0) !important;
    }
  }
}
#CybotCookiebotDialogDetailBodyContentTextAbout {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing, 0.0625rem) * 12) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing, 0.0625rem) * 12) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
  font-size: var(--text-14, 0.875rem) !important;
  --tw-leading: 1.3 !important;
  line-height: 1.3 !important;
  --tw-tracking: calc(var(--tracking-1, 0.01em) * -1) !important;
  letter-spacing: calc(var(--tracking-1, 0.01em) * -1) !important;
  p:nth-child(2) em {
    font-size: var(--text-12, 0.75rem) !important;
    --tw-leading: 1.2 !important;
    line-height: 1.2 !important;
    --tw-tracking: var(--tracking-0, 0) !important;
    letter-spacing: var(--tracking-0, 0) !important;
    color: var(--color-grey-500, #969695);
    font-style: normal !important;
  }
  p:not([id]) strong {
    --tw-font-weight: var(--font-weight-semibold, 600) !important;
    font-weight: var(--font-weight-semibold, 600) !important;
  }
  p[id] {
    padding-top: calc(var(--spacing, 0.0625rem) * 24) !important;
  }
  p[id] strong {
    font-family: var(--font-display, 'KMRApparat', 'Inter Variable', 'Nanum Gothic', 'Noto Sans Tai Viet', 'Noto Sans Thai Variable', system-ui, sans-serif) !important;
    font-size: var(--text-24, 1.5rem) !important;
    --tw-leading: 1.1 !important;
    line-height: 1.1 !important;
    --tw-font-weight: var(--font-weight-normal, 400) !important;
    font-weight: var(--font-weight-normal, 400) !important;
    --tw-tracking: calc(var(--tracking-1, 0.01em) * -1) !important;
    letter-spacing: calc(var(--tracking-1, 0.01em) * -1) !important;
    color: currentcolor !important;
  }
  a {
    border-radius: var(--radius-4, 0.25rem) !important;
    font-size: var(--text-14, 0.875rem) !important;
    --tw-leading: 1.3 !important;
    line-height: 1.3 !important;
    --tw-font-weight: var(--font-weight-normal, 400) !important;
    font-weight: var(--font-weight-normal, 400) !important;
    --tw-tracking: calc(var(--tracking-1, 0.01em) * -1) !important;
    letter-spacing: calc(var(--tracking-1, 0.01em) * -1) !important;
    color: currentcolor !important;
    text-decoration-line: underline !important;
    text-decoration-color: var(--color-orange-900, #FC6423) !important;
    text-underline-offset: 2px !important;
    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 !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1))) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms)) !important;
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange-900, #FC6423) !important;
      }
    }
    &:focus {
      --tw-outline-style: none !important;
      outline-style: none !important;
      @media (forced-colors: active) {
        outline: 2px solid transparent !important;
        outline-offset: 2px !important;
      }
    }
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, #FC6423 40%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-orange-900, #FC6423) 40%, transparent) !important;
      }
    }
    &:focus-visible {
      --tw-outline-style: none !important;
      outline-style: none !important;
      @media (forced-colors: active) {
        outline: 2px solid transparent !important;
        outline-offset: 2px !important;
      }
    }
  }
  p:has(> strong):has(+ ol) {
    --tw-translate-y: calc(var(--spacing, 0.0625rem) * 8) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    strong {
      font-family: var(--font-display, 'KMRApparat', 'Inter Variable', 'Nanum Gothic', 'Noto Sans Tai Viet', 'Noto Sans Thai Variable', system-ui, sans-serif) !important;
      font-size: var(--text-18, 1.125rem) !important;
      --tw-leading: 1.1 !important;
      line-height: 1.1 !important;
      --tw-font-weight: var(--font-weight-normal, 400) !important;
      font-weight: var(--font-weight-normal, 400) !important;
      --tw-tracking: calc(var(--tracking-1, 0.01em) * -1) !important;
      letter-spacing: calc(var(--tracking-1, 0.01em) * -1) !important;
      color: currentcolor !important;
    }
  }
}
#CybotCookiebotDialogDetailBody {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing, 0.0625rem) * 12) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing, 0.0625rem) * 12) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes {
  padding: calc(var(--spacing, 0.0625rem) * 0) !important;
}
.CybotCookiebotDialogBodyLevelButtonSlider {
  aspect-ratio: var(--aspect-video, 16 / 9) !important;
  height: calc(var(--spacing, 0.0625rem) * 24) !important;
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  border-color: var(--color-black, #1B1A19) !important;
  background-color: transparent !important;
  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 !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1))) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms)) !important;
  &::before {
    content: var(--tw-content);
    top: calc(var(--spacing, 0.0625rem) * 2) !important;
  }
  &::before {
    content: var(--tw-content);
    left: calc(var(--spacing, 0.0625rem) * 2) !important;
  }
  &::before {
    content: var(--tw-content);
    width: calc(var(--spacing, 0.0625rem) * 18) !important;
    height: calc(var(--spacing, 0.0625rem) * 18) !important;
  }
  &::before {
    content: var(--tw-content);
    background-color: var(--color-grey-600, #6D6C6C) !important;
  }
  &::before {
    content: var(--tw-content);
    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 !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1))) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms)) !important;
  }
}
.CybotCookiebotDialogBodyLevelButtonSliderWrapper {
  aspect-ratio: var(--aspect-video, 16 / 9) !important;
  height: calc(var(--spacing, 0.0625rem) * 24) !important;
  width: auto !important;
}
.CybotCookiebotDialogBodyLevelButton:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  border-color: var(--color-orange-900, #FC6423) !important;
  background-color: var(--color-orange-900, #FC6423) !important;
  &::before {
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing, 0.0625rem) * 18) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  &::before {
    content: var(--tw-content);
    background-color: var(--color-white, #FFFFFF) !important;
  }
}
.CybotCookiebotDialogBodyLevelButtonDisabled + .CybotCookiebotDialogBodyLevelButtonSlider {
  pointer-events: none !important;
  opacity: 60% !important;
  --tw-grayscale: grayscale(100%) !important;
  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,) !important;
}
.CookieCard,
#CybotCookiebotDialogDetailBulkConsent {
  border-radius: var(--radius-12, 0.75rem) !important;
  --tw-border-style: none !important;
  border-style: none !important;
  background-color: var(--color-light-blue-100, #F6F9FE) !important;
  padding: calc(var(--spacing, 0.0625rem) * 12) !important;
  &:last-of-type {
    margin-bottom: calc(var(--spacing, 0.0625rem) * 0) !important;
  }
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, 0.0625rem) * 12) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, 0.0625rem) * 12) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.CybotCookiebotDialogDetailBodyContentCookieTypeIntro {
  max-width: 65ch !important;
  padding-top: calc(var(--spacing, 0.0625rem) * 12) !important;
  padding-right: calc(var(--spacing, 0.0625rem) * 32) !important;
  padding-bottom: calc(var(--spacing, 0.0625rem) * 0) !important;
  padding-left: calc(var(--spacing, 0.0625rem) * 0) !important;
  font-size: var(--text-12, 0.75rem) !important;
  --tw-leading: 1.3 !important;
  line-height: 1.3 !important;
  --tw-tracking: calc(var(--tracking-1, 0.01em) * -1) !important;
  letter-spacing: calc(var(--tracking-1, 0.01em) * -1) !important;
  text-wrap: balance !important;
}
.CybotCookiebotDialogDetailBodyContentCookieTypeIntro p {
  max-width: 65ch !important;
  font-size: var(--text-12, 0.75rem) !important;
  --tw-leading: 1.3 !important;
  line-height: 1.3 !important;
  --tw-tracking: calc(var(--tracking-1, 0.01em) * -1) !important;
  letter-spacing: calc(var(--tracking-1, 0.01em) * -1) !important;
  text-wrap: balance !important;
}
.CybotCookiebotDialogDetailBodyContentCookieContainerButton {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: calc(var(--spacing, 0.0625rem) * 8) !important;
  border-radius: var(--radius-4, 0.25rem) !important;
  padding-block: calc(var(--spacing, 0.0625rem) * 0) !important;
  padding-right: calc(var(--spacing, 0.0625rem) * 0) !important;
  padding-left: calc(var(--spacing, 0.0625rem) * 24) !important;
  font-size: var(--text-14, 0.875rem) !important;
  --tw-leading: 1.3 !important;
  line-height: 1.3 !important;
  --tw-font-weight: var(--font-weight-normal, 400) !important;
  font-weight: var(--font-weight-normal, 400) !important;
  --tw-tracking: calc(var(--tracking-1, 0.01em) * -1) !important;
  letter-spacing: calc(var(--tracking-1, 0.01em) * -1) !important;
  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 !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1))) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms)) !important;
  &::before {
    content: var(--tw-content);
    display: none !important;
  }
  &::after {
    content: var(--tw-content);
    position: absolute !important;
  }
  &::after {
    content: var(--tw-content);
    top: calc(var(--spacing, 0.0625rem) * 2) !important;
  }
  &::after {
    content: var(--tw-content);
    left: calc(var(--spacing, 0.0625rem) * 0) !important;
  }
  &::after {
    content: var(--tw-content);
    width: calc(var(--spacing, 0.0625rem) * 16) !important;
    height: calc(var(--spacing, 0.0625rem) * 16) !important;
  }
  &::after {
    content: var(--tw-content);
    border-radius: var(--radius-4, 0.25rem) !important;
  }
  &::after {
    content: var(--tw-content);
    background-color: var(--color-white, #FFFFFF) !important;
  }
  &::after {
    content: var(--tw-content);
    background-position: bottom !important;
  }
  &::after {
    content: var(--tw-content);
    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 !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1))) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms)) !important;
  }
  &::after {
    --tw-content: '';
    content: var(--tw-content);
  }
  &:focus {
    --tw-outline-style: none !important;
    outline-style: none !important;
    @media (forced-colors: active) {
      outline: 2px solid transparent !important;
      outline-offset: 2px !important;
    }
  }
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  &:focus-visible {
    --tw-ring-color: color-mix(in srgb, #FC6423 40%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-orange-900, #FC6423) 40%, transparent) !important;
    }
  }
  &:focus-visible {
    --tw-outline-style: none !important;
    outline-style: none !important;
    @media (forced-colors: active) {
      outline: 2px solid transparent !important;
      outline-offset: 2px !important;
    }
  }
  &[aria-expanded="true"] {
    &::after {
      content: var(--tw-content);
      background-position: top !important;
    }
  }
  &[aria-expanded="true"] {
    &::after {
      content: var(--tw-content);
      --tw-invert: invert(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,);
    }
  }
  &::after {
    background-image: url("data:image/svg+xml,<svg width=\"16\" height=\"32\" viewBox=\"0 0 16 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 9.5L8 6.5L4 9.5\" stroke=\"black\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12 22.5L8 25.5L4 22.5\" stroke=\"black\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>");
  }
  label {
    font-size: var(--text-14, 0.875rem) !important;
    --tw-leading: 1.3 !important;
    line-height: 1.3 !important;
    --tw-font-weight: var(--font-weight-normal, 400) !important;
    font-weight: var(--font-weight-normal, 400) !important;
    --tw-tracking: calc(var(--tracking-1, 0.01em) * -1) !important;
    letter-spacing: calc(var(--tracking-1, 0.01em) * -1) !important;
  }
  .CybotCookiebotDialogDetailBulkConsentCount {
    margin: calc(var(--spacing, 0.0625rem) * 0) !important;
    border-radius: var(--radius-4, 0.25rem) !important;
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    border-color: var(--color-dark-blue-750, #7484A3) !important;
    background-color: transparent !important;
    padding-inline: calc(var(--spacing, 0.0625rem) * 4) !important;
    padding-block: calc(var(--spacing, 0.0625rem) * 2) !important;
    font-size: var(--text-12, 0.75rem) !important;
    --tw-leading: 1 !important;
    line-height: 1 !important;
    --tw-font-weight: var(--font-weight-normal, 400) !important;
    font-weight: var(--font-weight-normal, 400) !important;
    --tw-tracking: var(--tracking-0, 0) !important;
    letter-spacing: var(--tracking-0, 0) !important;
    color: currentcolor !important;
  }
}
#CybotCookiebotDialogDetailBulkConsentLink,
.CybotCookiebotDialogDetailBodyContentCookieProvider {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: calc(var(--spacing, 0.0625rem) * 8) !important;
  border-radius: var(--radius-4, 0.25rem) !important;
  padding-block: calc(var(--spacing, 0.0625rem) * 0) !important;
  padding-right: calc(var(--spacing, 0.0625rem) * 0) !important;
  padding-left: calc(var(--spacing, 0.0625rem) * 24) !important;
  font-size: var(--text-14, 0.875rem) !important;
  --tw-leading: 1.3 !important;
  line-height: 1.3 !important;
  --tw-font-weight: var(--font-weight-normal, 400) !important;
  font-weight: var(--font-weight-normal, 400) !important;
  --tw-tracking: calc(var(--tracking-1, 0.01em) * -1) !important;
  letter-spacing: calc(var(--tracking-1, 0.01em) * -1) !important;
  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 !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1))) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms)) !important;
  --tw-duration: 700ms;
  transition-duration: 700ms;
  &::before {
    content: var(--tw-content);
    display: none !important;
  }
  &::after {
    content: var(--tw-content);
    position: absolute !important;
  }
  &::after {
    content: var(--tw-content);
    top: calc(var(--spacing, 0.0625rem) * 2) !important;
  }
  &::after {
    content: var(--tw-content);
    left: calc(var(--spacing, 0.0625rem) * 0) !important;
  }
  &::after {
    content: var(--tw-content);
    width: calc(var(--spacing, 0.0625rem) * 16) !important;
    height: calc(var(--spacing, 0.0625rem) * 16) !important;
  }
  &::after {
    content: var(--tw-content);
    rotate: 0deg !important;
  }
  &::after {
    content: var(--tw-content);
    border-radius: var(--radius-4, 0.25rem) !important;
  }
  &::after {
    content: var(--tw-content);
    --tw-border-style: none !important;
    border-style: none !important;
  }
  &::after {
    content: var(--tw-content);
    background-color: var(--color-off-white, #EEF2FC) !important;
  }
  &::after {
    content: var(--tw-content);
    background-position: bottom !important;
  }
  &::after {
    content: var(--tw-content);
    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 !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1))) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms)) !important;
  }
  &::after {
    --tw-content: '';
    content: var(--tw-content);
  }
  &:focus {
    --tw-outline-style: none !important;
    outline-style: none !important;
    @media (forced-colors: active) {
      outline: 2px solid transparent !important;
      outline-offset: 2px !important;
    }
  }
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  &:focus-visible {
    --tw-ring-color: color-mix(in srgb, #FC6423 40%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-orange-900, #FC6423) 40%, transparent) !important;
    }
  }
  &:focus-visible {
    --tw-outline-style: none !important;
    outline-style: none !important;
    @media (forced-colors: active) {
      outline: 2px solid transparent !important;
      outline-offset: 2px !important;
    }
  }
  &::after {
    background-image: url("data:image/svg+xml,<svg width=\"16\" height=\"32\" viewBox=\"0 0 16 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 10L8 6L4 10\" stroke=\"black\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12 22L8 26L4 22\" stroke=\"black\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>");
  }
  &:not(.CybotCookiebotDialogCollapsed) {
    &::after {
      content: var(--tw-content);
      background-position: top !important;
    }
    &::after {
      content: var(--tw-content);
      --tw-invert: invert(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,);
    }
  }
  .CybotCookiebotDialogDetailBulkConsentCount {
    margin: calc(var(--spacing, 0.0625rem) * 0) !important;
    border-radius: var(--radius-4, 0.25rem) !important;
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    border-color: var(--color-dark-blue-750, #7484A3) !important;
    background-color: transparent !important;
    padding-inline: calc(var(--spacing, 0.0625rem) * 4) !important;
    padding-block: calc(var(--spacing, 0.0625rem) * 2) !important;
    font-size: var(--text-12, 0.75rem) !important;
    --tw-leading: 1 !important;
    line-height: 1 !important;
    --tw-font-weight: var(--font-weight-normal, 400) !important;
    font-weight: var(--font-weight-normal, 400) !important;
    --tw-tracking: var(--tracking-0, 0) !important;
    letter-spacing: var(--tracking-0, 0) !important;
    color: currentcolor !important;
  }
}
#CybotCookiebotDialogDetailBulkConsentLink {
  &::after {
    content: var(--tw-content);
    background-color: var(--color-white, #FFFFFF) !important;
  }
}
.CybotCookiebotDialogDetailBodyContentCookieTypeTableContainer {
  margin-inline: calc(var(--spacing, 0.0625rem) * 0) !important;
  margin-top: calc(var(--spacing, 0.0625rem) * 24) !important;
  margin-bottom: calc(var(--spacing, 0.0625rem) * 0) !important;
  padding: calc(var(--spacing, 0.0625rem) * 0) !important;
}
.CybotCookiebotDialogDetailBodyContentCookieTabContent {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing, 0.0625rem) * 12) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing, 0.0625rem) * 12) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
#CybotCookiebotDialogDetailBulkConsentListWrapper,
.CybotCookiebotDialogDetailBodyContentCookieGroup {
  margin: calc(var(--spacing, 0.0625rem) * 0) !important;
  border-radius: var(--radius-12, 0.75rem) !important;
  --tw-border-style: none !important;
  border-style: none !important;
  background-color: var(--color-white, #FFFFFF) !important;
  padding: calc(var(--spacing, 0.0625rem) * 12) !important;
}
.CybotCookiebotDialogDetailBodyContentCookieLink {
  position: relative !important;
  font-size: var(--text-12, 0.75rem) !important;
  --tw-leading: 1 !important;
  line-height: 1 !important;
  --tw-font-weight: var(--font-weight-normal, 400) !important;
  font-weight: var(--font-weight-normal, 400) !important;
  --tw-tracking: var(--tracking-0, 0) !important;
  letter-spacing: var(--tracking-0, 0) !important;
  color: var(--color-black, #1B1A19) !important;
  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 !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1))) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms)) !important;
  &::before {
    content: var(--tw-content);
    position: absolute !important;
  }
  &::before {
    content: var(--tw-content);
    top: calc(var(--spacing, 0.0625rem) * 10) !important;
  }
  &::before {
    content: var(--tw-content);
    right: calc(var(--spacing, 0.0625rem) * -20) !important;
  }
  &::before {
    content: var(--tw-content);
    width: calc(var(--spacing, 0.0625rem) * 16) !important;
    height: calc(var(--spacing, 0.0625rem) * 16) !important;
  }
  &::before {
    content: var(--tw-content);
    border-radius: var(--radius-4, 0.25rem) !important;
  }
  &::before {
    content: var(--tw-content);
    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 !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1))) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms)) !important;
  }
  &::before {
    --tw-content: '';
    content: var(--tw-content);
  }
  &::after {
    content: var(--tw-content);
    position: absolute !important;
  }
  &::after {
    content: var(--tw-content);
    top: calc(var(--spacing, 0.0625rem) * 10) !important;
  }
  &::after {
    content: var(--tw-content);
    right: calc(var(--spacing, 0.0625rem) * -20) !important;
  }
  &::after {
    content: var(--tw-content);
    width: calc(var(--spacing, 0.0625rem) * 16) !important;
    height: calc(var(--spacing, 0.0625rem) * 16) !important;
  }
  &::after {
    content: var(--tw-content);
    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 !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1))) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms)) !important;
  }
  &::after {
    --tw-content: '';
    content: var(--tw-content);
  }
  &:hover {
    @media (hover: hover) {
      &::before {
        content: var(--tw-content);
        background-color: var(--color-orange-900, #FC6423) !important;
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      &::after {
        content: var(--tw-content);
        rotate: calc(45deg * -1) !important;
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      &::after {
        content: var(--tw-content);
        --tw-invert: invert(100%) !important;
        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,) !important;
      }
    }
  }
  @media (prefers-contrast: more) {
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          --tw-invert: invert(0%) !important;
          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,) !important;
        }
      }
    }
  }
  &::after {
    background-image: url("data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8 4L12 8M12 8L8 12M12 8L4 8\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>");
  }
  .CybotExternalLinkArrow {
    display: none !important;
  }
}
.CybotCookiebotDialogDetailBodyContentCookieInfoWrapper {
  margin-inline: calc(var(--spacing, 0.0625rem) * 0) !important;
  margin-top: calc(var(--spacing, 0.0625rem) * 24) !important;
  margin-bottom: calc(var(--spacing, 0.0625rem) * 0) !important;
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing, 0.0625rem) * 8) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing, 0.0625rem) * 8) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
  padding: calc(var(--spacing, 0.0625rem) * 0) !important;
  &::before {
    content: var(--tw-content);
    display: none !important;
  }
}
.CybotCookiebotDialogDetailBodyContentCookieInfo {
  margin: calc(var(--spacing, 0.0625rem) * 0) !important;
  border-radius: var(--radius-12, 0.75rem) !important;
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  border-color: var(--color-black, #1B1A19) !important;
  background-color: transparent !important;
  padding: calc(var(--spacing, 0.0625rem) * 12) !important;
  .CybotCookiebotDialogDetailBodyContentCookieInfoTitle {
    margin-top: calc(var(--spacing, 0.0625rem) * 0) !important;
    margin-bottom: calc(var(--spacing, 0.0625rem) * 8) !important;
    padding: calc(var(--spacing, 0.0625rem) * 0) !important;
    font-family: var(--font-monospace, 'JetBrains Mono Variable', monospace) !important;
    font-size: var(--text-14, 0.875rem) !important;
    --tw-leading: 1.3 !important;
    line-height: 1.3 !important;
    --tw-font-weight: var(--font-weight-normal, 400) !important;
    font-weight: var(--font-weight-normal, 400) !important;
    --tw-tracking: calc(var(--tracking-1, 0.01em) * -1) !important;
    letter-spacing: calc(var(--tracking-1, 0.01em) * -1) !important;
  }
  .CybotCookiebotDialogDetailBodyContentCookieInfoDescription {
    margin: calc(var(--spacing, 0.0625rem) * 0) !important;
    max-width: 65ch !important;
    padding: calc(var(--spacing, 0.0625rem) * 0) !important;
    font-size: var(--text-12, 0.75rem) !important;
    --tw-leading: 1.3 !important;
    line-height: 1.3 !important;
    --tw-tracking: calc(var(--tracking-1, 0.01em) * -1) !important;
    letter-spacing: calc(var(--tracking-1, 0.01em) * -1) !important;
    text-wrap: balance !important;
  }
  .CybotCookiebotDialogDetailBodyContentCookieInfoFooter {
    margin-inline: calc(var(--spacing, 0.0625rem) * 0) !important;
    margin-top: calc(var(--spacing, 0.0625rem) * 24) !important;
    margin-bottom: calc(var(--spacing, 0.0625rem) * 0) !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: calc(var(--spacing, 0.0625rem) * 8) !important;
    --tw-border-style: none !important;
    border-style: none !important;
    padding: calc(var(--spacing, 0.0625rem) * 0) !important;
  }
  .CybotCookiebotDialogDetailBodyContentCookieInfoFooterContent {
    margin: calc(var(--spacing, 0.0625rem) * 0) !important;
    width: fit-content !important;
    border-radius: var(--radius-4, 0.25rem) !important;
    background-color: var(--color-off-white, #EEF2FC) !important;
    padding: calc(var(--spacing, 0.0625rem) * 4) !important;
    font-size: var(--text-12, 0.75rem) !important;
    --tw-leading: 1 !important;
    line-height: 1 !important;
    --tw-tracking: var(--tracking-0, 0) !important;
    letter-spacing: var(--tracking-0, 0) !important;
    b {
      font-size: var(--text-12, 0.75rem) !important;
      --tw-leading: 1 !important;
      line-height: 1 !important;
      --tw-font-weight: var(--font-weight-medium, 500) !important;
      font-weight: var(--font-weight-medium, 500) !important;
      --tw-tracking: var(--tracking-0, 0) !important;
      letter-spacing: var(--tracking-0, 0) !important;
    }
  }
}
#CybotCookiebotDialogDetailBulkConsentListWrapper {
  margin-top: calc(var(--spacing, 0.0625rem) * 12) !important;
}
span:has(+ #CybotCookiebotDialogDetailBulkConsentList) {
  display: none !important;
}
#CybotCookiebotDialogDetailBulkConsentList {
  margin: calc(var(--spacing, 0.0625rem) * 0) !important;
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing, 0.0625rem) * 4) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing, 0.0625rem) * 4) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
  padding: calc(var(--spacing, 0.0625rem) * 0) !important;
  a {
    font-size: var(--text-14, 0.875rem) !important;
    --tw-leading: 1.3 !important;
    line-height: 1.3 !important;
    --tw-font-weight: var(--font-weight-normal, 400) !important;
    font-weight: var(--font-weight-normal, 400) !important;
    --tw-tracking: calc(var(--tracking-1, 0.01em) * -1) !important;
    letter-spacing: calc(var(--tracking-1, 0.01em) * -1) !important;
    color: var(--color-black, #1B1A19) !important;
    text-decoration-line: underline !important;
    text-decoration-color: var(--color-orange-900, #FC6423) !important;
    text-underline-offset: 2px !important;
    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 !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1))) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms)) !important;
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange-900, #FC6423) !important;
      }
    }
  }
}
.CybotCookiebotDialogDetailBulkConsentDescription {
  font-size: var(--text-14, 0.875rem) !important;
  --tw-leading: 1.3 !important;
  line-height: 1.3 !important;
  --tw-tracking: calc(var(--tracking-1, 0.01em) * -1) !important;
  letter-spacing: calc(var(--tracking-1, 0.01em) * -1) !important;
}
#CybotCookiebotDialogDetailFooter {
  margin: calc(var(--spacing, 0.0625rem) * 0) !important;
  padding: calc(var(--spacing, 0.0625rem) * 0) !important;
  font-size: var(--text-12, 0.75rem) !important;
  --tw-leading: 1.3 !important;
  line-height: 1.3 !important;
  --tw-tracking: calc(var(--tracking-1, 0.01em) * -1) !important;
  letter-spacing: calc(var(--tracking-1, 0.01em) * -1) !important;
  color: var(--color-grey-500, #969695) !important;
  a {
    font-size: var(--text-12, 0.75rem) !important;
    --tw-leading: 1.3 !important;
    line-height: 1.3 !important;
    --tw-font-weight: var(--font-weight-normal, 400) !important;
    font-weight: var(--font-weight-normal, 400) !important;
    --tw-tracking: calc(var(--tracking-1, 0.01em) * -1) !important;
    letter-spacing: calc(var(--tracking-1, 0.01em) * -1) !important;
    color: var(--color-grey-500, #969695) !important;
    text-decoration-line: underline !important;
    text-underline-offset: 1px !important;
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange-900, #FC6423) !important;
      }
    }
  }
}
.CybotCookiebotScrollbarContainer {
  right: calc(var(--spacing, 0.0625rem) * -12) !important;
}
.CybotCookiebotDialogSROnly[role='heading'] {
  display: none !important;
}
.CookieDeclaration {
  a {
    font-size: var(--text-14, 0.875rem) !important;
    --tw-leading: 1.3 !important;
    line-height: 1.3 !important;
    --tw-font-weight: var(--font-weight-normal, 400) !important;
    font-weight: var(--font-weight-normal, 400) !important;
    --tw-tracking: calc(var(--tracking-1, 0.01em) * -1) !important;
    letter-spacing: calc(var(--tracking-1, 0.01em) * -1) !important;
    color: var(--color-black, #1B1A19) !important;
    text-decoration-line: underline !important;
    text-decoration-color: var(--color-orange-900, #FC6423) !important;
    text-underline-offset: 2px !important;
    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 !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1))) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms)) !important;
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange-900, #FC6423) !important;
      }
    }
    &:empty {
      display: none !important;
    }
  }
  p[id] {
    margin-top: calc(var(--spacing, 0.0625rem) * 16);
  }
  .CookieDeclarationType {
    font-size: var(--text-14, 0.875rem) !important;
  }
}
@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-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: 0px;
}
@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-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-space-y-reverse {
  syntax: "*";
  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-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@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-duration {
  syntax: "*";
  inherits: false;
}
@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity,1);
    transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
    filter: blur(var(--tw-enter-blur,0));
  }
}
@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-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-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-font-weight: initial;
      --tw-leading: initial;
      --tw-tracking: initial;
      --tw-border-style: solid;
      --tw-space-y-reverse: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-content: "";
      --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-duration: initial;
    }
  }
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
.filters details[open] .filter-name::after {
  rotate: 90deg;
}
.filter-name::after {
  content: '';
  position: absolute;
  top: calc(var(--spacing, 0.0625rem) * 0);
  right: calc(var(--spacing, 0.0625rem) * 0);
  display: inline-block;
  width: calc(var(--spacing, 0.0625rem) * 24);
  height: calc(var(--spacing, 0.0625rem) * 24);
  rotate: 0deg;
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms));
  &:is(body.dark *) {
    --tw-invert: invert(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,);
  }
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4xMzA5IDE2LjU1MTVDOS45NzQ3MSAxNi43MDc3IDkuNzIxNDUgMTYuNzA3NyA5LjU2NTI0IDE2LjU1MTVMOS4zMTg4MiAxNi4zMDUxQzkuMTYyNjEgMTYuMTQ4OCA5LjE2MjYxIDE1Ljg5NTYgOS4zMTg4MiAxNS43Mzk0TDEzLjIyMzkgMTEuODM0M0w5LjMxODgyIDcuOTI5MjZDOS4xNjI2MSA3Ljc3MzA1IDkuMTYyNjEgNy41MTk3OSA5LjMxODgyIDcuMzYzNThMOS41NjUyMyA3LjExNzE2QzkuNzIxNDQgNi45NjA5NSA5Ljk3NDcxIDYuOTYwOTUgMTAuMTMwOSA3LjExNzE2TDE0Ljg0ODEgMTEuODM0M0wxMC4xMzA5IDE2LjU1MTVaIiBmaWxsPSIjM0I0NzVDIi8+Cjwvc3ZnPgo=);
}
@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;
}
@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-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;
    }
  }
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
.uc-embedding-container {
  aspect-ratio: var(--aspect-video, 16 / 9) !important;
  height: auto !important;
  max-height: 100% !important;
  width: auto !important;
  max-width: 100% !important;
  overflow: clip !important;
  border-radius: var(--radius-20, 1.25rem) !important;
  background-color: var(--color-black, #1B1A19) !important;
  > img {
    opacity: 30% !important;
    --tw-blur: blur(var(--blur-md, 12px)) !important;
    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,) !important;
  }
  .uc-embedding-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: calc(var(--spacing, 0.0625rem) * 8) !important;
    border-radius: var(--radius-20, 1.25rem) !important;
    padding: calc(var(--spacing, 0.0625rem) * 24) !important;
    text-align: start !important;
    font-family: var(--font-sans, 'Inter Variable', 'Nanum Gothic', 'Noto Sans Tai Viet', 'Noto Sans Thai Variable', system-ui, sans-serif) !important;
    @media (width >= 48rem) {
      min-width: calc(var(--spacing, 0.0625rem) * 400) !important;
    }
    > h3 {
      margin: calc(var(--spacing, 0.0625rem) * 0) !important;
      font-family: var(--font-display, 'KMRApparat', 'Inter Variable', 'Nanum Gothic', 'Noto Sans Tai Viet', 'Noto Sans Thai Variable', system-ui, sans-serif) !important;
      font-size: var(--text-20, 1.25rem) !important;
      --tw-font-weight: var(--font-weight-medium, 500) !important;
      font-weight: var(--font-weight-medium, 500) !important;
      text-wrap: balance !important;
    }
    :is(.description-text, .not-existing-service) {
      font-family: var(--font-sans, 'Inter Variable', 'Nanum Gothic', 'Noto Sans Tai Viet', 'Noto Sans Thai Variable', system-ui, sans-serif);
      font-size: var(--text-12, 0.75rem);
      --tw-leading: var(--leading-tight, 1.25);
      line-height: var(--leading-tight, 1.25);
      text-wrap: balance;
      color: var(--color-grey-600, #6D6C6C);
    }
  }
  .uc-embedding-buttons {
    margin-top: calc(var(--spacing, 0.0625rem) * 20) !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: calc(var(--spacing, 0.0625rem) * 12) !important;
    > button {
      margin: calc(var(--spacing, 0.0625rem) * 0) !important;
      display: flex !important;
      height: auto !important;
      width: 100% !important;
      align-items: center !important;
      justify-content: center !important;
      border-radius: var(--radius-8, 0.5rem) !important;
      border-style: var(--tw-border-style) !important;
      border-width: 1px !important;
      --tw-border-style: solid !important;
      border-style: solid !important;
      padding-inline: calc(var(--spacing, 0.0625rem) * 16) !important;
      padding-block: calc(var(--spacing, 0.0625rem) * 8) !important;
      font-family: var(--font-sans, 'Inter Variable', 'Nanum Gothic', 'Noto Sans Tai Viet', 'Noto Sans Thai Variable', system-ui, sans-serif) !important;
      font-size: var(--text-14, 0.875rem) !important;
      --tw-leading: 1 !important;
      line-height: 1 !important;
      --tw-font-weight: var(--font-weight-normal, 400) !important;
      font-weight: var(--font-weight-normal, 400) !important;
      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 !important;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1))) !important;
      transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms)) !important;
      &:focus {
        --tw-outline-style: none !important;
        outline-style: none !important;
        @media (forced-colors: active) {
          outline: 2px solid transparent !important;
          outline-offset: 2px !important;
        }
      }
      &:focus-visible {
        outline: currentColor auto medium !important;
      }
      @media (width >= 64rem) {
        padding-inline: calc(var(--spacing, 0.0625rem) * 24) !important;
      }
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing, 0.0625rem) * 12) !important;
      }
      &.uc-embedding-accept {
        border-color: var(--color-orange-900, #FC6423) !important;
        background-color: var(--color-orange-900, #FC6423) !important;
        color: var(--color-black, #1B1A19) !important;
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-orange-800, #FC7537) !important;
          }
        }
      }
      &.uc-embedding-more-info {
        border-color: var(--color-black, #1B1A19) !important;
        background-color: transparent !important;
        color: var(--color-black, #1B1A19) !important;
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-black, #1B1A19) !important;
          }
        }
        &:hover {
          @media (hover: hover) {
            color: var(--color-white, #FFFFFF) !important;
          }
        }
      }
    }
    + span:last-child {
      display: none;
    }
  }
}
@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-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-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-font-weight: initial;
      --tw-leading: initial;
      --tw-border-style: solid;
    }
  }
}

.plyr__video-wrapper {
	--plyr-video-background: transparent;
}

.plyr .plyr__poster {
	background-size: cover;

	/* stylelint-disable-next-line declaration-no-important */
	pointer-events: none !important;
}

.plyr {
	--plyr-color-main: #FC6423;
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
.accordion-container .accordion-container {
  background-color: var(--color-off-white, #EEF2FC);
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
.block-actionable-map {
  display: none;
  color: var(--color-light-blue-300, #D0DCF2);
  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, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms));
  @media (width >= 48rem) {
    display: block;
  }
  &:is(body.dark *) {
    color: var(--color-white, #FFFFFF);
  }
  .region {
    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, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms));
  }
  g#map-regions .region:hover {
    cursor: pointer;
    color: var(--color-orange-800, #FC7537);
  }
  g#map-regions g.region.is-active {
    color: var(--color-orange-900, #FC6423);
  }
  svg {
    max-width: 100%;
    width: auto;
    min-width: 80vw;
  }
}
.grid .flex .ib-wrapper-lite .block-actionable-map svg {
  min-width: 100%;
}

.as-header-wrapper::before {
	content: '';
	position: absolute;
	inset: 0;
	clip-path: inset(0 -100vw);
	z-index: 0;
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
.block-card-metric {
  & > :nth-child(4) {
    @media (width >= 48rem) {
      grid-column-start: 3;
    }
  }
  &:has(:nth-child(5)) > :nth-child(4) {
    @media (width >= 48rem) {
      grid-column-start: 2;
    }
  }
  &:has(:nth-child(6)) > :nth-child(4) {
    @media (width >= 48rem) {
      grid-column-start: 1;
    }
  }
}

.highLabel,
.innerGridHigh {
	grid-column: 2;
	grid-row: 1;
}

.lowLabel,
.innerGridLow {
	grid-column: 1;
	grid-row: 2;
}

.horizontalLabel {
	grid-row: 6;
	grid-column: 2 / span 4;
}

.verticalLabel {
	grid-column: 1;
	grid-row: 2 / span 3;

	> span:first-child {
		writing-mode: sideways-lr;
	}
}

.innerGrid {
	grid-column: 3 / span 4;
	grid-row: 1 / span 3;
}

.percentHorizontal {
	grid-row: 6;
	grid-column: 6;
}

.percentVertical {
	grid-row: 1;
	grid-column: 1;

	writing-mode: sideways-lr;
}

.corner {
	grid-row: 6;
	grid-column: 1;
}

.firstMarker,
.secondMarker {
	bottom: var(--tw-marker-bottom);
	left: var(--tw-marker-left);
}

.comparison-slider::before {
	right: var(--tw-before-right);
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
.show-filters::after {
  content: '';
  position: absolute;
  top: calc(var(--spacing, 0.0625rem) * 14);
  right: calc(var(--spacing, 0.0625rem) * 20);
  display: inline-block;
  width: calc(var(--spacing, 0.0625rem) * 20);
  height: calc(var(--spacing, 0.0625rem) * 20);
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M4 6H16%27 stroke=%27black%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M6 10H14%27 stroke=%27black%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M8 14H12%27 stroke=%27black%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
.list-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.list-cards > .list-card {
  flex: 1 1 calc(50% - 0.5rem);
  max-width: calc(50% - 0.5rem);
  height: auto;
}
@media (width >= 48rem) {
  .list-cards > .list-card {
    flex: 1 1 calc(33.33% - 0.5rem);
    max-width: calc(33.33% - 0.5rem);
  }
}
@media (width >= 90rem) {
  .list-cards > .list-card {
    flex: 1 1 calc(16.66% - 0.75rem);
    max-width: calc(16.66% - 0.75rem);
  }
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --ol-background-color: white;
  --ol-accent-background-color: #F5F5F5;
  --ol-subtle-background-color: rgba(128, 128, 128, 0.25);
  --ol-partial-background-color: rgba(255, 255, 255, 0.75);
  --ol-foreground-color: #333333;
  --ol-subtle-foreground-color: #666666;
  --ol-brand-color: #00AAFF;
}
.ol-box {
  box-sizing: border-box;
  border-radius: 2px;
  border: 1.5px solid var(--ol-background-color);
  background-color: var(--ol-partial-background-color);
}
.ol-mouse-position {
  top: 8px;
  right: 8px;
  position: absolute;
}
.ol-scale-line {
  background: var(--ol-partial-background-color);
  border-radius: 4px;
  bottom: 8px;
  left: 8px;
  padding: 2px;
  position: absolute;
}
.ol-scale-line-inner {
  border: 1px solid var(--ol-subtle-foreground-color);
  border-top: none;
  color: var(--ol-foreground-color);
  font-size: 10px;
  text-align: center;
  margin: 1px;
  will-change: contents, width;
  transition: all 0.25s;
}
.ol-scale-bar {
  position: absolute;
  bottom: 8px;
  left: 8px;
}
.ol-scale-bar-inner {
  display: flex;
}
.ol-scale-step-marker {
  width: 1px;
  height: 15px;
  background-color: var(--ol-foreground-color);
  float: right;
  z-index: 10;
}
.ol-scale-step-text {
  position: absolute;
  bottom: -5px;
  font-size: 10px;
  z-index: 11;
  color: var(--ol-foreground-color);
  text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
}
.ol-scale-text {
  position: absolute;
  font-size: 12px;
  text-align: center;
  bottom: 25px;
  color: var(--ol-foreground-color);
  text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
}
.ol-scale-singlebar {
  position: relative;
  height: 10px;
  z-index: 9;
  box-sizing: border-box;
  border: 1px solid var(--ol-foreground-color);
}
.ol-scale-singlebar-even {
  background-color: var(--ol-subtle-foreground-color);
}
.ol-scale-singlebar-odd {
  background-color: var(--ol-background-color);
}
.ol-unsupported {
  display: none;
}
.ol-viewport, .ol-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.ol-viewport canvas {
  all: unset;
  overflow: hidden;
}
.ol-viewport {
  touch-action: pan-x pan-y;
}
.ol-selectable {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.ol-grabbing {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.ol-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.ol-control {
  position: absolute;
  background-color: var(--ol-subtle-background-color);
  border-radius: 4px;
}
.ol-zoom {
  top: .5em;
  left: .5em;
}
.ol-rotate {
  top: .5em;
  right: .5em;
  transition: opacity .25s linear, visibility 0s linear;
}
.ol-rotate.ol-hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s linear, visibility 0s linear .25s;
}
.ol-zoom-extent {
  top: 4.643em;
  left: .5em;
}
.ol-full-screen {
  right: .5em;
  top: .5em;
}
.ol-control button {
  display: block;
  margin: 1px;
  padding: 0;
  color: var(--ol-subtle-foreground-color);
  font-weight: bold;
  text-decoration: none;
  font-size: inherit;
  text-align: center;
  height: 1.375em;
  width: 1.375em;
  line-height: .4em;
  background-color: var(--ol-background-color);
  border: none;
  border-radius: 2px;
}
.ol-control button::-moz-focus-inner {
  border: none;
  padding: 0;
}
.ol-zoom-extent button {
  line-height: 1.4em;
}
.ol-compass {
  display: block;
  font-weight: normal;
  will-change: transform;
}
.ol-touch .ol-control button {
  font-size: 1.5em;
}
.ol-touch .ol-zoom-extent {
  top: 5.5em;
}
.ol-control button:hover, .ol-control button:focus {
  text-decoration: none;
  outline: 1px solid var(--ol-subtle-foreground-color);
  color: var(--ol-foreground-color);
}
.ol-zoom .ol-zoom-in {
  border-radius: 2px 2px 0 0;
}
.ol-zoom .ol-zoom-out {
  border-radius: 0 0 2px 2px;
}
.ol-attribution {
  text-align: right;
  bottom: .5em;
  right: .5em;
  max-width: calc(100% - 1.3em);
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
}
.ol-attribution a {
  color: var(--ol-subtle-foreground-color);
  text-decoration: none;
}
.ol-attribution ul {
  margin: 0;
  padding: 1px .5em;
  color: var(--ol-foreground-color);
  text-shadow: 0 0 2px var(--ol-background-color);
  font-size: 12px;
}
.ol-attribution li {
  display: inline;
  list-style: none;
}
.ol-attribution li:not(:last-child):after {
  content: " ";
}
.ol-attribution img {
  max-height: 2em;
  max-width: inherit;
  vertical-align: middle;
}
.ol-attribution button {
  flex-shrink: 0;
}
.ol-attribution.ol-collapsed ul {
  display: none;
}
.ol-attribution:not(.ol-collapsed) {
  background: var(--ol-partial-background-color);
}
.ol-attribution.ol-uncollapsible {
  bottom: 0;
  right: 0;
  border-radius: 4px 0 0;
}
.ol-attribution.ol-uncollapsible img {
  margin-top: -.2em;
  max-height: 1.6em;
}
.ol-attribution.ol-uncollapsible button {
  display: none;
}
.ol-zoomslider {
  top: 4.5em;
  left: .5em;
  height: 200px;
}
.ol-zoomslider button {
  position: relative;
  height: 10px;
}
.ol-touch .ol-zoomslider {
  top: 5.5em;
}
.ol-overviewmap {
  left: 0.5em;
  bottom: 0.5em;
}
.ol-overviewmap.ol-uncollapsible {
  bottom: 0;
  left: 0;
  border-radius: 0 4px 0 0;
}
.ol-overviewmap .ol-overviewmap-map, .ol-overviewmap button {
  display: block;
}
.ol-overviewmap .ol-overviewmap-map {
  border: 1px solid var(--ol-subtle-foreground-color);
  height: 150px;
  width: 150px;
}
.ol-overviewmap:not(.ol-collapsed) button {
  bottom: 0;
  left: 0;
  position: absolute;
}
.ol-overviewmap.ol-collapsed .ol-overviewmap-map, .ol-overviewmap.ol-uncollapsible button {
  display: none;
}
.ol-overviewmap:not(.ol-collapsed) {
  background: var(--ol-subtle-background-color);
}
.ol-overviewmap-box {
  border: 1.5px dotted var(--ol-subtle-foreground-color);
}
.ol-overviewmap .ol-overviewmap-box:hover {
  cursor: move;
}
.ol-overviewmap .ol-viewport:hover {
  cursor: pointer;
}
.ol-control button {
  background-color: color-mix(in srgb, #FFFFFF 80%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white, #FFFFFF) 80%, transparent) !important;
  }
  --tw-backdrop-blur: blur(var(--blur-xs, 4px)) !important;
  -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,) !important;
  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,) !important;
  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 !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1))) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms)) !important;
  &:focus {
    --tw-outline-style: none !important;
    outline-style: none !important;
    @media (forced-colors: active) {
      outline: 2px solid transparent !important;
      outline-offset: 2px !important;
    }
  }
  &:focus-visible {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  &:focus-visible {
    border-color: var(--color-orange-900, #FC6423) !important;
  }
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  &:focus-visible {
    --tw-ring-color: color-mix(in srgb, #FC6423 30%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-orange-900, #FC6423) 30%, transparent) !important;
    }
  }
}
.ol-control.ol-unselectable:not(.ol-zoomslider) {
  background: none;
}
@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@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-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-border-style: solid;
      --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;
    }
  }
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
.multicolumn-icon-list > .service-box {
  flex: 1 1 calc(50% - 0.5rem);
  max-width: calc(50% - 0.5rem);
  height: auto;
}
@media (width >= 48rem) {
  .multicolumn-icon-list > .service-box {
    flex: 1 1 calc(16.66% - 0.5rem);
    max-width: calc(16.66% - 0.5rem);
  }
}
@media (width >= 90rem) {
  .multicolumn-icon-list > .service-box {
    flex: 1 1 calc(16.66% - 0.75rem);
    max-width: calc(16.66% - 0.75rem);
  }
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
.datatable-container tbody tr {
  &:nth-child(odd) {
    background-color: var(--color-white, #FFFFFF);
  }
  &:nth-child(even) {
    background-color: var(--color-off-white, #EEF2FC);
  }
}
.datatable-container td,
.datatable-container th {
  padding-inline: calc(var(--spacing, 0.0625rem) * 8);
  padding-block: calc(var(--spacing, 0.0625rem) * 16);
}
.datatable-container thead {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
  --tw-border-style: solid;
  border-style: solid;
  border-color: var(--color-off-white, #EEF2FC);
  text-align: left;
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
}
.datatable-container thead tr button {
  padding-block: calc(var(--spacing, 0.0625rem) * 16);
  font-family: var(--font-sans, 'Inter Variable', 'Nanum Gothic', 'Noto Sans Tai Viet', 'Noto Sans Thai Variable', system-ui, sans-serif);
  font-size: var(--text-15, 0.9375rem);
  --tw-leading: 1.3;
  line-height: 1.3;
  --tw-tracking: calc(var(--tracking-2, 0.02em) * -1);
  letter-spacing: calc(var(--tracking-2, 0.02em) * -1);
  @media (width >= 64rem) {
    font-size: var(--text-16, 1rem);
  }
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
}
.datatable-input {
  border-radius: var(--radius-16, 1rem);
  background-color: var(--color-off-white, #EEF2FC);
  padding-block: calc(var(--spacing, 0.0625rem) * 20);
  padding-right: calc(var(--spacing, 0.0625rem) * 20);
  padding-left: calc(var(--spacing, 0.0625rem) * 40);
  font-family: var(--font-sans, 'Inter Variable', 'Nanum Gothic', 'Noto Sans Tai Viet', 'Noto Sans Thai Variable', system-ui, sans-serif);
  font-size: var(--text-14, 0.875rem);
  --tw-leading: 1.3;
  line-height: 1.3;
  --tw-tracking: calc(var(--tracking-1, 0.01em) * -1);
  letter-spacing: calc(var(--tracking-1, 0.01em) * -1);
  color: var(--color-grey-800, #2D2C2B);
  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, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms));
  &::placeholder {
    color: var(--color-grey-500, #969695);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  &:focus-visible {
    border-color: var(--color-orange-800, #FC7537);
  }
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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-visible {
    --tw-ring-color: color-mix(in srgb, #FC6423 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-orange-900, #FC6423) 40%, transparent);
    }
  }
}
.datatable-search::before {
  position: absolute;
  top: calc(var(--spacing, 0.0625rem) * 16);
  left: calc(var(--spacing, 0.0625rem) * 8);
  display: inline-block;
  height: calc(var(--spacing, 0.0625rem) * 24);
  width: calc(var(--spacing, 0.0625rem) * 24);
  --tw-content: '';
  content: var(--tw-content);
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyBmaWxsPSdub25lJz48Y2lyY2xlIGN4PScxMy4zMjA0JyBjeT0nMTEuNTIzNicgcj0nNS41OTE2Mycgc3Ryb2tlPScjNmQ2YzZjJyBzdHJva2Utd2lkdGg9JzEuODYzODgnIGZpbGw9J25vbmUnLz48cGF0aCBzdHJva2U9JyM2ZDZjNmMnIHN0cm9rZS13aWR0aD0nMS44NjM4OCcgZD0nTTcuMjk2IDE3Ljc3NCA0LjY2IDIwLjQxJyBmaWxsPSdub25lJy8+PC9zdmc+);
}
.datatable-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: max-content max-content max-content;
  @media (width < 48rem) {
    grid-template-rows: max-content max-content max-content max-content;
  }
  grid-template-areas: 'search search' 'currency currency' 'table table' 'footerleft footerleft' 'footerright footerright';
  @media (width >= 64rem) {
    grid-template-areas: 'search currency' 'table table' 'footerleft footerright';
  }
}
.datatable-dropdown {
  align-self: center;
  padding-top: calc(var(--spacing, 0.0625rem) * 14);
  padding-right: calc(var(--spacing, 0.0625rem) * 8);
  padding-bottom: calc(var(--spacing, 0.0625rem) * 4);
  grid-area: footerleft;
}
.datatable-search {
  position: relative;
  grid-area: search;
}
.datatable-container {
  margin-top: calc(var(--spacing, 0.0625rem) * 24);
  grid-area: table;
}
.datatable-top {
  display: contents;
}
.datatable-pagination {
  align-self: center;
}
.datatable-pagination-list {
  display: flex;
  flex-shrink: 0;
  gap: calc(var(--spacing, 0.0625rem) * 12);
  border-color: var(--color-off-white, #EEF2FC);
  @media (width >= 64rem) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  @media (width >= 64rem) {
    padding-left: calc(var(--spacing, 0.0625rem) * 16);
  }
}
.datatable-info {
  flex-shrink: 0;
  align-self: center;
  padding-left: calc(var(--spacing, 0.0625rem) * 8);
  @media (width >= 64rem) {
    display: flex;
  }
}
.datatable-bottom {
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
  gap: calc(var(--spacing, 0.0625rem) * 24);
  align-self: center;
  justify-self: flex-start;
  overflow: scroll;
  padding-top: calc(var(--spacing, 0.0625rem) * 14);
  padding-right: calc(var(--spacing, 0.0625rem) * 8);
  padding-bottom: calc(var(--spacing, 0.0625rem) * 4);
  @media (width >= 64rem) {
    justify-self: flex-end;
  }
  @media (width >= 64rem) {
    overflow: hidden;
  }
  grid-area: footerright;
}
.datatable-pagination-list-item .datatable-pagination-list-item-link {
  border-radius: var(--radius-12, 0.75rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: transparent;
  padding-top: calc(var(--spacing, 0.0625rem) * 6);
  padding-right: calc(var(--spacing, 0.0625rem) * 12);
  padding-bottom: calc(var(--spacing, 0.0625rem) * 6);
  padding-left: calc(var(--spacing, 0.0625rem) * 12);
}
.datatable-pagination-list-item.datatable-active .datatable-pagination-list-item-link {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-grey-600, #6D6C6C);
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-dark-blue-950, #0C1B2C);
}
.datatable-pagination-list-item:hover .datatable-pagination-list-item-link {
  border-color: var(--color-grey-600, #6D6C6C);
  background-color: var(--color-off-white, #EEF2FC);
}
.datatable-pagination-list-item:focus .datatable-pagination-list-item-link {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
  --tw-ring-color: color-mix(in srgb, #FC6423 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--color-orange-900, #FC6423) 40%, transparent);
  }
}
.datatable-selector {
  cursor: pointer;
  appearance: none !important;
  border-radius: var(--radius-4, 0.25rem);
  background-color: transparent !important;
  background-repeat: no-repeat;
  padding-block: calc(var(--spacing, 0.0625rem) * 4);
  padding-right: calc(var(--spacing, 0.0625rem) * 20);
  padding-left: calc(var(--spacing, 0.0625rem) * 8);
  --tw-ring-color: color-mix(in srgb, #FC6423 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--color-orange-900, #FC6423) 40%, transparent);
  }
  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, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms));
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
  }
  background-image: url("data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.80998 5.14645C2.99932 4.95118 3.30631 4.95118 3.49566 5.14645L8.0013 9.79289L12.5069 5.14645C12.6963 4.95118 13.0033 4.95118 13.1926 5.14645C13.382 5.34171 13.382 5.65829 13.1926 5.85355L8.34414 10.8536C8.1548 11.0488 7.84781 11.0488 7.65846 10.8536L2.80998 5.85355C2.62063 5.65829 2.62063 5.34171 2.80998 5.14645Z\" fill=\"%236D6C6C\"/></svg>");
  background-position: calc(100% - 0.2rem) center;
  [dir='rtl'] & {
    background-position: 0.2rem center;
  }
}
.datatable-sorter::after {
  margin-left: calc(var(--spacing, 0.0625rem) * 4);
  display: inline-block;
  height: calc(var(--spacing, 0.0625rem) * 24);
  width: calc(var(--spacing, 0.0625rem) * 24);
  vertical-align: middle;
  content: '';
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDggNDgiPg0KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMi4xLjAgQnVpbGQgMTQyKSAgLS0+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5zdDAgew0KICAgICAgICBmaWxsOiBub25lOw0KICAgICAgICBzdHJva2U6ICMyMjJlNDI7DQogICAgICAgIHN0cm9rZS1saW5lY2FwOiByb3VuZDsNCiAgICAgICAgc3Ryb2tlLWxpbmVqb2luOiByb3VuZDsNCiAgICAgICAgc3Ryb2tlLXdpZHRoOiAycHg7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSIxOC4yIDM1LjkgMjQgNDEuNyAyOS44IDM1LjkiLz4NCiAgPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMTguMiAxMi4xIDI0IDYuMyAyOS44IDEyLjEiLz4NCiAgPGxpbmUgY2xhc3M9InN0MCIgeDE9IjI0IiB5MT0iNDEiIHgyPSIyNCIgeTI9IjciLz4NCjwvc3ZnPg==);
}
.datatable-ascending .datatable-sorter::after {
  margin-left: calc(var(--spacing, 0.0625rem) * 8);
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDggNDgiPg0KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMi4xLjAgQnVpbGQgMTQyKSAgLS0+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5zdDAgew0KICAgICAgICBmaWxsOiBub25lOw0KICAgICAgICBzdHJva2U6ICMyMjJlNDI7DQogICAgICAgIHN0cm9rZS1saW5lY2FwOiByb3VuZDsNCiAgICAgICAgc3Ryb2tlLWxpbmVqb2luOiByb3VuZDsNCiAgICAgICAgc3Ryb2tlLXdpZHRoOiAycHg7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSI0LjcgMTMuOSAxMC41IDguMiAxNi4zIDEzLjkiLz4NCiAgPGxpbmUgY2xhc3M9InN0MCIgeDE9IjIwLjkiIHkxPSIxOS44IiB4Mj0iMzIuMSIgeTI9IjE5LjgiLz4NCiAgPGxpbmUgY2xhc3M9InN0MCIgeDE9IjIwLjkiIHkxPSIyOS44IiB4Mj0iMzYuMSIgeTI9IjI5LjgiLz4NCiAgPGxpbmUgY2xhc3M9InN0MCIgeDE9IjIwLjkiIHkxPSIzOS44IiB4Mj0iNDMuMyIgeTI9IjM5LjgiLz4NCiAgPGxpbmUgY2xhc3M9InN0MCIgeDE9IjEwLjUiIHkxPSIzOS44IiB4Mj0iMTAuNSIgeTI9IjguOCIvPg0KPC9zdmc+);
}
.datatable-descending .datatable-sorter::after {
  margin-left: calc(var(--spacing, 0.0625rem) * 8);
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDggNDgiPg0KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMi4xLjAgQnVpbGQgMTQyKSAgLS0+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5zdDAgew0KICAgICAgICBmaWxsOiBub25lOw0KICAgICAgICBzdHJva2U6ICMyMjJlNDI7DQogICAgICAgIHN0cm9rZS1saW5lY2FwOiByb3VuZDsNCiAgICAgICAgc3Ryb2tlLWxpbmVqb2luOiByb3VuZDsNCiAgICAgICAgc3Ryb2tlLXdpZHRoOiAycHg7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSI0LjcgMzQuMSAxMC41IDM5LjggMTYuMyAzNC4xIi8+DQogIDxsaW5lIGNsYXNzPSJzdDAiIHgxPSIyMC45IiB5MT0iMjguMSIgeDI9IjMyLjEiIHkyPSIyOC4xIi8+DQogIDxsaW5lIGNsYXNzPSJzdDAiIHgxPSIyMC45IiB5MT0iMTguMSIgeDI9IjM2LjEiIHkyPSIxOC4xIi8+DQogIDxsaW5lIGNsYXNzPSJzdDAiIHgxPSIyMC45IiB5MT0iOC4yIiB4Mj0iNDMuMyIgeTI9IjguMiIvPg0KICA8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTAuNSIgeTE9IjguMiIgeDI9IjEwLjUiIHkyPSIzOS4yIi8+DQo8L3N2Zz4=);
}
.datatable-container table,
.datatable-container th,
.datatable-container thead,
.datatable-container tbody,
.datatable-container td,
.datatable-container tr {
  @media (width < 48rem) {
    display: block;
  }
  @media (width < 48rem) {
    width: 100% !important;
  }
}
.block-pricing-channel-details-table__currency {
  margin-top: calc(var(--spacing, 0.0625rem) * 16);
  align-self: center;
  justify-self: flex-start;
  @media (width >= 64rem) {
    margin-top: calc(var(--spacing, 0.0625rem) * 0);
  }
  @media (width >= 64rem) {
    justify-self: flex-end;
  }
  grid-area: currency;
}
.single-row .datatable-sorter::after {
  display: none;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  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: 0px;
}
@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-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@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-style: solid;
      --tw-font-weight: initial;
      --tw-leading: initial;
      --tw-tracking: 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-content: "";
    }
  }
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
.wrapper-contained,
.post-password-form {
  grid-column: span 1 / span 1;
  grid-column-start: 3;
  margin-inline: var(--gutter);
}
.wrapper-contained-wide-bg {
  grid-column: span 5 / span 5;
  grid-column-start: 1;
  display: grid;
  grid-template-columns: subgrid;
  column-gap: calc(2 * var(--gutter));
  :is(& > *) {
    grid-column-start: 3;
  }
}
.wrapper-wide {
  grid-column: span 5 / span 5;
  grid-column-start: 1;
  margin-inline: calc(2 * var(--gutter));
  display: grid;
  grid-template-columns: subgrid;
  column-gap: calc(2 * var(--gutter));
  :is(& > *) {
    grid-column: span 3 / span 3;
  }
  :is(& > *) {
    grid-column-start: 2;
  }
}
.wrapper-full {
  grid-column: 1 / -1;
}
.layout-base {
  display: grid;
  grid-template-columns: minmax(0,var(--gutter,0)) minmax(0,1fr) minmax(0,var(--max-content-width,75rem)) minmax(0,1fr) minmax(0,var(--gutter,0));
  & > *:not(.wrapper-contained, .wrapper-contained-wide-bg, .wrapper-wide, .wrapper-full, .post-password-form) {
    grid-column: span 1 / span 1;
    @media (width >= 80rem) {
      grid-column-start: 2;
    }
  }
  .wrapper,
	.wrapper--simple,
	> [data-id] {
    grid-column: 1 / -1;
  }
  --gutter: 0.375rem;
  @media (width >= 23.4375rem) {
    --gutter: clamp(0.375rem, calc(0.375rem + 0.125 * ((100vw - 23.4375rem) / 24.5625)), 0.5rem);
  }
  @media (width >= 48rem) {
    --gutter: clamp(0.5rem, calc(0.5rem + 0.125 * ((100vw - 48rem) / 16)), 0.625rem);
  }
  @media (width >= 64rem) {
    --gutter: clamp(0.625rem, calc(0.625rem + 0.625 * ((100vw - 64rem) / 26)), 1.25rem);
  }
  @media (width >= 90rem) {
    --max-content-width: clamp(75rem, calc(75rem + 25 * ((100vw - 90rem) / 30)), 100rem);
  }
  @media (width >= 120rem) {
    --gutter: clamp(1.25rem, calc(1.25rem + 0.875 * ((100vw - 120rem) / 30)), 1.75rem);
    --max-content-width: clamp(100rem, calc(100rem + 12.5 * ((100vw - 120rem) / 30)), 112.5rem);
  }
  @media (width >= 150rem) {
    --gutter: clamp(1.75rem, calc(1.75rem + 2.625 * ((100vw - 150rem) / 28.5)), 4.375rem);
    --max-content-width: clamp(112.5rem, calc(112.5rem + 12.5 * ((100vw - 150rem) / 28.5)), 125rem);
  }
  @media (width >= 187.5rem) {
    --gutter: clamp(4.375rem, calc(4.375rem + 3.25 * ((100vw - 187.5rem) / 53.75)), 7.625rem);
    --max-content-width: clamp(125rem, calc(125rem + 10.5 * ((100vw - 187.5rem) / 53.75)), 135.5rem);
  }
}
body:has(.ib-2024-nav) {
  --global-top-headers-size: 8.5rem;
  @media (width >= 48rem) {
    --global-top-headers-size: 10.875rem;
  }
}
body:has(.ib-2024-nav):has(.ib-subpage-nav:not([data-variant='simple-bottom-center'])) main {
  @media (width >= 48rem) {
    --global-subpage-nav-offset: 4rem;
  }
}
body:has(.ib-2024-nav) main:not(:has(> .ib-ignore-first-block-offset)) {
  padding-top: calc(var(--global-top-headers-size) + 2rem) !important;
  @media (width >= 48rem) {
    padding-top: calc(var(--global-top-headers-size) + var(--global-subpage-nav-offset, 2rem)) !important;
  }
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
.es-block-forms--style-dark .es-field.es-field--field h1,
.es-block-forms--style-dark .es-field.es-field--field h2,
.es-block-forms--style-dark .es-field.es-field--field h3,
.es-block-forms--style-dark .es-field.es-field--field h4,
.es-block-forms--style-dark .es-field.es-field--field h5,
.es-block-forms--style-dark .es-field.es-field--field p {
  color: var(--color-white, #FFFFFF);
}
.es-block-forms--style-dark-dyn .es-field.es-field--field h1,
.es-block-forms--style-dark-dyn .es-field.es-field--field h2 {
  color: var(--ib-form-accent);
}
.es-block-forms--style-dark-dyn .es-field.es-field--field h3,
.es-block-forms--style-dark-dyn .es-field.es-field--field h4,
.es-block-forms--style-dark-dyn .es-field.es-field--field h5,
.es-block-forms--style-dark-dyn .es-field.es-field--field p {
  color: var(--ib-form-on-base);
}
.es-field__label--is-required::after {
  vertical-align: top;
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  color: var(--color-orange-900, #FC6423);
  --tw-content: '*';
  content: var(--tw-content);
  .es-block-forms--style-dark-dyn & {
    color: var(--ib-form-accent);
  }
}
.es-global-msg::before {
  background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjUyIiBoZWlnaHQ9IjUyIiB2aWV3Qm94PSIwIDAgNTIgNTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjI2IiBjeT0iMjYiIHI9IjI1IiBzdHJva2U9IiMxQ0E2NkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMjIuMTczNCAzNC43NzM0TDEzLjc3MzQgMjYuMzczNEwxNS4zODU5IDI0Ljc2MDlMMjIuMTczNCAzMS41NDg0TDM2LjU3MzQgMTcuMTQ4NEwzOC4xODU5IDE4Ljc2MDlMMjIuMTczNCAzNC43NzM0WiIgZmlsbD0iIzFDQTY2RiIvPgo8L3N2Zz4K);
}
.es-global-msg[data-status='error']::before {
  background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjUyIiBoZWlnaHQ9IjUyIiB2aWV3Qm94PSIwIDAgNTIgNTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNC40NjE1IDI2LjAwMDFMMTYuMzA3OCAzNC4xNTM4QzE2LjEzNzkgMzQuMzIzNyAxNi4xMzc5IDM0LjU5OTMgMTYuMzA3OCAzNC43NjkyTDE3LjIzMDkgMzUuNjkyM0MxNy40MDA4IDM1Ljg2MjIgMTcuNjc2MyAzNS44NjIyIDE3Ljg0NjMgMzUuNjkyM0wyNiAyNy41Mzg2TDM0LjE1MzggMzUuNjkyNEMzNC4zMjM3IDM1Ljg2MjMgMzQuNTk5MyAzNS44NjIzIDM0Ljc2OTIgMzUuNjkyNEwzNS42OTIzIDM0Ljc2OTNDMzUuODYyMiAzNC41OTk0IDM1Ljg2MjIgMzQuMzIzOSAzNS42OTIzIDM0LjE1NEwyNy41Mzg0IDI2LjAwMDFMMzUuNjkyNCAxNy44NDYyQzM1Ljg2MjMgMTcuNjc2MiAzNS44NjIzIDE3LjQwMDcgMzUuNjkyNCAxNy4yMzA4TDM0Ljc2OTMgMTYuMzA3N0MzNC41OTk0IDE2LjEzNzggMzQuMzIzOCAxNi4xMzc4IDM0LjE1MzkgMTYuMzA3N0wyNiAyNC40NjE2TDE3Ljg0NjIgMTYuMzA3OEMxNy42NzYyIDE2LjEzNzkgMTcuNDAwNyAxNi4xMzc5IDE3LjIzMDggMTYuMzA3OEwxNi4zMDc3IDE3LjIzMDlDMTYuMTM3OCAxNy40MDA5IDE2LjEzNzggMTcuNjc2NCAxNi4zMDc3IDE3Ljg0NjNMMjQuNDYxNSAyNi4wMDAxWiIgZmlsbD0iI0ZGMDAwMCIvPgo8Y2lyY2xlIGN4PSIyNiIgY3k9IjI2IiByPSIyNSIgc3Ryb2tlPSIjRkYwMDAwIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==);
}
.es-block-forms--style-dark .choices__button,
.es-block-forms--style-dark-dyn .choices__button {
  --tw-invert: invert(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,);
}
select.es-select__select,
div.es-select {
  margin: calc(var(--spacing, 0.0625rem) * 0);
  width: 100%;
  cursor: text;
  border-radius: var(--radius-12, 0.75rem);
  --tw-border-style: none;
  border-style: none;
  font-family: var(--font-sans, 'Inter Variable', 'Nanum Gothic', 'Noto Sans Tai Viet', 'Noto Sans Thai Variable', system-ui, sans-serif);
  font-size: var(--text-15, 0.9375rem);
  --tw-leading: 1.3;
  line-height: 1.3;
  --tw-tracking: calc(var(--tracking-2, 0.02em) * -1);
  letter-spacing: calc(var(--tracking-2, 0.02em) * -1);
  @media (width >= 64rem) {
    font-size: var(--text-16, 1rem);
  }
  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, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms));
}
select.es-select__select {
  background-color: var(--color-white, #FFFFFF);
}
select.es-select__select option {
  padding: calc(var(--spacing, 0.0625rem) * 12);
}
[dir='rtl'] .choices.es-select .choices__list--single .choices__button {
  right: auto !important;
  left: 2.25rem !important;
}
select.es-country__select,
.es-select .choices__inner {
  margin-right: calc(var(--spacing, 0.0625rem) * 2);
  height: calc(var(--spacing, 0.0625rem) * 48);
  border-radius: var(--radius-12, 0.75rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: transparent;
  background-color: var(--color-white, #FFFFFF);
  padding: calc(var(--spacing, 0.0625rem) * 12);
  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, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms));
}
.es-select .choices__list--dropdown {
  margin-top: calc(var(--spacing, 0.0625rem) * 8);
  border-radius: var(--radius-12, 0.75rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-grey-500, #969695);
  background-color: var(--color-white, #FFFFFF);
  padding: calc(var(--spacing, 0.0625rem) * 4);
}
.es-select .choices__list--dropdown .choices__input {
  margin-bottom: calc(var(--spacing, 0.0625rem) * 4);
  border-radius: var(--radius-8, 0.5rem);
  --tw-border-style: none;
  border-style: none;
  background-color: color-mix(in srgb, #969695 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-grey-500, #969695) 10%, transparent);
  }
  padding-top: calc(var(--spacing, 0.0625rem) * 10);
  padding-right: calc(var(--spacing, 0.0625rem) * 10);
  padding-bottom: calc(var(--spacing, 0.0625rem) * 10);
  padding-left: calc(var(--spacing, 0.0625rem) * 40);
}
div.es-select[data-type*='select-one'] .choices__button {
  margin-right: calc(var(--spacing, 0.0625rem) * 40);
}
div.es-select.is-open,
select.es-select__select:focus,
.es-select.choices .choices__button:focus {
  --tw-outline-style: none;
  outline-style: none;
  @media (forced-colors: active) {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
select.es-select__select:focus-visible,
.es-select.choices .choices__button:focus-visible {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
  --tw-ring-color: color-mix(in srgb, #FC6423 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--color-orange-900, #FC6423) 40%, transparent);
  }
  .es-block-forms--style-dark-dyn & {
    --tw-ring-color: var(--ib-form-ring);
  }
}
.choices__list--multiple .choices__item,
.choices__list--multiple .choices__item.is-highlighted {
  border-color: var(--color-orange-900, #FC6423);
  background-color: var(--color-orange-900, #FC6423);
  .es-block-forms--style-dark-dyn & {
    border-color: var(--ib-form-accent);
  }
  .es-block-forms--style-dark-dyn & {
    background-color: var(--ib-form-accent);
  }
}
.es-select .choices__list--dropdown .choices__item {
  border-radius: var(--radius-8, 0.5rem);
  padding: calc(var(--spacing, 0.0625rem) * 8) !important;
  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, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms));
}
.es-select .choices__list--single {
  padding: calc(var(--spacing, 0.0625rem) * 2);
}
.es-select .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: var(--color-orange-900, #FC6423);
  color: var(--color-black, #1B1A19);
  .es-block-forms--style-dark-dyn & {
    background-color: var(--ib-form-accent);
  }
}
.es-form-has-error .es-select .choices__inner {
  border-color: var(--color-orange-900, #FC6423);
  .es-block-forms--style-dark-dyn & {
    border-color: var(--ib-form-accent);
  }
}
.es-select .choices__inner .choices__input {
  margin: calc(var(--spacing, 0.0625rem) * 0);
  --tw-border-style: none;
  border-style: none;
  background-color: transparent;
  padding-block: calc(var(--spacing, 0.0625rem) * 2);
  vertical-align: top;
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  color: var(--color-black, #1B1A19);
}
div.es-select[data-type*='select-one']::after,
div.es-select[data-type*='select-multiple']::after {
  position: absolute;
  top: calc(var(--spacing, 0.0625rem) * 0);
  margin: calc(var(--spacing, 0.0625rem) * 0);
  width: calc(var(--spacing, 0.0625rem) * 48);
  height: calc(var(--spacing, 0.0625rem) * 48);
  --tw-border-style: none;
  border-style: none;
  background-position: center;
  background-repeat: no-repeat;
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-content: '';
  content: var(--tw-content);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4Mjg0IDEwLjA5NDlDNy4xMjY2MyA5LjkzODc0IDcuMTI2NjMgOS42ODU0NyA3LjI4Mjg0IDkuNTI5MjZMNy41MjkyNiA5LjI4Mjg0QzcuNjg1NDcgOS4xMjY2MyA3LjkzODc0IDkuMTI2NjMgOC4wOTQ5NSA5LjI4Mjg0TDEyIDEzLjE4NzlMMTUuOTA1MSA5LjI4Mjg0QzE2LjA2MTMgOS4xMjY2MyAxNi4zMTQ1IDkuMTI2NjMgMTYuNDcwNyA5LjI4Mjg0TDE2LjcxNzIgOS41MjkyNkMxNi44NzM0IDkuNjg1NDcgMTYuODczNCA5LjkzODc0IDE2LjcxNzIgMTAuMDk0OUwxMiAxNC44MTIxTDcuMjgyODQgMTAuMDk0OVoiIGZpbGw9IiM4QTk4QUQiLz4KPC9zdmc+Cg==);
}
:not([dir='rtl']) div.es-select[data-type*='select-one']::after,
:not([dir='rtl']) div.es-select[data-type*='select-multiple']::after {
  right: 0 !important;
}
[dir='rtl'] div.es-select[data-type*='select-one']::after,
[dir='rtl'] div.es-select[data-type*='select-multiple']::after {
  right: auto !important;
  left: 0 !important;
}
div.es-select[data-type*='select-one'].is-open::after,
div.es-select[data-type*='select-multiple'].is-open::after {
  margin: calc(var(--spacing, 0.0625rem) * 0);
  --tw-scale-y: calc(100% * -1);
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.es-select.is-focused {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
  --tw-ring-color: color-mix(in srgb, #FC6423 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--color-orange-900, #FC6423) 40%, transparent);
  }
  .es-block-forms--style-dark-dyn & {
    --tw-ring-color: var(--ib-form-ring);
  }
}
.choices__list.choices__list--dropdown.is-active {
  animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-enter-opacity: 0;
  --tw-enter-translate-y: calc(12*var(--spacing)*-1);
}
.choices__list:has(input[type='search']).is-active::before {
  position: absolute;
  top: calc(var(--spacing, 0.0625rem) * 8);
  left: calc(var(--spacing, 0.0625rem) * 8);
  z-index: 10;
  display: block;
  height: calc(var(--spacing, 0.0625rem) * 24);
  width: calc(var(--spacing, 0.0625rem) * 24);
  --tw-content: '';
  content: var(--tw-content);
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyBmaWxsPSdub25lJz48Y2lyY2xlIGN4PScxMy4zMjA0JyBjeT0nMTEuNTIzNicgcj0nNS41OTE2Mycgc3Ryb2tlPScjNmQ2YzZjJyBzdHJva2Utd2lkdGg9JzEuODYzODgnIGZpbGw9J25vbmUnLz48cGF0aCBzdHJva2U9JyM2ZDZjNmMnIHN0cm9rZS13aWR0aD0nMS44NjM4OCcgZD0nTTcuMjk2IDE3Ljc3NCA0LjY2IDIwLjQxJyBmaWxsPSdub25lJy8+PC9zdmc+);
}
.es-field--range span {
  font-variant-numeric: proportional-nums;
}
.es-input__range::-webkit-slider-runnable-track {
  --ib-range-progress-bg-raw: var(--ib-range-progress-bg, var(--color-orange-900));
  height: calc(var(--spacing, 0.0625rem) * 8);
  appearance: none;
  border-radius: var(--radius-full, calc(infinity * 1px));
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-white, #FFFFFF);
  background-color: var(--color-white, #FFFFFF);
  .es-block-forms--style-dark-dyn & {
    background-color: var(--ib-form-dark);
  }
  background-image: linear-gradient(to right, var(--ib-range-progress-bg-raw) 0% var(--es-form-range-progress, 0%), transparent var(--es-form-range-progress, 0%) 100%);
  [dir='rtl'] & {
    background-image: linear-gradient(to left, var(--ib-range-progress-bg-raw) 0% var(--es-form-range-progress, 0%), transparent var(--es-form-range-progress, 0%) 100%);
  }
}
.es-input__range::-webkit-slider-thumb {
  width: calc(var(--spacing, 0.0625rem) * 16);
  height: calc(var(--spacing, 0.0625rem) * 16);
  --tw-translate-y: calc(var(--spacing, 0.0625rem) * -4);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  appearance: none;
  border-radius: var(--radius-4, 0.25rem);
  --tw-border-style: none;
  border-style: none;
  background-color: var(--color-orange-900, #FC6423);
  .es-block-forms--style-dark-dyn & {
    background-color: var(--ib-form-accent);
  }
}
.es-input__range::-moz-range-track {
  height: calc(var(--spacing, 0.0625rem) * 8);
  border-radius: var(--radius-full, calc(infinity * 1px));
  background-color: var(--color-white, #FFFFFF);
  .es-block-forms--style-dark-dyn & {
    background-color: var(--ib-form-on-base);
  }
}
.es-input__range::-moz-range-progress {
  height: calc(var(--spacing, 0.0625rem) * 8);
  border-radius: var(--radius-full, calc(infinity * 1px));
  background-color: var(--color-orange-900, #FC6423);
  .es-block-forms--style-dark-dyn & {
    background-color: var(--ib-form-accent);
  }
}
.es-input__range::-moz-range-thumb {
  z-index: 10;
  width: calc(var(--spacing, 0.0625rem) * 16);
  height: calc(var(--spacing, 0.0625rem) * 16);
  appearance: none;
  border-radius: var(--radius-4, 0.25rem);
  --tw-border-style: none;
  border-style: none;
  background-color: var(--color-orange-900, #FC6423);
  .es-block-forms--style-dark-dyn & {
    background-color: var(--ib-form-accent);
  }
}
.es-input__range:focus-visible::-moz-range-thumb {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
  --tw-ring-color: color-mix(in srgb, #FC6423 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--color-orange-900, #FC6423) 40%, transparent);
  }
  .es-block-forms--style-dark-dyn & {
    --tw-ring-color: var(--ib-form-ring);
  }
}
.es-input__range:focus-visible::-webkit-slider-thumb {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
  --tw-ring-color: color-mix(in srgb, #FC6423 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--color-orange-900, #FC6423) 40%, transparent);
  }
  .es-block-forms--style-dark-dyn & {
    --tw-ring-color: var(--ib-form-ring);
  }
}
.flatpickr-calendar {
  margin-bottom: calc(var(--spacing, 0.0625rem) * 0);
  border-radius: var(--radius-8, 0.5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  --tw-border-style: solid;
  border-style: solid;
  border-color: var(--color-grey-500, #969695);
  background-color: var(--color-white, #FFFFFF);
  padding: calc(var(--spacing, 0.0625rem) * 2);
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  color: var(--color-black, #1B1A19);
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &::before {
    content: var(--tw-content);
    display: none;
  }
  &::after {
    content: var(--tw-content);
    display: none;
  }
  &.arrowTop {
    margin-top: calc(var(--spacing, 0.0625rem) * -24);
  }
  &.arrowBottom {
    margin-top: calc(var(--spacing, 0.0625rem) * -48);
  }
}
.flatpickr-current-month,
.flatpickr-months .flatpickr-monthDropdown-months,
.flatpickr-months .cur-year {
  font-family: var(--font-sans, 'Inter Variable', 'Nanum Gothic', 'Noto Sans Tai Viet', 'Noto Sans Thai Variable', system-ui, sans-serif);
  font-size: var(--text-15, 0.9375rem);
  --tw-leading: 1.3;
  line-height: 1.3;
  --tw-tracking: calc(var(--tracking-2, 0.02em) * -1);
  letter-spacing: calc(var(--tracking-2, 0.02em) * -1);
  @media (width >= 64rem) {
    font-size: var(--text-16, 1rem);
  }
}
.flatpickr-day.today {
  background-color: var(--color-off-white, #EEF2FC);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-bright-blue-400, #E3E7FF);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-black, #1B1A19);
    }
  }
}
.flatpickr-day.selected {
  background-color: var(--color-orange-900, #FC6423);
  color: var(--color-white, #FFFFFF);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-orange-800, #FC7537);
    }
  }
  @media (prefers-contrast: more) {
    color: var(--color-black, #1B1A19);
  }
  .es-block-forms--style-dark-dyn & {
    background-color: var(--ib-form-accent);
  }
  .es-block-forms--style-dark-dyn & {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ib-form-dark);
      }
    }
  }
}
.flatpickr-day {
  border-radius: var(--radius-12, 0.75rem);
  --tw-border-style: none;
  border-style: none;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,rotate,scale,translate,filter,backdrop-filter,border-radius;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms));
  &:hover {
    @media (hover: hover) {
      border-radius: var(--radius-16, 1rem);
    }
  }
}
.flatpickr-weekday {
  --tw-font-weight: var(--font-weight-normal, 400) !important;
  font-weight: var(--font-weight-normal, 400) !important;
  text-transform: uppercase !important;
}
.flatpickr-day.selected,
input.es-date:focus-visible,
input.es-date:focus {
  --tw-shadow: 0 0 #0000;
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
  --tw-ring-color: color-mix(in oklab, var(--color-orange-900, #FC6423) 40%, transparent);
  --tw-outline-style: none;
  outline-style: none;
  @media (forced-colors: active) {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  .es-block-forms--style-dark-dyn & {
    --tw-ring-color: var(--ib-form-ring);
  }
}
.es-block-forms--style-dark div.es-select .choices__inner,
.es-block-forms--style-dark select.es-country__select,
.es-block-forms--style-dark select.es-select__select,
.es-block-forms--style-dark input.es-date {
  background-color: color-mix(in srgb, #969695 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-grey-500, #969695) 20%, transparent);
  }
  color: var(--color-white, #FFFFFF);
}
.es-block-forms--style-dark .choices input[type='search'] {
  color: var(--color-white, #FFFFFF);
}
.es-block-forms--style-dark .flatpickr-day.selected,
.es-block-forms--style-dark .flatpickr-day.selected:focus {
  border-color: var(--color-white, #FFFFFF);
  background-color: var(--color-dark-blue-750, #7484A3);
}
.es-block-forms--style-dark-dyn div.es-select .choices__inner,
.es-block-forms--style-dark-dyn select.es-country__select,
.es-block-forms--style-dark-dyn select.es-select__select,
.es-block-forms--style-dark-dyn input.es-date {
  background-color: var(--ib-form-dark);
  color: var(--color-white, #FFFFFF);
}
.es-block-forms--style-dark-dyn .choices input[type='search'] {
  color: var(--color-white, #FFFFFF);
}
.es-block-forms--style-dark-dyn .flatpickr-day.selected,
.es-block-forms--style-dark-dyn .flatpickr-day.selected:focus {
  border-color: var(--color-white, #FFFFFF);
  background-color: var(--color-dark-blue-750, #7484A3);
}
.es-rating {
  --es-rating-icon-size: 2rem;
  --es-rating-icon-color: var(--color-grey-600);
  --es-rating-icon-active-color: var(--color-orange-900);
}
.es-block-forms--style-dark .es-rating {
  --es-rating-icon-color: var(--color-grey-500);
  --es-rating-icon-active-color: var(--color-orange-900);
}
.es-block-forms--style-dark-dyn .es-rating {
  --es-rating-icon-color: var(--ib-form-dark);
  --es-rating-icon-active-color: var(--ib-form-accent);
}
.es-field--file.dz-max-files-reached .es-field__inner {
  pointer-events: none;
  cursor: default;
  opacity: 50%;
}
.es-field--file .dz-preview .dz-image {
  position: absolute;
  inset: calc(var(--spacing, 0.0625rem) * 0);
  display: none;
  width: calc(var(--spacing, 0.0625rem) * 48);
  height: calc(var(--spacing, 0.0625rem) * 48);
  background-position: center;
  background-repeat: no-repeat;
  @media (width >= 48rem) {
    display: block;
  }
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjc1IDQyQzExLjk4MzMgNDIgMTEuMzMzMyA0MS43MzMzIDEwLjggNDEuMkMxMC4yNjY3IDQwLjY2NjcgMTAgNDAuMDE2NyAxMCAzOS4yNVY4Ljc1QzEwIDcuOTgzMzMgMTAuMjY2NyA3LjMzMzMzIDEwLjggNi44QzExLjMzMzMgNi4yNjY2NyAxMS45ODMzIDYgMTIuNzUgNkgyOUwzOCAxNVYzOS4yNUMzOCA0MC4wMTY3IDM3LjczMzMgNDAuNjY2NyAzNy4yIDQxLjJDMzYuNjY2NyA0MS43MzMzIDM2LjAxNjcgNDIgMzUuMjUgNDJIMTIuNzVaTTEyLjc1IDQwLjQ1SDM1LjI1QzM1LjU1IDQwLjQ1IDM1LjgyNSA0MC4zMjUgMzYuMDc1IDQwLjA3NUMzNi4zMjUgMzkuODI1IDM2LjQ1IDM5LjU1IDM2LjQ1IDM5LjI1VjE1LjdIMjguM1Y3LjU1SDEyLjc1QzEyLjQ1IDcuNTUgMTIuMTc1IDcuNjc1IDExLjkyNSA3LjkyNUMxMS42NzUgOC4xNzUgMTEuNTUgOC40NSAxMS41NSA4Ljc1VjM5LjI1QzExLjU1IDM5LjU1IDExLjY3NSAzOS44MjUgMTEuOTI1IDQwLjA3NUMxMi4xNzUgNDAuMzI1IDEyLjQ1IDQwLjQ1IDEyLjc1IDQwLjQ1Wk0yNCAzNS45NUMyNS43IDM1Ljk1IDI3LjEyNSAzNS4zMjUgMjguMjc1IDM0LjA3NUMyOS40MjUgMzIuODI1IDMwIDMxLjMzMzMgMzAgMjkuNlYyMC45SDI4LjlWMjkuNkMyOC45IDMxLjAzMzMgMjguNDQxNyAzMi4yNzUgMjcuNTI1IDMzLjMyNUMyNi42MDgzIDM0LjM3NSAyNS40MzMzIDM0LjkgMjQgMzQuOUMyMi42IDM0LjkgMjEuNDMzMyAzNC4zNzUgMjAuNSAzMy4zMjVDMTkuNTY2NyAzMi4yNzUgMTkuMSAzMS4wMzMzIDE5LjEgMjkuNlYxOC43QzE5LjEgMTguMDMzMyAxOS4zIDE3LjQ1ODMgMTkuNyAxNi45NzVDMjAuMSAxNi40OTE3IDIwLjYzMzMgMTYuMjUgMjEuMyAxNi4yNUMyMS45MzMzIDE2LjI1IDIyLjQ1IDE2LjQ5MTcgMjIuODUgMTYuOTc1QzIzLjI1IDE3LjQ1ODMgMjMuNDUgMTguMDMzMyAyMy40NSAxOC43VjI5LjE1SDI0LjU1VjE4LjdDMjQuNTUgMTcuNzY2NyAyNC4yMzMzIDE2Ljk1IDIzLjYgMTYuMjVDMjIuOTY2NyAxNS41NSAyMi4xODMzIDE1LjIgMjEuMjUgMTUuMkMyMC4zNSAxNS4yIDE5LjU4MzMgMTUuNTUgMTguOTUgMTYuMjVDMTguMzE2NyAxNi45NSAxOCAxNy43NjY3IDE4IDE4LjdWMjkuNkMxOCAzMS4zMzMzIDE4LjU4MzMgMzIuODI1IDE5Ljc1IDM0LjA3NUMyMC45MTY3IDM1LjMyNSAyMi4zMzMzIDM1Ljk1IDI0IDM1Ljk1WiIgZmlsbD0iIzBDMUIyQyIvPgo8L3N2Zz4K);
}
.es-block-forms--style-dark .es-field--file .es-file__custom-wrap {
  color: var(--color-white, #FFFFFF);
}
.es-block-forms--style-dark .es-field--file .dz-preview .dz-image {
  background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMi43NSA0MkMxMS45ODMzIDQyIDExLjMzMzMgNDEuNzMzMyAxMC44IDQxLjJDMTAuMjY2NyA0MC42NjY3IDEwIDQwLjAxNjcgMTAgMzkuMjVWOC43NUMxMCA3Ljk4MzMzIDEwLjI2NjcgNy4zMzMzMyAxMC44IDYuOEMxMS4zMzMzIDYuMjY2NjcgMTEuOTgzMyA2IDEyLjc1IDZIMjlMMzggMTVWMzkuMjVDMzggNDAuMDE2NyAzNy43MzMzIDQwLjY2NjcgMzcuMiA0MS4yQzM2LjY2NjcgNDEuNzMzMyAzNi4wMTY3IDQyIDM1LjI1IDQySDEyLjc1Wk0xMi43NSA0MC40NUgzNS4yNUMzNS41NSA0MC40NSAzNS44MjUgNDAuMzI1IDM2LjA3NSA0MC4wNzVDMzYuMzI1IDM5LjgyNSAzNi40NSAzOS41NSAzNi40NSAzOS4yNVYxNS43SDI4LjNWNy41NUgxMi43NUMxMi40NSA3LjU1IDEyLjE3NSA3LjY3NSAxMS45MjUgNy45MjVDMTEuNjc1IDguMTc1IDExLjU1IDguNDUgMTEuNTUgOC43NVYzOS4yNUMxMS41NSAzOS41NSAxMS42NzUgMzkuODI1IDExLjkyNSA0MC4wNzVDMTIuMTc1IDQwLjMyNSAxMi40NSA0MC40NSAxMi43NSA0MC40NVpNMjQgMzUuOTVDMjUuNyAzNS45NSAyNy4xMjUgMzUuMzI1IDI4LjI3NSAzNC4wNzVDMjkuNDI1IDMyLjgyNSAzMCAzMS4zMzMzIDMwIDI5LjZWMjAuOUgyOC45VjI5LjZDMjguOSAzMS4wMzMzIDI4LjQ0MTcgMzIuMjc1IDI3LjUyNSAzMy4zMjVDMjYuNjA4MyAzNC4zNzUgMjUuNDMzMyAzNC45IDI0IDM0LjlDMjIuNiAzNC45IDIxLjQzMzMgMzQuMzc1IDIwLjUgMzMuMzI1QzE5LjU2NjcgMzIuMjc1IDE5LjEgMzEuMDMzMyAxOS4xIDI5LjZWMTguN0MxOS4xIDE4LjAzMzMgMTkuMyAxNy40NTgzIDE5LjcgMTYuOTc1QzIwLjEgMTYuNDkxNyAyMC42MzMzIDE2LjI1IDIxLjMgMTYuMjVDMjEuOTMzMyAxNi4yNSAyMi40NSAxNi40OTE3IDIyLjg1IDE2Ljk3NUMyMy4yNSAxNy40NTgzIDIzLjQ1IDE4LjAzMzMgMjMuNDUgMTguN1YyOS4xNUgyNC41NVYxOC43QzI0LjU1IDE3Ljc2NjcgMjQuMjMzMyAxNi45NSAyMy42IDE2LjI1QzIyLjk2NjcgMTUuNTUgMjIuMTgzMyAxNS4yIDIxLjI1IDE1LjJDMjAuMzUgMTUuMiAxOS41ODMzIDE1LjU1IDE4Ljk1IDE2LjI1QzE4LjMxNjcgMTYuOTUgMTggMTcuNzY2NyAxOCAxOC43VjI5LjZDMTggMzEuMzMzMyAxOC41ODMzIDMyLjgyNSAxOS43NSAzNC4wNzVDMjAuOTE2NyAzNS4zMjUgMjIuMzMzMyAzNS45NSAyNCAzNS45NVoiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==);
}
.es-block-forms--style-dark-dyn .es-field--file .es-file__custom-wrap {
  color: var(--color-white, #FFFFFF);
}
.es-block-forms--style-dark-dyn .es-field--file .dz-preview .dz-image {
  background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMi43NSA0MkMxMS45ODMzIDQyIDExLjMzMzMgNDEuNzMzMyAxMC44IDQxLjJDMTAuMjY2NyA0MC42NjY3IDEwIDQwLjAxNjcgMTAgMzkuMjVWOC43NUMxMCA3Ljk4MzMzIDEwLjI2NjcgNy4zMzMzMyAxMC44IDYuOEMxMS4zMzMzIDYuMjY2NjcgMTEuOTgzMyA2IDEyLjc1IDZIMjlMMzggMTVWMzkuMjVDMzggNDAuMDE2NyAzNy43MzMzIDQwLjY2NjcgMzcuMiA0MS4yQzM2LjY2NjcgNDEuNzMzMyAzNi4wMTY3IDQyIDM1LjI1IDQySDEyLjc1Wk0xMi43NSA0MC40NUgzNS4yNUMzNS41NSA0MC40NSAzNS44MjUgNDAuMzI1IDM2LjA3NSA0MC4wNzVDMzYuMzI1IDM5LjgyNSAzNi40NSAzOS41NSAzNi40NSAzOS4yNVYxNS43SDI4LjNWNy41NUgxMi43NUMxMi40NSA3LjU1IDEyLjE3NSA3LjY3NSAxMS45MjUgNy45MjVDMTEuNjc1IDguMTc1IDExLjU1IDguNDUgMTEuNTUgOC43NVYzOS4yNUMxMS41NSAzOS41NSAxMS42NzUgMzkuODI1IDExLjkyNSA0MC4wNzVDMTIuMTc1IDQwLjMyNSAxMi40NSA0MC40NSAxMi43NSA0MC40NVpNMjQgMzUuOTVDMjUuNyAzNS45NSAyNy4xMjUgMzUuMzI1IDI4LjI3NSAzNC4wNzVDMjkuNDI1IDMyLjgyNSAzMCAzMS4zMzMzIDMwIDI5LjZWMjAuOUgyOC45VjI5LjZDMjguOSAzMS4wMzMzIDI4LjQ0MTcgMzIuMjc1IDI3LjUyNSAzMy4zMjVDMjYuNjA4MyAzNC4zNzUgMjUuNDMzMyAzNC45IDI0IDM0LjlDMjIuNiAzNC45IDIxLjQzMzMgMzQuMzc1IDIwLjUgMzMuMzI1QzE5LjU2NjcgMzIuMjc1IDE5LjEgMzEuMDMzMyAxOS4xIDI5LjZWMTguN0MxOS4xIDE4LjAzMzMgMTkuMyAxNy40NTgzIDE5LjcgMTYuOTc1QzIwLjEgMTYuNDkxNyAyMC42MzMzIDE2LjI1IDIxLjMgMTYuMjVDMjEuOTMzMyAxNi4yNSAyMi40NSAxNi40OTE3IDIyLjg1IDE2Ljk3NUMyMy4yNSAxNy40NTgzIDIzLjQ1IDE4LjAzMzMgMjMuNDUgMTguN1YyOS4xNUgyNC41NVYxOC43QzI0LjU1IDE3Ljc2NjcgMjQuMjMzMyAxNi45NSAyMy42IDE2LjI1QzIyLjk2NjcgMTUuNTUgMjIuMTgzMyAxNS4yIDIxLjI1IDE1LjJDMjAuMzUgMTUuMiAxOS41ODMzIDE1LjU1IDE4Ljk1IDE2LjI1QzE4LjMxNjcgMTYuOTUgMTggMTcuNzY2NyAxOCAxOC43VjI5LjZDMTggMzEuMzMzMyAxOC41ODMzIDMyLjgyNSAxOS43NSAzNC4wNzVDMjAuOTE2NyAzNS4zMjUgMjIuMzMzMyAzNS45NSAyNCAzNS45NVoiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==);
}
.es-field--file .dz-preview .dz-size::before {
  --tw-content: '(';
  content: var(--tw-content);
}
.es-field--file .dz-preview .dz-size::after {
  --tw-content: ')';
  content: var(--tw-content);
}
.es-field--file .dz-preview .dz-success-mark,
.es-field--file .dz-preview .dz-error-mark {
  display: none;
}
.es-field--file .dz-preview .dz-progress {
  background-color: color-mix(in srgb, #969695 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-grey-500, #969695) 50%, transparent);
  }
}
.es-field--file .dz-preview .dz-progress .dz-upload {
  height: calc(var(--spacing, 0.0625rem) * 4);
  border-radius: var(--radius-none, 0);
}
.es-field--file .dz-preview .dz-progress span {
  display: block;
  width: calc(var(--spacing, 0.0625rem) * 4);
  height: calc(var(--spacing, 0.0625rem) * 4);
  border-radius: var(--radius-4, 0.25rem);
  background-color: var(--color-orange-900, #FC6423);
  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, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  @media (width >= 48rem) {
    width: calc(var(--spacing, 0.0625rem) * 8);
    height: calc(var(--spacing, 0.0625rem) * 8);
  }
  @media (width >= 48rem) {
    border-radius: var(--radius-8, 0.5rem);
  }
  .es-block-forms--style-dark-dyn & {
    background-color: var(--ib-form-accent);
  }
}
.es-field--file .dz-preview .dz-remove {
  position: absolute;
  top: calc(var(--spacing, 0.0625rem) * 12);
  right: calc(var(--spacing, 0.0625rem) * 0);
  width: auto;
}
.es-field--file .dz-preview .dz-remove svg path {
  &:is(:where(.group\/forms):is(.es-block-forms--style-dark) *) {
    fill: var(--color-white, #FFFFFF);
  }
  &:is(:where(.group\/forms):is(.es-block-forms--style-dark-dyn) *) {
    fill: var(--color-white, #FFFFFF);
  }
}
.es-field--file .dz-preview .dz-remove svg {
  width: calc(var(--spacing, 0.0625rem) * 32);
  height: calc(var(--spacing, 0.0625rem) * 32);
}
.es-field--file .dz-preview.dz-complete .dz-image::before {
  position: absolute;
  right: calc(var(--spacing, 0.0625rem) * 0);
  left: calc(var(--spacing, 0.0625rem) * -8);
  display: block;
  width: calc(var(--spacing, 0.0625rem) * 24);
  height: calc(var(--spacing, 0.0625rem) * 24);
  --tw-content: '';
  content: var(--tw-content);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjI1IDEyQzIuMjUgNi42MTUyMiA2LjYxNTIyIDIuMjUgMTIgMi4yNUMxNy4zODQ4IDIuMjUgMjEuNzUgNi42MTUyMiAyMS43NSAxMkMyMS43NSAxNy4zODQ4IDE3LjM4NDggMjEuNzUgMTIgMjEuNzVDNi42MTUyMiAyMS43NSAyLjI1IDE3LjM4NDggMi4yNSAxMlpNMTYuNjY3NyA5LjIzMjNDMTYuOTUzNiA5LjUzMiAxNi45NDI0IDEwLjAwNjcgMTYuNjQyNyAxMC4yOTI3TDExLjEzOTYgMTUuNTQyN0MxMC44NDk2IDE1LjgxOTMgMTAuMzkzNCAxNS44MTkxIDEwLjEwMzcgMTUuNTQyMkw3LjM1Njg0IDEyLjkxNzJDNy4wNTczNyAxMi42MzEgNy4wNDY2IDEyLjE1NjMgNy4zMzI3OCAxMS44NTY4QzcuNjE4OTUgMTEuNTU3NCA4LjA5MzcgMTEuNTQ2NiA4LjM5MzE3IDExLjgzMjhMMTAuNjIyMyAxMy45NjNMMTUuNjA3MyA5LjIwNzM0QzE1LjkwNyA4LjkyMTQyIDE2LjM4MTcgOC45MzI1OSAxNi42Njc3IDkuMjMyM1oiIGZpbGw9IiNGQzY0MjMiLz4KPC9zdmc+Cg==);
}
.es-block-forms--style-dark .es-field--file .dz-preview,
.es-block-forms--style-dark-dyn .es-field--file .dz-preview {
  color: var(--color-white, #FFFFFF);
}
.es-form:not([data-phone-disable-picker='1']) .es-field--phone .choices {
  width: auto;
  border-top-right-radius: var(--radius-none, 0);
  border-bottom-right-radius: var(--radius-none, 0);
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.es-form:not([data-phone-disable-picker='1']) .es-field--phone .choices__inner,
.es-form:not([data-phone-disable-picker='1']) .es-field--phone .es-phone__select {
  min-width: calc(var(--spacing, 0.0625rem) * 120);
  border-style: var(--tw-border-style);
  border-width: 1px;
  --tw-border-style: solid;
  border-style: solid;
  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, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 300ms));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  @media (width >= 48rem) {
    min-width: calc(var(--spacing, 0.0625rem) * 160);
  }
  width: auto;
  border-top-right-radius: var(--radius-none, 0);
  border-bottom-right-radius: var(--radius-none, 0);
  border-right-style: var(--tw-border-style);
  border-right-width: 0px;
}
.es-field--country .choices__item::before,
.es-field--phone .choices__item::before {
  display: none;
  @media (width >= 48rem) {
    display: inline-block;
  }
}
.es-field--phone.es-form-is-active select.es-phone__select,
.es-field--phone.es-form-is-active .choices__inner {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
  --tw-ring-color: color-mix(in srgb, #FC6423 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--color-orange-900, #FC6423) 40%, transparent);
  }
  .es-block-forms--style-dark-dyn & {
    --tw-ring-color: var(--ib-form-ring);
  }
}
.es-field--phone .choices__inner {
  min-width: calc(var(--spacing, 0.0625rem) * 120) !important;
}
.es-field--phone select.es-phone__select {
  width: auto;
  padding-inline: calc(var(--spacing, 0.0625rem) * 24);
}
select.es-phone__select:has(+ input.es-phone:focus),
select.es-phone__select:focus-visible,
select.es-phone__select:focus,
select.es-phone__select:focus + input.es-phone,
input.es-phone:focus {
  border-color: var(--color-black, #1B1A19);
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-outline-style: none;
  outline-style: none;
  @media (forced-colors: active) {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.es-block-forms--style-dark .es-field--phone.es-form-is-active .es-phone__select,
.es-block-forms--style-dark .es-field--phone.es-form-is-active .choices__inner {
  border-color: var(--color-white, #FFFFFF) !important;
  color: var(--color-white, #FFFFFF) !important;
}
.es-block-forms--style-dark-dyn .es-field--phone.es-form-is-active .es-phone__select,
.es-block-forms--style-dark-dyn .es-field--phone.es-form-is-active .choices__inner {
  border-color: var(--ib-form-accent) !important;
  color: var(--ib-form-on-base) !important;
}
.es-step:first-child .es-field--submit[data-step-direction='next'],

.es-step:first-child .es-field--submit[data-step-direction='next'] button {
  width: 100%;
}
.ib-dropzone-custom-wrap {
  &:has(:focus) .es-file__button {
    border-color: var(--color-orange-900, #FC6423);
  }
  &:has(:focus) .es-file__button {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
  }
  &:has(:focus) .es-file__button {
    --tw-ring-color: color-mix(in srgb, #FC6423 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-orange-900, #FC6423) 40%, transparent);
    }
  }
  .es-block-forms--style-dark-dyn & {
    &:has(:focus) .es-file__button {
      border-color: var(--ib-form-accent);
    }
  }
  .es-block-forms--style-dark-dyn & {
    &:has(:focus) .es-file__button {
      --tw-ring-color: var(--ib-form-ring);
    }
  }
}
.main-content > .es-block-forms {
  grid-column-start: 3 !important;
}
form[name='price-calculator'] .es-form__fields {
  padding-inline: calc(var(--spacing, 0.0625rem) * 0);
}
form[name='price-calculator'] .es-field__label-inner {
  font-family: var(--font-sans, 'Inter Variable', 'Nanum Gothic', 'Noto Sans Tai Viet', 'Noto Sans Thai Variable', system-ui, sans-serif);
  font-size: var(--text-14, 0.875rem);
  --tw-leading: 1.3;
  line-height: 1.3;
  --tw-tracking: calc(var(--tracking-1, 0.01em) * -1);
  letter-spacing: calc(var(--tracking-1, 0.01em) * -1);
  color: var(--color-grey-600, #6D6C6C);
  text-transform: none;
}
form[name='price-calculator'] .es-field__label {
  margin-bottom: calc(var(--spacing, 0.0625rem) * 12);
  padding-inline: calc(var(--spacing, 0.0625rem) * 0);
}
form[name='price-calculator'] .es-select .choices__inner {
  background-color: var(--color-off-white, #EEF2FC);
}
form[name='price-calculator'] .es-input__range {
  background-color: transparent;
}
form[name='price-calculator'] .es-input__range::-webkit-slider-runnable-track {
  background-color: var(--color-off-white, #EEF2FC);
}
form[name='price-calculator'] .es-input__range::-moz-range-track {
  background-color: var(--color-off-white, #EEF2FC);
}
body {
  --ib-cf-shimmer-color: var(--color-orange-900);
}
form[name='price-calculator'] .es-input__range-custom {
  margin: calc(var(--spacing, 0.0625rem) * 0);
  height: auto;
  border-radius: var(--radius-12, 0.75rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: transparent;
  background-color: var(--color-off-white, #EEF2FC);
  padding: calc(var(--spacing, 0.0625rem) * 12);
}
.es-input__range--ticks {
  --ib-tick-active-color-raw: var(--ib-tick-active-color, var(--color-orange-900));
  --ib-tick-color-raw: var(--ib-tick-color, var(--color-grey-600));
  --ib-tick-width-raw: var(--ib-tick-width, 1px);
  pointer-events: none;
  grid-column-start: 1;
  grid-column-end: span 2;
  grid-row-start: 1;
  grid-row-end: 2;
  margin-inline: calc(var(--spacing, 0.0625rem) * 8);
  height: calc(var(--spacing, 0.0625rem) * 6);
  width: calc(100% - 1rem);
  --tw-translate-y: calc(var(--spacing, 0.0625rem) * 12);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  background-image: linear-gradient(
		to right,

		var(--ib-tick-color-raw) 0%,
		var(--ib-tick-color-raw) calc(0% + var(--ib-tick-width-raw)),
		transparent calc(0% + var(--ib-tick-width-raw)),

		transparent calc(20% - var(--ib-tick-width-raw)),
		var(--ib-tick-color-raw) 20%,
		transparent calc(20% + var(--ib-tick-width-raw)),

		transparent calc(40% - var(--ib-tick-width-raw)),
		var(--ib-tick-color-raw) 40%,
		transparent calc(40% + var(--ib-tick-width-raw)),

		transparent calc(60% - var(--ib-tick-width-raw)),
		var(--ib-tick-color-raw) 60%,
		transparent calc(60% + var(--ib-tick-width-raw)),

		transparent calc(80% - var(--ib-tick-width-raw)),
		var(--ib-tick-color-raw) 80%,
		transparent calc(80% + var(--ib-tick-width-raw)),

		transparent calc(100% - var(--ib-tick-width-raw)),
		var(--ib-tick-color-raw) calc(100% - var(--ib-tick-width-raw)),
		var(--ib-tick-color-raw) 100%,
		transparent 100%
	);
}
body.bg-dark-green-900 {
  --ib-form-on-base: var(--color-white);
  --ib-form-base: var(--color-dark-green-800);
  --ib-form-dark: var(--color-dark-green-900);
  --ib-form-accent: var(--color-bright-green-300);
  --ib-form-on-accent: var(--color-black);
  --ib-tick-active-color: var(--color-bright-green-300);
  --ib-cf-shimmer-color: var(--color-bright-green-300);
  --ib-range-progress-bg: var(--color-bright-green-300);
  --ib-form-ring: color-mix(in srgb, #CBEA99 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --ib-form-ring: color-mix(in oklab, var(--color-bright-green-300) 40%, transparent);
  }
  --ib-form-error: var(--color-orange-900);
}
body.bg-dark-pink-900 {
  --ib-form-on-base: var(--color-white);
  --ib-form-base: var(--color-dark-pink-800);
  --ib-form-dark: var(--color-dark-pink-900);
  --ib-form-accent: var(--color-bright-pink-300);
  --ib-form-on-accent: var(--color-black);
  --ib-tick-active-color: var(--color-bright-pink-300);
  --ib-cf-shimmer-color: var(--color-bright-pink-300);
  --ib-range-progress-bg: var(--color-bright-pink-300);
  --ib-form-ring: color-mix(in srgb, #FFA8EB 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --ib-form-ring: color-mix(in oklab, var(--color-bright-pink-300) 40%, transparent);
  }
  --ib-form-error: var(--color-orange-900);
}
body.bg-dark-blue-950 {
  --ib-form-on-base: var(--color-white);
  --ib-form-base: var(--color-dark-blue-850);
  --ib-form-dark: var(--color-dark-blue-950);
  --ib-form-accent: var(--color-bright-blue-600);
  --ib-form-on-accent: var(--color-black);
  --ib-tick-active-color: var(--color-bright-blue-600);
  --ib-cf-shimmer-color: var(--color-bright-blue-600);
  --ib-range-progress-bg: var(--color-bright-blue-600);
  --ib-form-ring: color-mix(in srgb, #9EB2FF 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --ib-form-ring: color-mix(in oklab, var(--color-bright-blue-600) 40%, transparent);
  }
  --ib-form-error: var(--color-orange-900);
}
body.bg-black {
  --ib-form-on-base: var(--color-white);
  --ib-form-base: var(--color-grey-800);
  --ib-form-dark: var(--color-black);
  --ib-form-accent: var(--color-orange-900);
  --ib-form-on-accent: var(--color-black);
  --ib-tick-active-color: var(--color-orange-900);
  --ib-cf-shimmer-color: var(--color-orange-900);
  --ib-range-progress-bg: var(--color-orange-900);
  --ib-form-ring: color-mix(in srgb, #FC6423 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --ib-form-ring: color-mix(in oklab, var(--color-orange-900) 40%, transparent);
  }
  --ib-form-error: var(--color-orange-900);
}
body.bg-off-white {
  --ib-form-on-base: var(--color-white);
  --ib-form-base: var(--color-grey-800);
  --ib-form-dark: var(--color-black);
  --ib-form-accent: var(--color-orange-900);
  --ib-form-on-accent: var(--color-black);
  --ib-tick-active-color: var(--color-orange-900);
  --ib-cf-shimmer-color: var(--color-orange-900);
  --ib-range-progress-bg: var(--color-orange-900);
  --ib-form-ring: color-mix(in srgb, #FC6423 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --ib-form-ring: color-mix(in oklab, var(--color-orange-900) 40%, transparent);
  }
  --ib-form-error: var(--color-orange-900);
}
.choices[data-type*='select-multiple'] .choices__inner {
  height: auto;
}
:where(.sticky, .xs\:sticky, .sm\:sticky, .md\:sticky, .lg\:sticky):has(.choices__list.choices__list--dropdown[aria-expanded='true']) {
  z-index: 5;
}
.choices__inner .choices__item.choices__item--selectable {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  padding-right: calc(var(--spacing, 0.0625rem) * 40);
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@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-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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: 0px;
}
@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-duration {
  syntax: "*";
  inherits: false;
}
@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-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-font-weight {
  syntax: "*";
  inherits: false;
}
@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity,1);
    transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
    filter: blur(var(--tw-enter-blur,0));
  }
}
@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-content: "";
      --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-leading: initial;
      --tw-tracking: initial;
      --tw-border-style: solid;
      --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-duration: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-font-weight: initial;
    }
  }
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform,visibility,opacity;
}
.tippy-box[data-placement^=top]>.tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top]>.tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom]>.tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left]>.tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left]>.tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right]>.tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right]>.tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(.54,1.5,.38,1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}
.tippy-box[data-animation=shift-away][data-state=hidden] {
  opacity: 0;
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
  transform: translateY(10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
  transform: translateY(-10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
  transform: translateX(10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
  transform: translateX(-10px);
}
.tippy-box[data-theme~='ib-subnav-popover'] {
  max-width: 100% !important;
  background-color: transparent !important;
  color: currentcolor !important;
  > .tippy-content {
    padding: 0;
    margin: 0;
  }
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
.tippy-box[data-theme~=light-border] {
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,8,16,.15);
  color: #333;
  box-shadow: 0 4px 14px -2px rgba(0,8,16,.08);
}
.tippy-box[data-theme~=light-border]>.tippy-backdrop {
  background-color: #fff;
}
.tippy-box[data-theme~=light-border]>.tippy-arrow:after,.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after {
  content: "";
  position: absolute;
  z-index: -1;
}
.tippy-box[data-theme~=light-border]>.tippy-arrow:after {
  border-color: transparent;
  border-style: solid;
}
.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:before {
  border-top-color: #fff;
}
.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:after {
  border-top-color: rgba(0,8,16,.2);
  border-width: 7px 7px 0;
  top: 17px;
  left: 1px;
}
.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow>svg {
  top: 16px;
}
.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow:after {
  top: 17px;
}
.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:before {
  border-bottom-color: #fff;
  bottom: 16px;
}
.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:after {
  border-bottom-color: rgba(0,8,16,.2);
  border-width: 0 7px 7px;
  bottom: 17px;
  left: 1px;
}
.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow>svg {
  bottom: 16px;
}
.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow:after {
  bottom: 17px;
}
.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:before {
  border-left-color: #fff;
}
.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:after {
  border-left-color: rgba(0,8,16,.2);
  border-width: 7px 0 7px 7px;
  left: 17px;
  top: 1px;
}
.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow>svg {
  left: 11px;
}
.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow:after {
  left: 12px;
}
.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:before {
  border-right-color: #fff;
  right: 16px;
}
.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:after {
  border-width: 7px 7px 7px 0;
  right: 17px;
  top: 1px;
  border-right-color: rgba(0,8,16,.2);
}
.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow>svg {
  right: 11px;
}
.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow:after {
  right: 12px;
}
.tippy-box[data-theme~=light-border]>.tippy-svg-arrow {
  fill: #fff;
}
.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiLz48L3N2Zz4=);
  background-size: 16px 6px;
  width: 16px;
  height: 6px;
}
.tippy-box[data-theme='light-border'] {
  max-width: calc(var(--spacing, 0.0625rem) * 192);
  border-radius: var(--radius-8, 0.5rem);
  background-color: var(--color-light-blue-100, #F6F9FE);
  font-size: var(--text-14, 0.875rem);
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tippy-box[data-placement^='top'] > .tippy-arrow {
  &::before {
    content: var(--tw-content);
    border-top-color: var(--color-light-blue-100, #F6F9FE) !important;
  }
}
.tippy-box[data-placement^='bottom'] > .tippy-arrow {
  &::before {
    content: var(--tw-content);
    border-bottom-color: var(--color-light-blue-100, #F6F9FE) !important;
  }
}
@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: 0px;
}
@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-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@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-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-content: "";
    }
  }
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
.uc-privacy-container {
  color: var(--tw-prose-body) !important;
  max-width: 65ch !important;
  :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.25em !important;
    margin-bottom: 1.25em !important;
  }
  :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-lead) !important;
    font-size: 1.25em !important;
    line-height: 1.6 !important;
    margin-top: 1.2em !important;
    margin-bottom: 1.2em !important;
  }
  :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-links) !important;
    text-decoration: underline !important;
    font-weight: 500 !important;
  }
  :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-bold) !important;
    font-weight: 600 !important;
  }
  :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit !important;
  }
  :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit !important;
  }
  :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit !important;
  }
  :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: decimal !important;
    margin-top: 1.25em !important;
    margin-bottom: 1.25em !important;
    padding-inline-start: 1.625em !important;
  }
  :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: upper-alpha !important;
  }
  :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: lower-alpha !important;
  }
  :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: upper-alpha !important;
  }
  :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: lower-alpha !important;
  }
  :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: upper-roman !important;
  }
  :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: lower-roman !important;
  }
  :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: upper-roman !important;
  }
  :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: lower-roman !important;
  }
  :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: decimal !important;
  }
  :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: disc !important;
    margin-top: 1.25em !important;
    margin-bottom: 1.25em !important;
    padding-inline-start: 1.625em !important;
  }
  :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
    font-weight: 400 !important;
    color: var(--tw-prose-counters) !important;
  }
  :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
    color: var(--tw-prose-bullets) !important;
  }
  :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-headings) !important;
    font-weight: 600 !important;
    margin-top: 1.25em !important;
  }
  :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    border-color: var(--tw-prose-hr) !important;
    border-top-width: 1px !important;
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }
  :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-weight: 500 !important;
    font-style: italic !important;
    color: var(--tw-prose-quotes) !important;
    border-inline-start-width: 0.25rem !important;
    border-inline-start-color: var(--tw-prose-quote-borders) !important;
    quotes: "\201C""\201D""\2018""\2019" !important;
    margin-top: 1.6em !important;
    margin-bottom: 1.6em !important;
    padding-inline-start: 1em !important;
  }
  :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
    content: open-quote !important;
  }
  :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
    content: close-quote !important;
  }
  :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-headings) !important;
    font-weight: 800 !important;
    font-size: 2.25em !important;
    margin-top: 0 !important;
    margin-bottom: 0.8888889em !important;
    line-height: 1.1111111 !important;
  }
  :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-weight: 900 !important;
    color: inherit !important;
  }
  :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-headings) !important;
    font-weight: 700 !important;
    font-size: 1.5em !important;
    margin-top: 2em !important;
    margin-bottom: 1em !important;
    line-height: 1.3333333 !important;
  }
  :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-weight: 800 !important;
    color: inherit !important;
  }
  :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-headings) !important;
    font-weight: 600 !important;
    font-size: 1.25em !important;
    margin-top: 1.6em !important;
    margin-bottom: 0.6em !important;
    line-height: 1.6 !important;
  }
  :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-weight: 700 !important;
    color: inherit !important;
  }
  :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-headings) !important;
    font-weight: 600 !important;
    margin-top: 1.5em !important;
    margin-bottom: 0.5em !important;
    line-height: 1.5 !important;
  }
  :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-weight: 700 !important;
    color: inherit !important;
  }
  :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
  }
  :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    display: block !important;
    margin-top: 2em !important;
    margin-bottom: 2em !important;
  }
  :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
  }
  :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-weight: 500 !important;
    font-family: inherit !important;
    color: var(--tw-prose-kbd) !important;
    box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows) !important;
    font-size: 0.875em !important;
    border-radius: 0.3125rem !important;
    padding-top: 0.1875em !important;
    padding-inline-end: 0.375em !important;
    padding-bottom: 0.1875em !important;
    padding-inline-start: 0.375em !important;
  }
  :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-code) !important;
    font-weight: 600 !important;
    font-size: 0.875em !important;
  }
  :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
    content: "`" !important;
  }
  :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
    content: "`" !important;
  }
  :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit !important;
  }
  :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit !important;
  }
  :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit !important;
    font-size: 0.875em !important;
  }
  :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit !important;
    font-size: 0.9em !important;
  }
  :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit !important;
  }
  :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit !important;
  }
  :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit !important;
  }
  :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-pre-code) !important;
    background-color: var(--tw-prose-pre-bg) !important;
    overflow-x: auto !important;
    font-weight: 400 !important;
    font-size: 0.875em !important;
    line-height: 1.7142857 !important;
    margin-top: 1.7142857em !important;
    margin-bottom: 1.7142857em !important;
    border-radius: 0.375rem !important;
    padding-top: 0.8571429em !important;
    padding-inline-end: 1.1428571em !important;
    padding-bottom: 0.8571429em !important;
    padding-inline-start: 1.1428571em !important;
  }
  :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    background-color: transparent !important;
    border-width: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    font-weight: inherit !important;
    color: inherit !important;
    font-size: inherit !important;
    font-family: inherit !important;
    line-height: inherit !important;
  }
  :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
    content: none !important;
  }
  :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
    content: none !important;
  }
  :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    width: 100% !important;
    table-layout: auto !important;
    margin-top: 2em !important;
    margin-bottom: 2em !important;
    font-size: 0.875em !important;
    line-height: 1.7142857 !important;
  }
  :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    border-bottom-width: 1px !important;
    border-bottom-color: var(--tw-prose-th-borders) !important;
  }
  :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-headings) !important;
    font-weight: 600 !important;
    vertical-align: bottom !important;
    padding-inline-end: 0.5714286em !important;
    padding-bottom: 0.5714286em !important;
    padding-inline-start: 0.5714286em !important;
  }
  :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    border-bottom-width: 1px !important;
    border-bottom-color: var(--tw-prose-td-borders) !important;
  }
  :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    border-bottom-width: 0 !important;
  }
  :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    vertical-align: baseline !important;
  }
  :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    border-top-width: 1px !important;
    border-top-color: var(--tw-prose-th-borders) !important;
  }
  :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    vertical-align: top !important;
  }
  :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    text-align: start !important;
  }
  :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-captions) !important;
    font-size: 0.875em !important;
    line-height: 1.4285714 !important;
    margin-top: 0.8571429em !important;
  }
  --tw-prose-body: oklch(37.3% 0.034 259.733) !important;
  --tw-prose-headings: oklch(21% 0.034 264.665) !important;
  --tw-prose-lead: oklch(44.6% 0.03 256.802) !important;
  --tw-prose-links: oklch(21% 0.034 264.665) !important;
  --tw-prose-bold: oklch(21% 0.034 264.665) !important;
  --tw-prose-counters: oklch(55.1% 0.027 264.364) !important;
  --tw-prose-bullets: oklch(87.2% 0.01 258.338) !important;
  --tw-prose-hr: oklch(92.8% 0.006 264.531) !important;
  --tw-prose-quotes: oklch(21% 0.034 264.665) !important;
  --tw-prose-quote-borders: oklch(92.8% 0.006 264.531) !important;
  --tw-prose-captions: oklch(55.1% 0.027 264.364) !important;
  --tw-prose-kbd: oklch(21% 0.034 264.665) !important;
  --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent) !important;
  --tw-prose-code: oklch(21% 0.034 264.665) !important;
  --tw-prose-pre-code: oklch(92.8% 0.006 264.531) !important;
  --tw-prose-pre-bg: oklch(27.8% 0.033 256.848) !important;
  --tw-prose-th-borders: oklch(87.2% 0.01 258.338) !important;
  --tw-prose-td-borders: oklch(92.8% 0.006 264.531) !important;
  --tw-prose-invert-body: oklch(87.2% 0.01 258.338) !important;
  --tw-prose-invert-headings: #fff !important;
  --tw-prose-invert-lead: oklch(70.7% 0.022 261.325) !important;
  --tw-prose-invert-links: #fff !important;
  --tw-prose-invert-bold: #fff !important;
  --tw-prose-invert-counters: oklch(70.7% 0.022 261.325) !important;
  --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802) !important;
  --tw-prose-invert-hr: oklch(37.3% 0.034 259.733) !important;
  --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542) !important;
  --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733) !important;
  --tw-prose-invert-captions: oklch(70.7% 0.022 261.325) !important;
  --tw-prose-invert-kbd: #fff !important;
  --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%) !important;
  --tw-prose-invert-code: #fff !important;
  --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338) !important;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%) !important;
  --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802) !important;
  --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733) !important;
  font-size: 1rem !important;
  line-height: 1.75 !important;
  :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }
  :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0.375em !important;
  }
  :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0.375em !important;
  }
  :where(.prose\! > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.75em !important;
    margin-bottom: 0.75em !important;
  }
  :where(.prose\! > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.25em !important;
  }
  :where(.prose\! > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 1.25em !important;
  }
  :where(.prose\! > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.25em !important;
  }
  :where(.prose\! > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 1.25em !important;
  }
  :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.75em !important;
    margin-bottom: 0.75em !important;
  }
  :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.25em !important;
    margin-bottom: 1.25em !important;
  }
  :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.5em !important;
    padding-inline-start: 1.625em !important;
  }
  :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0 !important;
  }
  :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0 !important;
  }
  :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0 !important;
  }
  :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0 !important;
  }
  :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0 !important;
  }
  :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0 !important;
  }
  :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-top: 0.5714286em !important;
    padding-inline-end: 0.5714286em !important;
    padding-bottom: 0.5714286em !important;
    padding-inline-start: 0.5714286em !important;
  }
  :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0 !important;
  }
  :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0 !important;
  }
  :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
  }
  :where(.prose\! > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0 !important;
  }
  :where(.prose\! > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 0 !important;
  }
  font-family: var(--font-sans, 'Inter Variable', 'Nanum Gothic', 'Noto Sans Tai Viet', 'Noto Sans Thai Variable', system-ui, sans-serif) !important;
  & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    font-family: var(--font-display, 'KMRApparat', 'Inter Variable', 'Nanum Gothic', 'Noto Sans Tai Viet', 'Noto Sans Thai Variable', system-ui, sans-serif) !important;
  }
  & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    --tw-leading: var(--leading-tight, 1.25) !important;
    line-height: var(--leading-tight, 1.25) !important;
  }
  & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    --tw-font-weight: var(--font-weight-semibold, 600) !important;
    font-weight: var(--font-weight-semibold, 600) !important;
  }
  & :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    font-size: var(--text-60, 3.75rem) !important;
  }
  & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    margin-top: calc(var(--spacing, 0.0625rem) * 0) !important;
  }
  & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    margin-bottom: calc(var(--spacing, 0.0625rem) * 32) !important;
  }
  & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    font-size: var(--text-48, 3rem) !important;
  }
  & :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    font-size: var(--text-36, 2.25rem) !important;
  }
  & :is(:where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    font-size: var(--text-32, 2rem) !important;
  }
  & :is(:where(h5):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    font-size: var(--text-28, 1.75rem) !important;
  }
  & :is(:where(h6):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    font-size: var(--text-20, 1.25rem) !important;
  }
  & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    color: var(--color-orange-900, #FC6423) !important;
  }
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@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-leading: initial;
      --tw-font-weight: initial;
    }
  }
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform,visibility,opacity;
}
.tippy-box[data-placement^=top]>.tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top]>.tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom]>.tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left]>.tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left]>.tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right]>.tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right]>.tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(.54,1.5,.38,1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}
.tippy-box[data-animation=shift-away][data-state=hidden] {
  opacity: 0;
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
  transform: translateY(10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
  transform: translateY(-10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
  transform: translateX(10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
  transform: translateX(-10px);
}
.tippy-box[data-theme~='ib-nav-desktop-popover'] {
  max-width: 100% !important;
  background-color: transparent !important;
  color: currentcolor !important;
  [data-tippy-root]:has(&) {
    pointer-events: none;
  }
  > .tippy-content {
    padding: 0;
    margin: 0;
  }
}
.tippy-box[data-theme~='ib-nav-search-popover'] {
  width: 90vw !important;
  max-width: var(--container-lg, 32rem) !important;
  background-color: transparent !important;
  color: currentcolor !important;
  > .tippy-content {
    margin: calc(var(--spacing, 0.0625rem) * 0);
    padding: calc(var(--spacing, 0.0625rem) * 0);
  }
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform,visibility,opacity;
}
.tippy-box[data-placement^=top]>.tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top]>.tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom]>.tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left]>.tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left]>.tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right]>.tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right]>.tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(.54,1.5,.38,1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}
.tippy-box[data-animation=shift-away][data-state=hidden] {
  opacity: 0;
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
  transform: translateY(10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
  transform: translateY(-10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
  transform: translateX(10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
  transform: translateX(-10px);
}
.tippy-box[data-theme~='ib-subnav-popover'] {
  max-width: 100% !important;
  background-color: transparent !important;
  color: currentcolor !important;
  > .tippy-content {
    padding: 0;
    margin: 0;
  }
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform,visibility,opacity;
}
.tippy-box[data-placement^=top]>.tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top]>.tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom]>.tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left]>.tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left]>.tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right]>.tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right]>.tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(.54,1.5,.38,1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}
.tippy-box[data-animation=shift-away][data-state=hidden] {
  opacity: 0;
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
  transform: translateY(10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
  transform: translateY(-10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
  transform: translateX(10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
  transform: translateX(-10px);
}
.tippy-box[data-theme~='ib-top-bar-lang-popover'] {
  max-width: 100% !important;
  background-color: transparent !important;
  color: currentcolor !important;
  > .tippy-content {
    padding: 0;
    margin: 0;
  }
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@charset "UTF-8";
@keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size,25px) 0;
  }
}
@keyframes plyr-popup {
  0% {
    opacity: .5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plyr-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  font-family: var(--plyr-font-family,inherit);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular,400);
  line-height: 1.7;
  line-height: var(--plyr-line-height,1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow .3s ease;
  z-index: 0;
}
.plyr audio,.plyr iframe,.plyr video {
  display: block;
  height: 100%;
  width: 100%;
}
.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}
.plyr:focus {
  outline: 0;
}
.plyr--full-ui {
  box-sizing: border-box;
}
.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before {
  box-sizing: inherit;
}
.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label {
  touch-action: manipulation;
}
.plyr__badge {
  background: #4a5464;
  background: var(--plyr-badge-background,#4a5464);
  border-radius: 2px;
  border-radius: var(--plyr-badge-border-radius,2px);
  color: #fff;
  color: var(--plyr-badge-text-color,#fff);
  font-size: 9px;
  font-size: var(--plyr-font-size-badge,9px);
  line-height: 1;
  padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}
.plyr__captions {
  animation: plyr-fade-in .3s ease;
  bottom: 0;
  display: none;
  font-size: 13px;
  font-size: var(--plyr-font-size-small,13px);
  left: 0;
  padding: 10px;
  padding: var(--plyr-control-spacing,10px);
  position: absolute;
  text-align: center;
  transition: transform .4s ease-in-out;
  width: 100%;
}
.plyr__captions span:empty {
  display: none;
}
@media (min-width:480px) {
  .plyr__captions {
    font-size: 15px;
    font-size: var(--plyr-font-size-base,15px);
    padding: 20px;
    padding: calc(var(--plyr-control-spacing, 10px)*2);
  }
}
@media (min-width:768px) {
  .plyr__captions {
    font-size: 18px;
    font-size: var(--plyr-font-size-large,18px);
  }
}
.plyr--captions-active .plyr__captions {
  display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
  transform: translateY(-40px);
  transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4));
}
.plyr__caption {
  background: #000c;
  background: var(--plyr-captions-background,#000c);
  border-radius: 4px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  color: var(--plyr-captions-text-color,#fff);
  line-height: 185%;
  padding: .2em .5em;
  white-space: pre-wrap;
}
.plyr__caption div {
  display: inline;
}
.plyr__control {
  background: #0000;
  border: 0;
  border-radius: 4px;
  border-radius: var(--plyr-control-radius,4px);
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px)*.7);
  position: relative;
  transition: all .1s ease-in-out;
}
.plyr__control svg {
  display: block;
  fill: currentColor;
  height: 18px;
  height: var(--plyr-control-icon-size,18px);
  pointer-events: none;
  width: 18px;
  width: var(--plyr-control-icon-size,18px);
}
.plyr__control:focus {
  outline: 0;
}
.plyr__control:focus-visible {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  outline-offset: 2px;
}
a.plyr__control {
  text-decoration: none;
}
.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before {
  display: none;
}
.plyr--full-ui ::-webkit-media-controls {
  display: none;
}
.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}
.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}
.plyr__controls .plyr__controls__item {
  margin-left: 2.5px;
  margin-left: calc(var(--plyr-control-spacing, 10px)/4);
}
.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px)/4);
}
.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
  padding: 0 calc(var(--plyr-control-spacing, 10px)/2);
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}
.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty {
  display: none;
}
.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip] {
  display: inline-block;
}
.plyr__menu {
  display: flex;
  position: relative;
}
.plyr__menu .plyr__control svg {
  transition: transform .3s ease;
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}
.plyr__menu__container {
  animation: plyr-popup .2s ease;
  background: #ffffffe6;
  background: var(--plyr-menu-background,#ffffffe6);
  border-radius: 8px;
  border-radius: var(--plyr-menu-radius,8px);
  bottom: 100%;
  box-shadow: 0 1px 2px #00000026;
  box-shadow: var(--plyr-menu-shadow,0 1px 2px #00000026);
  color: #4a5464;
  color: var(--plyr-menu-color,#4a5464);
  font-size: 15px;
  font-size: var(--plyr-font-size-base,15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}
.plyr__menu__container>div {
  overflow: hidden;
  transition: height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);
}
.plyr__menu__container:after {
  border: 4px solid #0000;
  border-top-color: #ffffffe6;
  border: var(--plyr-menu-arrow-size,4px) solid #0000;
  border-top-color: var(--plyr-menu-background,#ffffffe6);
  content: "";
  height: 0;
  position: absolute;
  right: 14px;
  right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
  top: 100%;
  width: 0;
}
.plyr__menu__container [role=menu] {
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px)*.7);
}
.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}
.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}
.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4a5464;
  color: var(--plyr-menu-color,#4a5464);
  display: flex;
  font-size: 13px;
  font-size: var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));
  padding: 4.66667px 10.5px;
  padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.plyr__menu__container .plyr__control>span {
  align-items: inherit;
  display: flex;
  width: 100%;
}
.plyr__menu__container .plyr__control:after {
  border: 4px solid #0000;
  border: var(--plyr-menu-item-arrow-size,4px) solid #0000;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
  padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4);
}
.plyr__menu__container .plyr__control--forward:after {
  border-left-color: #728197;
  border-left-color: var(--plyr-menu-arrow-color,#728197);
  right: 6.5px;
  right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color: initial;
}
.plyr__menu__container .plyr__control--back {
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular,400);
  margin: 7px;
  margin: calc(var(--plyr-control-spacing, 10px)*.7);
  margin-bottom: 3.5px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
  padding-left: 28px;
  padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
  position: relative;
  width: calc(100% - 14px);
  width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2);
}
.plyr__menu__container .plyr__control--back:after {
  border-right-color: #728197;
  border-right-color: var(--plyr-menu-arrow-color,#728197);
  left: 6.5px;
  left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--back:before {
  background: #dcdfe5;
  background: var(--plyr-menu-back-border-color,#dcdfe5);
  box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: 3.5px;
  margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}
.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after {
  border-right-color: initial;
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: 7px;
  padding-left: calc(var(--plyr-control-spacing, 10px)*.7);
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  border-radius: 100%;
}
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  background: #0000001a;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing,10px);
  transition: all .3s ease;
  width: 16px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform .3s ease,opacity .3s ease;
  width: 6px;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
  background: #00b2ff;
  background: var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
  background: #23282f1a;
}
.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: -5px;
  margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);
  overflow: hidden;
  padding-left: 24.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
  pointer-events: none;
}
.plyr--full-ui input[type=range] {
  appearance: none;
  background: #0000;
  border: 0;
  border-radius: 26px;
  border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
  color: #00b2ff;
  color: var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  display: block;
  height: 19px;
  height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  min-width: 0;
  padding: 0;
  transition: box-shadow .3s ease;
  width: 100%;
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: #0000;
  background-image: linear-gradient(90deg,currentColor 0,#0000 0);
  background-image: linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height,5px);
  -webkit-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  -webkit-user-select: none;
  user-select: none;
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  appearance: none;
  background: #fff;
  background: var(--plyr-range-thumb-background,#fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);
  height: 13px;
  height: var(--plyr-range-thumb-height,13px);
  margin-top: -4px;
  margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);
  position: relative;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height,13px);
}
.plyr--full-ui input[type=range]::-moz-range-track {
  background: #0000;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height,5px);
  -moz-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  user-select: none;
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background,#fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);
  height: 13px;
  height: var(--plyr-range-thumb-height,13px);
  position: relative;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height,13px);
}
.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height,5px);
}
.plyr--full-ui input[type=range]::-ms-track {
  color: #0000;
}
.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track {
  background: #0000;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height,5px);
  -ms-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  user-select: none;
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: #0000;
  background: currentColor;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height,5px);
  -ms-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  user-select: none;
}
.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background,#fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);
  height: 13px;
  height: var(--plyr-range-thumb-height,13px);
  margin-top: 0;
  position: relative;
  -ms-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height,13px);
}
.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}
.plyr--full-ui input[type=range]:focus {
  outline: 0;
}
.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  outline-offset: 2px;
}
.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  outline-offset: 2px;
}
.plyr--full-ui input[type=range]:focus-visible::-ms-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  outline-offset: 2px;
}
.plyr__poster {
  background-color: #000;
  background-color: var(--plyr-video-background,var(--plyr-video-background,#000));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .2s ease;
  width: 100%;
  z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}
.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
  display: none;
}
.plyr__time {
  font-size: 13px;
  font-size: var(--plyr-font-size-time,var(--plyr-font-size-small,13px));
}
.plyr__time+.plyr__time:before {
  content: "⁄";
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing,10px);
}
@media (max-width:767px) {
  .plyr__time+.plyr__time {
    display: none;
  }
}
.plyr__tooltip {
  background: #fff;
  background: var(--plyr-tooltip-background,#fff);
  border-radius: 5px;
  border-radius: var(--plyr-tooltip-radius,5px);
  bottom: 100%;
  box-shadow: 0 1px 2px #00000026;
  box-shadow: var(--plyr-tooltip-shadow,0 1px 2px #00000026);
  color: #4a5464;
  color: var(--plyr-tooltip-color,#4a5464);
  font-size: 13px;
  font-size: var(--plyr-font-size-small,13px);
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular,400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
  opacity: 0;
  padding: 5px 7.5px;
  padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%,10px) scale(.8);
  transform-origin: 50% 100%;
  transition: transform .2s ease .1s,opacity .2s ease .1s;
  white-space: nowrap;
  z-index: 2;
}
.plyr__tooltip:before {
  border-left: 4px solid #0000;
  border-left: var(--plyr-tooltip-arrow-size,4px) solid #0000;
  border-right: 4px solid #0000;
  border-right: var(--plyr-tooltip-arrow-size,4px) solid #0000;
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
  left: 0;
  transform: translateY(10px) scale(.8);
  transform-origin: 0 100%;
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
  left: 16px;
  left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translateY(10px) scale(.8);
  transform-origin: 100% 100%;
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
  left: auto;
  right: 16px;
  right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
  transform: translateX(50%);
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0) scale(1);
}
.plyr__progress {
  left: 6.5px;
  left: calc(var(--plyr-range-thumb-height, 13px)*.5);
  margin-right: 13px;
  margin-right: var(--plyr-range-thumb-height,13px);
  position: relative;
}
.plyr__progress input[type=range],.plyr__progress__buffer {
  margin-left: -6.5px;
  margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
  margin-right: -6.5px;
  margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
  width: calc(100% + 13px);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}
.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}
.plyr__progress .plyr__tooltip {
  left: 0;
  max-width: 120px;
  overflow-wrap: break-word;
}
.plyr__progress__buffer {
  -webkit-appearance: none;
  background: #0000;
  border: 0;
  border-radius: 100px;
  height: 5px;
  height: var(--plyr-range-track-height,5px);
  left: 0;
  margin-top: -2.5px;
  margin-top: calc(var(--plyr-range-track-height, 5px)/2*-1);
  padding: 0;
  position: absolute;
  top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
  background: #0000;
}
.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height,5px);
  -webkit-transition: width .2s ease;
  transition: width .2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height,5px);
  -moz-transition: width .2s ease;
  transition: width .2s ease;
}
.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width .2s ease;
  transition: width .2s ease;
}
.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);
  background-image: linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  background-size: var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);
  color: #0000;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: #ffffff40;
  background-color: var(--plyr-video-progress-buffered-background,#ffffff40);
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: #c1c8d199;
  background-color: var(--plyr-audio-progress-buffered-background,#c1c8d199);
}
.plyr__progress__marker {
  background-color: #fff;
  background-color: var(--plyr-progress-marker-background,#fff);
  border-radius: 1px;
  height: 5px;
  height: var(--plyr-range-track-height,5px);
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 3px;
  width: var(--plyr-progress-marker-width,3px);
  z-index: 3;
}
.plyr__volume {
  align-items: center;
  display: flex;
  position: relative;
}
.plyr__volume input[type=range] {
  margin-left: 5px;
  margin-left: calc(var(--plyr-control-spacing, 10px)/2);
  margin-right: 5px;
  margin-right: calc(var(--plyr-control-spacing, 10px)/2);
  max-width: 90px;
  min-width: 60px;
  position: relative;
  z-index: 2;
}
.plyr--audio {
  display: block;
}
.plyr--audio .plyr__controls {
  background: #fff;
  background: var(--plyr-audio-controls-background,#fff);
  border-radius: inherit;
  color: #4a5464;
  color: var(--plyr-audio-control-color,#4a5464);
  padding: 10px;
  padding: var(--plyr-control-spacing,10px);
}
.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  color: #fff;
  color: var(--plyr-audio-control-color-hover,#fff);
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: #c1c8d199;
  background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199));
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: #c1c8d199;
  background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199));
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: #c1c8d199;
  background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a);
}
.plyr--audio .plyr__progress__buffer {
  color: #c1c8d199;
  color: var(--plyr-audio-progress-buffered-background,#c1c8d199);
}
.plyr--video {
  overflow: hidden;
}
.plyr--video.plyr--menu-open {
  overflow: visible;
}
.plyr__video-wrapper {
  background: #000;
  background: var(--plyr-video-background,var(--plyr-video-background,#000));
  border-radius: inherit;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.plyr__video-embed,.plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 16/9;
}
@supports not (aspect-ratio:16/9) {
  .plyr__video-embed,.plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
}
.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}
.plyr--video .plyr__controls {
  background: linear-gradient(#0000,#000000bf);
  background: var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  color: var(--plyr-video-control-color,#fff);
  left: 0;
  padding: 5px;
  padding: calc(var(--plyr-control-spacing, 10px)/2);
  padding-top: 20px;
  padding-top: calc(var(--plyr-control-spacing, 10px)*2);
  position: absolute;
  right: 0;
  transition: opacity .4s ease-in-out,transform .4s ease-in-out;
  z-index: 3;
}
@media (min-width:480px) {
  .plyr--video .plyr__controls {
    padding: 10px;
    padding: var(--plyr-control-spacing,10px);
    padding-top: 35px;
    padding-top: calc(var(--plyr-control-spacing, 10px)*3.5);
  }
}
.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}
.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  color: #fff;
  color: var(--plyr-video-control-color-hover,#fff);
}
.plyr__control--overlaid {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  border: 0;
  border-radius: 100%;
  color: #fff;
  color: var(--plyr-video-control-color,#fff);
  display: none;
  left: 50%;
  opacity: .9;
  padding: 15px;
  padding: calc(var(--plyr-control-spacing, 10px)*1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  transition: .3s;
  z-index: 2;
}
.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}
.plyr__control--overlaid:focus,.plyr__control--overlaid:hover {
  opacity: 1;
}
.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: #ffffff40;
  background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40));
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: #ffffff40;
  background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40));
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: #ffffff40;
  background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40));
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80);
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80);
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80);
}
.plyr--video .plyr__progress__buffer {
  color: #ffffff40;
  color: var(--plyr-video-progress-buffered-background,#ffffff40);
}
.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:fullscreen video {
  height: 100%;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
  display: none;
}
.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width:1024px) {
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge,21px);
  }
}
.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  inset: 0;
  margin: 0;
  position: fixed;
  width: 100%;
  z-index: 10000000;
}
.plyr--fullscreen-fallback video {
  height: 100%;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
  display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}
@media (min-width:1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge,21px);
  }
}
.plyr__ads {
  border-radius: inherit;
  cursor: pointer;
  inset: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.plyr__ads>div,.plyr__ads>div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}
.plyr__ads:after {
  background: #23282f;
  border-radius: 2px;
  bottom: 10px;
  bottom: var(--plyr-control-spacing,10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  right: var(--plyr-control-spacing,10px);
  z-index: 3;
}
.plyr__ads:empty:after {
  display: none;
}
.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  height: var(--plyr-range-track-height,5px);
  left: 0;
  opacity: .8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  z-index: 3;
}
.plyr__preview-thumb {
  background-color: #fff;
  background-color: var(--plyr-tooltip-background,#fff);
  border-radius: 8px;
  border-radius: var(--plyr-menu-radius,8px);
  bottom: 100%;
  box-shadow: 0 1px 2px #00000026;
  box-shadow: var(--plyr-tooltip-shadow,0 1px 2px #00000026);
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  transform: translateY(10px) scale(.8);
  transform-origin: 50% 100%;
  transition: transform .2s ease .1s,opacity .2s ease .1s;
  z-index: 2;
}
.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0) scale(1);
}
.plyr__preview-thumb:before {
  border-left: 4px solid #0000;
  border-left: var(--plyr-tooltip-arrow-size,4px) solid #0000;
  border-right: 4px solid #0000;
  border-right: var(--plyr-tooltip-arrow-size,4px) solid #0000;
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
  content: "";
  height: 0;
  left: calc(50% + var(--preview-arrow-offset));
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr__preview-thumb__image-container {
  background: #c1c8d1;
  border-radius: 7px;
  border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr__preview-thumb__image-container:after {
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px #00000026;
  content: "";
  pointer-events: none;
}
.plyr__preview-thumb__image-container img {
  max-height: none;
  max-width: none;
}
.plyr__preview-thumb__time-container {
  background: linear-gradient(#0000,#000000bf);
  background: var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));
  border-bottom-left-radius: 7px;
  border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  border-bottom-right-radius: 7px;
  border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  bottom: 0;
  left: 0;
  line-height: 1.1;
  padding: 20px 6px 6px;
  position: absolute;
  right: 0;
  z-index: 3;
}
.plyr__preview-thumb__time-container span {
  color: #fff;
  font-size: 13px;
  font-size: var(--plyr-font-size-time,var(--plyr-font-size-small,13px));
}
.plyr__preview-scrubbing {
  filter: blur(1px);
  height: 100%;
  inset: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  transition: opacity .3s ease;
  width: 100%;
  z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}
.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr--no-transition {
  transition: none !important;
}
.plyr__sr-only {
  clip: rect(1px,1px,1px,1px);
  border: 0 !important;
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
.plyr [hidden] {
  display: none !important;
}