/*! tailwindcss v4.0.11 | MIT License | https://tailwindcss.com */
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-orange-100: oklch(95.4% 0.038 75.164);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-yellow-300: oklch(90.5% 0.182 98.111);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-200: oklch(92.5% 0.084 155.995);
    --color-green-300: oklch(87.1% 0.15 154.449);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-violet-500: oklch(60.6% 0.25 292.717);
    --color-violet-600: oklch(54.1% 0.281 293.009);
    --color-purple-600: oklch(55.8% 0.288 302.321);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --breakpoint-2xl: 96rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-7xl: 80rem;
    --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-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --radius-sm: 15px;
    --radius-md: 30px;
    --radius-lg: 50px;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --font-body: "Nunito", sans-serif;
    --font-label: "Inter", sans-serif;
    --color-c4d: "";
    --color-primary-tonal: "";
    --color-primary: "";
    --color-primary-dark: "";
    --color-secondary-tonal: "";
    --color-secondary: "";
    --color-secondary-dark: "";
    --color-tertiary-tonal: "";
    --color-tertiary: "";
    --color-tertiary-dark: "";
    --color-error-tonal: "";
    --color-error: "";
    --color-error-dark: "";
    --color-dim: "";
    --color-sand-rgb: "";
    --color-sand: "";
    --color-glass: "";
    --color-glass-dark: "";
    --color-white-d: "";
    --color-gray-lightest: "";
    --color-gray-light: "";
    --color-gray-tonal: "";
    --color-gray: "";
    --color-gray-dark: "";
    --color-gray-darkest: "";
    --color-hero: "";
    --color-chip: "";
    --color-formitem: "";
    --color-formitem-active: "";
    --color-outline-light: "";
    --color-outline-medium: "";
    --color-indicator: "";
    --color-indicator-active: "";
    --color-c4d-tonal: "";
    --color-c4d-dark: "";
    --color-blender: "";
    --color-blender-tonal: "";
    --color-blender-dark: "";
    --color-houdini: "";
    --color-houdini-tonal: "";
    --color-houdini-dark: "";
  }
}
@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: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings: initial;
    font-variation-settings: initial;
    -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: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    font-feature-settings: initial;
    font-variation-settings: initial;
    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: 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\/render-details {
    container-type: inline-size;
    container-name: render-details;
  }
  .\@container\/upload {
    container-type: inline-size;
    container-name: upload;
  }
  .\@container {
    container-type: inline-size;
  }
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-auto\! {
    pointer-events: auto !important;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .pointer-events-none\! {
    pointer-events: none !important;
  }
  .\!visible {
    visibility: visible !important;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .hitbox-enlarge {
    position: relative;
    &:before {
      content: "";
      position: absolute;
      display: block;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      min-height: 22px;
      min-width: 22px;
      z-index: 9999;
    }
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .static\! {
    position: static !important;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-3 {
    inset: calc(var(--spacing) * 3);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-x-1 {
    inset-inline: calc(var(--spacing) * 1);
  }
  .inset-x-4 {
    inset-inline: calc(var(--spacing) * 4);
  }
  .inset-x-5 {
    inset-inline: calc(var(--spacing) * 5);
  }
  .inset-x-6 {
    inset-inline: calc(var(--spacing) * 6);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .-start-px {
    inset-inline-start: -1px;
  }
  .start-0 {
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .end-5 {
    inset-inline-end: calc(var(--spacing) * 5);
  }
  .-top-0\.5 {
    top: calc(var(--spacing) * -0.5);
  }
  .-top-1 {
    top: calc(var(--spacing) * -1);
  }
  .-top-1\.5 {
    top: calc(var(--spacing) * -1.5);
  }
  .-top-80 {
    top: calc(var(--spacing) * -80);
  }
  .-top-px {
    top: -1px;
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-0\.5 {
    top: calc(var(--spacing) * 0.5);
  }
  .top-1 {
    top: calc(var(--spacing) * 1);
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-5 {
    top: calc(var(--spacing) * 5);
  }
  .top-6 {
    top: calc(var(--spacing) * 6);
  }
  .top-7 {
    top: calc(var(--spacing) * 7);
  }
  .top-8 {
    top: calc(var(--spacing) * 8);
  }
  .top-10 {
    top: calc(var(--spacing) * 10);
  }
  .top-11 {
    top: calc(var(--spacing) * 11);
  }
  .top-15 {
    top: calc(var(--spacing) * 15);
  }
  .top-16 {
    top: calc(var(--spacing) * 16);
  }
  .top-18 {
    top: calc(var(--spacing) * 18);
  }
  .top-20 {
    top: calc(var(--spacing) * 20);
  }
  .top-22 {
    top: calc(var(--spacing) * 22);
  }
  .top-24 {
    top: calc(var(--spacing) * 24);
  }
  .top-40 {
    top: calc(var(--spacing) * 40);
  }
  .top-\[15\%\] {
    top: 15%;
  }
  .top-\[15px\] {
    top: 15px;
  }
  .top-\[20px\] {
    top: 20px;
  }
  .top-\[30px\] {
    top: 30px;
  }
  .top-\[41px\] {
    top: 41px;
  }
  .top-\[90px\] {
    top: 90px;
  }
  .top-\[100px\] {
    top: 100px;
  }
  .top-\[110px\] {
    top: 110px;
  }
  .top-auto {
    top: auto;
  }
  .top-full {
    top: 100%;
  }
  .-right-0\.5 {
    right: calc(var(--spacing) * -0.5);
  }
  .-right-1 {
    right: calc(var(--spacing) * -1);
  }
  .-right-1\.5 {
    right: calc(var(--spacing) * -1.5);
  }
  .-right-64 {
    right: calc(var(--spacing) * -64);
  }
  .-right-\[9px\] {
    right: calc(9px * -1);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-1 {
    right: calc(var(--spacing) * 1);
  }
  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-3\.5 {
    right: calc(var(--spacing) * 3.5);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .right-6 {
    right: calc(var(--spacing) * 6);
  }
  .right-7 {
    right: calc(var(--spacing) * 7);
  }
  .right-7\.5 {
    right: calc(var(--spacing) * 7.5);
  }
  .right-8 {
    right: calc(var(--spacing) * 8);
  }
  .right-12 {
    right: calc(var(--spacing) * 12);
  }
  .right-\[20px\] {
    right: 20px;
  }
  .right-\[30px\] {
    right: 30px;
  }
  .right-\[calc\(\(100\%-90ch\)\/2-21\.5rem\)\] {
    right: calc((100% - 90ch) / 2 - 21.5rem);
  }
  .right-full {
    right: 100%;
  }
  .-bottom-1 {
    bottom: calc(var(--spacing) * -1);
  }
  .-bottom-1\.5 {
    bottom: calc(var(--spacing) * -1.5);
  }
  .-bottom-12 {
    bottom: calc(var(--spacing) * -12);
  }
  .-bottom-96 {
    bottom: calc(var(--spacing) * -96);
  }
  .-bottom-px {
    bottom: -1px;
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }
  .bottom-2\.5 {
    bottom: calc(var(--spacing) * 2.5);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }
  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }
  .bottom-7 {
    bottom: calc(var(--spacing) * 7);
  }
  .bottom-8 {
    bottom: calc(var(--spacing) * 8);
  }
  .bottom-12 {
    bottom: calc(var(--spacing) * 12);
  }
  .bottom-24 {
    bottom: calc(var(--spacing) * 24);
  }
  .bottom-\[15px\] {
    bottom: 15px;
  }
  .bottom-\[calc\(22\*0\.25rem\)\] {
    bottom: calc(22 * 0.25rem);
  }
  .bottom-full {
    bottom: 100%;
  }
  .-left-1 {
    left: calc(var(--spacing) * -1);
  }
  .-left-1\.5 {
    left: calc(var(--spacing) * -1.5);
  }
  .-left-72 {
    left: calc(var(--spacing) * -72);
  }
  .-left-px {
    left: -1px;
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-0\.5 {
    left: calc(var(--spacing) * 0.5);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .left-3\.5 {
    left: calc(var(--spacing) * 3.5);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .left-5 {
    left: calc(var(--spacing) * 5);
  }
  .left-6 {
    left: calc(var(--spacing) * 6);
  }
  .left-7 {
    left: calc(var(--spacing) * 7);
  }
  .left-7\.5 {
    left: calc(var(--spacing) * 7.5);
  }
  .left-8 {
    left: calc(var(--spacing) * 8);
  }
  .left-28 {
    left: calc(var(--spacing) * 28);
  }
  .left-\[390px\] {
    left: 390px;
  }
  .left-full {
    left: 100%;
  }
  .isolate {
    isolation: isolate;
  }
  .-z-10 {
    z-index: calc(10 * -1);
  }
  .z-0 {
    z-index: 0;
  }
  .z-1 {
    z-index: 1;
  }
  .z-5 {
    z-index: 5;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-70 {
    z-index: 70;
  }
  .z-100 {
    z-index: 100;
  }
  .z-110 {
    z-index: 110;
  }
  .z-200 {
    z-index: 200;
  }
  .z-1000 {
    z-index: 1000;
  }
  .z-9999 {
    z-index: 9999;
  }
  .z-\[44\] {
    z-index: 44;
  }
  .z-\[45\] {
    z-index: 45;
  }
  .z-\[48\] {
    z-index: 48;
  }
  .z-\[56\] {
    z-index: 56;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .z-\[61\] {
    z-index: 61;
  }
  .z-\[62\] {
    z-index: 62;
  }
  .z-\[63\] {
    z-index: 63;
  }
  .z-\[65\] {
    z-index: 65;
  }
  .z-\[66\] {
    z-index: 66;
  }
  .z-\[67\] {
    z-index: 67;
  }
  .z-\[70\] {
    z-index: 70;
  }
  .z-\[75\] {
    z-index: 75;
  }
  .z-\[80\] {
    z-index: 80;
  }
  .z-\[100\] {
    z-index: 100;
  }
  .z-\[900\] {
    z-index: 900;
  }
  .z-\[1000\] {
    z-index: 1000;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-first {
    order: -9999;
  }
  .order-last {
    order: 9999;
  }
  .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-6 {
    grid-column: span 6 / span 6;
  }
  .col-span-8 {
    grid-column: span 8 / span 8;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .row-span-2 {
    grid-row: span 2 / span 2;
  }
  .row-span-3 {
    grid-row: span 3 / span 3;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    @media (width >= 109.375rem) {
      max-width: 109.375rem;
    }
  }
  .-m-1\.5 {
    margin: calc(var(--spacing) * -1.5);
  }
  .-m-2 {
    margin: calc(var(--spacing) * -2);
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-0\! {
    margin: calc(var(--spacing) * 0) !important;
  }
  .m-3 {
    margin: calc(var(--spacing) * 3);
  }
  .m-4 {
    margin: calc(var(--spacing) * 4);
  }
  .m-auto {
    margin: auto;
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .-mx-2\.5 {
    margin-inline: calc(var(--spacing) * -2.5);
  }
  .mx-0\! {
    margin-inline: calc(var(--spacing) * 0) !important;
  }
  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * 0.5);
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }
  .mx-6 {
    margin-inline: calc(var(--spacing) * 6);
  }
  .mx-8 {
    margin-inline: calc(var(--spacing) * 8);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mx-px {
    margin-inline: 1px;
  }
  .-my-1 {
    margin-block: calc(var(--spacing) * -1);
  }
  .my-0\! {
    margin-block: calc(var(--spacing) * 0) !important;
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .my-auto {
    margin-block: auto;
  }
  .-ms-1\.5 {
    margin-inline-start: calc(var(--spacing) * -1.5);
  }
  .ms-0\.5 {
    margin-inline-start: calc(var(--spacing) * 0.5);
  }
  .ms-1 {
    margin-inline-start: calc(var(--spacing) * 1);
  }
  .ms-1\.5 {
    margin-inline-start: calc(var(--spacing) * 1.5);
  }
  .ms-2 {
    margin-inline-start: calc(var(--spacing) * 2);
  }
  .ms-3 {
    margin-inline-start: calc(var(--spacing) * 3);
  }
  .ms-4 {
    margin-inline-start: calc(var(--spacing) * 4);
  }
  .ms-5 {
    margin-inline-start: calc(var(--spacing) * 5);
  }
  .ms-14 {
    margin-inline-start: calc(var(--spacing) * 14);
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .me-1 {
    margin-inline-end: calc(var(--spacing) * 1);
  }
  .me-1\.5 {
    margin-inline-end: calc(var(--spacing) * 1.5);
  }
  .me-2 {
    margin-inline-end: calc(var(--spacing) * 2);
  }
  .me-auto {
    margin-inline-end: auto;
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }
  .-mt-2\.5 {
    margin-top: calc(var(--spacing) * -2.5);
  }
  .-mt-3 {
    margin-top: calc(var(--spacing) * -3);
  }
  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }
  .-mt-6 {
    margin-top: calc(var(--spacing) * -6);
  }
  .-mt-\[30px\] {
    margin-top: calc(30px * -1);
  }
  .-mt-\[90px\] {
    margin-top: calc(90px * -1);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-0\.75 {
    margin-top: calc(var(--spacing) * 0.75);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-auto {
    margin-top: auto;
  }
  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }
  .mr-0\.5 {
    margin-right: calc(var(--spacing) * 0.5);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-6 {
    margin-right: calc(var(--spacing) * 6);
  }
  .mr-auto {
    margin-right: auto;
  }
  .-mb-1 {
    margin-bottom: calc(var(--spacing) * -1);
  }
  .-mb-2\.5 {
    margin-bottom: calc(var(--spacing) * -2.5);
  }
  .mb-0\! {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }
  .ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-auto {
    margin-left: auto;
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .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-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .line-clamp-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
  .block {
    display: block;
  }
  .block\! {
    display: block !important;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .flow-root {
    display: flow-root;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .hidden\! {
    display: none !important;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .table-caption {
    display: table-caption;
  }
  .aspect-\[1\.586\] {
    aspect-ratio: 1.586;
  }
  .aspect-\[4\/3\] {
    aspect-ratio: 4/3;
  }
  .aspect-\[1120\/690\] {
    aspect-ratio: 1120/690;
  }
  .aspect-auto\! {
    aspect-ratio: auto !important;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-4\.5 {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-5\.5 {
    width: calc(var(--spacing) * 5.5);
    height: calc(var(--spacing) * 5.5);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-6\! {
    width: calc(var(--spacing) * 6) !important;
    height: calc(var(--spacing) * 6) !important;
  }
  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .size-7\.5 {
    width: calc(var(--spacing) * 7.5);
    height: calc(var(--spacing) * 7.5);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-12\! {
    width: calc(var(--spacing) * 12) !important;
    height: calc(var(--spacing) * 12) !important;
  }
  .size-12\.5 {
    width: calc(var(--spacing) * 12.5);
    height: calc(var(--spacing) * 12.5);
  }
  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }
  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }
  .size-18 {
    width: calc(var(--spacing) * 18);
    height: calc(var(--spacing) * 18);
  }
  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }
  .size-26 {
    width: calc(var(--spacing) * 26);
    height: calc(var(--spacing) * 26);
  }
  .size-160 {
    width: calc(var(--spacing) * 160);
    height: calc(var(--spacing) * 160);
  }
  .size-\[8px\] {
    width: 8px;
    height: 8px;
  }
  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }
  .size-\[26px\] {
    width: 26px;
    height: 26px;
  }
  .size-\[39px\] {
    width: 39px;
    height: 39px;
  }
  .size-\[50px\] {
    width: 50px;
    height: 50px;
  }
  .size-\[56px\] {
    width: 56px;
    height: 56px;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .size-px {
    width: 1px;
    height: 1px;
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-1\/2 {
    height: calc(1/2 * 100%);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\! {
    height: calc(var(--spacing) * 3) !important;
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-4\.5 {
    height: calc(var(--spacing) * 4.5);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-7\! {
    height: calc(var(--spacing) * 7) !important;
  }
  .h-7\.5 {
    height: calc(var(--spacing) * 7.5);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-8\! {
    height: calc(var(--spacing) * 8) !important;
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-9\! {
    height: calc(var(--spacing) * 9) !important;
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-12\! {
    height: calc(var(--spacing) * 12) !important;
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-17 {
    height: calc(var(--spacing) * 17);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-22 {
    height: calc(var(--spacing) * 22);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-28 {
    height: calc(var(--spacing) * 28);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-50 {
    height: calc(var(--spacing) * 50);
  }
  .h-52 {
    height: calc(var(--spacing) * 52);
  }
  .h-56 {
    height: calc(var(--spacing) * 56);
  }
  .h-72 {
    height: calc(var(--spacing) * 72);
  }
  .h-80 {
    height: calc(var(--spacing) * 80);
  }
  .h-132 {
    height: calc(var(--spacing) * 132);
  }
  .h-160 {
    height: calc(var(--spacing) * 160);
  }
  .h-172\.5 {
    height: calc(var(--spacing) * 172.5);
  }
  .h-\[1px\] {
    height: 1px;
  }
  .h-\[3px\] {
    height: 3px;
  }
  .h-\[5px\] {
    height: 5px;
  }
  .h-\[15px\] {
    height: 15px;
  }
  .h-\[17px\] {
    height: 17px;
  }
  .h-\[20px\] {
    height: 20px;
  }
  .h-\[25px\] {
    height: 25px;
  }
  .h-\[26px\] {
    height: 26px;
  }
  .h-\[28px\] {
    height: 28px;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[35px\] {
    height: 35px;
  }
  .h-\[40px\] {
    height: 40px;
  }
  .h-\[45px\] {
    height: 45px;
  }
  .h-\[70vh\] {
    height: 70vh;
  }
  .h-\[80px\] {
    height: 80px;
  }
  .h-\[90px\] {
    height: 90px;
  }
  .h-\[100dvh\] {
    height: 100dvh;
  }
  .h-\[150px\] {
    height: 150px;
  }
  .h-\[172px\] {
    height: 172px;
  }
  .h-\[186px\] {
    height: 186px;
  }
  .h-\[200px\] {
    height: 200px;
  }
  .h-\[282px\] {
    height: 282px;
  }
  .h-\[300px\] {
    height: 300px;
  }
  .h-\[324px\] {
    height: 324px;
  }
  .h-\[515px\] {
    height: 515px;
  }
  .h-\[520px\] {
    height: 520px;
  }
  .h-\[560px\] {
    height: 560px;
  }
  .h-\[1000px\] {
    height: 1000px;
  }
  .h-\[calc\(100\%-40px\)\] {
    height: calc(100% - 40px);
  }
  .h-\[calc\(100dvh-40px\)\]\! {
    height: calc(100dvh - 40px) !important;
  }
  .h-\[calc\(100dvh-260px\)\] {
    height: calc(100dvh - 260px);
  }
  .h-\[calc\(100vh-48px-var\(--monitor-strip\)\)\] {
    height: calc(100vh - 48px - var(--monitor-strip));
  }
  .h-\[calc\(100vh_-_200px\)\] {
    height: calc(100vh - 200px);
  }
  .h-\[calc\(100vh_-_280px\)\] {
    height: calc(100vh - 280px);
  }
  .h-auto {
    height: auto;
  }
  .h-auto\! {
    height: auto !important;
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-fit {
    height: fit-content;
  }
  .h-fit\! {
    height: fit-content !important;
  }
  .h-full {
    height: 100%;
  }
  .h-full\! {
    height: 100% !important;
  }
  .h-min {
    height: min-content;
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .h-svh {
    height: 100svh;
  }
  .max-h-\(--height\) {
    max-height: var(--height);
  }
  .max-h-0 {
    max-height: calc(var(--spacing) * 0);
  }
  .max-h-1\/2 {
    max-height: calc(1/2 * 100%);
  }
  .max-h-20 {
    max-height: calc(var(--spacing) * 20);
  }
  .max-h-28 {
    max-height: calc(var(--spacing) * 28);
  }
  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }
  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }
  .max-h-56 {
    max-height: calc(var(--spacing) * 56);
  }
  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }
  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }
  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }
  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }
  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }
  .max-h-\[50\%\] {
    max-height: 50%;
  }
  .max-h-\[55svh\] {
    max-height: 55svh;
  }
  .max-h-\[60vh\] {
    max-height: 60vh;
  }
  .max-h-\[78vh\] {
    max-height: 78vh;
  }
  .max-h-\[80vh\] {
    max-height: 80vh;
  }
  .max-h-\[85dvh\] {
    max-height: 85dvh;
  }
  .max-h-\[86vh\] {
    max-height: 86vh;
  }
  .max-h-\[90vh\] {
    max-height: 90vh;
  }
  .max-h-\[92vh\] {
    max-height: 92vh;
  }
  .max-h-\[100vh\] {
    max-height: 100vh;
  }
  .max-h-\[160px\] {
    max-height: 160px;
  }
  .max-h-\[260px\] {
    max-height: 260px;
  }
  .max-h-\[300px\] {
    max-height: 300px;
  }
  .max-h-\[400px\] {
    max-height: 400px;
  }
  .max-h-\[500px\] {
    max-height: 500px;
  }
  .max-h-\[500px\]\! {
    max-height: 500px !important;
  }
  .max-h-\[600px\] {
    max-height: 600px;
  }
  .max-h-\[calc\(100dvh-11rem\)\] {
    max-height: calc(100dvh - 11rem);
  }
  .max-h-\[calc\(100dvh-25px\)\] {
    max-height: calc(100dvh - 25px);
  }
  .max-h-\[calc\(100dvh-64px\)\] {
    max-height: calc(100dvh - 64px);
  }
  .max-h-\[calc\(100dvh-120px\)\] {
    max-height: calc(100dvh - 120px);
  }
  .max-h-dvh {
    max-height: 100dvh;
  }
  .max-h-full {
    max-height: 100%;
  }
  .max-h-screen {
    max-height: 100vh;
  }
  .min-h-\(--height\) {
    min-height: var(--height);
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }
  .min-h-5 {
    min-height: calc(var(--spacing) * 5);
  }
  .min-h-7 {
    min-height: calc(var(--spacing) * 7);
  }
  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }
  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }
  .min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }
  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }
  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }
  .min-h-28 {
    min-height: calc(var(--spacing) * 28);
  }
  .min-h-32 {
    min-height: calc(var(--spacing) * 32);
  }
  .min-h-40 {
    min-height: calc(var(--spacing) * 40);
  }
  .min-h-48 {
    min-height: calc(var(--spacing) * 48);
  }
  .min-h-50 {
    min-height: calc(var(--spacing) * 50);
  }
  .min-h-96 {
    min-height: calc(var(--spacing) * 96);
  }
  .min-h-\[70px\] {
    min-height: 70px;
  }
  .min-h-\[88px\] {
    min-height: 88px;
  }
  .min-h-\[100px\] {
    min-height: 100px;
  }
  .min-h-\[200px\] {
    min-height: 200px;
  }
  .min-h-\[300px\] {
    min-height: 300px;
  }
  .min-h-\[320px\] {
    min-height: 320px;
  }
  .min-h-\[328px\] {
    min-height: 328px;
  }
  .min-h-\[480px\] {
    min-height: 480px;
  }
  .min-h-\[560px\] {
    min-height: 560px;
  }
  .min-h-\[600px\] {
    min-height: 600px;
  }
  .min-h-full {
    min-height: 100%;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .min-h-svh {
    min-height: 100svh;
  }
  .\!w-\[250px\] {
    width: 250px !important;
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-0\! {
    width: calc(var(--spacing) * 0) !important;
  }
  .w-0\.5 {
    width: calc(var(--spacing) * 0.5);
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-1\.5\! {
    width: calc(var(--spacing) * 1.5) !important;
  }
  .w-1\/2 {
    width: calc(1/2 * 100%);
  }
  .w-1\/3 {
    width: calc(1/3 * 100%);
  }
  .w-1\/4 {
    width: calc(1/4 * 100%);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-2\/3 {
    width: calc(2/3 * 100%);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\! {
    width: calc(var(--spacing) * 3) !important;
  }
  .w-3\/4 {
    width: calc(3/4 * 100%);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-5\/6 {
    width: calc(5/6 * 100%);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-9\/10 {
    width: calc(9/10 * 100%);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-19\! {
    width: calc(var(--spacing) * 19) !important;
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-22 {
    width: calc(var(--spacing) * 22);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-24\! {
    width: calc(var(--spacing) * 24) !important;
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-28\! {
    width: calc(var(--spacing) * 28) !important;
  }
  .w-30 {
    width: calc(var(--spacing) * 30);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-32\! {
    width: calc(var(--spacing) * 32) !important;
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-46 {
    width: calc(var(--spacing) * 46);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-70 {
    width: calc(var(--spacing) * 70);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-85 {
    width: calc(var(--spacing) * 85);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-100 {
    width: calc(var(--spacing) * 100);
  }
  .w-125 {
    width: calc(var(--spacing) * 125);
  }
  .w-147 {
    width: calc(var(--spacing) * 147);
  }
  .w-150 {
    width: calc(var(--spacing) * 150);
  }
  .w-160 {
    width: calc(var(--spacing) * 160);
  }
  .w-166\! {
    width: calc(var(--spacing) * 166) !important;
  }
  .w-224 {
    width: calc(var(--spacing) * 224);
  }
  .w-280 {
    width: calc(var(--spacing) * 280);
  }
  .w-\[3px\] {
    width: 3px;
  }
  .w-\[4ch\] {
    width: 4ch;
  }
  .w-\[5ch\] {
    width: 5ch;
  }
  .w-\[7ch\] {
    width: 7ch;
  }
  .w-\[10px\] {
    width: 10px;
  }
  .w-\[12px\] {
    width: 12px;
  }
  .w-\[15px\] {
    width: 15px;
  }
  .w-\[17px\] {
    width: 17px;
  }
  .w-\[20px\] {
    width: 20px;
  }
  .w-\[28px\] {
    width: 28px;
  }
  .w-\[30px\] {
    width: 30px;
  }
  .w-\[32px\] {
    width: 32px;
  }
  .w-\[35px\] {
    width: 35px;
  }
  .w-\[40px\] {
    width: 40px;
  }
  .w-\[44px\] {
    width: 44px;
  }
  .w-\[46\%\] {
    width: 46%;
  }
  .w-\[48px\] {
    width: 48px;
  }
  .w-\[52px\] {
    width: 52px;
  }
  .w-\[56px\] {
    width: 56px;
  }
  .w-\[60px\] {
    width: 60px;
  }
  .w-\[64px\] {
    width: 64px;
  }
  .w-\[65px\] {
    width: 65px;
  }
  .w-\[68px\] {
    width: 68px;
  }
  .w-\[70px\] {
    width: 70px;
  }
  .w-\[72px\] {
    width: 72px;
  }
  .w-\[76px\] {
    width: 76px;
  }
  .w-\[78px\] {
    width: 78px;
  }
  .w-\[80\%\] {
    width: 80%;
  }
  .w-\[80px\] {
    width: 80px;
  }
  .w-\[84px\] {
    width: 84px;
  }
  .w-\[85vw\] {
    width: 85vw;
  }
  .w-\[86px\] {
    width: 86px;
  }
  .w-\[90px\] {
    width: 90px;
  }
  .w-\[96px\] {
    width: 96px;
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-\[104px\] {
    width: 104px;
  }
  .w-\[110px\] {
    width: 110px;
  }
  .w-\[112px\] {
    width: 112px;
  }
  .w-\[116px\] {
    width: 116px;
  }
  .w-\[120px\] {
    width: 120px;
  }
  .w-\[125px\] {
    width: 125px;
  }
  .w-\[130px\] {
    width: 130px;
  }
  .w-\[140px\] {
    width: 140px;
  }
  .w-\[150px\] {
    width: 150px;
  }
  .w-\[160px\] {
    width: 160px;
  }
  .w-\[190px\] {
    width: 190px;
  }
  .w-\[200px\] {
    width: 200px;
  }
  .w-\[220px\] {
    width: 220px;
  }
  .w-\[230px\] {
    width: 230px;
  }
  .w-\[235px\] {
    width: 235px;
  }
  .w-\[240px\] {
    width: 240px;
  }
  .w-\[248px\] {
    width: 248px;
  }
  .w-\[260px\] {
    width: 260px;
  }
  .w-\[268px\] {
    width: 268px;
  }
  .w-\[280px\] {
    width: 280px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[324px\] {
    width: 324px;
  }
  .w-\[330px\] {
    width: 330px;
  }
  .w-\[380px\] {
    width: 380px;
  }
  .w-\[400px\] {
    width: 400px;
  }
  .w-\[450px\] {
    width: 450px;
  }
  .w-\[500px\]\! {
    width: 500px !important;
  }
  .w-\[1440px\] {
    width: 1440px;
  }
  .w-\[1500px\]\! {
    width: 1500px !important;
  }
  .w-\[calc\(100\%-20px\)\] {
    width: calc(100% - 20px);
  }
  .w-\[calc\(100\%-25px\)\]\! {
    width: calc(100% - 25px) !important;
  }
  .w-\[calc\(100vw-10\*0\.25rem\)\] {
    width: calc(100vw - 10 * 0.25rem);
  }
  .w-\[min\(24rem\,80vw\)\] {
    width: min(24rem, 80vw);
  }
  .w-\[var\(--progress\)\] {
    width: var(--progress);
  }
  .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;
  }
  .max-w-0 {
    max-width: calc(var(--spacing) * 0);
  }
  .max-w-1\/3 {
    max-width: calc(1/3 * 100%);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4\/5 {
    max-width: calc(4/5 * 100%);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-7 {
    max-width: calc(var(--spacing) * 7);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-12 {
    max-width: calc(var(--spacing) * 12);
  }
  .max-w-16 {
    max-width: calc(var(--spacing) * 16);
  }
  .max-w-24 {
    max-width: calc(var(--spacing) * 24);
  }
  .max-w-40 {
    max-width: calc(var(--spacing) * 40);
  }
  .max-w-48 {
    max-width: calc(var(--spacing) * 48);
  }
  .max-w-52 {
    max-width: calc(var(--spacing) * 52);
  }
  .max-w-64 {
    max-width: calc(var(--spacing) * 64);
  }
  .max-w-72 {
    max-width: calc(var(--spacing) * 72);
  }
  .max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }
  .max-w-80\! {
    max-width: calc(var(--spacing) * 80) !important;
  }
  .max-w-96 {
    max-width: calc(var(--spacing) * 96);
  }
  .max-w-130 {
    max-width: calc(var(--spacing) * 130);
  }
  .max-w-147 {
    max-width: calc(var(--spacing) * 147);
  }
  .max-w-150 {
    max-width: calc(var(--spacing) * 150);
  }
  .max-w-160 {
    max-width: calc(var(--spacing) * 160);
  }
  .max-w-200 {
    max-width: calc(var(--spacing) * 200);
  }
  .max-w-225 {
    max-width: calc(var(--spacing) * 225);
  }
  .max-w-315 {
    max-width: calc(var(--spacing) * 315);
  }
  .max-w-\[45\%\] {
    max-width: 45%;
  }
  .max-w-\[50ch\] {
    max-width: 50ch;
  }
  .max-w-\[50px\] {
    max-width: 50px;
  }
  .max-w-\[70ch\] {
    max-width: 70ch;
  }
  .max-w-\[72ch\] {
    max-width: 72ch;
  }
  .max-w-\[75\%\] {
    max-width: 75%;
  }
  .max-w-\[80ch\] {
    max-width: 80ch;
  }
  .max-w-\[85\%\] {
    max-width: 85%;
  }
  .max-w-\[90ch\] {
    max-width: 90ch;
  }
  .max-w-\[90vw\] {
    max-width: 90vw;
  }
  .max-w-\[100\%\]\! {
    max-width: 100% !important;
  }
  .max-w-\[120px\] {
    max-width: 120px;
  }
  .max-w-\[150px\] {
    max-width: 150px;
  }
  .max-w-\[180px\] {
    max-width: 180px;
  }
  .max-w-\[200px\] {
    max-width: 200px;
  }
  .max-w-\[220px\] {
    max-width: 220px;
  }
  .max-w-\[240px\] {
    max-width: 240px;
  }
  .max-w-\[300px\] {
    max-width: 300px;
  }
  .max-w-\[320px\] {
    max-width: 320px;
  }
  .max-w-\[350px\] {
    max-width: 350px;
  }
  .max-w-\[360px\] {
    max-width: 360px;
  }
  .max-w-\[400px\] {
    max-width: 400px;
  }
  .max-w-\[420px\] {
    max-width: 420px;
  }
  .max-w-\[450px\] {
    max-width: 450px;
  }
  .max-w-\[500px\] {
    max-width: 500px;
  }
  .max-w-\[600px\] {
    max-width: 600px;
  }
  .max-w-\[611px\] {
    max-width: 611px;
  }
  .max-w-\[680px\] {
    max-width: 680px;
  }
  .max-w-\[700px\] {
    max-width: 700px;
  }
  .max-w-\[750px\] {
    max-width: 750px;
  }
  .max-w-\[760px\] {
    max-width: 760px;
  }
  .max-w-\[800px\] {
    max-width: 800px;
  }
  .max-w-\[840px\] {
    max-width: 840px;
  }
  .max-w-\[880px\] {
    max-width: 880px;
  }
  .max-w-\[900px\] {
    max-width: 900px;
  }
  .max-w-\[960px\] {
    max-width: 960px;
  }
  .max-w-\[980px\] {
    max-width: 980px;
  }
  .max-w-\[1000px\] {
    max-width: 1000px;
  }
  .max-w-\[1180px\] {
    max-width: 1180px;
  }
  .max-w-\[1450px\] {
    max-width: 1450px;
  }
  .max-w-\[1640px\] {
    max-width: 1640px;
  }
  .max-w-\[1900px\] {
    max-width: 1900px;
  }
  .max-w-\[calc\(100\%\+0\.75rem\)\] {
    max-width: calc(100% + 0.75rem);
  }
  .max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem);
  }
  .max-w-\[calc\(100\%-32px\)\] {
    max-width: calc(100% - 32px);
  }
  .max-w-\[calc\(100\%-55px\)\] {
    max-width: calc(100% - 55px);
  }
  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }
  .max-w-\[calc\(100vw-24px\)\] {
    max-width: calc(100vw - 24px);
  }
  .max-w-\[calc\(100vw-32px\)\] {
    max-width: calc(100vw - 32px);
  }
  .max-w-\[calc\(178vh-400px\)\] {
    max-width: calc(178vh - 400px);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-none\! {
    max-width: none !important;
  }
  .max-w-screen-2xl {
    max-width: var(--breakpoint-2xl);
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }
  .min-w-4xl {
    min-width: var(--container-4xl);
  }
  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }
  .min-w-5xl {
    min-width: var(--container-5xl);
  }
  .min-w-16 {
    min-width: calc(var(--spacing) * 16);
  }
  .min-w-20 {
    min-width: calc(var(--spacing) * 20);
  }
  .min-w-24 {
    min-width: calc(var(--spacing) * 24);
  }
  .min-w-28 {
    min-width: calc(var(--spacing) * 28);
  }
  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }
  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }
  .min-w-52 {
    min-width: calc(var(--spacing) * 52);
  }
  .min-w-\[100px\] {
    min-width: 100px;
  }
  .min-w-\[140px\] {
    min-width: 140px;
  }
  .min-w-\[150px\] {
    min-width: 150px;
  }
  .min-w-\[160px\] {
    min-width: 160px;
  }
  .min-w-\[170px\] {
    min-width: 170px;
  }
  .min-w-\[180px\] {
    min-width: 180px;
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .min-w-\[220px\] {
    min-width: 220px;
  }
  .min-w-\[232px\] {
    min-width: 232px;
  }
  .min-w-\[240px\] {
    min-width: 240px;
  }
  .min-w-\[300px\] {
    min-width: 300px;
  }
  .min-w-\[320px\] {
    min-width: 320px;
  }
  .min-w-\[500px\] {
    min-width: 500px;
  }
  .min-w-\[880px\] {
    min-width: 880px;
  }
  .min-w-\[1200px\] {
    min-width: 1200px;
  }
  .min-w-\[1360px\] {
    min-width: 1360px;
  }
  .min-w-fit {
    min-width: fit-content;
  }
  .min-w-full {
    min-width: 100%;
  }
  .min-w-px {
    min-width: 1px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-1\! {
    flex: 1 !important;
  }
  .flex-2 {
    flex: 2;
  }
  .flex-3 {
    flex: 3;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink\! {
    flex-shrink: 1 !important;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .shrink-1\! {
    flex-shrink: 1 !important;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .grow-1 {
    flex-grow: 1;
  }
  .basis-0 {
    flex-basis: calc(var(--spacing) * 0);
  }
  .basis-64 {
    flex-basis: calc(var(--spacing) * 64);
  }
  .basis-72 {
    flex-basis: calc(var(--spacing) * 72);
  }
  .basis-full {
    flex-basis: 100%;
  }
  .table-auto {
    table-layout: auto;
  }
  .table-fixed {
    table-layout: fixed;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .border-separate {
    border-collapse: separate;
  }
  .border-spacing-y-1 {
    --tw-border-spacing-y: calc(var(--spacing) * 1);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .border-spacing-y-2 {
    --tw-border-spacing-y: calc(var(--spacing) * 2);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .origin-center {
    transform-origin: center;
  }
  .origin-top {
    transform-origin: top;
  }
  .origin-top-left {
    transform-origin: top left;
  }
  .-translate-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-3 {
    --tw-translate-x: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-6 {
    --tw-translate-x: calc(var(--spacing) * 6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    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-1\/4 {
    --tw-translate-y: calc(calc(1/4 * 100%) * -1);
    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);
  }
  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-50 {
    --tw-scale-x: 50%;
    --tw-scale-y: 50%;
    --tw-scale-z: 50%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-75 {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-80 {
    --tw-scale-x: 80%;
    --tw-scale-y: 80%;
    --tw-scale-z: 80%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-95 {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-105 {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-110 {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .-rotate-180 {
    rotate: calc(180deg * -1);
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .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);
  }
  .\[animation\:blink_1s_step-end_infinite\] {
    animation: blink 1s step-end infinite;
  }
  .animate-\[spin_0\.5s_ease-in-out\] {
    animation: spin 0.5s ease-in-out;
  }
  .animate-ping {
    animation: var(--animate-ping);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-col-resize {
    cursor: col-resize;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-default\! {
    cursor: default !important;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-help {
    cursor: help;
  }
  .cursor-move {
    cursor: move;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-ns-resize {
    cursor: ns-resize;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-row-resize {
    cursor: row-resize;
  }
  .cursor-text {
    cursor: text;
  }
  .cursor-wait {
    cursor: wait;
  }
  .cursor-zoom-in {
    cursor: zoom-in;
  }
  .touch-none {
    touch-action: none;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .resize-y {
    resize: vertical;
  }
  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }
  .snap-start {
    scroll-snap-align: start;
  }
  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing) * 24);
  }
  .scroll-mt-28 {
    scroll-margin-top: calc(var(--spacing) * 28);
  }
  .scroll-mt-\[110px\] {
    scroll-margin-top: 110px;
  }
  .scroll-mb-10 {
    scroll-margin-bottom: calc(var(--spacing) * 10);
  }
  .scroll-px-2\.5 {
    scroll-padding-inline: calc(var(--spacing) * 2.5);
  }
  .scroll-pb-\[90px\] {
    scroll-padding-bottom: 90px;
  }
  .scroll-pb-\[266px\] {
    scroll-padding-bottom: 266px;
  }
  .scroll-pl-20 {
    scroll-padding-left: calc(var(--spacing) * 20);
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-disc {
    list-style-type: disc;
  }
  .list-none {
    list-style-type: none;
  }
  .appearance-none {
    appearance: none;
  }
  .auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }
  .grid-flow-col {
    grid-auto-flow: column;
  }
  .auto-rows-\[1fr\] {
    grid-auto-rows: 1fr;
  }
  .auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }
  .auto-rows-min {
    grid-auto-rows: min-content;
  }
  .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-7 {
    grid-template-columns: repeat(7, 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-\[\.55fr_1\.3fr_\.9fr_1fr_1fr_\.8fr_\.9fr_\.8fr\] {
    grid-template-columns: .55fr 1.3fr .9fr 1fr 1fr .8fr .9fr .8fr;
  }
  .grid-cols-\[1fr_1fr_220px\] {
    grid-template-columns: 1fr 1fr 220px;
  }
  .grid-cols-\[1fr_100px_100px\] {
    grid-template-columns: 1fr 100px 100px;
  }
  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .grid-cols-\[2\.06fr_1fr\] {
    grid-template-columns: 2.06fr 1fr;
  }
  .grid-cols-\[3rem_minmax\(0\,1fr\)_6rem_minmax\(0\,1fr\)_6rem\] {
    grid-template-columns: 3rem minmax(0,1fr) 6rem minmax(0,1fr) 6rem;
  }
  .grid-cols-\[7rem_repeat\(4\,minmax\(0\,1fr\)\)_repeat\(2\,64px\)_116px_repeat\(2\,42px\)_60px\]\! {
    grid-template-columns: 7rem repeat(4,minmax(0,1fr)) repeat(2,64px) 116px repeat(2,42px) 60px !important;
  }
  .grid-cols-\[7rem_repeat\(6\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: 7rem repeat(6,minmax(0,1fr));
  }
  .grid-cols-\[10\%_50\%_20\%_20\%\] {
    grid-template-columns: 10% 50% 20% 20%;
  }
  .grid-cols-\[12\%_1fr_20\%_15\%_15\%\] {
    grid-template-columns: 12% 1fr 20% 15% 15%;
  }
  .grid-cols-\[60px_116px_repeat\(4\,minmax\(0\,1fr\)\)_0\.75fr\] {
    grid-template-columns: 60px 116px repeat(4,minmax(0,1fr)) 0.75fr;
  }
  .grid-cols-\[60px_116px_repeat\(4\,minmax\(0\,1fr\)\)_0\.75fr\]\! {
    grid-template-columns: 60px 116px repeat(4,minmax(0,1fr)) 0.75fr !important;
  }
  .grid-cols-\[60px_116px_repeat\(5\,minmax\(0\,1fr\)\)_0\.75fr\] {
    grid-template-columns: 60px 116px repeat(5,minmax(0,1fr)) 0.75fr;
  }
  .grid-cols-\[60px_minmax\(0\,2\.6fr\)_minmax\(130px\,1\.6fr\)_\.9fr_\.7fr_\.6fr\] {
    grid-template-columns: 60px minmax(0,2.6fr) minmax(130px,1.6fr) .9fr .7fr .6fr;
  }
  .grid-cols-\[64px_minmax\(0\,1fr\)\] {
    grid-template-columns: 64px minmax(0,1fr);
  }
  .grid-cols-\[70px_minmax\(0\,1fr\)_110px_90px_90px_80px\] {
    grid-template-columns: 70px minmax(0,1fr) 110px 90px 90px 80px;
  }
  .grid-cols-\[95px_104px_52px_minmax\(180px\,1fr\)_136px_92px_72px_62px_88px_86px_78px_96px\] {
    grid-template-columns: 95px 104px 52px minmax(180px,1fr) 136px 92px 72px 62px 88px 86px 78px 96px;
  }
  .grid-cols-\[110px_1fr_90px_70px_70px_80px_110px\] {
    grid-template-columns: 110px 1fr 90px 70px 70px 80px 110px;
  }
  .grid-cols-\[120px_120px_60px_1fr_60px\] {
    grid-template-columns: 120px 120px 60px 1fr 60px;
  }
  .grid-cols-\[130px_80px_120px_1fr_130px_70px_52px\] {
    grid-template-columns: 130px 80px 120px 1fr 130px 70px 52px;
  }
  .grid-cols-\[130px_90px_1fr_80px_110px\] {
    grid-template-columns: 130px 90px 1fr 80px 110px;
  }
  .grid-cols-\[140px_1fr_1fr\] {
    grid-template-columns: 140px 1fr 1fr;
  }
  .grid-cols-\[150px_1fr_160px_130px_60px\] {
    grid-template-columns: 150px 1fr 160px 130px 60px;
  }
  .grid-cols-\[150px_minmax\(180px\,1fr\)_2fr_100px\] {
    grid-template-columns: 150px minmax(180px,1fr) 2fr 100px;
  }
  .grid-cols-\[170px_60px_1fr_120px_80px_70px_70px\] {
    grid-template-columns: 170px 60px 1fr 120px 80px 70px 70px;
  }
  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
  .grid-cols-\[auto_minmax\(0\,1fr\)\] {
    grid-template-columns: auto minmax(0,1fr);
  }
  .grid-cols-\[max-content_1fr\] {
    grid-template-columns: max-content 1fr;
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,0fr\)\] {
    grid-template-columns: minmax(0,1fr) minmax(0,0fr);
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.6fr\)\] {
    grid-template-columns: minmax(0,1fr) minmax(0,1.6fr);
  }
  .grid-cols-\[minmax\(40\%\,1fr\)_minmax\(0\,auto\)\] {
    grid-template-columns: minmax(40%,1fr) minmax(0,auto);
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(112px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(112px,1fr));
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(min\(100\%\,max\(18rem\,calc\(\(100\%_-_4rem\)\/5\)\)\)\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit,minmax(min(100%, max(18rem, calc((100% - 4rem) / 5))),1fr));
  }
  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }
  .grid-rows-\[auto\] {
    grid-template-rows: auto;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row\! {
    flex-direction: row !important;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .content-center {
    align-content: center;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-start\! {
    justify-content: flex-start !important;
  }
  .justify-items-center {
    justify-items: center;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\! {
    gap: calc(var(--spacing) * 1) !important;
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\! {
    gap: calc(var(--spacing) * 3) !important;
  }
  .gap-3\.75 {
    gap: calc(var(--spacing) * 3.75);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-4\.5 {
    gap: calc(var(--spacing) * 4.5);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-9 {
    gap: calc(var(--spacing) * 9);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-12\! {
    gap: calc(var(--spacing) * 12) !important;
  }
  .gap-14 {
    gap: calc(var(--spacing) * 14);
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  .gap-24 {
    gap: calc(var(--spacing) * 24);
  }
  .gap-26 {
    gap: calc(var(--spacing) * 26);
  }
  .gap-\[3px\] {
    gap: 3px;
  }
  .gap-\[6px\] {
    gap: 6px;
  }
  .gap-\[7px\] {
    gap: 7px;
  }
  .gap-\[9px\] {
    gap: 9px;
  }
  .gap-\[12px\] {
    gap: 12px;
  }
  .gap-\[25px\] {
    gap: 25px;
  }
  .gap-\[30px\] {
    gap: 30px;
  }
  .gap-\[60px\] {
    gap: 60px;
  }
  .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-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .gap-x-12 {
    column-gap: calc(var(--spacing) * 12);
  }
  .-space-x-1 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * -1) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-2 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5);
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-2\.5 {
    row-gap: calc(var(--spacing) * 2.5);
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  .gap-y-3\.75 {
    row-gap: calc(var(--spacing) * 3.75);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }
  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }
  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }
  .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-outline-light {
    :where(& > :not(:last-child)) {
      border-color: var(--color-outline-light);
    }
  }
  .divide-outline-medium {
    :where(& > :not(:last-child)) {
      border-color: var(--color-outline-medium);
    }
  }
  .divide-outline-medium\/70 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-outline-medium) 70%, transparent);
    }
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .justify-self-end {
    justify-self: flex-end;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-x-scroll {
    overflow-x: scroll;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .scroll-smooth {
    scroll-behavior: smooth;
  }
  .surface {
    border-radius: var(--radius-sm);
    background-color: var(--color-white-d);
    --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);
  }
  .surface-inset {
    border-radius: var(--radius-sm);
    background-color: var(--color-gray-tonal);
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-\[1px\] {
    border-radius: 1px;
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-\[4px\] {
    border-radius: 4px;
  }
  .rounded-\[5px\] {
    border-radius: 5px;
  }
  .rounded-\[6px\] {
    border-radius: 6px;
  }
  .rounded-\[7px\] {
    border-radius: 7px;
  }
  .rounded-\[8px\] {
    border-radius: 8px;
  }
  .rounded-\[9px\] {
    border-radius: 9px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[12px\] {
    border-radius: 12px;
  }
  .rounded-\[14px\] {
    border-radius: 14px;
  }
  .rounded-\[15px\] {
    border-radius: 15px;
  }
  .rounded-\[16px\] {
    border-radius: 16px;
  }
  .rounded-\[18px\] {
    border-radius: 18px;
  }
  .rounded-\[20px\] {
    border-radius: 20px;
  }
  .rounded-\[20px\]\! {
    border-radius: 20px !important;
  }
  .rounded-\[22px\] {
    border-radius: 22px;
  }
  .rounded-\[35px\] {
    border-radius: 35px;
  }
  .rounded-\[50\%\] {
    border-radius: 50%;
  }
  .rounded-\[calc\(var\(--radius-sm\)\+var\(--spacing\)\*2\+1px\)\] {
    border-radius: calc(var(--radius-sm) + var(--spacing) * 2 + 1px);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-md\! {
    border-radius: var(--radius-md) !important;
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-s-full {
    border-start-start-radius: calc(infinity * 1px);
    border-end-start-radius: calc(infinity * 1px);
  }
  .rounded-e-full {
    border-start-end-radius: calc(infinity * 1px);
    border-end-end-radius: calc(infinity * 1px);
  }
  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }
  .rounded-t-\[10px\]\! {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
  }
  .rounded-t-md {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }
  .rounded-t-sm {
    border-top-left-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm);
  }
  .rounded-l-\[7px\] {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
  }
  .rounded-l-full {
    border-top-left-radius: calc(infinity * 1px);
    border-bottom-left-radius: calc(infinity * 1px);
  }
  .rounded-l-md {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }
  .rounded-tl-\[0px\] {
    border-top-left-radius: 0px;
  }
  .rounded-tl-\[5px\] {
    border-top-left-radius: 5px;
  }
  .rounded-tl-\[6px\] {
    border-top-left-radius: 6px;
  }
  .rounded-r-full {
    border-top-right-radius: calc(infinity * 1px);
    border-bottom-right-radius: calc(infinity * 1px);
  }
  .rounded-r-md {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }
  .rounded-tr-\[0px\] {
    border-top-right-radius: 0px;
  }
  .rounded-tr-\[6px\] {
    border-top-right-radius: 6px;
  }
  .rounded-tr-md {
    border-top-right-radius: var(--radius-md);
  }
  .rounded-b-\[10px\]\! {
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
  }
  .rounded-b-lg {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .rounded-b-md {
    border-bottom-right-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }
  .rounded-b-sm {
    border-bottom-right-radius: var(--radius-sm);
    border-bottom-left-radius: var(--radius-sm);
  }
  .rounded-b-sm\! {
    border-bottom-right-radius: var(--radius-sm) !important;
    border-bottom-left-radius: var(--radius-sm) !important;
  }
  .rounded-br-\[6px\] {
    border-bottom-right-radius: 6px;
  }
  .rounded-br-lg {
    border-bottom-right-radius: var(--radius-lg);
  }
  .rounded-bl-lg {
    border-bottom-left-radius: var(--radius-lg);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border\! {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-0\! {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
  .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-3 {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }
  .border-s-2 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 2px;
  }
  .border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-solid\! {
    --tw-border-style: solid !important;
    border-style: solid !important;
  }
  .border-\(--check\) {
    border-color: var(--check);
  }
  .border-\[\#FCD200\] {
    border-color: #FCD200;
  }
  .border-\[var\(--filled\)\] {
    border-color: var(--filled);
  }
  .border-blender {
    border-color: var(--color-blender);
  }
  .border-c4d {
    border-color: var(--color-c4d);
  }
  .border-dim {
    border-color: var(--color-dim);
  }
  .border-dim\/20 {
    border-color: color-mix(in oklab, var(--color-dim) 20%, transparent);
  }
  .border-error {
    border-color: var(--color-error);
  }
  .border-error\! {
    border-color: var(--color-error) !important;
  }
  .border-gray {
    border-color: var(--color-gray);
  }
  .border-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-dark {
    border-color: var(--color-gray-dark);
  }
  .border-gray-dark\/50 {
    border-color: color-mix(in oklab, var(--color-gray-dark) 50%, transparent);
  }
  .border-green-500 {
    border-color: var(--color-green-500);
  }
  .border-houdini {
    border-color: var(--color-houdini);
  }
  .border-orange-500 {
    border-color: var(--color-orange-500);
  }
  .border-outline-light {
    border-color: var(--color-outline-light);
  }
  .border-outline-light\/25 {
    border-color: color-mix(in oklab, var(--color-outline-light) 25%, transparent);
  }
  .border-outline-light\/60 {
    border-color: color-mix(in oklab, var(--color-outline-light) 60%, transparent);
  }
  .border-outline-medium {
    border-color: var(--color-outline-medium);
  }
  .border-outline-medium\/70 {
    border-color: color-mix(in oklab, var(--color-outline-medium) 70%, transparent);
  }
  .border-primary {
    border-color: var(--color-primary);
  }
  .border-primary\! {
    border-color: var(--color-primary) !important;
  }
  .border-primary-tonal {
    border-color: var(--color-primary-tonal);
  }
  .border-primary\/25 {
    border-color: color-mix(in oklab, var(--color-primary) 25%, transparent);
  }
  .border-primary\/50 {
    border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
  }
  .border-red-500 {
    border-color: var(--color-red-500);
  }
  .border-sand {
    border-color: var(--color-sand);
  }
  .border-secondary {
    border-color: var(--color-secondary);
  }
  .border-secondary\/30 {
    border-color: color-mix(in oklab, var(--color-secondary) 30%, transparent);
  }
  .border-tertiary {
    border-color: var(--color-tertiary);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-white\/5 {
    border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
  }
  .border-white\/10 {
    border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
  .border-white\/15 {
    border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
  }
  .border-white\/20 {
    border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
  }
  .border-white\/20\! {
    border-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important;
  }
  .border-white\/25 {
    border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
  }
  .border-white\/40 {
    border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
  }
  .border-white\/60 {
    border-color: color-mix(in oklab, var(--color-white) 60%, transparent);
  }
  .border-t-formitem {
    border-top-color: var(--color-formitem);
  }
  .border-t-outline-medium {
    border-top-color: var(--color-outline-medium);
  }
  .border-t-primary {
    border-top-color: var(--color-primary);
  }
  .border-t-transparent {
    border-top-color: transparent;
  }
  .border-t-white {
    border-top-color: var(--color-white);
  }
  .border-r-transparent {
    border-right-color: transparent;
  }
  .border-b-\[\#606266\] {
    border-bottom-color: #606266;
  }
  .bg-\(--bg\) {
    background-color: var(--bg);
  }
  .bg-\(--filled\) {
    background-color: var(--filled);
  }
  .bg-\(--rest-surface\) {
    background-color: var(--rest-surface);
  }
  .bg-\(--slice-background\) {
    background-color: var(--slice-background);
  }
  .bg-\(--tonal\) {
    background-color: var(--tonal);
  }
  .bg-\[\#000000\] {
    background-color: #000000;
  }
  .bg-\[\#1b1b1b\] {
    background-color: #1b1b1b;
  }
  .bg-\[\#0003\] {
    background-color: #0003;
  }
  .bg-\[\#7B7B7B\/20\] {
    background-color: #7B7B7B/20;
  }
  .bg-\[\#141414\] {
    background-color: #141414;
  }
  .bg-\[\#252525\] {
    background-color: #252525;
  }
  .bg-\[\#FF0000\] {
    background-color: #FF0000;
  }
  .bg-\[\#FFD814\] {
    background-color: #FFD814;
  }
  .bg-\[var\(--color-filled\)\] {
    background-color: var(--color-filled);
  }
  .bg-\[var\(--color-tonal\)\] {
    background-color: var(--color-tonal);
  }
  .bg-\[var\(--demo-filled\)\] {
    background-color: var(--demo-filled);
  }
  .bg-\[var\(--demo-tonal\)\] {
    background-color: var(--demo-tonal);
  }
  .bg-\[var\(--filled\)\] {
    background-color: var(--filled);
  }
  .bg-\[var\(--folder-filled\)\] {
    background-color: var(--folder-filled);
  }
  .bg-\[var\(--folder-tonal\)\] {
    background-color: var(--folder-tonal);
  }
  .bg-\[var\(--slice-filled\)\] {
    background-color: var(--slice-filled);
  }
  .bg-\[var\(--slice-tonal\)\] {
    background-color: var(--slice-tonal);
  }
  .bg-\[var\(--tonal\)\] {
    background-color: var(--tonal);
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/20 {
    background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
  }
  .bg-black\/20\! {
    background-color: color-mix(in oklab, var(--color-black) 20%, transparent) !important;
  }
  .bg-black\/30 {
    background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
  }
  .bg-black\/40 {
    background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
  }
  .bg-black\/60 {
    background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
  }
  .bg-black\/70 {
    background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
  }
  .bg-black\/85 {
    background-color: color-mix(in oklab, var(--color-black) 85%, transparent);
  }
  .bg-blender {
    background-color: var(--color-blender);
  }
  .bg-blender-tonal {
    background-color: var(--color-blender-tonal);
  }
  .bg-blender\/40 {
    background-color: color-mix(in oklab, var(--color-blender) 40%, transparent);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-c4d {
    background-color: var(--color-c4d);
  }
  .bg-c4d-tonal {
    background-color: var(--color-c4d-tonal);
  }
  .bg-chip {
    background-color: var(--color-chip);
  }
  .bg-chip\! {
    background-color: var(--color-chip) !important;
  }
  .bg-current {
    background-color: currentColor;
  }
  .bg-dim {
    background-color: var(--color-dim);
  }
  .bg-dim\/10 {
    background-color: color-mix(in oklab, var(--color-dim) 10%, transparent);
  }
  .bg-dim\/30 {
    background-color: color-mix(in oklab, var(--color-dim) 30%, transparent);
  }
  .bg-error {
    background-color: var(--color-error);
  }
  .bg-error-tonal {
    background-color: var(--color-error-tonal);
  }
  .bg-error-tonal\! {
    background-color: var(--color-error-tonal) !important;
  }
  .bg-error\/25 {
    background-color: color-mix(in oklab, var(--color-error) 25%, transparent);
  }
  .bg-error\/30 {
    background-color: color-mix(in oklab, var(--color-error) 30%, transparent);
  }
  .bg-formitem {
    background-color: var(--color-formitem);
  }
  .bg-formitem\! {
    background-color: var(--color-formitem) !important;
  }
  .bg-formitem-active {
    background-color: var(--color-formitem-active);
  }
  .bg-formitem-active\! {
    background-color: var(--color-formitem-active) !important;
  }
  .bg-formitem\/95 {
    background-color: color-mix(in oklab, var(--color-formitem) 95%, transparent);
  }
  .bg-formitem\/100 {
    background-color: color-mix(in oklab, var(--color-formitem) 100%, transparent);
  }
  .bg-glass {
    background-color: var(--color-glass);
  }
  .bg-glass-dark\! {
    background-color: var(--color-glass-dark) !important;
  }
  .bg-gray {
    background-color: var(--color-gray);
  }
  .bg-gray\! {
    background-color: var(--color-gray) !important;
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-gray-200\! {
    background-color: var(--color-gray-200) !important;
  }
  .bg-gray-400 {
    background-color: var(--color-gray-400);
  }
  .bg-gray-400\! {
    background-color: var(--color-gray-400) !important;
  }
  .bg-gray-dark {
    background-color: var(--color-gray-dark);
  }
  .bg-gray-dark\! {
    background-color: var(--color-gray-dark) !important;
  }
  .bg-gray-darkest {
    background-color: var(--color-gray-darkest);
  }
  .bg-gray-darkest\! {
    background-color: var(--color-gray-darkest) !important;
  }
  .bg-gray-darkest\/70 {
    background-color: color-mix(in oklab, var(--color-gray-darkest) 70%, transparent);
  }
  .bg-gray-darkest\/90 {
    background-color: color-mix(in oklab, var(--color-gray-darkest) 90%, transparent);
  }
  .bg-gray-darkest\/95 {
    background-color: color-mix(in oklab, var(--color-gray-darkest) 95%, transparent);
  }
  .bg-gray-light {
    background-color: var(--color-gray-light);
  }
  .bg-gray-light\! {
    background-color: var(--color-gray-light) !important;
  }
  .bg-gray-light\/60 {
    background-color: color-mix(in oklab, var(--color-gray-light) 60%, transparent);
  }
  .bg-gray-light\/75 {
    background-color: color-mix(in oklab, var(--color-gray-light) 75%, transparent);
  }
  .bg-gray-light\/80 {
    background-color: color-mix(in oklab, var(--color-gray-light) 80%, transparent);
  }
  .bg-gray-light\/95 {
    background-color: color-mix(in oklab, var(--color-gray-light) 95%, transparent);
  }
  .bg-gray-lightest {
    background-color: var(--color-gray-lightest);
  }
  .bg-gray-tonal {
    background-color: var(--color-gray-tonal);
  }
  .bg-gray-tonal\! {
    background-color: var(--color-gray-tonal) !important;
  }
  .bg-gray-tonal\/15 {
    background-color: color-mix(in oklab, var(--color-gray-tonal) 15%, transparent);
  }
  .bg-gray-tonal\/30 {
    background-color: color-mix(in oklab, var(--color-gray-tonal) 30%, transparent);
  }
  .bg-gray-tonal\/40 {
    background-color: color-mix(in oklab, var(--color-gray-tonal) 40%, transparent);
  }
  .bg-gray-tonal\/50 {
    background-color: color-mix(in oklab, var(--color-gray-tonal) 50%, transparent);
  }
  .bg-gray-tonal\/60 {
    background-color: color-mix(in oklab, var(--color-gray-tonal) 60%, transparent);
  }
  .bg-gray\/25 {
    background-color: color-mix(in oklab, var(--color-gray) 25%, transparent);
  }
  .bg-gray\/30 {
    background-color: color-mix(in oklab, var(--color-gray) 30%, transparent);
  }
  .bg-gray\/40 {
    background-color: color-mix(in oklab, var(--color-gray) 40%, transparent);
  }
  .bg-green-100 {
    background-color: var(--color-green-100);
  }
  .bg-green-200 {
    background-color: var(--color-green-200);
  }
  .bg-green-300 {
    background-color: var(--color-green-300);
  }
  .bg-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-green-500\/15 {
    background-color: color-mix(in oklab, var(--color-green-500) 15%, transparent);
  }
  .bg-hero {
    background-color: var(--color-hero);
  }
  .bg-houdini {
    background-color: var(--color-houdini);
  }
  .bg-houdini-tonal {
    background-color: var(--color-houdini-tonal);
  }
  .bg-houdini\/40 {
    background-color: color-mix(in oklab, var(--color-houdini) 40%, transparent);
  }
  .bg-houdini\/70 {
    background-color: color-mix(in oklab, var(--color-houdini) 70%, transparent);
  }
  .bg-indicator {
    background-color: var(--color-indicator);
  }
  .bg-indicator-active\/70 {
    background-color: color-mix(in oklab, var(--color-indicator-active) 70%, transparent);
  }
  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }
  .bg-orange-500 {
    background-color: var(--color-orange-500);
  }
  .bg-outline-light {
    background-color: var(--color-outline-light);
  }
  .bg-outline-medium {
    background-color: var(--color-outline-medium);
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-primary\! {
    background-color: var(--color-primary) !important;
  }
  .bg-primary-tonal {
    background-color: var(--color-primary-tonal);
  }
  .bg-primary-tonal\/40 {
    background-color: color-mix(in oklab, var(--color-primary-tonal) 40%, transparent);
  }
  .bg-primary-tonal\/50 {
    background-color: color-mix(in oklab, var(--color-primary-tonal) 50%, transparent);
  }
  .bg-primary-tonal\/70 {
    background-color: color-mix(in oklab, var(--color-primary-tonal) 70%, transparent);
  }
  .bg-primary-tonal\/90 {
    background-color: color-mix(in oklab, var(--color-primary-tonal) 90%, transparent);
  }
  .bg-primary-tonal\/95 {
    background-color: color-mix(in oklab, var(--color-primary-tonal) 95%, transparent);
  }
  .bg-primary\/10 {
    background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
  }
  .bg-primary\/20 {
    background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
  }
  .bg-primary\/25 {
    background-color: color-mix(in oklab, var(--color-primary) 25%, transparent);
  }
  .bg-primary\/30 {
    background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
  }
  .bg-primary\/60 {
    background-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
  }
  .bg-primary\/80 {
    background-color: color-mix(in oklab, var(--color-primary) 80%, transparent);
  }
  .bg-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-red-200 {
    background-color: var(--color-red-200);
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-red-500\/15 {
    background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent);
  }
  .bg-sand {
    background-color: var(--color-sand);
  }
  .bg-sand\! {
    background-color: var(--color-sand) !important;
  }
  .bg-sand\/40 {
    background-color: color-mix(in oklab, var(--color-sand) 40%, transparent);
  }
  .bg-sand\/80 {
    background-color: color-mix(in oklab, var(--color-sand) 80%, transparent);
  }
  .bg-secondary {
    background-color: var(--color-secondary);
  }
  .bg-secondary\! {
    background-color: var(--color-secondary) !important;
  }
  .bg-secondary-dark {
    background-color: var(--color-secondary-dark);
  }
  .bg-secondary-tonal {
    background-color: var(--color-secondary-tonal);
  }
  .bg-secondary-tonal\/60 {
    background-color: color-mix(in oklab, var(--color-secondary-tonal) 60%, transparent);
  }
  .bg-secondary-tonal\/90 {
    background-color: color-mix(in oklab, var(--color-secondary-tonal) 90%, transparent);
  }
  .bg-secondary\/25 {
    background-color: color-mix(in oklab, var(--color-secondary) 25%, transparent);
  }
  .bg-secondary\/30 {
    background-color: color-mix(in oklab, var(--color-secondary) 30%, transparent);
  }
  .bg-tertiary {
    background-color: var(--color-tertiary);
  }
  .bg-tertiary\! {
    background-color: var(--color-tertiary) !important;
  }
  .bg-tertiary-tonal {
    background-color: var(--color-tertiary-tonal);
  }
  .bg-tertiary\/25 {
    background-color: color-mix(in oklab, var(--color-tertiary) 25%, transparent);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-transparent\! {
    background-color: transparent !important;
  }
  .bg-violet-500 {
    background-color: var(--color-violet-500);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\! {
    background-color: var(--color-white) !important;
  }
  .bg-white-d {
    background-color: var(--color-white-d);
  }
  .bg-white-d\! {
    background-color: var(--color-white-d) !important;
  }
  .bg-white-d\/60 {
    background-color: color-mix(in oklab, var(--color-white-d) 60%, transparent);
  }
  .bg-white-d\/70 {
    background-color: color-mix(in oklab, var(--color-white-d) 70%, transparent);
  }
  .bg-white-d\/75 {
    background-color: color-mix(in oklab, var(--color-white-d) 75%, transparent);
  }
  .bg-white-d\/95 {
    background-color: color-mix(in oklab, var(--color-white-d) 95%, transparent);
  }
  .bg-white\/5 {
    background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
  }
  .bg-white\/10 {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
  .bg-white\/15 {
    background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
  }
  .bg-white\/20 {
    background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
  }
  .bg-white\/25 {
    background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
  }
  .bg-white\/35 {
    background-color: color-mix(in oklab, var(--color-white) 35%, transparent);
  }
  .bg-white\/40 {
    background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
  }
  .bg-white\/70 {
    background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
  }
  .bg-yellow-300 {
    background-color: var(--color-yellow-300);
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .\[background-image\:conic-gradient\(\#ddd_25\%\,white_0_50\%\,\#ddd_0_75\%\,white_0\)\] {
    background-image: conic-gradient(#ddd 25%,white 0 50%,#ddd 0 75%,white 0);
  }
  .bg-\[url\(\'\/res\/images\/load-bar\.gif\'\)\] {
    background-image: url('/res/images/load-bar.gif');
  }
  .bg-\[url\(\'https\:\/\/www\.gstatic\.com\/instantbuy\/svg\/dark_gpay\.svg\'\)\] {
    background-image: url('https://www.gstatic.com/instantbuy/svg/dark_gpay.svg');
  }
  .bg-\[url\(\/res\/images\/load-bar\.gif\)\] {
    background-image: url(/res/images/load-bar.gif);
  }
  .bg-none\! {
    background-image: none !important;
  }
  .from-\[\#D9D9D9\] {
    --tw-gradient-from: #D9D9D9;
    --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-gray-dark {
    --tw-gradient-from: var(--color-gray-dark);
    --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-primary {
    --tw-gradient-from: var(--color-primary);
    --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-sand {
    --tw-gradient-from: var(--color-sand);
    --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-secondary {
    --tw-gradient-from: var(--color-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-white-d {
    --tw-gradient-from: var(--color-white-d);
    --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-60\% {
    --tw-gradient-from-position: 60%;
  }
  .via-transparent {
    --tw-gradient-via: transparent;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .to-gray-dark {
    --tw-gradient-to: var(--color-gray-dark);
    --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-gray-darkest\! {
    --tw-gradient-to: var(--color-gray-darkest) !important;
    --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)) !important;
  }
  .to-hero {
    --tw-gradient-to: var(--color-hero);
    --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-primary\/50 {
    --tw-gradient-to: color-mix(in oklab, var(--color-primary) 50%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-secondary-tonal {
    --tw-gradient-to: var(--color-secondary-tonal);
    --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-secondary\/50 {
    --tw-gradient-to: color-mix(in oklab, var(--color-secondary) 50%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-tertiary {
    --tw-gradient-to: var(--color-tertiary);
    --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-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-white-d {
    --tw-gradient-to: var(--color-white-d);
    --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-90\% {
    --tw-gradient-to-position: 90%;
  }
  .to-100\% {
    --tw-gradient-to-position: 100%;
  }
  .\[background-size\:\.5rem_\.5rem\] {
    background-size: .5rem .5rem;
  }
  .\[background-size\:1rem_1rem\] {
    background-size: 1rem 1rem;
  }
  .bg-\[auto_100px\] {
    background-size: auto 100px;
  }
  .bg-contain {
    background-size: contain;
  }
  .bg-clip-border {
    background-clip: border-box;
  }
  .bg-clip-text {
    background-clip: text;
  }
  .bg-center {
    background-position: center;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .bg-origin-content {
    background-origin: content-box;
  }
  .fill-current {
    fill: currentColor;
  }
  .fill-error {
    fill: var(--color-error);
  }
  .fill-gray {
    fill: var(--color-gray);
  }
  .fill-gray-dark {
    fill: var(--color-gray-dark);
  }
  .fill-gray-darkest {
    fill: var(--color-gray-darkest);
  }
  .fill-gray-light {
    fill: var(--color-gray-light);
  }
  .fill-gray-tonal {
    fill: var(--color-gray-tonal);
  }
  .fill-none {
    fill: none;
  }
  .fill-primary {
    fill: var(--color-primary);
  }
  .fill-primary\/10 {
    fill: color-mix(in oklab, var(--color-primary) 10%, transparent);
  }
  .fill-sand {
    fill: var(--color-sand);
  }
  .fill-secondary {
    fill: var(--color-secondary);
  }
  .fill-tertiary {
    fill: var(--color-tertiary);
  }
  .stroke-current {
    stroke: currentColor;
  }
  .stroke-primary {
    stroke: var(--color-primary);
  }
  .stroke-secondary {
    stroke: var(--color-secondary);
  }
  .stroke-tertiary {
    stroke: var(--color-tertiary);
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-fill {
    object-fit: fill;
  }
  .object-top {
    object-position: top;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-0\! {
    padding: calc(var(--spacing) * 0) !important;
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-3\.75 {
    padding: calc(var(--spacing) * 3.75);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-6\! {
    padding: calc(var(--spacing) * 6) !important;
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .p-\[3px\] {
    padding: 3px;
  }
  .p-\[7px\] {
    padding: 7px;
  }
  .p-\[30px\] {
    padding: 30px;
  }
  .p-px {
    padding: 1px;
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-0\! {
    padding-inline: calc(var(--spacing) * 0) !important;
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\! {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\! {
    padding-inline: calc(var(--spacing) * 3) !important;
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-3\.75 {
    padding-inline: calc(var(--spacing) * 3.75);
  }
  .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-7 {
    padding-inline: calc(var(--spacing) * 7);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-9 {
    padding-inline: calc(var(--spacing) * 9);
  }
  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .px-21 {
    padding-inline: calc(var(--spacing) * 21);
  }
  .px-\[4px\] {
    padding-inline: 4px;
  }
  .px-\[11px\] {
    padding-inline: 11px;
  }
  .px-\[14px\] {
    padding-inline: 14px;
  }
  .px-\[15px\] {
    padding-inline: 15px;
  }
  .px-\[24px\] {
    padding-inline: 24px;
  }
  .px-\[28px\] {
    padding-inline: 28px;
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-0\! {
    padding-block: calc(var(--spacing) * 0) !important;
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\! {
    padding-block: calc(var(--spacing) * 1) !important;
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-1\.5\! {
    padding-block: calc(var(--spacing) * 1.5) !important;
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\! {
    padding-block: calc(var(--spacing) * 3) !important;
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }
  .py-\[7px\] {
    padding-block: 7px;
  }
  .py-\[10px\] {
    padding-block: 10px;
  }
  .py-\[60px\] {
    padding-block: 60px;
  }
  .ps-1 {
    padding-inline-start: calc(var(--spacing) * 1);
  }
  .ps-1\.5 {
    padding-inline-start: calc(var(--spacing) * 1.5);
  }
  .ps-2 {
    padding-inline-start: calc(var(--spacing) * 2);
  }
  .ps-2\.5 {
    padding-inline-start: calc(var(--spacing) * 2.5);
  }
  .ps-3 {
    padding-inline-start: calc(var(--spacing) * 3);
  }
  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }
  .ps-5 {
    padding-inline-start: calc(var(--spacing) * 5);
  }
  .ps-6 {
    padding-inline-start: calc(var(--spacing) * 6);
  }
  .ps-8 {
    padding-inline-start: calc(var(--spacing) * 8);
  }
  .pe-1 {
    padding-inline-end: calc(var(--spacing) * 1);
  }
  .pe-1\.5 {
    padding-inline-end: calc(var(--spacing) * 1.5);
  }
  .pe-2 {
    padding-inline-end: calc(var(--spacing) * 2);
  }
  .pe-2\.5 {
    padding-inline-end: calc(var(--spacing) * 2.5);
  }
  .pe-3 {
    padding-inline-end: calc(var(--spacing) * 3);
  }
  .pe-4 {
    padding-inline-end: calc(var(--spacing) * 4);
  }
  .pe-8 {
    padding-inline-end: calc(var(--spacing) * 8);
  }
  .pe-14 {
    padding-inline-end: calc(var(--spacing) * 14);
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-0\! {
    padding-top: calc(var(--spacing) * 0) !important;
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pt-18 {
    padding-top: calc(var(--spacing) * 18);
  }
  .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }
  .pt-26 {
    padding-top: calc(var(--spacing) * 26);
  }
  .pt-\[65px\] {
    padding-top: 65px;
  }
  .pt-\[80px\] {
    padding-top: 80px;
  }
  .pt-\[80px\]\! {
    padding-top: 80px !important;
  }
  .pt-\[95px\] {
    padding-top: 95px;
  }
  .pt-\[95px\]\! {
    padding-top: 95px !important;
  }
  .pt-\[120px\] {
    padding-top: 120px;
  }
  .pt-\[120px\]\! {
    padding-top: 120px !important;
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }
  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .pr-7 {
    padding-right: calc(var(--spacing) * 7);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pr-10\! {
    padding-right: calc(var(--spacing) * 10) !important;
  }
  .pr-\[16px\] {
    padding-right: 16px;
  }
  .pb-0\! {
    padding-bottom: calc(var(--spacing) * 0) !important;
  }
  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * 0.5);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .pb-\[266px\] {
    padding-bottom: 266px;
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-3\! {
    padding-left: calc(var(--spacing) * 3) !important;
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-4\! {
    padding-left: calc(var(--spacing) * 4) !important;
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-6\! {
    padding-left: calc(var(--spacing) * 6) !important;
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
  .pl-11 {
    padding-left: calc(var(--spacing) * 11);
  }
  .pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }
  .pl-\[9px\] {
    padding-left: 9px;
  }
  .pl-\[12px\] {
    padding-left: 12px;
  }
  .pl-\[15px\] {
    padding-left: 15px;
  }
  .pl-\[16px\] {
    padding-left: 16px;
  }
  .pl-\[20px\] {
    padding-left: 20px;
  }
  .text-center {
    text-align: center;
  }
  .text-end {
    text-align: end;
  }
  .text-end\! {
    text-align: end !important;
  }
  .text-justify {
    text-align: justify;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-start {
    text-align: start;
  }
  .text-start\! {
    text-align: start !important;
  }
  .align-\[-3px\] {
    vertical-align: -3px;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-top {
    vertical-align: top;
  }
  .font-body {
    font-family: "Nunito", sans-serif;
  }
  .font-body {
    font-family: var(--font-body);
  }
  .font-label {
    font-family: "Inter", sans-serif;
  }
  .font-label {
    font-family: var(--font-label);
  }
  .font-label\! {
    font-family: "Inter", sans-serif !important;
  }
  .font-label\! {
    font-family: var(--font-label) !important;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-mono\! {
    font-family: var(--font-mono) !important;
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-2xl\! {
    font-size: var(--text-2xl) !important;
    line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-base\! {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-sm\! {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-xs\! {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }
  .text-\[0\.85em\] {
    font-size: 0.85em;
  }
  .text-\[5pt\]\! {
    font-size: 5pt !important;
  }
  .text-\[9px\] {
    font-size: 9px;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[12px\]\! {
    font-size: 12px !important;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[13px\]\! {
    font-size: 13px !important;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[17px\] {
    font-size: 17px;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[20px\]\! {
    font-size: 20px !important;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-\[26px\]\! {
    font-size: 26px !important;
  }
  .text-\[28px\] {
    font-size: 28px;
  }
  .text-\[28px\]\! {
    font-size: 28px !important;
  }
  .text-\[32px\] {
    font-size: 32px;
  }
  .text-\[36px\] {
    font-size: 36px;
  }
  .text-\[42px\] {
    font-size: 42px;
  }
  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .leading-\[32px\] {
    --tw-leading: 32px;
    line-height: 32px;
  }
  .leading-\[56px\] {
    --tw-leading: 56px;
    line-height: 56px;
  }
  .leading-\[60px\] {
    --tw-leading: 60px;
    line-height: 60px;
  }
  .leading-\[100\%\] {
    --tw-leading: 100%;
    line-height: 100%;
  }
  .leading-\[110\%\] {
    --tw-leading: 110%;
    line-height: 110%;
  }
  .leading-\[120\%\] {
    --tw-leading: 120%;
    line-height: 120%;
  }
  .leading-\[120\%\]\! {
    --tw-leading: 120% !important;
    line-height: 120% !important;
  }
  .leading-loose {
    --tw-leading: var(--leading-loose);
    line-height: var(--leading-loose);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .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;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-bold\! {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-light\! {
    --tw-font-weight: var(--font-weight-light) !important;
    font-weight: var(--font-weight-light) !important;
  }
  .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-normal\! {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .font-semibold\! {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre {
    white-space: pre;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .\!text-gray-dark {
    color: var(--color-gray-dark) !important;
  }
  .text-\(--filled\) {
    color: var(--filled);
  }
  .text-\[\#76787E\] {
    color: #76787E;
  }
  .text-\[\#141414\] {
    color: #141414;
  }
  .text-\[\#606266\] {
    color: #606266;
  }
  .text-\[\#EDECEA\] {
    color: #EDECEA;
  }
  .text-\[\#c4c4c4\] {
    color: #c4c4c4;
  }
  .text-\[\#ccc\] {
    color: #ccc;
  }
  .text-\[\#d7d7d7\] {
    color: #d7d7d7;
  }
  .text-\[\#edecea\] {
    color: #edecea;
  }
  .text-\[var\(--color-filled\)\] {
    color: var(--color-filled);
  }
  .text-\[var\(--filled\)\] {
    color: var(--filled);
  }
  .text-amber-400 {
    color: var(--color-amber-400);
  }
  .text-black {
    color: var(--color-black);
  }
  .text-blender {
    color: var(--color-blender);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-c4d {
    color: var(--color-c4d);
  }
  .text-dim {
    color: var(--color-dim);
  }
  .text-dim\/40 {
    color: color-mix(in oklab, var(--color-dim) 40%, transparent);
  }
  .text-dim\/70 {
    color: color-mix(in oklab, var(--color-dim) 70%, transparent);
  }
  .text-error {
    color: var(--color-error);
  }
  .text-error-dark {
    color: var(--color-error-dark);
  }
  .text-error-tonal {
    color: var(--color-error-tonal);
  }
  .text-gray {
    color: var(--color-gray);
  }
  .text-gray\! {
    color: var(--color-gray) !important;
  }
  .text-gray-300 {
    color: var(--color-gray-300);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-dark {
    color: var(--color-gray-dark);
  }
  .text-gray-dark\! {
    color: var(--color-gray-dark) !important;
  }
  .text-gray-dark\/30 {
    color: color-mix(in oklab, var(--color-gray-dark) 30%, transparent);
  }
  .text-gray-dark\/60 {
    color: color-mix(in oklab, var(--color-gray-dark) 60%, transparent);
  }
  .text-gray-dark\/80 {
    color: color-mix(in oklab, var(--color-gray-dark) 80%, transparent);
  }
  .text-gray-dark\/80\! {
    color: color-mix(in oklab, var(--color-gray-dark) 80%, transparent) !important;
  }
  .text-gray-darkest {
    color: var(--color-gray-darkest);
  }
  .text-gray-light {
    color: var(--color-gray-light);
  }
  .text-gray-tonal {
    color: var(--color-gray-tonal);
  }
  .text-gray-tonal\/80 {
    color: color-mix(in oklab, var(--color-gray-tonal) 80%, transparent);
  }
  .text-gray\/60 {
    color: color-mix(in oklab, var(--color-gray) 60%, transparent);
  }
  .text-green-500 {
    color: var(--color-green-500);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-houdini {
    color: var(--color-houdini);
  }
  .text-indicator {
    color: var(--color-indicator);
  }
  .text-indicator-active\/70 {
    color: color-mix(in oklab, var(--color-indicator-active) 70%, transparent);
  }
  .text-indicator-active\/80 {
    color: color-mix(in oklab, var(--color-indicator-active) 80%, transparent);
  }
  .text-orange-500 {
    color: var(--color-orange-500);
  }
  .text-outline-light {
    color: var(--color-outline-light);
  }
  .text-outline-medium {
    color: var(--color-outline-medium);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-primary-dark {
    color: var(--color-primary-dark);
  }
  .text-primary-tonal {
    color: var(--color-primary-tonal);
  }
  .text-purple-600 {
    color: var(--color-purple-600);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-sand {
    color: var(--color-sand);
  }
  .text-secondary {
    color: var(--color-secondary);
  }
  .text-secondary-dark {
    color: var(--color-secondary-dark);
  }
  .text-secondary-tonal {
    color: var(--color-secondary-tonal);
  }
  .text-secondary\/70 {
    color: color-mix(in oklab, var(--color-secondary) 70%, transparent);
  }
  .text-tertiary {
    color: var(--color-tertiary);
  }
  .text-tertiary-dark {
    color: var(--color-tertiary-dark);
  }
  .text-transparent {
    color: transparent;
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\! {
    color: var(--color-white) !important;
  }
  .text-white-d {
    color: var(--color-white-d);
  }
  .text-white-d\! {
    color: var(--color-white-d) !important;
  }
  .text-white\/25 {
    color: color-mix(in oklab, var(--color-white) 25%, transparent);
  }
  .text-white\/30 {
    color: color-mix(in oklab, var(--color-white) 30%, transparent);
  }
  .text-white\/40 {
    color: color-mix(in oklab, var(--color-white) 40%, transparent);
  }
  .text-white\/50 {
    color: color-mix(in oklab, var(--color-white) 50%, transparent);
  }
  .text-white\/60 {
    color: color-mix(in oklab, var(--color-white) 60%, transparent);
  }
  .text-white\/60\! {
    color: color-mix(in oklab, var(--color-white) 60%, transparent) !important;
  }
  .text-white\/70 {
    color: color-mix(in oklab, var(--color-white) 70%, transparent);
  }
  .text-white\/75 {
    color: color-mix(in oklab, var(--color-white) 75%, transparent);
  }
  .text-white\/80 {
    color: color-mix(in oklab, var(--color-white) 80%, transparent);
  }
  .text-white\/85 {
    color: color-mix(in oklab, var(--color-white) 85%, transparent);
  }
  .text-white\/90 {
    color: color-mix(in oklab, var(--color-white) 90%, transparent);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .normal-case {
    text-transform: none;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .underline-offset-7 {
    text-underline-offset: 7px;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .accent-primary {
    accent-color: var(--color-primary);
  }
  .accent-secondary {
    accent-color: var(--color-secondary);
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-5 {
    opacity: 5%;
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-35 {
    opacity: 35%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-65 {
    opacity: 65%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-90 {
    opacity: 90%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .opacity-100\! {
    opacity: 100% !important;
  }
  .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-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_-2px_0_0_var\(--color-primary\)\] {
    --tw-shadow: inset -2px 0 0 var(--tw-shadow-color, var(--color-primary));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_-2px_0_var\(--color-primary\)\] {
    --tw-shadow: inset 0 -2px 0 var(--tw-shadow-color, var(--color-primary));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_2px_0_var\(--color-primary\)\] {
    --tw-shadow: inset 0 2px 0 var(--tw-shadow-color, var(--color-primary));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_2px_0_0_var\(--color-primary\)\] {
    --tw-shadow: inset 2px 0 0 var(--tw-shadow-color, var(--color-primary));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_3px_0_0_var\(--color-primary\)\] {
    --tw-shadow: inset 3px 0 0 var(--tw-shadow-color, var(--color-primary));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_3px_0_0_var\(--color-secondary\)\] {
    --tw-shadow: inset 3px 0 0 var(--tw-shadow-color, var(--color-secondary));
    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-md {
    --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);
  }
  .shadow-none {
    --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);
  }
  .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);
  }
  .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)) !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-xs {
    --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);
  }
  .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);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-2 {
    --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);
  }
  .ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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);
  }
  .shadow-primary\/50 {
    --tw-shadow-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
  }
  .ring-\(--rest-surface\) {
    --tw-ring-color: var(--rest-surface);
  }
  .ring-error {
    --tw-ring-color: var(--color-error);
  }
  .ring-gray-dark {
    --tw-ring-color: var(--color-gray-dark);
  }
  .ring-primary {
    --tw-ring-color: var(--color-primary);
  }
  .ring-primary\/25 {
    --tw-ring-color: color-mix(in oklab, var(--color-primary) 25%, transparent);
  }
  .ring-primary\/40 {
    --tw-ring-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
  }
  .ring-white-d {
    --tw-ring-color: var(--color-white-d);
  }
  .ring-white\/60 {
    --tw-ring-color: color-mix(in oklab, var(--color-white) 60%, transparent);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .outline-offset-4 {
    outline-offset: 4px;
  }
  .outline-blue-500 {
    outline-color: var(--color-blue-500);
  }
  .outline-blue-500\! {
    outline-color: var(--color-blue-500) !important;
  }
  .outline-gray {
    outline-color: var(--color-gray);
  }
  .outline-gray-dark {
    outline-color: var(--color-gray-dark);
  }
  .outline-transparent {
    outline-color: transparent;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-sm {
    --tw-blur: blur(var(--blur-sm));
    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,);
  }
  .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,);
  }
  .saturate-50 {
    --tw-saturate: saturate(50%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-\[1px\] {
    --tw-backdrop-blur: blur(1px);
    -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-blur-md\! {
    --tw-backdrop-blur: blur(var(--blur-md)) !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;
  }
  .backdrop-blur-none {
    --tw-backdrop-blur:  ;
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-xl {
    --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,);
  }
  .backdrop-blur-xs {
    --tw-backdrop-blur: blur(var(--blur-xs));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-filter {
    -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;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[color\,transform\] {
    transition-property: color,transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[filter\] {
    transition-property: filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[grid-template-columns\,gap\] {
    transition-property: grid-template-columns,gap;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[height\,border-color\] {
    transition-property: height,border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[left\] {
    transition-property: left;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,transform\] {
    transition-property: opacity,transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-shadow {
    transition-property: box-shadow;
    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));
  }
  .delay-150 {
    transition-delay: 150ms;
  }
  .delay-200 {
    transition-delay: 200ms;
  }
  .duration-100 {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .duration-1000 {
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
  }
  .ease-\[ease\] {
    --tw-ease: ease;
    transition-timing-function: ease;
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .\[contain\:inline-size\] {
    contain: inline-size;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .outline-solid {
    --tw-outline-style: solid;
    outline-style: solid;
  }
  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .select-text {
    -webkit-user-select: text;
    user-select: text;
  }
  .\[--bg\:var\(--color-formitem\)\] {
    --bg: var(--color-formitem);
  }
  .\[--check\:var\(--color-gray-dark\)\] {
    --check: var(--color-gray-dark);
  }
  .\[--color-formitem\:revert-layer_\!important\] {
    --color-formitem: revert-layer !important;
  }
  .\[--color-formitem\:var\(--color-gray-tonal\)\] {
    --color-formitem: var(--color-gray-tonal);
  }
  .\[--color-formitem\:var\(--color-sand\)\] {
    --color-formitem: var(--color-sand);
  }
  .\[--color-formitem\:var\(--color-white-d\)\] {
    --color-formitem: var(--color-white-d);
  }
  .\[--color-gray-tonal\:var\(--color-sand\)\] {
    --color-gray-tonal: var(--color-sand);
  }
  .\[--color-sand\:var\(--color-formitem\)\] {
    --color-sand: var(--color-formitem);
  }
  .\[--color-sand\:var\(--color-gray-light\)\] {
    --color-sand: var(--color-gray-light);
  }
  .\[--color-white-d\:var\(--color-gray-lightest\)\] {
    --color-white-d: var(--color-gray-lightest);
  }
  .\[--height\:calc\(100dvh-120px\)\] {
    --height: calc(100dvh - 120px);
  }
  .\[--rest-surface\:var\(--color-gray-lightest\)\] {
    --rest-surface: var(--color-gray-lightest);
  }
  .\[--slice-background\:var\(--color-formitem\)\] {
    --slice-background: var(--color-formitem);
  }
  .\[--y-offset\:-15px\] {
    --y-offset: -15px;
  }
  .\[counter-increment\:line\] {
    counter-increment: line;
  }
  .\[counter-reset\:line\] {
    counter-reset: line;
  }
  .\[image-rendering\:auto\] {
    image-rendering: auto;
  }
  .\[mask-image\:linear-gradient\(to_right\,transparent\,\#000_var\(--fade-l\)\,\#000_calc\(100\%-var\(--fade-r\)\)\,transparent\)\] {
    mask-image: linear-gradient(to right,transparent,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent);
  }
  .\[mask-size\:auto_20px\] {
    mask-size: auto 20px;
  }
  .\[mask-size\:auto_24px\] {
    mask-size: auto 24px;
  }
  .\[overflow-anchor\:none\] {
    overflow-anchor: none;
  }
  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }
  .\[tab-size\:4\] {
    tab-size: 4;
  }
  .\[view-transition-name\:monitor\] {
    view-transition-name: monitor;
  }
  .\[writing-mode\:vertical-rl\] {
    writing-mode: vertical-rl;
  }
  .perspective-\[800px\] {
    perspective: 800px;
  }
  .ring-inset {
    --tw-ring-inset: inset;
  }
  .scrollbar-dark\! {
    scrollbar-color: rgba(255, 255, 255, 0.25) transparent !important;
  }
  .scrollbar-light\! {
    scrollbar-color: rgba(0, 0, 0, 0.35) transparent !important;
  }
  .\*\:mx-auto {
    :is(& > *) {
      margin-inline: auto;
    }
  }
  .\*\:w-\[1200px\] {
    :is(& > *) {
      width: 1200px;
    }
  }
  .\*\:max-w-full {
    :is(& > *) {
      max-width: 100%;
    }
  }
  .\*\:min-w-0 {
    :is(& > *) {
      min-width: calc(var(--spacing) * 0);
    }
  }
  .\*\:min-w-fit {
    :is(& > *) {
      min-width: fit-content;
    }
  }
  .\*\:flex-1 {
    :is(& > *) {
      flex: 1;
    }
  }
  .\*\:translate-x-full {
    :is(& > *) {
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\*\:bg-primary\! {
    :is(& > *) {
      background-color: var(--color-primary) !important;
    }
  }
  .\*\:text-sm\! {
    :is(& > *) {
      font-size: var(--text-sm) !important;
      line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
    }
  }
  .\*\:font-bold {
    :is(& > *) {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\*\:font-bold\! {
    :is(& > *) {
      --tw-font-weight: var(--font-weight-bold) !important;
      font-weight: var(--font-weight-bold) !important;
    }
  }
  .\*\:text-nowrap {
    :is(& > *) {
      text-wrap: nowrap;
    }
  }
  .\*\:whitespace-nowrap {
    :is(& > *) {
      white-space: nowrap;
    }
  }
  .\*\:transition-colors {
    :is(& > *) {
      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));
    }
  }
  .\*\*\:text-gray-dark\! {
    :is(& *) {
      color: var(--color-gray-dark) !important;
    }
  }
  .not-group-hover\:text-dim {
    &:not(*:is(:where(.group):hover *)) {
      color: var(--color-dim);
    }
    @media not (hover: hover) {
      color: var(--color-dim);
    }
  }
  .not-hover\:\*\:truncate {
    &:not(*:hover) {
      :is(& > *) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
    @media not (hover: hover) {
      :is(& > *) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
  }
  .not-data-selected\:text-dim {
    &:not(*[data-selected]) {
      color: var(--color-dim);
    }
  }
  .not-dark\:\[--color-gray-tonal\:\#fff\] {
    &:not(*:where(.dark, .dark *)) {
      --color-gray-tonal: #fff;
    }
  }
  .group-first\:rounded-tl-\[10px\] {
    &:is(:where(.group):first-child *) {
      border-top-left-radius: 10px;
    }
  }
  .group-first\:rounded-tr-\[10px\] {
    &:is(:where(.group):first-child *) {
      border-top-right-radius: 10px;
    }
  }
  .group-last\:hidden {
    &:is(:where(.group):last-child *) {
      display: none;
    }
  }
  .group-last\:rounded-br-\[10px\] {
    &:is(:where(.group):last-child *) {
      border-bottom-right-radius: 10px;
    }
  }
  .group-last\:rounded-bl-\[10px\] {
    &:is(:where(.group):last-child *) {
      border-bottom-left-radius: 10px;
    }
  }
  .group-open\:rotate-90 {
    &:is(:where(.group):is([open], :popover-open, :open) *) {
      rotate: 90deg;
    }
  }
  .group-open\:rotate-180 {
    &:is(:where(.group):is([open], :popover-open, :open) *) {
      rotate: 180deg;
    }
  }
  .group-open\/account\:rotate-180 {
    &:is(:where(.group\/account):is([open], :popover-open, :open) *) {
      rotate: 180deg;
    }
  }
  .group-open\/context\:rotate-180 {
    &:is(:where(.group\/context):is([open], :popover-open, :open) *) {
      rotate: 180deg;
    }
  }
  .group-open\/section\:rotate-180 {
    &:is(:where(.group\/section):is([open], :popover-open, :open) *) {
      rotate: 180deg;
    }
  }
  .group-open\/setup\:rotate-180 {
    &:is(:where(.group\/setup):is([open], :popover-open, :open) *) {
      rotate: 180deg;
    }
  }
  .group-focus-within\/tip\:visible {
    &:is(:where(.group\/tip):focus-within *) {
      visibility: visible;
    }
  }
  .group-focus-within\/tip\:opacity-100 {
    &:is(:where(.group\/tip):focus-within *) {
      opacity: 100%;
    }
  }
  .group-hover\:block {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: block;
      }
    }
  }
  .group-hover\:hidden {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: none;
      }
    }
  }
  .group-hover\:inline-block {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: inline-block;
      }
    }
  }
  .group-hover\:translate-x-0\.5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:scale-103 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 103%;
        --tw-scale-y: 103%;
        --tw-scale-z: 103%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:scale-115 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 115%;
        --tw-scale-y: 115%;
        --tw-scale-z: 115%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:\[transform\:rotateX\(var\(--x\)\)_rotateY\(var\(--y\)\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        transform: rotateX(var(--x)) rotateY(var(--y));
      }
    }
  }
  .group-hover\:border-outline-medium {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-outline-medium);
      }
    }
  }
  .group-hover\:bg-indicator-active\/70 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-indicator-active) 70%, transparent);
      }
    }
  }
  .group-hover\:bg-primary-dark {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-primary-dark);
      }
    }
  }
  .group-hover\:bg-primary\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
      }
    }
  }
  .group-hover\:bg-primary\/50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
      }
    }
  }
  .group-hover\:fill-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        fill: var(--color-primary);
      }
    }
  }
  .group-hover\:fill-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        fill: var(--color-white);
      }
    }
  }
  .group-hover\:px-\[26px\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        padding-inline: 26px;
      }
    }
  }
  .group-hover\:pr-\[18px\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        padding-right: 18px;
      }
    }
  }
  .group-hover\:text-gray-dark\/70 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: color-mix(in oklab, var(--color-gray-dark) 70%, transparent);
      }
    }
  }
  .group-hover\:text-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-primary);
      }
    }
  }
  .group-hover\:text-secondary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-secondary);
      }
    }
  }
  .group-hover\:text-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .group-hover\:underline {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\:brightness-90 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-brightness: brightness(90%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .group-hover\:not-peer-hover\:text-white\/50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        &:not(*:is(:where(.peer):hover ~ *)) {
          color: color-mix(in oklab, var(--color-white) 50%, transparent);
        }
        @media not (hover: hover) {
          color: color-mix(in oklab, var(--color-white) 50%, transparent);
        }
      }
    }
  }
  .group-hover\/button\:bg-error {
    &:is(:where(.group\/button):hover *) {
      @media (hover: hover) {
        background-color: var(--color-error);
      }
    }
  }
  .group-hover\/button\:bg-error-dark {
    &:is(:where(.group\/button):hover *) {
      @media (hover: hover) {
        background-color: var(--color-error-dark);
      }
    }
  }
  .group-hover\/button\:bg-gray {
    &:is(:where(.group\/button):hover *) {
      @media (hover: hover) {
        background-color: var(--color-gray);
      }
    }
  }
  .group-hover\/button\:bg-gray-dark {
    &:is(:where(.group\/button):hover *) {
      @media (hover: hover) {
        background-color: var(--color-gray-dark);
      }
    }
  }
  .group-hover\/button\:bg-gray-tonal {
    &:is(:where(.group\/button):hover *) {
      @media (hover: hover) {
        background-color: var(--color-gray-tonal);
      }
    }
  }
  .group-hover\/button\:bg-primary {
    &:is(:where(.group\/button):hover *) {
      @media (hover: hover) {
        background-color: var(--color-primary);
      }
    }
  }
  .group-hover\/button\:bg-primary-dark {
    &:is(:where(.group\/button):hover *) {
      @media (hover: hover) {
        background-color: var(--color-primary-dark);
      }
    }
  }
  .group-hover\/button\:bg-secondary {
    &:is(:where(.group\/button):hover *) {
      @media (hover: hover) {
        background-color: var(--color-secondary);
      }
    }
  }
  .group-hover\/button\:bg-secondary-dark {
    &:is(:where(.group\/button):hover *) {
      @media (hover: hover) {
        background-color: var(--color-secondary-dark);
      }
    }
  }
  .group-hover\/button\:bg-tertiary {
    &:is(:where(.group\/button):hover *) {
      @media (hover: hover) {
        background-color: var(--color-tertiary);
      }
    }
  }
  .group-hover\/button\:bg-tertiary-dark {
    &:is(:where(.group\/button):hover *) {
      @media (hover: hover) {
        background-color: var(--color-tertiary-dark);
      }
    }
  }
  .group-hover\/button\:px-\[13px\] {
    &:is(:where(.group\/button):hover *) {
      @media (hover: hover) {
        padding-inline: 13px;
      }
    }
  }
  .group-hover\/button\:px-\[16px\] {
    &:is(:where(.group\/button):hover *) {
      @media (hover: hover) {
        padding-inline: 16px;
      }
    }
  }
  .group-hover\/button\:px-\[26px\] {
    &:is(:where(.group\/button):hover *) {
      @media (hover: hover) {
        padding-inline: 26px;
      }
    }
  }
  .group-hover\/button\:px-\[30px\] {
    &:is(:where(.group\/button):hover *) {
      @media (hover: hover) {
        padding-inline: 30px;
      }
    }
  }
  .group-hover\/button\:pl-\[11px\] {
    &:is(:where(.group\/button):hover *) {
      @media (hover: hover) {
        padding-left: 11px;
      }
    }
  }
  .group-hover\/button\:pl-\[14px\] {
    &:is(:where(.group\/button):hover *) {
      @media (hover: hover) {
        padding-left: 14px;
      }
    }
  }
  .group-hover\/button\:pl-\[18px\] {
    &:is(:where(.group\/button):hover *) {
      @media (hover: hover) {
        padding-left: 18px;
      }
    }
  }
  .group-hover\/button\:pl-\[22px\] {
    &:is(:where(.group\/button):hover *) {
      @media (hover: hover) {
        padding-left: 22px;
      }
    }
  }
  .group-hover\/button\:text-gray-tonal {
    &:is(:where(.group\/button):hover *) {
      @media (hover: hover) {
        color: var(--color-gray-tonal);
      }
    }
  }
  .group-hover\/button\:text-white {
    &:is(:where(.group\/button):hover *) {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .group-hover\/card\:opacity-100 {
    &:is(:where(.group\/card):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/code\:opacity-100 {
    &:is(:where(.group\/code):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/day\:ring-1 {
    &:is(:where(.group\/day):hover *) {
      @media (hover: hover) {
        --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);
      }
    }
  }
  .group-hover\/day\:ring-outline-medium {
    &:is(:where(.group\/day):hover *) {
      @media (hover: hover) {
        --tw-ring-color: var(--color-outline-medium);
      }
    }
  }
  .group-hover\/frame\:scale-\[1\.03\] {
    &:is(:where(.group\/frame):hover *) {
      @media (hover: hover) {
        scale: 1.03;
      }
    }
  }
  .group-hover\/grip\:bg-primary {
    &:is(:where(.group\/grip):hover *) {
      @media (hover: hover) {
        background-color: var(--color-primary);
      }
    }
  }
  .group-hover\/grip\:opacity-100 {
    &:is(:where(.group\/grip):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/handle\:opacity-100 {
    &:is(:where(.group\/handle):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/priority-dot\:bg-gray {
    &:is(:where(.group\/priority-dot):hover *) {
      @media (hover: hover) {
        background-color: var(--color-gray);
      }
    }
  }
  .group-hover\/sort\:text-gray-dark {
    &:is(:where(.group\/sort):hover *) {
      @media (hover: hover) {
        color: var(--color-gray-dark);
      }
    }
  }
  .group-hover\/sort\:opacity-40 {
    &:is(:where(.group\/sort):hover *) {
      @media (hover: hover) {
        opacity: 40%;
      }
    }
  }
  .group-hover\/tip\:visible {
    &:is(:where(.group\/tip):hover *) {
      @media (hover: hover) {
        visibility: visible;
      }
    }
  }
  .group-hover\/tip\:opacity-100 {
    &:is(:where(.group\/tip):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/toggle\:bg-secondary-tonal {
    &:is(:where(.group\/toggle):hover *) {
      @media (hover: hover) {
        background-color: var(--color-secondary-tonal);
      }
    }
  }
  .group-focus-visible\:underline {
    &:is(:where(.group):focus-visible *) {
      text-decoration-line: underline;
    }
  }
  .group-active\:scale-90 {
    &:is(:where(.group):active *) {
      --tw-scale-x: 90%;
      --tw-scale-y: 90%;
      --tw-scale-z: 90%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .group-active\:px-\[28px\] {
    &:is(:where(.group):active *) {
      padding-inline: 28px;
    }
  }
  .group-active\:pr-\[20px\] {
    &:is(:where(.group):active *) {
      padding-right: 20px;
    }
  }
  .group-active\/button\:px-\[15px\] {
    &:is(:where(.group\/button):active *) {
      padding-inline: 15px;
    }
  }
  .group-active\/button\:px-\[18px\] {
    &:is(:where(.group\/button):active *) {
      padding-inline: 18px;
    }
  }
  .group-active\/button\:px-\[28px\] {
    &:is(:where(.group\/button):active *) {
      padding-inline: 28px;
    }
  }
  .group-active\/button\:px-\[32px\] {
    &:is(:where(.group\/button):active *) {
      padding-inline: 32px;
    }
  }
  .group-active\/button\:pl-\[13px\] {
    &:is(:where(.group\/button):active *) {
      padding-left: 13px;
    }
  }
  .group-active\/button\:pl-\[16px\] {
    &:is(:where(.group\/button):active *) {
      padding-left: 16px;
    }
  }
  .group-active\/button\:pl-\[20px\] {
    &:is(:where(.group\/button):active *) {
      padding-left: 20px;
    }
  }
  .group-active\/button\:pl-\[24px\] {
    &:is(:where(.group\/button):active *) {
      padding-left: 24px;
    }
  }
  .group-data-active-render\:grid-cols-\[60px_116px_repeat\(5\,minmax\(0\,1fr\)\)_0\.75fr\]\! {
    &:is(:where(.group)[data-active-render] *) {
      grid-template-columns: 60px 116px repeat(5,minmax(0,1fr)) 0.75fr !important;
    }
  }
  .group-data-browse\/render-list\:pointer-events-none {
    &:is(:where(.group\/render-list)[data-browse] *) {
      pointer-events: none;
    }
  }
  .group-data-browse\/render-list\:hidden {
    &:is(:where(.group\/render-list)[data-browse] *) {
      display: none;
    }
  }
  .group-data-browse\/render-list\:cursor-pointer {
    &:is(:where(.group\/render-list)[data-browse] *) {
      cursor: pointer;
    }
  }
  .group-data-expanded\/monitor\:opacity-0 {
    &:is(:where(.group\/monitor)[data-expanded] *) {
      opacity: 0%;
    }
  }
  .group-data-split\/monitor\:translate-x-0 {
    &:is(:where(.group\/monitor)[data-split] *) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .group-data-split\/monitor\:opacity-100 {
    &:is(:where(.group\/monitor)[data-split] *) {
      opacity: 100%;
    }
  }
  .group-nth-last-2\:bg-white-d\/30 {
    &:is(:where(.group):nth-last-child(2) *) {
      background-color: color-mix(in oklab, var(--color-white-d) 30%, transparent);
    }
  }
  .group-hx-inflight\:pointer-events-none {
    &:is(:is(:where(.group).htmx-request, :where(.group):has(.htmx-request)) *) {
      pointer-events: none;
    }
  }
  .group-hx-inflight\:block {
    &:is(:is(:where(.group).htmx-request, :where(.group):has(.htmx-request)) *) {
      display: block;
    }
  }
  .group-hx-inflight\:opacity-50 {
    &:is(:is(:where(.group).htmx-request, :where(.group):has(.htmx-request)) *) {
      opacity: 50%;
    }
  }
  .group-hx-inflight\:opacity-100 {
    &:is(:is(:where(.group).htmx-request, :where(.group):has(.htmx-request)) *) {
      opacity: 100%;
    }
  }
  .group-\[\&\[data-asc\]\]\:rotate-0 {
    &:is(:where(.group)[data-asc] *) {
      rotate: 0deg;
    }
  }
  .group-\[\&\[data-asc\]\]\:rotate-180 {
    &:is(:where(.group)[data-asc] *) {
      rotate: 180deg;
    }
  }
  .peer-checked\:h-6 {
    &:is(:where(.peer):checked ~ *) {
      height: calc(var(--spacing) * 6);
    }
  }
  .peer-checked\:scale-100 {
    &:is(:where(.peer):checked ~ *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .peer-checked\:bg-\(--check\) {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--check);
    }
  }
  .peer-checked\:bg-primary {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-primary);
    }
  }
  .peer-checked\:bg-secondary {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-secondary);
    }
  }
  .peer-checked\:opacity-100 {
    &:is(:where(.peer):checked ~ *) {
      opacity: 100%;
    }
  }
  .peer-checked\:\*\:translate-x-full {
    &:is(:where(.peer):checked ~ *) {
      :is(& > *) {
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .peer-focus-visible\:ring-2 {
    &:is(:where(.peer):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);
    }
  }
  .peer-focus-visible\:ring-primary {
    &:is(:where(.peer):focus-visible ~ *) {
      --tw-ring-color: var(--color-primary);
    }
  }
  .peer-focus-visible\:ring-offset-2 {
    &:is(:where(.peer):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);
    }
  }
  .peer-focus-visible\:ring-offset-white-d {
    &:is(:where(.peer):focus-visible ~ *) {
      --tw-ring-offset-color: var(--color-white-d);
    }
  }
  .peer-disabled\:bg-gray-tonal\! {
    &:is(:where(.peer):disabled ~ *) {
      background-color: var(--color-gray-tonal) !important;
    }
  }
  .marker\:text-dim {
    & *::marker {
      color: var(--color-dim);
    }
    &::marker {
      color: var(--color-dim);
    }
  }
  .selection\:bg-primary\/40 {
    & *::selection {
      background-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
    }
    &::selection {
      background-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
    }
  }
  .backdrop\:bg-black\/40 {
    &::backdrop {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }
  .before\:absolute {
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .before\:top-1\/2 {
    &::before {
      content: var(--tw-content);
      top: calc(1/2 * 100%);
    }
  }
  .before\:left-1\/2 {
    &::before {
      content: var(--tw-content);
      left: calc(1/2 * 100%);
    }
  }
  .before\:z-40 {
    &::before {
      content: var(--tw-content);
      z-index: 40;
    }
  }
  .before\:mr-3 {
    &::before {
      content: var(--tw-content);
      margin-right: calc(var(--spacing) * 3);
    }
  }
  .before\:inline-block {
    &::before {
      content: var(--tw-content);
      display: inline-block;
    }
  }
  .before\:h-\[30px\] {
    &::before {
      content: var(--tw-content);
      height: 30px;
    }
  }
  .before\:w-\[30px\] {
    &::before {
      content: var(--tw-content);
      width: 30px;
    }
  }
  .before\:w-\[40px\] {
    &::before {
      content: var(--tw-content);
      width: 40px;
    }
  }
  .before\:-translate-x-1\/2 {
    &::before {
      content: var(--tw-content);
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .before\:-translate-y-1\/2 {
    &::before {
      content: var(--tw-content);
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .before\:animate-spin {
    &::before {
      content: var(--tw-content);
      animation: var(--animate-spin);
    }
  }
  .before\:rounded-full {
    &::before {
      content: var(--tw-content);
      border-radius: calc(infinity * 1px);
    }
  }
  .before\:border-4 {
    &::before {
      content: var(--tw-content);
      border-style: var(--tw-border-style);
      border-width: 4px;
    }
  }
  .before\:border-primary-tonal {
    &::before {
      content: var(--tw-content);
      border-color: var(--color-primary-tonal);
    }
  }
  .before\:border-t-primary {
    &::before {
      content: var(--tw-content);
      border-top-color: var(--color-primary);
    }
  }
  .before\:text-dim {
    &::before {
      content: var(--tw-content);
      color: var(--color-dim);
    }
  }
  .before\:content-\[counter\(line\)\] {
    &::before {
      content: var(--tw-content);
      --tw-content: counter(line);
      content: var(--tw-content);
    }
  }
  .after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .after\:inset-0 {
    &::after {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }
  }
  .after\:top-0\.5 {
    &::after {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0.5);
    }
  }
  .after\:left-0\.5 {
    &::after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0.5);
    }
  }
  .after\:z-30 {
    &::after {
      content: var(--tw-content);
      z-index: 30;
    }
  }
  .after\:size-3\.5 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 3.5);
      height: calc(var(--spacing) * 3.5);
    }
  }
  .after\:rounded-full {
    &::after {
      content: var(--tw-content);
      border-radius: calc(infinity * 1px);
    }
  }
  .after\:rounded-md {
    &::after {
      content: var(--tw-content);
      border-radius: var(--radius-md);
    }
  }
  .after\:bg-gray-light {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-gray-light);
    }
  }
  .after\:bg-white {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-white);
    }
  }
  .after\:transition-all {
    &::after {
      content: var(--tw-content);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .peer-checked\:after\:translate-x-3\.5 {
    &:is(:where(.peer):checked ~ *) {
      &::after {
        content: var(--tw-content);
        --tw-translate-x: calc(var(--spacing) * 3.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .first\:hidden {
    &:first-child {
      display: none;
    }
  }
  .last\:top-\[40px\] {
    &:last-child {
      top: 40px;
    }
  }
  .last\:z-\[2\] {
    &:last-child {
      z-index: 2;
    }
  }
  .last\:ml-0\! {
    &:last-child {
      margin-left: calc(var(--spacing) * 0) !important;
    }
  }
  .last\:ml-auto {
    &:last-child {
      margin-left: auto;
    }
  }
  .last\:scale-100 {
    &:last-child {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .last\:border-0 {
    &:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .last\:border-b-0 {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .last\:opacity-100 {
    &:last-child {
      opacity: 100%;
    }
  }
  .even\:flex-row-reverse {
    &:nth-child(even) {
      flex-direction: row-reverse;
    }
  }
  .even\:\[--bg\:var\(--color-formitem-active\)\] {
    &:nth-child(even) {
      --bg: var(--color-formitem-active);
    }
  }
  .visited\:text-primary-dark {
    &:visited {
      color: var(--color-primary-dark);
    }
  }
  .invalid\:text-error {
    &:invalid {
      color: var(--color-error);
    }
  }
  .read-only\:text-dim {
    &:read-only {
      color: var(--color-dim);
    }
  }
  .read-only\:opacity-60 {
    &:read-only {
      opacity: 60%;
    }
  }
  .empty\:hidden {
    &:empty {
      display: none;
    }
  }
  .focus-within\:border-primary {
    &:focus-within {
      border-color: var(--color-primary);
    }
  }
  .focus-within\:opacity-100 {
    &:focus-within {
      opacity: 100%;
    }
  }
  .focus-within\:shadow-md {
    &:focus-within {
      --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);
    }
  }
  .focus-within\:ring-2 {
    &:focus-within {
      --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-within\:ring-primary {
    &:focus-within {
      --tw-ring-color: var(--color-primary);
    }
  }
  .focus-within\:ring-primary\/30 {
    &:focus-within {
      --tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
    }
  }
  .hover\:w-full {
    &:hover {
      @media (hover: hover) {
        width: 100%;
      }
    }
  }
  .hover\:-translate-y-0\.5 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:scale-101 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 101%;
        --tw-scale-y: 101%;
        --tw-scale-z: 101%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:scale-110 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:scale-\[1\.02\] {
    &:hover {
      @media (hover: hover) {
        scale: 1.02;
      }
    }
  }
  .hover\:scale-\[1\.03\] {
    &:hover {
      @media (hover: hover) {
        scale: 1.03;
      }
    }
  }
  .hover\:rounded-\[15px\] {
    &:hover {
      @media (hover: hover) {
        border-radius: 15px;
      }
    }
  }
  .hover\:border-outline-light\! {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-outline-light) !important;
      }
    }
  }
  .hover\:border-outline-medium {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-outline-medium);
      }
    }
  }
  .hover\:border-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-primary);
      }
    }
  }
  .hover\:border-primary\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
      }
    }
  }
  .hover\:bg-\(--filled\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--filled);
      }
    }
  }
  .hover\:bg-\[\#3c4043\] {
    &:hover {
      @media (hover: hover) {
        background-color: #3c4043;
      }
    }
  }
  .hover\:bg-\[\#F7CA00\] {
    &:hover {
      @media (hover: hover) {
        background-color: #F7CA00;
      }
    }
  }
  .hover\:bg-black\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
      }
    }
  }
  .hover\:bg-black\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
    }
  }
  .hover\:bg-black\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
      }
    }
  }
  .hover\:bg-blender-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blender-dark);
      }
    }
  }
  .hover\:bg-blue-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-700);
      }
    }
  }
  .hover\:bg-c4d-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-c4d-dark);
      }
    }
  }
  .hover\:bg-error {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-error);
      }
    }
  }
  .hover\:bg-error-tonal {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-error-tonal);
      }
    }
  }
  .hover\:bg-error\/45 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-error) 45%, transparent);
      }
    }
  }
  .hover\:bg-formitem {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-formitem);
      }
    }
  }
  .hover\:bg-formitem-active {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-formitem-active);
      }
    }
  }
  .hover\:bg-formitem-active\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-formitem-active) 60%, transparent);
      }
    }
  }
  .hover\:bg-formitem\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-formitem) 60%, transparent);
      }
    }
  }
  .hover\:bg-glass-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-glass-dark);
      }
    }
  }
  .hover\:bg-glass-dark\! {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-glass-dark) !important;
      }
    }
  }
  .hover\:bg-gray {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray);
      }
    }
  }
  .hover\:bg-gray-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-dark);
      }
    }
  }
  .hover\:bg-gray-dark\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-gray-dark) 10%, transparent);
      }
    }
  }
  .hover\:bg-gray-dark\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-gray-dark) 90%, transparent);
      }
    }
  }
  .hover\:bg-gray-darkest {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-darkest);
      }
    }
  }
  .hover\:bg-gray-light {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-light);
      }
    }
  }
  .hover\:bg-gray-tonal {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-tonal);
      }
    }
  }
  .hover\:bg-gray-tonal\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-gray-tonal) 40%, transparent);
      }
    }
  }
  .hover\:bg-gray\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-gray) 30%, transparent);
      }
    }
  }
  .hover\:bg-gray\/45 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-gray) 45%, transparent);
      }
    }
  }
  .hover\:bg-green-500\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
      }
    }
  }
  .hover\:bg-houdini-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-houdini-dark);
      }
    }
  }
  .hover\:bg-outline-light {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-outline-light);
      }
    }
  }
  .hover\:bg-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary);
      }
    }
  }
  .hover\:bg-primary-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-dark);
      }
    }
  }
  .hover\:bg-primary-tonal {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-tonal);
      }
    }
  }
  .hover\:bg-primary-tonal\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-primary-tonal) 40%, transparent);
      }
    }
  }
  .hover\:bg-primary\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
      }
    }
  }
  .hover\:bg-primary\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
      }
    }
  }
  .hover\:bg-primary\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
      }
    }
  }
  .hover\:bg-primary\/45 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-primary) 45%, transparent);
      }
    }
  }
  .hover\:bg-sand {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sand);
      }
    }
  }
  .hover\:bg-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-secondary);
      }
    }
  }
  .hover\:bg-secondary-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-secondary-dark);
      }
    }
  }
  .hover\:bg-secondary-tonal {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-secondary-tonal);
      }
    }
  }
  .hover\:bg-secondary\/25 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-secondary) 25%, transparent);
      }
    }
  }
  .hover\:bg-secondary\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-secondary) 30%, transparent);
      }
    }
  }
  .hover\:bg-secondary\/45 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-secondary) 45%, transparent);
      }
    }
  }
  .hover\:bg-tertiary-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-tertiary-dark);
      }
    }
  }
  .hover\:bg-tertiary\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-tertiary) 30%, transparent);
      }
    }
  }
  .hover\:bg-violet-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-600);
      }
    }
  }
  .hover\:bg-white-d {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white-d);
      }
    }
  }
  .hover\:bg-white-d\! {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white-d) !important;
      }
    }
  }
  .hover\:bg-white-d\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-white-d) 60%, transparent);
      }
    }
  }
  .hover\:bg-white\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }
  .hover\:bg-white\/15 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
  }
  .hover\:bg-white\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }
  .hover\:bg-white\/25 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
      }
    }
  }
  .hover\:bg-white\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
      }
    }
  }
  .hover\:bg-white\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
      }
    }
  }
  .hover\:px-\[2px\] {
    &:hover {
      @media (hover: hover) {
        padding-inline: 2px;
      }
    }
  }
  .hover\:text-\[\#8a8a8a\] {
    &:hover {
      @media (hover: hover) {
        color: #8a8a8a;
      }
    }
  }
  .hover\:text-\[\#edecea\]\/70 {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in oklab, #edecea 70%, transparent);
      }
    }
  }
  .hover\:text-black {
    &:hover {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  .hover\:text-blender {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blender);
      }
    }
  }
  .hover\:text-blue-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-800);
      }
    }
  }
  .hover\:text-c4d {
    &:hover {
      @media (hover: hover) {
        color: var(--color-c4d);
      }
    }
  }
  .hover\:text-dim {
    &:hover {
      @media (hover: hover) {
        color: var(--color-dim);
      }
    }
  }
  .hover\:text-error {
    &:hover {
      @media (hover: hover) {
        color: var(--color-error);
      }
    }
  }
  .hover\:text-gray {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray);
      }
    }
  }
  .hover\:text-gray-dark {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-dark);
      }
    }
  }
  .hover\:text-gray-dark\/70 {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in oklab, var(--color-gray-dark) 70%, transparent);
      }
    }
  }
  .hover\:text-gray-tonal {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-tonal);
      }
    }
  }
  .hover\:text-houdini {
    &:hover {
      @media (hover: hover) {
        color: var(--color-houdini);
      }
    }
  }
  .hover\:text-indicator-active {
    &:hover {
      @media (hover: hover) {
        color: var(--color-indicator-active);
      }
    }
  }
  .hover\:text-primary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary);
      }
    }
  }
  .hover\:text-primary-dark {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary-dark);
      }
    }
  }
  .hover\:text-red-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-800);
      }
    }
  }
  .hover\:text-secondary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-secondary);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:text-white-d {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white-d);
      }
    }
  }
  .hover\:text-white\/50 {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in oklab, var(--color-white) 50%, transparent);
      }
    }
  }
  .hover\:text-white\/50\! {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in oklab, var(--color-white) 50%, transparent) !important;
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:opacity-50 {
    &:hover {
      @media (hover: hover) {
        opacity: 50%;
      }
    }
  }
  .hover\:opacity-70 {
    &:hover {
      @media (hover: hover) {
        opacity: 70%;
      }
    }
  }
  .hover\:opacity-75 {
    &:hover {
      @media (hover: hover) {
        opacity: 75%;
      }
    }
  }
  .hover\:opacity-80 {
    &:hover {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
  .hover\:opacity-90 {
    &:hover {
      @media (hover: hover) {
        opacity: 90%;
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .hover\:shadow-lg {
    &:hover {
      @media (hover: hover) {
        --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);
      }
    }
  }
  .hover\:shadow-md {
    &: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);
      }
    }
  }
  .hover\:shadow-sm {
    &:hover {
      @media (hover: hover) {
        --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);
      }
    }
  }
  .hover\:ring-1 {
    &:hover {
      @media (hover: hover) {
        --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);
      }
    }
  }
  .hover\:ring-outline-medium {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-outline-medium);
      }
    }
  }
  .hover\:outline-gray-dark {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-gray-dark);
      }
    }
  }
  .hover\:brightness-110 {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(110%);
        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,);
      }
    }
  }
  .hover\:saturate-100 {
    &:hover {
      @media (hover: hover) {
        --tw-saturate: saturate(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,);
      }
    }
  }
  .hover\:\[--bg\:var\(--color-gray\)\] {
    &:hover {
      @media (hover: hover) {
        --bg: var(--color-gray);
      }
    }
  }
  .\*\:hover\:text-dim {
    :is(& > *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-dim);
        }
      }
    }
  }
  .not-peer-checked\:hover\:h-5 {
    &:not(*:is(:where(.peer):checked ~ *)) {
      &:hover {
        @media (hover: hover) {
          height: calc(var(--spacing) * 5);
        }
      }
    }
  }
  .not-data-selected\:hover\:border-outline-medium {
    &:not(*[data-selected]) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-outline-medium);
        }
      }
    }
  }
  .not-data-selected\:hover\:bg-gray-tonal {
    &:not(*[data-selected]) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-tonal);
        }
      }
    }
  }
  .not-data-selected\:hover\:bg-white\/5 {
    &:not(*[data-selected]) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
      }
    }
  }
  .focus\:border-primary {
    &:focus {
      border-color: var(--color-primary);
    }
  }
  .focus\:opacity-100 {
    &:focus {
      opacity: 100%;
    }
  }
  .focus\:ring-2 {
    &:focus {
      --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\:ring-primary\/30 {
    &:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
    }
  }
  .focus\:outline-primary {
    &:focus {
      outline-color: var(--color-primary);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus-visible\:scale-\[1\.03\] {
    &:focus-visible {
      scale: 1.03;
    }
  }
  .focus-visible\:text-blue-500 {
    &:focus-visible {
      color: var(--color-blue-500);
    }
  }
  .focus-visible\:opacity-100 {
    &:focus-visible {
      opacity: 100%;
    }
  }
  .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-primary {
    &:focus-visible {
      --tw-ring-color: var(--color-primary);
    }
  }
  .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\:outline-2 {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
  .focus-visible\:-outline-offset-2 {
    &:focus-visible {
      outline-offset: calc(2px * -1);
    }
  }
  .focus-visible\:outline-offset-2 {
    &:focus-visible {
      outline-offset: 2px;
    }
  }
  .focus-visible\:outline-offset-4 {
    &:focus-visible {
      outline-offset: 4px;
    }
  }
  .focus-visible\:outline-blue-500 {
    &:focus-visible {
      outline-color: var(--color-blue-500);
    }
  }
  .focus-visible\:outline-primary {
    &:focus-visible {
      outline-color: var(--color-primary);
    }
  }
  .active\:scale-90 {
    &:active {
      --tw-scale-x: 90%;
      --tw-scale-y: 90%;
      --tw-scale-z: 90%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .active\:scale-95 {
    &:active {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .active\:scale-105 {
    &:active {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .active\:bg-blue-800 {
    &:active {
      background-color: var(--color-blue-800);
    }
  }
  .active\:bg-red-800 {
    &:active {
      background-color: var(--color-red-800);
    }
  }
  .active\:px-0 {
    &:active {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .disabled\:pointer-events-none {
    &:disabled {
      pointer-events: none;
    }
  }
  .disabled\:cursor-default {
    &:disabled {
      cursor: default;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:cursor-wait {
    &:disabled {
      cursor: wait;
    }
  }
  .disabled\:bg-glass\/50 {
    &:disabled {
      background-color: color-mix(in oklab, var(--color-glass) 50%, transparent);
    }
  }
  .disabled\:bg-gray-dark\/30 {
    &:disabled {
      background-color: color-mix(in oklab, var(--color-gray-dark) 30%, transparent);
    }
  }
  .disabled\:text-indicator {
    &:disabled {
      color: var(--color-indicator);
    }
  }
  .disabled\:opacity-30 {
    &:disabled {
      opacity: 30%;
    }
  }
  .disabled\:opacity-35 {
    &:disabled {
      opacity: 35%;
    }
  }
  .disabled\:opacity-40 {
    &:disabled {
      opacity: 40%;
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .disabled\:backdrop-blur-lg {
    &:disabled {
      --tw-backdrop-blur: blur(var(--blur-lg));
      -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,);
    }
  }
  .disabled\:hover\:text-dim {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          color: var(--color-dim);
        }
      }
    }
  }
  .has-checked\:h-9 {
    &:has(*:checked) {
      height: calc(var(--spacing) * 9);
    }
  }
  .has-checked\:h-11 {
    &:has(*:checked) {
      height: calc(var(--spacing) * 11);
    }
  }
  .has-checked\:bg-gray-dark {
    &:has(*:checked) {
      background-color: var(--color-gray-dark);
    }
  }
  .has-checked\:bg-gray-tonal {
    &:has(*:checked) {
      background-color: var(--color-gray-tonal);
    }
  }
  .has-checked\:bg-white-d {
    &:has(*:checked) {
      background-color: var(--color-white-d);
    }
  }
  .has-checked\:text-gray-dark {
    &:has(*:checked) {
      color: var(--color-gray-dark);
    }
  }
  .has-checked\:text-sand {
    &:has(*:checked) {
      color: var(--color-sand);
    }
  }
  .has-checked\:shadow-sm {
    &:has(*:checked) {
      --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);
    }
  }
  .has-checked\:hover\:bg-gray {
    &:has(*:checked) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray);
        }
      }
    }
  }
  .has-checked\:hover\:bg-gray-dark {
    &:has(*:checked) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-dark);
        }
      }
    }
  }
  .has-checked\:hover\:bg-gray-dark\/80 {
    &:has(*:checked) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in oklab, var(--color-gray-dark) 80%, transparent);
        }
      }
    }
  }
  .has-checked\:hover\:text-white {
    &:has(*:checked) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  .has-focus-visible\:outline-2 {
    &:has(*:focus-visible) {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
  .has-disabled\:pointer-events-none {
    &:has(*:disabled) {
      pointer-events: none;
    }
  }
  .has-disabled\:opacity-30 {
    &:has(*:disabled) {
      opacity: 30%;
    }
  }
  .has-disabled\:opacity-50 {
    &:has(*:disabled) {
      opacity: 50%;
    }
  }
  .has-\[\#modal\]\:block {
    &:has(*:is(#modal)) {
      display: block;
    }
  }
  .has-\[\*\]\:block {
    &:has(*:is(*)) {
      display: block;
    }
  }
  .has-\[\.modal-visible\]\:block {
    &:has(*:is(.modal-visible)) {
      display: block;
    }
  }
  .has-\[\.sink\:hover\]\:border-outline-light {
    &:has(*:is(.sink:hover)) {
      border-color: var(--color-outline-light);
    }
  }
  .has-\[\.sink\:hover\]\:bg-white-d {
    &:has(*:is(.sink:hover)) {
      background-color: var(--color-white-d);
    }
  }
  .has-\[code\]\:block {
    &:has(*:is(code)) {
      display: block;
    }
  }
  .aria-\[current\=step\]\:border-outline-medium {
    &[aria-current="step"] {
      border-color: var(--color-outline-medium);
    }
  }
  .aria-\[current\=step\]\:bg-formitem-active {
    &[aria-current="step"] {
      background-color: var(--color-formitem-active);
    }
  }
  .aria-\[current\=step\]\:text-gray-dark {
    &[aria-current="step"] {
      color: var(--color-gray-dark);
    }
  }
  .data-detail-selected\:border-outline-medium\! {
    &[data-detail-selected] {
      border-color: var(--color-outline-medium) !important;
    }
  }
  .data-detail-selected\:bg-gray-tonal {
    &[data-detail-selected] {
      background-color: var(--color-gray-tonal);
    }
  }
  .data-expanded\:grid-cols-\[minmax\(0\,0fr\)_minmax\(0\,1fr\)\] {
    &[data-expanded] {
      grid-template-columns: minmax(0,0fr) minmax(0,1fr);
    }
  }
  .data-open\:ml-0 {
    &[data-open] {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  .data-selected\:border-outline-medium {
    &[data-selected] {
      border-color: var(--color-outline-medium);
    }
  }
  .data-selected\:bg-black\/5 {
    &[data-selected] {
      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .data-selected\:bg-white\/10 {
    &[data-selected] {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .data-selected\:text-\[\#d7d7d7\] {
    &[data-selected] {
      color: #d7d7d7;
    }
  }
  .data-split\:not-data-expanded\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
    &[data-split] {
      &:not(*[data-expanded]) {
        grid-template-columns: minmax(0,1fr) minmax(0,1fr);
      }
    }
  }
  .data-split\:not-data-expanded\:gap-2\.5 {
    &[data-split] {
      &:not(*[data-expanded]) {
        gap: calc(var(--spacing) * 2.5);
      }
    }
  }
  .nth-last-2\:top-\[25px\] {
    &:nth-last-child(2) {
      top: 25px;
    }
  }
  .nth-last-2\:z-\[1\] {
    &:nth-last-child(2) {
      z-index: 1;
    }
  }
  .nth-last-2\:scale-90 {
    &:nth-last-child(2) {
      --tw-scale-x: 90%;
      --tw-scale-y: 90%;
      --tw-scale-z: 90%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .nth-last-2\:opacity-100 {
    &:nth-last-child(2) {
      opacity: 100%;
    }
  }
  .nth-last-3\:opacity-100 {
    &:nth-last-child(3) {
      opacity: 100%;
    }
  }
  .motion-reduce\:animate-none {
    @media (prefers-reduced-motion: reduce) {
      animation: none;
    }
  }
  .motion-reduce\:transition-none {
    @media (prefers-reduced-motion: reduce) {
      transition-property: none;
    }
  }
  .motion-reduce\:transition-none\! {
    @media (prefers-reduced-motion: reduce) {
      transition-property: none !important;
    }
  }
  .motion-reduce\:delay-0\! {
    @media (prefers-reduced-motion: reduce) {
      transition-delay: 0ms !important;
    }
  }
  .max-2xl\:text-2xl\! {
    @media (width < 96rem) {
      font-size: var(--text-2xl) !important;
      line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
    }
  }
  .max-xl\:order-last {
    @media (width < 80rem) {
      order: 9999;
    }
  }
  .max-xl\:contents {
    @media (width < 80rem) {
      display: contents;
    }
  }
  .max-xl\:hidden {
    @media (width < 80rem) {
      display: none;
    }
  }
  .max-lg\:absolute {
    @media (width < 64rem) {
      position: absolute;
    }
  }
  .max-lg\:right-0 {
    @media (width < 64rem) {
      right: calc(var(--spacing) * 0);
    }
  }
  .max-lg\:left-0 {
    @media (width < 64rem) {
      left: calc(var(--spacing) * 0);
    }
  }
  .max-lg\:z-1 {
    @media (width < 64rem) {
      z-index: 1;
    }
  }
  .max-lg\:z-2 {
    @media (width < 64rem) {
      z-index: 2;
    }
  }
  .max-lg\:order-last {
    @media (width < 64rem) {
      order: 9999;
    }
  }
  .max-lg\:flex {
    @media (width < 64rem) {
      display: flex;
    }
  }
  .max-lg\:hidden {
    @media (width < 64rem) {
      display: none;
    }
  }
  .max-lg\:aspect-video {
    @media (width < 64rem) {
      aspect-ratio: var(--aspect-video);
    }
  }
  .max-lg\:h-10 {
    @media (width < 64rem) {
      height: calc(var(--spacing) * 10);
    }
  }
  .max-lg\:h-\[420px\] {
    @media (width < 64rem) {
      height: 420px;
    }
  }
  .max-lg\:w-full {
    @media (width < 64rem) {
      width: 100%;
    }
  }
  .max-lg\:w-full\! {
    @media (width < 64rem) {
      width: 100% !important;
    }
  }
  .max-lg\:shrink-0 {
    @media (width < 64rem) {
      flex-shrink: 0;
    }
  }
  .max-lg\:-translate-x-full {
    @media (width < 64rem) {
      --tw-translate-x: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .max-lg\:translate-x-full {
    @media (width < 64rem) {
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .max-lg\:animate-none\! {
    @media (width < 64rem) {
      animation: none !important;
    }
  }
  .max-lg\:flex-col {
    @media (width < 64rem) {
      flex-direction: column;
    }
  }
  .max-lg\:flex-wrap {
    @media (width < 64rem) {
      flex-wrap: wrap;
    }
  }
  .max-lg\:items-center {
    @media (width < 64rem) {
      align-items: center;
    }
  }
  .max-lg\:justify-center {
    @media (width < 64rem) {
      justify-content: center;
    }
  }
  .max-lg\:border-l {
    @media (width < 64rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .max-lg\:text-center {
    @media (width < 64rem) {
      text-align: center;
    }
  }
  .max-lg\:transition-transform {
    @media (width < 64rem) {
      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));
    }
  }
  .max-lg\:duration-250 {
    @media (width < 64rem) {
      --tw-duration: 250ms;
      transition-duration: 250ms;
    }
  }
  .max-lg\:ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\] {
    @media (width < 64rem) {
      --tw-ease: cubic-bezier(0.23,1,0.32,1);
      transition-timing-function: cubic-bezier(0.23,1,0.32,1);
    }
  }
  .max-lg\:hover\:bg-primary\/10 {
    @media (width < 64rem) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
        }
      }
    }
  }
  .max-md\:relative {
    @media (width < 48rem) {
      position: relative;
    }
  }
  .max-md\:inset-0 {
    @media (width < 48rem) {
      inset: calc(var(--spacing) * 0);
    }
  }
  .max-md\:bottom-60 {
    @media (width < 48rem) {
      bottom: calc(var(--spacing) * 60);
    }
  }
  .max-md\:left-1\/2\! {
    @media (width < 48rem) {
      left: calc(1/2 * 100%) !important;
    }
  }
  .max-md\:-z-10 {
    @media (width < 48rem) {
      z-index: calc(10 * -1);
    }
  }
  .max-md\:-order-1 {
    @media (width < 48rem) {
      order: calc(1 * -1);
    }
  }
  .max-md\:-order-2 {
    @media (width < 48rem) {
      order: calc(2 * -1);
    }
  }
  .max-md\:-order-3 {
    @media (width < 48rem) {
      order: calc(3 * -1);
    }
  }
  .max-md\:-order-4 {
    @media (width < 48rem) {
      order: calc(4 * -1);
    }
  }
  .max-md\:order-1 {
    @media (width < 48rem) {
      order: 1;
    }
  }
  .max-md\:order-2 {
    @media (width < 48rem) {
      order: 2;
    }
  }
  .max-md\:order-3 {
    @media (width < 48rem) {
      order: 3;
    }
  }
  .max-md\:order-4 {
    @media (width < 48rem) {
      order: 4;
    }
  }
  .max-md\:order-last {
    @media (width < 48rem) {
      order: 9999;
    }
  }
  .max-md\:col-span-1 {
    @media (width < 48rem) {
      grid-column: span 1 / span 1;
    }
  }
  .max-md\:col-span-2 {
    @media (width < 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .max-md\:col-span-full {
    @media (width < 48rem) {
      grid-column: 1 / -1;
    }
  }
  .max-md\:col-start-1 {
    @media (width < 48rem) {
      grid-column-start: 1;
    }
  }
  .max-md\:col-start-2 {
    @media (width < 48rem) {
      grid-column-start: 2;
    }
  }
  .max-md\:col-start-3 {
    @media (width < 48rem) {
      grid-column-start: 3;
    }
  }
  .max-md\:row-span-2 {
    @media (width < 48rem) {
      grid-row: span 2 / span 2;
    }
  }
  .max-md\:row-span-3 {
    @media (width < 48rem) {
      grid-row: span 3 / span 3;
    }
  }
  .max-md\:row-start-1 {
    @media (width < 48rem) {
      grid-row-start: 1;
    }
  }
  .max-md\:row-start-2 {
    @media (width < 48rem) {
      grid-row-start: 2;
    }
  }
  .max-md\:row-start-3 {
    @media (width < 48rem) {
      grid-row-start: 3;
    }
  }
  .max-md\:ms-0 {
    @media (width < 48rem) {
      margin-inline-start: calc(var(--spacing) * 0);
    }
  }
  .max-md\:line-clamp-2 {
    @media (width < 48rem) {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
  }
  .max-md\:line-clamp-3 {
    @media (width < 48rem) {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
    }
  }
  .max-md\:contents {
    @media (width < 48rem) {
      display: contents;
    }
  }
  .max-md\:flex {
    @media (width < 48rem) {
      display: flex;
    }
  }
  .max-md\:grid {
    @media (width < 48rem) {
      display: grid;
    }
  }
  .max-md\:hidden {
    @media (width < 48rem) {
      display: none;
    }
  }
  .max-md\:hidden\! {
    @media (width < 48rem) {
      display: none !important;
    }
  }
  .max-md\:aspect-auto {
    @media (width < 48rem) {
      aspect-ratio: auto;
    }
  }
  .max-md\:h-7 {
    @media (width < 48rem) {
      height: calc(var(--spacing) * 7);
    }
  }
  .max-md\:h-8 {
    @media (width < 48rem) {
      height: calc(var(--spacing) * 8);
    }
  }
  .max-md\:h-11 {
    @media (width < 48rem) {
      height: calc(var(--spacing) * 11);
    }
  }
  .max-md\:h-14 {
    @media (width < 48rem) {
      height: calc(var(--spacing) * 14);
    }
  }
  .max-md\:h-16 {
    @media (width < 48rem) {
      height: calc(var(--spacing) * 16);
    }
  }
  .max-md\:h-\[75dvh\] {
    @media (width < 48rem) {
      height: 75dvh;
    }
  }
  .max-md\:h-\[700px\] {
    @media (width < 48rem) {
      height: 700px;
    }
  }
  .max-md\:h-auto {
    @media (width < 48rem) {
      height: auto;
    }
  }
  .max-md\:h-full {
    @media (width < 48rem) {
      height: 100%;
    }
  }
  .max-md\:max-h-\[calc\(100dvh-150px\)\] {
    @media (width < 48rem) {
      max-height: calc(100dvh - 150px);
    }
  }
  .max-md\:max-h-none {
    @media (width < 48rem) {
      max-height: none;
    }
  }
  .max-md\:min-h-0 {
    @media (width < 48rem) {
      min-height: calc(var(--spacing) * 0);
    }
  }
  .max-md\:min-h-31 {
    @media (width < 48rem) {
      min-height: calc(var(--spacing) * 31);
    }
  }
  .max-md\:min-h-\[328px\] {
    @media (width < 48rem) {
      min-height: 328px;
    }
  }
  .max-md\:min-h-svh {
    @media (width < 48rem) {
      min-height: 100svh;
    }
  }
  .max-md\:w-24\! {
    @media (width < 48rem) {
      width: calc(var(--spacing) * 24) !important;
    }
  }
  .max-md\:w-\[4\.5rem\] {
    @media (width < 48rem) {
      width: 4.5rem;
    }
  }
  .max-md\:w-auto {
    @media (width < 48rem) {
      width: auto;
    }
  }
  .max-md\:w-auto\! {
    @media (width < 48rem) {
      width: auto !important;
    }
  }
  .max-md\:w-fit {
    @media (width < 48rem) {
      width: fit-content;
    }
  }
  .max-md\:w-full {
    @media (width < 48rem) {
      width: 100%;
    }
  }
  .max-md\:w-full\! {
    @media (width < 48rem) {
      width: 100% !important;
    }
  }
  .max-md\:max-w-\[85\%\] {
    @media (width < 48rem) {
      max-width: 85%;
    }
  }
  .max-md\:min-w-0 {
    @media (width < 48rem) {
      min-width: calc(var(--spacing) * 0);
    }
  }
  .max-md\:flex-1 {
    @media (width < 48rem) {
      flex: 1;
    }
  }
  .max-md\:flex-none {
    @media (width < 48rem) {
      flex: none;
    }
  }
  .max-md\:shrink {
    @media (width < 48rem) {
      flex-shrink: 1;
    }
  }
  .max-md\:grow {
    @media (width < 48rem) {
      flex-grow: 1;
    }
  }
  .max-md\:basis-full {
    @media (width < 48rem) {
      flex-basis: 100%;
    }
  }
  .max-md\:translate-x-0 {
    @media (width < 48rem) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .max-md\:-translate-y-16 {
    @media (width < 48rem) {
      --tw-translate-y: calc(var(--spacing) * -16);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .max-md\:scale-80 {
    @media (width < 48rem) {
      --tw-scale-x: 80%;
      --tw-scale-y: 80%;
      --tw-scale-z: 80%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .max-md\:rotate-90 {
    @media (width < 48rem) {
      rotate: 90deg;
    }
  }
  .max-md\:touch-pan-y {
    @media (width < 48rem) {
      --tw-pan-y: pan-y;
      touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
    }
  }
  .max-md\:auto-rows-auto {
    @media (width < 48rem) {
      grid-auto-rows: auto;
    }
  }
  .max-md\:grid-cols-2 {
    @media (width < 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .max-md\:grid-cols-\[minmax\(0\,1fr\)_auto_auto\] {
    @media (width < 48rem) {
      grid-template-columns: minmax(0,1fr) auto auto;
    }
  }
  .max-md\:flex-col {
    @media (width < 48rem) {
      flex-direction: column;
    }
  }
  .max-md\:flex-col-reverse {
    @media (width < 48rem) {
      flex-direction: column-reverse;
    }
  }
  .max-md\:flex-wrap {
    @media (width < 48rem) {
      flex-wrap: wrap;
    }
  }
  .max-md\:items-center {
    @media (width < 48rem) {
      align-items: center;
    }
  }
  .max-md\:items-stretch {
    @media (width < 48rem) {
      align-items: stretch;
    }
  }
  .max-md\:justify-between {
    @media (width < 48rem) {
      justify-content: space-between;
    }
  }
  .max-md\:justify-center {
    @media (width < 48rem) {
      justify-content: center;
    }
  }
  .max-md\:justify-start {
    @media (width < 48rem) {
      justify-content: flex-start;
    }
  }
  .max-md\:gap-0 {
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .max-md\:gap-0\! {
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 0) !important;
    }
  }
  .max-md\:gap-0\.5 {
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 0.5);
    }
  }
  .max-md\:gap-1 {
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 1);
    }
  }
  .max-md\:gap-1\.5 {
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 1.5);
    }
  }
  .max-md\:gap-2 {
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .max-md\:gap-2\.5 {
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 2.5);
    }
  }
  .max-md\:gap-3\! {
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 3) !important;
    }
  }
  .max-md\:gap-4 {
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .max-md\:gap-8 {
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .max-md\:gap-x-3 {
    @media (width < 48rem) {
      column-gap: calc(var(--spacing) * 3);
    }
  }
  .max-md\:gap-x-4 {
    @media (width < 48rem) {
      column-gap: calc(var(--spacing) * 4);
    }
  }
  .max-md\:gap-y-0\.5 {
    @media (width < 48rem) {
      row-gap: calc(var(--spacing) * 0.5);
    }
  }
  .max-md\:gap-y-1\.5\! {
    @media (width < 48rem) {
      row-gap: calc(var(--spacing) * 1.5) !important;
    }
  }
  .max-md\:gap-y-2 {
    @media (width < 48rem) {
      row-gap: calc(var(--spacing) * 2);
    }
  }
  .max-md\:gap-y-2\.5 {
    @media (width < 48rem) {
      row-gap: calc(var(--spacing) * 2.5);
    }
  }
  .max-md\:divide-y {
    @media (width < 48rem) {
      :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)));
      }
    }
  }
  .max-md\:divide-outline-light {
    @media (width < 48rem) {
      :where(& > :not(:last-child)) {
        border-color: var(--color-outline-light);
      }
    }
  }
  .max-md\:self-center {
    @media (width < 48rem) {
      align-self: center;
    }
  }
  .max-md\:overflow-visible {
    @media (width < 48rem) {
      overflow: visible;
    }
  }
  .max-md\:rounded-full {
    @media (width < 48rem) {
      border-radius: calc(infinity * 1px);
    }
  }
  .max-md\:rounded-none {
    @media (width < 48rem) {
      border-radius: 0;
    }
  }
  .max-md\:rounded-none\! {
    @media (width < 48rem) {
      border-radius: 0 !important;
    }
  }
  .max-md\:rounded-sm {
    @media (width < 48rem) {
      border-radius: var(--radius-sm);
    }
  }
  .max-md\:border-0 {
    @media (width < 48rem) {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .max-md\:border-b {
    @media (width < 48rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .max-md\:border-outline-light {
    @media (width < 48rem) {
      border-color: var(--color-outline-light);
    }
  }
  .max-md\:bg-transparent {
    @media (width < 48rem) {
      background-color: transparent;
    }
  }
  .max-md\:bg-transparent\! {
    @media (width < 48rem) {
      background-color: transparent !important;
    }
  }
  .max-md\:p-0 {
    @media (width < 48rem) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .max-md\:p-1 {
    @media (width < 48rem) {
      padding: calc(var(--spacing) * 1);
    }
  }
  .max-md\:p-1\.5 {
    @media (width < 48rem) {
      padding: calc(var(--spacing) * 1.5);
    }
  }
  .max-md\:p-2 {
    @media (width < 48rem) {
      padding: calc(var(--spacing) * 2);
    }
  }
  .max-md\:p-3 {
    @media (width < 48rem) {
      padding: calc(var(--spacing) * 3);
    }
  }
  .max-md\:p-3\.75 {
    @media (width < 48rem) {
      padding: calc(var(--spacing) * 3.75);
    }
  }
  .max-md\:p-4 {
    @media (width < 48rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .max-md\:p-4\! {
    @media (width < 48rem) {
      padding: calc(var(--spacing) * 4) !important;
    }
  }
  .max-md\:p-5 {
    @media (width < 48rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .max-md\:px-0 {
    @media (width < 48rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .max-md\:px-0\! {
    @media (width < 48rem) {
      padding-inline: calc(var(--spacing) * 0) !important;
    }
  }
  .max-md\:px-3 {
    @media (width < 48rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .max-md\:px-4 {
    @media (width < 48rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .max-md\:px-4\! {
    @media (width < 48rem) {
      padding-inline: calc(var(--spacing) * 4) !important;
    }
  }
  .max-md\:py-0 {
    @media (width < 48rem) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .max-md\:py-1\.5 {
    @media (width < 48rem) {
      padding-block: calc(var(--spacing) * 1.5);
    }
  }
  .max-md\:py-2 {
    @media (width < 48rem) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .max-md\:py-2\.5 {
    @media (width < 48rem) {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .max-md\:py-3 {
    @media (width < 48rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .max-md\:py-3\.5 {
    @media (width < 48rem) {
      padding-block: calc(var(--spacing) * 3.5);
    }
  }
  .max-md\:pt-1 {
    @media (width < 48rem) {
      padding-top: calc(var(--spacing) * 1);
    }
  }
  .max-md\:pt-8 {
    @media (width < 48rem) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .max-md\:pt-20\! {
    @media (width < 48rem) {
      padding-top: calc(var(--spacing) * 20) !important;
    }
  }
  .max-md\:pt-26 {
    @media (width < 48rem) {
      padding-top: calc(var(--spacing) * 26);
    }
  }
  .max-md\:pr-2\.5 {
    @media (width < 48rem) {
      padding-right: calc(var(--spacing) * 2.5);
    }
  }
  .max-md\:pr-4 {
    @media (width < 48rem) {
      padding-right: calc(var(--spacing) * 4);
    }
  }
  .max-md\:pr-5 {
    @media (width < 48rem) {
      padding-right: calc(var(--spacing) * 5);
    }
  }
  .max-md\:pr-6 {
    @media (width < 48rem) {
      padding-right: calc(var(--spacing) * 6);
    }
  }
  .max-md\:pb-10 {
    @media (width < 48rem) {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }
  .max-md\:pl-4 {
    @media (width < 48rem) {
      padding-left: calc(var(--spacing) * 4);
    }
  }
  .max-md\:pl-5 {
    @media (width < 48rem) {
      padding-left: calc(var(--spacing) * 5);
    }
  }
  .max-md\:text-center {
    @media (width < 48rem) {
      text-align: center;
    }
  }
  .max-md\:text-end {
    @media (width < 48rem) {
      text-align: end;
    }
  }
  .max-md\:text-lg\! {
    @media (width < 48rem) {
      font-size: var(--text-lg) !important;
      line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
    }
  }
  .max-md\:text-sm {
    @media (width < 48rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .max-md\:text-xs {
    @media (width < 48rem) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .max-md\:text-xs\! {
    @media (width < 48rem) {
      font-size: var(--text-xs) !important;
      line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
    }
  }
  .max-md\:text-\[28px\] {
    @media (width < 48rem) {
      font-size: 28px;
    }
  }
  .max-md\:leading-snug {
    @media (width < 48rem) {
      --tw-leading: var(--leading-snug);
      line-height: var(--leading-snug);
    }
  }
  .max-md\:leading-tight {
    @media (width < 48rem) {
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
    }
  }
  .max-md\:font-bold {
    @media (width < 48rem) {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .max-md\:font-medium {
    @media (width < 48rem) {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .max-md\:break-all {
    @media (width < 48rem) {
      word-break: break-all;
    }
  }
  .max-md\:whitespace-normal {
    @media (width < 48rem) {
      white-space: normal;
    }
  }
  .max-md\:text-dim {
    @media (width < 48rem) {
      color: var(--color-dim);
    }
  }
  .max-md\:opacity-0 {
    @media (width < 48rem) {
      opacity: 0%;
    }
  }
  .max-md\:shadow-none\! {
    @media (width < 48rem) {
      --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;
    }
  }
  .max-md\:\[--color-formitem\:var\(--color-white-d\)\] {
    @media (width < 48rem) {
      --color-formitem: var(--color-white-d);
    }
  }
  .max-md\:\*\:text-sm {
    @media (width < 48rem) {
      :is(& > *) {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
      }
    }
  }
  .max-md\:group-first\:rounded-tr-\[10px\] {
    @media (width < 48rem) {
      &:is(:where(.group):first-child *) {
        border-top-right-radius: 10px;
      }
    }
  }
  .max-md\:group-last\:rounded-br-\[10px\] {
    @media (width < 48rem) {
      &:is(:where(.group):last-child *) {
        border-bottom-right-radius: 10px;
      }
    }
  }
  .max-md\:in-\[\.settings-menu\]\:hidden {
    @media (width < 48rem) {
      :where(*:is(.settings-menu)) & {
        display: none;
      }
    }
  }
  .max-md\:has-\[\#support\]\:h-\[calc\(100svh-156px\)\] {
    @media (width < 48rem) {
      &:has(*:is(#support)) {
        height: calc(100svh - 156px);
      }
    }
  }
  .max-md\:has-\[\.dashboard-tabs\]\:bg-gray-light {
    @media (width < 48rem) {
      &:has(*:is(.dashboard-tabs)) {
        background-color: var(--color-gray-light);
      }
    }
  }
  .max-md\:has-\[\[data-monitor\]\]\:not-has-\[\#filters\]\:h-\[calc\(100svh-156px\)\] {
    @media (width < 48rem) {
      &:has(*:is([data-monitor])) {
        &:not(*:has(*:is(#filters))) {
          height: calc(100svh - 156px);
        }
      }
    }
  }
  .max-sm\:hidden {
    @media (width < 40rem) {
      display: none;
    }
  }
  .max-sm\:w-full {
    @media (width < 40rem) {
      width: 100%;
    }
  }
  .min-\[1680px\]\:flex {
    @media (width >= 1680px) {
      display: flex;
    }
  }
  .min-\[1680px\]\:max-w-\[90ch\] {
    @media (width >= 1680px) {
      max-width: 90ch;
    }
  }
  .min-\[1920px\]\:pointer-events-none {
    @media (width >= 1920px) {
      pointer-events: none;
    }
  }
  .min-\[1920px\]\:invisible {
    @media (width >= 1920px) {
      visibility: hidden;
    }
  }
  .min-\[1920px\]\:absolute {
    @media (width >= 1920px) {
      position: absolute;
    }
  }
  .min-\[1920px\]\:top-5 {
    @media (width >= 1920px) {
      top: calc(var(--spacing) * 5);
    }
  }
  .min-\[1920px\]\:left-4 {
    @media (width >= 1920px) {
      left: calc(var(--spacing) * 4);
    }
  }
  .min-\[1920px\]\:block {
    @media (width >= 1920px) {
      display: block;
    }
  }
  .min-\[1920px\]\:flex {
    @media (width >= 1920px) {
      display: flex;
    }
  }
  .min-\[1920px\]\:h-10 {
    @media (width >= 1920px) {
      height: calc(var(--spacing) * 10);
    }
  }
  .min-\[1920px\]\:w-\[266px\] {
    @media (width >= 1920px) {
      width: 266px;
    }
  }
  .min-\[1920px\]\:w-full {
    @media (width >= 1920px) {
      width: 100%;
    }
  }
  .min-\[1920px\]\:overflow-x-hidden {
    @media (width >= 1920px) {
      overflow-x: hidden;
    }
  }
  .min-\[1920px\]\:px-2\.5 {
    @media (width >= 1920px) {
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }
  .min-\[1920px\]\:py-0 {
    @media (width >= 1920px) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .min-\[1920px\]\:opacity-0 {
    @media (width >= 1920px) {
      opacity: 0%;
    }
  }
  .min-\[1920px\]\:transition-\[grid-template-rows\] {
    @media (width >= 1920px) {
      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));
    }
  }
  .min-\[1920px\]\:transition-\[opacity\,visibility\] {
    @media (width >= 1920px) {
      transition-property: opacity,visibility;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .min-\[1920px\]\:transition-\[padding\] {
    @media (width >= 1920px) {
      transition-property: padding;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .min-\[1920px\]\:transition-\[width\,min-width\,padding\,gap\] {
    @media (width >= 1920px) {
      transition-property: width,min-width,padding,gap;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .min-\[1920px\]\:transition-opacity {
    @media (width >= 1920px) {
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .min-\[1920px\]\:delay-150 {
    @media (width >= 1920px) {
      transition-delay: 150ms;
    }
  }
  .min-\[1920px\]\:ease-\[ease\] {
    @media (width >= 1920px) {
      --tw-ease: ease;
      transition-timing-function: ease;
    }
  }
  .min-\[1920px\]\:not-data-compact\:w-\[330px\] {
    @media (width >= 1920px) {
      &:not(*[data-compact]) {
        width: 330px;
      }
    }
  }
  .min-\[1920px\]\:group-data-compact\/sidebar\:pointer-events-auto {
    @media (width >= 1920px) {
      &:is(:where(.group\/sidebar)[data-compact] *) {
        pointer-events: auto;
      }
    }
  }
  .min-\[1920px\]\:group-data-compact\/sidebar\:pointer-events-none {
    @media (width >= 1920px) {
      &:is(:where(.group\/sidebar)[data-compact] *) {
        pointer-events: none;
      }
    }
  }
  .min-\[1920px\]\:group-data-compact\/sidebar\:invisible {
    @media (width >= 1920px) {
      &:is(:where(.group\/sidebar)[data-compact] *) {
        visibility: hidden;
      }
    }
  }
  .min-\[1920px\]\:group-data-compact\/sidebar\:visible {
    @media (width >= 1920px) {
      &:is(:where(.group\/sidebar)[data-compact] *) {
        visibility: visible;
      }
    }
  }
  .min-\[1920px\]\:group-data-compact\/sidebar\:grid-rows-\[0fr\] {
    @media (width >= 1920px) {
      &:is(:where(.group\/sidebar)[data-compact] *) {
        grid-template-rows: 0fr;
      }
    }
  }
  .min-\[1920px\]\:group-data-compact\/sidebar\:pt-\[50px\] {
    @media (width >= 1920px) {
      &:is(:where(.group\/sidebar)[data-compact] *) {
        padding-top: 50px;
      }
    }
  }
  .min-\[1920px\]\:group-data-compact\/sidebar\:opacity-0 {
    @media (width >= 1920px) {
      &:is(:where(.group\/sidebar)[data-compact] *) {
        opacity: 0%;
      }
    }
  }
  .min-\[1920px\]\:group-data-compact\/sidebar\:opacity-100 {
    @media (width >= 1920px) {
      &:is(:where(.group\/sidebar)[data-compact] *) {
        opacity: 100%;
      }
    }
  }
  .min-\[1920px\]\:group-data-compact\/sidebar\:delay-0 {
    @media (width >= 1920px) {
      &:is(:where(.group\/sidebar)[data-compact] *) {
        transition-delay: 0ms;
      }
    }
  }
  .min-\[1920px\]\:group-data-compact\/sidebar\:delay-150 {
    @media (width >= 1920px) {
      &:is(:where(.group\/sidebar)[data-compact] *) {
        transition-delay: 150ms;
      }
    }
  }
  .min-\[1920px\]\:data-compact\:w-20 {
    @media (width >= 1920px) {
      &[data-compact] {
        width: calc(var(--spacing) * 20);
      }
    }
  }
  .min-\[1920px\]\:data-compact\:min-w-20 {
    @media (width >= 1920px) {
      &[data-compact] {
        min-width: calc(var(--spacing) * 20);
      }
    }
  }
  .min-\[1920px\]\:data-compact\:gap-0 {
    @media (width >= 1920px) {
      &[data-compact] {
        gap: calc(var(--spacing) * 0);
      }
    }
  }
  .min-\[1920px\]\:data-compact\:py-5 {
    @media (width >= 1920px) {
      &[data-compact] {
        padding-block: calc(var(--spacing) * 5);
      }
    }
  }
  .min-\[1920px\]\:data-compact\:pr-6 {
    @media (width >= 1920px) {
      &[data-compact] {
        padding-right: calc(var(--spacing) * 6);
      }
    }
  }
  .min-\[1920px\]\:data-compact\:pl-4 {
    @media (width >= 1920px) {
      &[data-compact] {
        padding-left: calc(var(--spacing) * 4);
      }
    }
  }
  .sm\:inset-6 {
    @media (width >= 40rem) {
      inset: calc(var(--spacing) * 6);
    }
  }
  .sm\:inset-x-10 {
    @media (width >= 40rem) {
      inset-inline: calc(var(--spacing) * 10);
    }
  }
  .sm\:bottom-8 {
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * 8);
    }
  }
  .sm\:col-span-2 {
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
  }
  .sm\:mt-6 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .sm\:table-cell {
    @media (width >= 40rem) {
      display: table-cell;
    }
  }
  .sm\:w-40 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 40);
    }
  }
  .sm\:w-48 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 48);
    }
  }
  .sm\:w-52 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 52);
    }
  }
  .sm\:flex-1 {
    @media (width >= 40rem) {
      flex: 1;
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-4 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-5 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-6 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-\[auto_8rem_minmax\(0\,1fr\)_auto\] {
    @media (width >= 40rem) {
      grid-template-columns: auto 8rem minmax(0,1fr) auto;
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:p-8 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .sm\:px-8 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .sm\:pt-20 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .sm\:pb-8 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }
  .md\:absolute {
    @media (width >= 48rem) {
      position: absolute;
    }
  }
  .md\:sticky {
    @media (width >= 48rem) {
      position: sticky;
    }
  }
  .md\:top-\[37px\] {
    @media (width >= 48rem) {
      top: 37px;
    }
  }
  .md\:top-\[100px\] {
    @media (width >= 48rem) {
      top: 100px;
    }
  }
  .md\:top-full {
    @media (width >= 48rem) {
      top: 100%;
    }
  }
  .md\:right-0 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 0);
    }
  }
  .md\:right-3\.5 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 3.5);
    }
  }
  .md\:right-6 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 6);
    }
  }
  .md\:bottom-4 {
    @media (width >= 48rem) {
      bottom: calc(var(--spacing) * 4);
    }
  }
  .md\:bottom-6 {
    @media (width >= 48rem) {
      bottom: calc(var(--spacing) * 6);
    }
  }
  .md\:bottom-8 {
    @media (width >= 48rem) {
      bottom: calc(var(--spacing) * 8);
    }
  }
  .md\:bottom-40 {
    @media (width >= 48rem) {
      bottom: calc(var(--spacing) * 40);
    }
  }
  .md\:left-42 {
    @media (width >= 48rem) {
      left: calc(var(--spacing) * 42);
    }
  }
  .md\:left-auto {
    @media (width >= 48rem) {
      left: auto;
    }
  }
  .md\:z-20 {
    @media (width >= 48rem) {
      z-index: 20;
    }
  }
  .md\:z-100 {
    @media (width >= 48rem) {
      z-index: 100;
    }
  }
  .md\:order-1 {
    @media (width >= 48rem) {
      order: 1;
    }
  }
  .md\:order-2 {
    @media (width >= 48rem) {
      order: 2;
    }
  }
  .md\:order-first {
    @media (width >= 48rem) {
      order: -9999;
    }
  }
  .md\:order-none {
    @media (width >= 48rem) {
      order: 0;
    }
  }
  .md\:col-span-2 {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .md\:col-span-3 {
    @media (width >= 48rem) {
      grid-column: span 3 / span 3;
    }
  }
  .md\:col-span-4 {
    @media (width >= 48rem) {
      grid-column: span 4 / span 4;
    }
  }
  .md\:col-start-1 {
    @media (width >= 48rem) {
      grid-column-start: 1;
    }
  }
  .md\:col-start-4 {
    @media (width >= 48rem) {
      grid-column-start: 4;
    }
  }
  .md\:row-span-2 {
    @media (width >= 48rem) {
      grid-row: span 2 / span 2;
    }
  }
  .md\:row-start-2 {
    @media (width >= 48rem) {
      grid-row-start: 2;
    }
  }
  .md\:row-start-3 {
    @media (width >= 48rem) {
      grid-row-start: 3;
    }
  }
  .md\:mx-5 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 5);
    }
  }
  .md\:ms-5 {
    @media (width >= 48rem) {
      margin-inline-start: calc(var(--spacing) * 5);
    }
  }
  .md\:mt-2 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 2);
    }
  }
  .md\:mt-8 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .md\:mb-0 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .md\:mb-6 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:contents {
    @media (width >= 48rem) {
      display: contents;
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:flex\! {
    @media (width >= 48rem) {
      display: flex !important;
    }
  }
  .md\:grid {
    @media (width >= 48rem) {
      display: grid;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:hidden\! {
    @media (width >= 48rem) {
      display: none !important;
    }
  }
  .md\:inline-block {
    @media (width >= 48rem) {
      display: inline-block;
    }
  }
  .md\:table-cell {
    @media (width >= 48rem) {
      display: table-cell;
    }
  }
  .md\:aspect-square {
    @media (width >= 48rem) {
      aspect-ratio: 1 / 1;
    }
  }
  .md\:aspect-video {
    @media (width >= 48rem) {
      aspect-ratio: var(--aspect-video);
    }
  }
  .md\:size-12 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }
  }
  .md\:size-20 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 20);
      height: calc(var(--spacing) * 20);
    }
  }
  .md\:size-\[63px\] {
    @media (width >= 48rem) {
      width: 63px;
      height: 63px;
    }
  }
  .md\:size-\[250px\] {
    @media (width >= 48rem) {
      width: 250px;
      height: 250px;
    }
  }
  .md\:h-2\.5 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 2.5);
    }
  }
  .md\:h-20 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 20);
    }
  }
  .md\:h-27 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 27);
    }
  }
  .md\:h-50 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 50);
    }
  }
  .md\:h-72 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 72);
    }
  }
  .md\:h-128 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 128);
    }
  }
  .md\:h-\[70\%\] {
    @media (width >= 48rem) {
      height: 70%;
    }
  }
  .md\:h-\[75px\] {
    @media (width >= 48rem) {
      height: 75px;
    }
  }
  .md\:h-\[600px\] {
    @media (width >= 48rem) {
      height: 600px;
    }
  }
  .md\:h-\[calc\(100dvh-40px\)\]\! {
    @media (width >= 48rem) {
      height: calc(100dvh - 40px) !important;
    }
  }
  .md\:h-\[calc\(100dvh-40px-15px\)\] {
    @media (width >= 48rem) {
      height: calc(100dvh - 40px - 15px);
    }
  }
  .md\:h-\[calc\(100dvh-100px\)\] {
    @media (width >= 48rem) {
      height: calc(100dvh - 100px);
    }
  }
  .md\:h-\[calc\(100dvh-125px\)\] {
    @media (width >= 48rem) {
      height: calc(100dvh - 125px);
    }
  }
  .md\:h-\[calc\(100svh-100px\)\] {
    @media (width >= 48rem) {
      height: calc(100svh - 100px);
    }
  }
  .md\:h-\[calc\(100vh-40px\)\] {
    @media (width >= 48rem) {
      height: calc(100vh - 40px);
    }
  }
  .md\:h-full {
    @media (width >= 48rem) {
      height: 100%;
    }
  }
  .md\:max-h-\[70svh\] {
    @media (width >= 48rem) {
      max-height: 70svh;
    }
  }
  .md\:max-h-\[875px\] {
    @media (width >= 48rem) {
      max-height: 875px;
    }
  }
  .md\:max-h-\[calc\(100dvh-500px\)\] {
    @media (width >= 48rem) {
      max-height: calc(100dvh - 500px);
    }
  }
  .md\:max-h-\[calc\(100vh-130px\)\] {
    @media (width >= 48rem) {
      max-height: calc(100vh - 130px);
    }
  }
  .md\:max-h-full {
    @media (width >= 48rem) {
      max-height: 100%;
    }
  }
  .md\:min-h-full {
    @media (width >= 48rem) {
      min-height: 100%;
    }
  }
  .md\:w-1\/2 {
    @media (width >= 48rem) {
      width: calc(1/2 * 100%);
    }
  }
  .md\:w-1\/4 {
    @media (width >= 48rem) {
      width: calc(1/4 * 100%);
    }
  }
  .md\:w-2\/3 {
    @media (width >= 48rem) {
      width: calc(2/3 * 100%);
    }
  }
  .md\:w-3\/4 {
    @media (width >= 48rem) {
      width: calc(3/4 * 100%);
    }
  }
  .md\:w-8 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 8);
    }
  }
  .md\:w-40 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 40);
    }
  }
  .md\:w-48 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 48);
    }
  }
  .md\:w-72 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 72);
    }
  }
  .md\:w-80 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 80);
    }
  }
  .md\:w-125 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 125);
    }
  }
  .md\:w-\[30\%\] {
    @media (width >= 48rem) {
      width: 30%;
    }
  }
  .md\:w-\[40px\] {
    @media (width >= 48rem) {
      width: 40px;
    }
  }
  .md\:w-\[60\%\] {
    @media (width >= 48rem) {
      width: 60%;
    }
  }
  .md\:w-\[80px\] {
    @media (width >= 48rem) {
      width: 80px;
    }
  }
  .md\:w-\[80vw\] {
    @media (width >= 48rem) {
      width: 80vw;
    }
  }
  .md\:w-\[120px\] {
    @media (width >= 48rem) {
      width: 120px;
    }
  }
  .md\:w-\[200px\] {
    @media (width >= 48rem) {
      width: 200px;
    }
  }
  .md\:w-\[280px\] {
    @media (width >= 48rem) {
      width: 280px;
    }
  }
  .md\:w-\[325px\] {
    @media (width >= 48rem) {
      width: 325px;
    }
  }
  .md\:w-\[420px\] {
    @media (width >= 48rem) {
      width: 420px;
    }
  }
  .md\:w-\[450px\] {
    @media (width >= 48rem) {
      width: 450px;
    }
  }
  .md\:w-\[500px\] {
    @media (width >= 48rem) {
      width: 500px;
    }
  }
  .md\:w-\[540px\] {
    @media (width >= 48rem) {
      width: 540px;
    }
  }
  .md\:w-\[800px\] {
    @media (width >= 48rem) {
      width: 800px;
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:w-auto\! {
    @media (width >= 48rem) {
      width: auto !important;
    }
  }
  .md\:w-fit {
    @media (width >= 48rem) {
      width: fit-content;
    }
  }
  .md\:w-full {
    @media (width >= 48rem) {
      width: 100%;
    }
  }
  .md\:w-full\! {
    @media (width >= 48rem) {
      width: 100% !important;
    }
  }
  .md\:w-min {
    @media (width >= 48rem) {
      width: min-content;
    }
  }
  .md\:max-w-\[400px\]\! {
    @media (width >= 48rem) {
      max-width: 400px !important;
    }
  }
  .md\:max-w-md {
    @media (width >= 48rem) {
      max-width: var(--container-md);
    }
  }
  .md\:max-w-none {
    @media (width >= 48rem) {
      max-width: none;
    }
  }
  .md\:max-w-sm {
    @media (width >= 48rem) {
      max-width: var(--container-sm);
    }
  }
  .md\:max-w-xl {
    @media (width >= 48rem) {
      max-width: var(--container-xl);
    }
  }
  .md\:min-w-\[300px\] {
    @media (width >= 48rem) {
      min-width: 300px;
    }
  }
  .md\:min-w-\[400px\] {
    @media (width >= 48rem) {
      min-width: 400px;
    }
  }
  .md\:min-w-\[450px\] {
    @media (width >= 48rem) {
      min-width: 450px;
    }
  }
  .md\:min-w-\[480px\] {
    @media (width >= 48rem) {
      min-width: 480px;
    }
  }
  .md\:min-w-\[500px\] {
    @media (width >= 48rem) {
      min-width: 500px;
    }
  }
  .md\:min-w-\[600px\] {
    @media (width >= 48rem) {
      min-width: 600px;
    }
  }
  .md\:min-w-\[640px\] {
    @media (width >= 48rem) {
      min-width: 640px;
    }
  }
  .md\:min-w-\[720px\] {
    @media (width >= 48rem) {
      min-width: 720px;
    }
  }
  .md\:shrink-0 {
    @media (width >= 48rem) {
      flex-shrink: 0;
    }
  }
  .md\:table-auto {
    @media (width >= 48rem) {
      table-layout: auto;
    }
  }
  .md\:translate-y-0 {
    @media (width >= 48rem) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-5 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-6 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-8 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-10 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-\[0\.75fr_repeat\(5\,1fr\)_0\.75fr\] {
    @media (width >= 48rem) {
      grid-template-columns: 0.75fr repeat(5,1fr) 0.75fr;
    }
  }
  .md\:grid-cols-\[0\.75fr_repeat\(6\,1fr\)_0\.75fr\] {
    @media (width >= 48rem) {
      grid-template-columns: 0.75fr repeat(6,1fr) 0.75fr;
    }
  }
  .md\:grid-cols-\[7rem_repeat\(6\,minmax\(0\,1fr\)\)\] {
    @media (width >= 48rem) {
      grid-template-columns: 7rem repeat(6,minmax(0,1fr));
    }
  }
  .md\:grid-cols-\[180px_minmax\(0\,1fr\)_minmax\(0\,1\.4fr\)_auto\] {
    @media (width >= 48rem) {
      grid-template-columns: 180px minmax(0,1fr) minmax(0,1.4fr) auto;
    }
  }
  .md\:grid-cols-\[max-content_1fr\] {
    @media (width >= 48rem) {
      grid-template-columns: max-content 1fr;
    }
  }
  .md\:flex-col {
    @media (width >= 48rem) {
      flex-direction: column;
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:flex-row\! {
    @media (width >= 48rem) {
      flex-direction: row !important;
    }
  }
  .md\:flex-nowrap {
    @media (width >= 48rem) {
      flex-wrap: nowrap;
    }
  }
  .md\:flex-wrap {
    @media (width >= 48rem) {
      flex-wrap: wrap;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:items-start {
    @media (width >= 48rem) {
      align-items: flex-start;
    }
  }
  .md\:justify-around {
    @media (width >= 48rem) {
      justify-content: space-around;
    }
  }
  .md\:justify-between {
    @media (width >= 48rem) {
      justify-content: space-between;
    }
  }
  .md\:justify-end {
    @media (width >= 48rem) {
      justify-content: flex-end;
    }
  }
  .md\:justify-start {
    @media (width >= 48rem) {
      justify-content: flex-start;
    }
  }
  .md\:gap-0 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .md\:gap-1 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 1);
    }
  }
  .md\:gap-2 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .md\:gap-2\.5 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 2.5);
    }
  }
  .md\:gap-3 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .md\:gap-4 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .md\:gap-6 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .md\:gap-7 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 7);
    }
  }
  .md\:gap-8 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .md\:gap-10 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .md\:gap-12 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .md\:gap-14 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 14);
    }
  }
  .md\:gap-16\! {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 16) !important;
    }
  }
  .md\:gap-18 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 18);
    }
  }
  .md\:gap-20 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 20);
    }
  }
  .md\:gap-24 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 24);
    }
  }
  .md\:gap-x-6 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 6);
    }
  }
  .md\:gap-y-2 {
    @media (width >= 48rem) {
      row-gap: calc(var(--spacing) * 2);
    }
  }
  .md\:gap-y-10 {
    @media (width >= 48rem) {
      row-gap: calc(var(--spacing) * 10);
    }
  }
  .md\:truncate {
    @media (width >= 48rem) {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  .md\:overflow-auto {
    @media (width >= 48rem) {
      overflow: auto;
    }
  }
  .md\:overflow-y-auto {
    @media (width >= 48rem) {
      overflow-y: auto;
    }
  }
  .md\:overflow-y-scroll {
    @media (width >= 48rem) {
      overflow-y: scroll;
    }
  }
  .md\:rounded-\[20px\] {
    @media (width >= 48rem) {
      border-radius: 20px;
    }
  }
  .md\:rounded-full {
    @media (width >= 48rem) {
      border-radius: calc(infinity * 1px);
    }
  }
  .md\:rounded-lg {
    @media (width >= 48rem) {
      border-radius: var(--radius-lg);
    }
  }
  .md\:rounded-md {
    @media (width >= 48rem) {
      border-radius: var(--radius-md);
    }
  }
  .md\:rounded-sm {
    @media (width >= 48rem) {
      border-radius: var(--radius-sm);
    }
  }
  .md\:rounded-t-\[20px\] {
    @media (width >= 48rem) {
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
    }
  }
  .md\:rounded-t-lg {
    @media (width >= 48rem) {
      border-top-left-radius: var(--radius-lg);
      border-top-right-radius: var(--radius-lg);
    }
  }
  .md\:rounded-t-md {
    @media (width >= 48rem) {
      border-top-left-radius: var(--radius-md);
      border-top-right-radius: var(--radius-md);
    }
  }
  .md\:rounded-b-md {
    @media (width >= 48rem) {
      border-bottom-right-radius: var(--radius-md);
      border-bottom-left-radius: var(--radius-md);
    }
  }
  .md\:rounded-br-lg {
    @media (width >= 48rem) {
      border-bottom-right-radius: var(--radius-lg);
    }
  }
  .md\:rounded-br-md {
    @media (width >= 48rem) {
      border-bottom-right-radius: var(--radius-md);
    }
  }
  .md\:rounded-bl-lg {
    @media (width >= 48rem) {
      border-bottom-left-radius: var(--radius-lg);
    }
  }
  .md\:border {
    @media (width >= 48rem) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .md\:border-none {
    @media (width >= 48rem) {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .md\:border-outline-light {
    @media (width >= 48rem) {
      border-color: var(--color-outline-light);
    }
  }
  .md\:border-outline-medium\/70 {
    @media (width >= 48rem) {
      border-color: color-mix(in oklab, var(--color-outline-medium) 70%, transparent);
    }
  }
  .md\:bg-gray-light {
    @media (width >= 48rem) {
      background-color: var(--color-gray-light);
    }
  }
  .md\:bg-hero {
    @media (width >= 48rem) {
      background-color: var(--color-hero);
    }
  }
  .md\:bg-transparent {
    @media (width >= 48rem) {
      background-color: transparent;
    }
  }
  .md\:bg-white-d {
    @media (width >= 48rem) {
      background-color: var(--color-white-d);
    }
  }
  .md\:p-1 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 1);
    }
  }
  .md\:p-2 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 2);
    }
  }
  .md\:p-2\.5 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 2.5);
    }
  }
  .md\:p-4 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .md\:p-5 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .md\:p-6 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .md\:p-8 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .md\:p-10 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .md\:p-12 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 12);
    }
  }
  .md\:p-\[30px\] {
    @media (width >= 48rem) {
      padding: 30px;
    }
  }
  .md\:px-0 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .md\:px-2 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .md\:px-4 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .md\:px-5 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .md\:px-6 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .md\:px-7 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 7);
    }
  }
  .md\:px-8 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .md\:px-12 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .md\:px-14 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 14);
    }
  }
  .md\:px-16 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 16);
    }
  }
  .md\:px-\[50px\] {
    @media (width >= 48rem) {
      padding-inline: 50px;
    }
  }
  .md\:py-0 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .md\:py-2 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .md\:py-2\.5 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .md\:py-3 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .md\:py-3\! {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 3) !important;
    }
  }
  .md\:py-4 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .md\:py-6 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .md\:py-8 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .md\:py-12 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .md\:py-16 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .md\:py-20 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  .md\:py-\[50px\] {
    @media (width >= 48rem) {
      padding-block: 50px;
    }
  }
  .md\:pe-24 {
    @media (width >= 48rem) {
      padding-inline-end: calc(var(--spacing) * 24);
    }
  }
  .md\:pt-0 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .md\:pt-6 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 6);
    }
  }
  .md\:pt-12 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  .md\:pt-34\! {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 34) !important;
    }
  }
  .md\:pt-40 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 40);
    }
  }
  .md\:pt-\[95px\] {
    @media (width >= 48rem) {
      padding-top: 95px;
    }
  }
  .md\:pt-\[120px\] {
    @media (width >= 48rem) {
      padding-top: 120px;
    }
  }
  .md\:pt-\[120px\]\! {
    @media (width >= 48rem) {
      padding-top: 120px !important;
    }
  }
  .md\:pt-\[150px\] {
    @media (width >= 48rem) {
      padding-top: 150px;
    }
  }
  .md\:pr-2 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 2);
    }
  }
  .md\:pr-2\.5 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 2.5);
    }
  }
  .md\:pr-3 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 3);
    }
  }
  .md\:pr-3\.5 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 3.5);
    }
  }
  .md\:pr-4 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 4);
    }
  }
  .md\:pr-8 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 8);
    }
  }
  .md\:pr-9 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 9);
    }
  }
  .md\:pr-10 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 10);
    }
  }
  .md\:pb-0 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .md\:pb-8 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }
  .md\:pb-10 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }
  .md\:pb-16 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }
  .md\:pb-20 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .md\:pl-4 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 4);
    }
  }
  .md\:pl-5 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 5);
    }
  }
  .md\:pl-6 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 6);
    }
  }
  .md\:pl-8 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 8);
    }
  }
  .md\:pl-11 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 11);
    }
  }
  .md\:text-center {
    @media (width >= 48rem) {
      text-align: center;
    }
  }
  .md\:text-left {
    @media (width >= 48rem) {
      text-align: left;
    }
  }
  .md\:text-start {
    @media (width >= 48rem) {
      text-align: start;
    }
  }
  .md\:text-2xl\! {
    @media (width >= 48rem) {
      font-size: var(--text-2xl) !important;
      line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
    }
  }
  .md\:text-4xl {
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .md\:text-base {
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .md\:text-sm {
    @media (width >= 48rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .md\:text-xl\! {
    @media (width >= 48rem) {
      font-size: var(--text-xl) !important;
      line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
    }
  }
  .md\:text-\[17px\] {
    @media (width >= 48rem) {
      font-size: 17px;
    }
  }
  .md\:text-\[22px\] {
    @media (width >= 48rem) {
      font-size: 22px;
    }
  }
  .md\:text-\[24px\] {
    @media (width >= 48rem) {
      font-size: 24px;
    }
  }
  .md\:text-\[28px\] {
    @media (width >= 48rem) {
      font-size: 28px;
    }
  }
  .md\:text-\[32px\] {
    @media (width >= 48rem) {
      font-size: 32px;
    }
  }
  .md\:text-\[32px\]\! {
    @media (width >= 48rem) {
      font-size: 32px !important;
    }
  }
  .md\:text-\[36px\]\! {
    @media (width >= 48rem) {
      font-size: 36px !important;
    }
  }
  .md\:text-\[42px\] {
    @media (width >= 48rem) {
      font-size: 42px;
    }
  }
  .md\:text-\[54px\] {
    @media (width >= 48rem) {
      font-size: 54px;
    }
  }
  .md\:text-\[64px\] {
    @media (width >= 48rem) {
      font-size: 64px;
    }
  }
  .md\:tracking-\[5px\] {
    @media (width >= 48rem) {
      --tw-tracking: 5px;
      letter-spacing: 5px;
    }
  }
  .md\:shadow-md {
    @media (width >= 48rem) {
      --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);
    }
  }
  .md\:backdrop-filter-none {
    @media (width >= 48rem) {
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
    }
  }
  .md\:\[--y-offset\:30px\] {
    @media (width >= 48rem) {
      --y-offset: 30px;
    }
  }
  .md\:\*\:text-base\! {
    @media (width >= 48rem) {
      :is(& > *) {
        font-size: var(--text-base) !important;
        line-height: var(--tw-leading, var(--text-base--line-height)) !important;
      }
    }
  }
  .md\:group-hover\/render-card\:-left-full {
    @media (width >= 48rem) {
      &:is(:where(.group\/render-card):hover *) {
        @media (hover: hover) {
          left: -100%;
        }
      }
    }
  }
  .md\:group-hover\/render-card\:h-6 {
    @media (width >= 48rem) {
      &:is(:where(.group\/render-card):hover *) {
        @media (hover: hover) {
          height: calc(var(--spacing) * 6);
        }
      }
    }
  }
  .md\:group-hover\/render-card\:w-full {
    @media (width >= 48rem) {
      &:is(:where(.group\/render-card):hover *) {
        @media (hover: hover) {
          width: 100%;
        }
      }
    }
  }
  .md\:group-hover\/render-card\:translate-x-\[calc\(100\%\+4px\)\] {
    @media (width >= 48rem) {
      &:is(:where(.group\/render-card):hover *) {
        @media (hover: hover) {
          --tw-translate-x: calc(100% + 4px);
          translate: var(--tw-translate-x) var(--tw-translate-y);
        }
      }
    }
  }
  .md\:group-hover\/render-card\:border-primary {
    @media (width >= 48rem) {
      &:is(:where(.group\/render-card):hover *) {
        @media (hover: hover) {
          border-color: var(--color-primary);
        }
      }
    }
  }
  .md\:group-hover\/render-card\:opacity-100 {
    @media (width >= 48rem) {
      &:is(:where(.group\/render-card):hover *) {
        @media (hover: hover) {
          opacity: 100%;
        }
      }
    }
  }
  .md\:group-hover\/render-card\:delay-150 {
    @media (width >= 48rem) {
      &:is(:where(.group\/render-card):hover *) {
        @media (hover: hover) {
          transition-delay: 150ms;
        }
      }
    }
  }
  .md\:group-hover\/render-card\:delay-\[350ms\] {
    @media (width >= 48rem) {
      &:is(:where(.group\/render-card):hover *) {
        @media (hover: hover) {
          transition-delay: 350ms;
        }
      }
    }
  }
  .md\:group-hover\/render-card\:duration-0 {
    @media (width >= 48rem) {
      &:is(:where(.group\/render-card):hover *) {
        @media (hover: hover) {
          --tw-duration: 0ms;
          transition-duration: 0ms;
        }
      }
    }
  }
  .hover\:md\:bg-gray {
    &:hover {
      @media (hover: hover) {
        @media (width >= 48rem) {
          background-color: var(--color-gray);
        }
      }
    }
  }
  .hover\:md\:text-white {
    &:hover {
      @media (hover: hover) {
        @media (width >= 48rem) {
          color: var(--color-white);
        }
      }
    }
  }
  .md\:max-2xl\:overflow-x-auto\! {
    @media (width >= 48rem) {
      @media (width < 96rem) {
        overflow-x: auto !important;
      }
    }
  }
  .md\:max-xl\:block {
    @media (width >= 48rem) {
      @media (width < 80rem) {
        display: block;
      }
    }
  }
  .md\:max-xl\:flex {
    @media (width >= 48rem) {
      @media (width < 80rem) {
        display: flex;
      }
    }
  }
  .md\:max-xl\:hidden {
    @media (width >= 48rem) {
      @media (width < 80rem) {
        display: none;
      }
    }
  }
  .md\:max-xl\:w-\[calc\(50\%-\(3\*0\.25rem\)\/2\)\] {
    @media (width >= 48rem) {
      @media (width < 80rem) {
        width: calc(50% - (3 * 0.25rem) / 2);
      }
    }
  }
  .md\:max-xl\:flex-wrap {
    @media (width >= 48rem) {
      @media (width < 80rem) {
        flex-wrap: wrap;
      }
    }
  }
  .md\:max-xl\:text-sm {
    @media (width >= 48rem) {
      @media (width < 80rem) {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
      }
    }
  }
  .md\:max-lg\:col-span-2 {
    @media (width >= 48rem) {
      @media (width < 64rem) {
        grid-column: span 2 / span 2;
      }
    }
  }
  .md\:max-lg\:justify-between {
    @media (width >= 48rem) {
      @media (width < 64rem) {
        justify-content: space-between;
      }
    }
  }
  .md\:max-lg\:gap-6 {
    @media (width >= 48rem) {
      @media (width < 64rem) {
        gap: calc(var(--spacing) * 6);
      }
    }
  }
  .md\:max-lg\:px-4 {
    @media (width >= 48rem) {
      @media (width < 64rem) {
        padding-inline: calc(var(--spacing) * 4);
      }
    }
  }
  .md\:max-lg\:px-6 {
    @media (width >= 48rem) {
      @media (width < 64rem) {
        padding-inline: calc(var(--spacing) * 6);
      }
    }
  }
  .md\:max-lg\:text-\[28px\] {
    @media (width >= 48rem) {
      @media (width < 64rem) {
        font-size: 28px;
      }
    }
  }
  .md\:max-lg\:leading-\[120\%\] {
    @media (width >= 48rem) {
      @media (width < 64rem) {
        --tw-leading: 120%;
        line-height: 120%;
      }
    }
  }
  .lg\:not-sr-only {
    @media (width >= 64rem) {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      clip: auto;
      white-space: normal;
    }
  }
  .lg\:absolute {
    @media (width >= 64rem) {
      position: absolute;
    }
  }
  .lg\:relative {
    @media (width >= 64rem) {
      position: relative;
    }
  }
  .lg\:sticky {
    @media (width >= 64rem) {
      position: sticky;
    }
  }
  .lg\:inset-x-12 {
    @media (width >= 64rem) {
      inset-inline: calc(var(--spacing) * 12);
    }
  }
  .lg\:inset-y-8 {
    @media (width >= 64rem) {
      inset-block: calc(var(--spacing) * 8);
    }
  }
  .lg\:top-24 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 24);
    }
  }
  .lg\:top-\[30px\] {
    @media (width >= 64rem) {
      top: 30px;
    }
  }
  .lg\:top-\[80px\] {
    @media (width >= 64rem) {
      top: 80px;
    }
  }
  .lg\:right-\[30px\] {
    @media (width >= 64rem) {
      right: 30px;
    }
  }
  .lg\:bottom-auto {
    @media (width >= 64rem) {
      bottom: auto;
    }
  }
  .lg\:order-last {
    @media (width >= 64rem) {
      order: 9999;
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-3 {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:col-start-1 {
    @media (width >= 64rem) {
      grid-column-start: 1;
    }
  }
  .lg\:col-start-2 {
    @media (width >= 64rem) {
      grid-column-start: 2;
    }
  }
  .lg\:row-start-1 {
    @media (width >= 64rem) {
      grid-row-start: 1;
    }
  }
  .lg\:mx-8 {
    @media (width >= 64rem) {
      margin-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:mt-auto {
    @media (width >= 64rem) {
      margin-top: auto;
    }
  }
  .lg\:mb-0 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .lg\:ml-auto {
    @media (width >= 64rem) {
      margin-left: auto;
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:grid {
    @media (width >= 64rem) {
      display: grid;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:table-cell {
    @media (width >= 64rem) {
      display: table-cell;
    }
  }
  .lg\:aspect-video {
    @media (width >= 64rem) {
      aspect-ratio: var(--aspect-video);
    }
  }
  .lg\:size-12 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }
  }
  .lg\:size-14 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
    }
  }
  .lg\:size-14\! {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 14) !important;
      height: calc(var(--spacing) * 14) !important;
    }
  }
  .lg\:size-28 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 28);
      height: calc(var(--spacing) * 28);
    }
  }
  .lg\:size-\[63px\] {
    @media (width >= 64rem) {
      width: 63px;
      height: 63px;
    }
  }
  .lg\:h-14 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 14);
    }
  }
  .lg\:h-28 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 28);
    }
  }
  .lg\:h-\[145px\] {
    @media (width >= 64rem) {
      height: 145px;
    }
  }
  .lg\:h-\[325px\] {
    @media (width >= 64rem) {
      height: 325px;
    }
  }
  .lg\:h-\[calc\(100dvh-150px\)\] {
    @media (width >= 64rem) {
      height: calc(100dvh - 150px);
    }
  }
  .lg\:h-full {
    @media (width >= 64rem) {
      height: 100%;
    }
  }
  .lg\:max-h-\[calc\(100\%-90px\)\] {
    @media (width >= 64rem) {
      max-height: calc(100% - 90px);
    }
  }
  .lg\:max-h-\[calc\(100vh-8rem\)\] {
    @media (width >= 64rem) {
      max-height: calc(100vh - 8rem);
    }
  }
  .lg\:min-h-0 {
    @media (width >= 64rem) {
      min-height: calc(var(--spacing) * 0);
    }
  }
  .lg\:min-h-12 {
    @media (width >= 64rem) {
      min-height: calc(var(--spacing) * 12);
    }
  }
  .lg\:w-12 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 12);
    }
  }
  .lg\:w-80 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 80);
    }
  }
  .lg\:w-250 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 250);
    }
  }
  .lg\:w-\[111px\] {
    @media (width >= 64rem) {
      width: 111px;
    }
  }
  .lg\:w-\[275px\] {
    @media (width >= 64rem) {
      width: 275px;
    }
  }
  .lg\:w-\[560px\] {
    @media (width >= 64rem) {
      width: 560px;
    }
  }
  .lg\:w-\[600px\] {
    @media (width >= 64rem) {
      width: 600px;
    }
  }
  .lg\:w-\[min\(calc\(100vw-35\.25rem\)\,67\.375rem\,calc\(162\.319svh-35\.71rem\)\)\] {
    @media (width >= 64rem) {
      width: min(calc(100vw - 35.25rem), 67.375rem, calc(162.319svh - 35.71rem));
    }
  }
  .lg\:w-auto {
    @media (width >= 64rem) {
      width: auto;
    }
  }
  .lg\:w-fit {
    @media (width >= 64rem) {
      width: fit-content;
    }
  }
  .lg\:w-full {
    @media (width >= 64rem) {
      width: 100%;
    }
  }
  .lg\:max-w-\[1200px\] {
    @media (width >= 64rem) {
      max-width: 1200px;
    }
  }
  .lg\:max-w-none {
    @media (width >= 64rem) {
      max-width: none;
    }
  }
  .lg\:min-w-\[330px\] {
    @media (width >= 64rem) {
      min-width: 330px;
    }
  }
  .lg\:flex-2 {
    @media (width >= 64rem) {
      flex: 2;
    }
  }
  .lg\:shrink-0 {
    @media (width >= 64rem) {
      flex-shrink: 0;
    }
  }
  .lg\:-translate-y-1\/4 {
    @media (width >= 64rem) {
      --tw-translate-y: calc(calc(1/4 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .lg\:auto-cols-fr {
    @media (width >= 64rem) {
      grid-auto-columns: minmax(0, 1fr);
    }
  }
  .lg\:grid-flow-col {
    @media (width >= 64rem) {
      grid-auto-flow: column;
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-5 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-7 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-\[260px_minmax\(0\,1fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: 260px minmax(0,1fr);
    }
  }
  .lg\:grid-cols-\[300px_minmax\(0\,1fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: 300px minmax(0,1fr);
    }
  }
  .lg\:grid-cols-\[auto_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: auto 1fr;
    }
  }
  .lg\:grid-cols-\[auto_1fr_max-content\] {
    @media (width >= 64rem) {
      grid-template-columns: auto 1fr max-content;
    }
  }
  .lg\:grid-cols-\[auto_360px\] {
    @media (width >= 64rem) {
      grid-template-columns: auto 360px;
    }
  }
  .lg\:grid-cols-\[minmax\(0\,1fr\)_360px\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) 360px;
    }
  }
  .lg\:grid-cols-none {
    @media (width >= 64rem) {
      grid-template-columns: none;
    }
  }
  .lg\:flex-col {
    @media (width >= 64rem) {
      flex-direction: column;
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:items-baseline {
    @media (width >= 64rem) {
      align-items: baseline;
    }
  }
  .lg\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .lg\:items-start {
    @media (width >= 64rem) {
      align-items: flex-start;
    }
  }
  .lg\:items-stretch {
    @media (width >= 64rem) {
      align-items: stretch;
    }
  }
  .lg\:justify-between {
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .lg\:justify-center {
    @media (width >= 64rem) {
      justify-content: center;
    }
  }
  .lg\:justify-end {
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
  .lg\:justify-start {
    @media (width >= 64rem) {
      justify-content: flex-start;
    }
  }
  .lg\:gap-2 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .lg\:gap-3 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .lg\:gap-4 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .lg\:gap-5 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .lg\:gap-6 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:gap-7 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 7);
    }
  }
  .lg\:gap-8 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:gap-12 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .lg\:gap-16 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .lg\:gap-y-12 {
    @media (width >= 64rem) {
      row-gap: calc(var(--spacing) * 12);
    }
  }
  .lg\:justify-self-end {
    @media (width >= 64rem) {
      justify-self: flex-end;
    }
  }
  .lg\:overflow-hidden {
    @media (width >= 64rem) {
      overflow: hidden;
    }
  }
  .lg\:overflow-y-auto {
    @media (width >= 64rem) {
      overflow-y: auto;
    }
  }
  .lg\:rounded-md {
    @media (width >= 64rem) {
      border-radius: var(--radius-md);
    }
  }
  .lg\:rounded-sm {
    @media (width >= 64rem) {
      border-radius: var(--radius-sm);
    }
  }
  .lg\:rounded-t-lg {
    @media (width >= 64rem) {
      border-top-left-radius: var(--radius-lg);
      border-top-right-radius: var(--radius-lg);
    }
  }
  .lg\:border {
    @media (width >= 64rem) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .lg\:border-outline-light {
    @media (width >= 64rem) {
      border-color: var(--color-outline-light);
    }
  }
  .lg\:bg-formitem\! {
    @media (width >= 64rem) {
      background-color: var(--color-formitem) !important;
    }
  }
  .lg\:bg-\[url\(\'\/res\/images\/temp_background\.webp\'\)\] {
    @media (width >= 64rem) {
      background-image: url('/res/images/temp_background.webp');
    }
  }
  .lg\:object-contain {
    @media (width >= 64rem) {
      object-fit: contain;
    }
  }
  .lg\:p-4 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .lg\:p-5 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .lg\:p-6 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .lg\:p-8 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .lg\:p-\[30px\] {
    @media (width >= 64rem) {
      padding: 30px;
    }
  }
  .lg\:px-2\.5 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }
  .lg\:px-3\.5 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 3.5);
    }
  }
  .lg\:px-4 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .lg\:px-6 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:px-24 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 24);
    }
  }
  .lg\:py-2 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .lg\:py-2\.5 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .lg\:py-4 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .lg\:py-16 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .lg\:pt-24 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 24);
    }
  }
  .lg\:pb-0 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .lg\:pb-4 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .lg\:pb-24 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
  .lg\:text-left {
    @media (width >= 64rem) {
      text-align: left;
    }
  }
  .lg\:text-2xl {
    @media (width >= 64rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .lg\:text-base {
    @media (width >= 64rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .lg\:text-\[20px\] {
    @media (width >= 64rem) {
      font-size: 20px;
    }
  }
  .lg\:text-\[24px\] {
    @media (width >= 64rem) {
      font-size: 24px;
    }
  }
  .lg\:text-\[32px\] {
    @media (width >= 64rem) {
      font-size: 32px;
    }
  }
  .lg\:text-\[58px\] {
    @media (width >= 64rem) {
      font-size: 58px;
    }
  }
  .lg\:text-\[67px\]\! {
    @media (width >= 64rem) {
      font-size: 67px !important;
    }
  }
  .lg\:opacity-0 {
    @media (width >= 64rem) {
      opacity: 0%;
    }
  }
  .lg\:\[mask-size\:auto_24px\] {
    @media (width >= 64rem) {
      mask-size: auto 24px;
    }
  }
  .lg\:\[mask-size\:auto_28px\] {
    @media (width >= 64rem) {
      mask-size: auto 28px;
    }
  }
  .lg\:max-\[1920px\]\:hidden {
    @media (width >= 64rem) {
      @media (width < 1920px) {
        display: none;
      }
    }
  }
  .xl\:bottom-4 {
    @media (width >= 80rem) {
      bottom: calc(var(--spacing) * 4);
    }
  }
  .xl\:bottom-50 {
    @media (width >= 80rem) {
      bottom: calc(var(--spacing) * 50);
    }
  }
  .xl\:left-51 {
    @media (width >= 80rem) {
      left: calc(var(--spacing) * 51);
    }
  }
  .xl\:left-\[510px\] {
    @media (width >= 80rem) {
      left: 510px;
    }
  }
  .xl\:col-span-1 {
    @media (width >= 80rem) {
      grid-column: span 1 / span 1;
    }
  }
  .xl\:col-span-2 {
    @media (width >= 80rem) {
      grid-column: span 2 / span 2;
    }
  }
  .xl\:col-span-3 {
    @media (width >= 80rem) {
      grid-column: span 3 / span 3;
    }
  }
  .xl\:col-span-4 {
    @media (width >= 80rem) {
      grid-column: span 4 / span 4;
    }
  }
  .xl\:col-span-5 {
    @media (width >= 80rem) {
      grid-column: span 5 / span 5;
    }
  }
  .xl\:row-span-2 {
    @media (width >= 80rem) {
      grid-row: span 2 / span 2;
    }
  }
  .xl\:block {
    @media (width >= 80rem) {
      display: block;
    }
  }
  .xl\:flex {
    @media (width >= 80rem) {
      display: flex;
    }
  }
  .xl\:hidden {
    @media (width >= 80rem) {
      display: none;
    }
  }
  .xl\:table-cell {
    @media (width >= 80rem) {
      display: table-cell;
    }
  }
  .xl\:h-28 {
    @media (width >= 80rem) {
      height: calc(var(--spacing) * 28);
    }
  }
  .xl\:h-65 {
    @media (width >= 80rem) {
      height: calc(var(--spacing) * 65);
    }
  }
  .xl\:h-\[97\.5px\] {
    @media (width >= 80rem) {
      height: 97.5px;
    }
  }
  .xl\:h-\[434px\] {
    @media (width >= 80rem) {
      height: 434px;
    }
  }
  .xl\:h-auto {
    @media (width >= 80rem) {
      height: auto;
    }
  }
  .xl\:h-screen {
    @media (width >= 80rem) {
      height: 100vh;
    }
  }
  .xl\:min-h-0 {
    @media (width >= 80rem) {
      min-height: calc(var(--spacing) * 0);
    }
  }
  .xl\:w-1\/3 {
    @media (width >= 80rem) {
      width: calc(1/3 * 100%);
    }
  }
  .xl\:w-5\/12 {
    @media (width >= 80rem) {
      width: calc(5/12 * 100%);
    }
  }
  .xl\:w-7\/12 {
    @media (width >= 80rem) {
      width: calc(7/12 * 100%);
    }
  }
  .xl\:w-24 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 24);
    }
  }
  .xl\:w-96 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 96);
    }
  }
  .xl\:w-162\.5 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 162.5);
    }
  }
  .xl\:w-\[360px\] {
    @media (width >= 80rem) {
      width: 360px;
    }
  }
  .xl\:w-\[395px\] {
    @media (width >= 80rem) {
      width: 395px;
    }
  }
  .xl\:w-\[547px\] {
    @media (width >= 80rem) {
      width: 547px;
    }
  }
  .xl\:w-\[800px\] {
    @media (width >= 80rem) {
      width: 800px;
    }
  }
  .xl\:w-fit {
    @media (width >= 80rem) {
      width: fit-content;
    }
  }
  .xl\:max-w-\[711px\] {
    @media (width >= 80rem) {
      max-width: 711px;
    }
  }
  .xl\:max-w-none {
    @media (width >= 80rem) {
      max-width: none;
    }
  }
  .xl\:flex-1 {
    @media (width >= 80rem) {
      flex: 1;
    }
  }
  .xl\:basis-0 {
    @media (width >= 80rem) {
      flex-basis: calc(var(--spacing) * 0);
    }
  }
  .xl\:grid-cols-2 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-3 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-4 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-6 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-10 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-\[7rem_repeat\(8\,minmax\(0\,1fr\)\)\] {
    @media (width >= 80rem) {
      grid-template-columns: 7rem repeat(8,minmax(0,1fr));
    }
  }
  .xl\:grid-cols-\[7rem_repeat\(9\,minmax\(0\,1fr\)\)\] {
    @media (width >= 80rem) {
      grid-template-columns: 7rem repeat(9,minmax(0,1fr));
    }
  }
  .xl\:grid-cols-\[320px_minmax\(0\,1fr\)_400px\] {
    @media (width >= 80rem) {
      grid-template-columns: 320px minmax(0,1fr) 400px;
    }
  }
  .xl\:grid-cols-\[minmax\(0\,1\.45fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr);
    }
  }
  .xl\:grid-cols-\[repeat\(11\,minmax\(0\,1fr\)\)\] {
    @media (width >= 80rem) {
      grid-template-columns: repeat(11,minmax(0,1fr));
    }
  }
  .xl\:grid-rows-\[minmax\(0\,1\.55fr\)_minmax\(0\,1fr\)\] {
    @media (width >= 80rem) {
      grid-template-rows: minmax(0,1.55fr) minmax(0,1fr);
    }
  }
  .xl\:flex-row {
    @media (width >= 80rem) {
      flex-direction: row;
    }
  }
  .xl\:items-center {
    @media (width >= 80rem) {
      align-items: center;
    }
  }
  .xl\:items-end {
    @media (width >= 80rem) {
      align-items: flex-end;
    }
  }
  .xl\:items-stretch {
    @media (width >= 80rem) {
      align-items: stretch;
    }
  }
  .xl\:justify-between {
    @media (width >= 80rem) {
      justify-content: space-between;
    }
  }
  .xl\:gap-1 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 1);
    }
  }
  .xl\:gap-4 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .xl\:gap-5 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .xl\:gap-8 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .xl\:gap-16 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .xl\:border-r {
    @media (width >= 80rem) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  .xl\:p-5 {
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .xl\:px-20 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
  .xl\:px-24 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 24);
    }
  }
  .xl\:px-\[95px\] {
    @media (width >= 80rem) {
      padding-inline: 95px;
    }
  }
  .xl\:py-0 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .xl\:pt-12 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  .xl\:pr-4 {
    @media (width >= 80rem) {
      padding-right: calc(var(--spacing) * 4);
    }
  }
  .xl\:pr-20 {
    @media (width >= 80rem) {
      padding-right: calc(var(--spacing) * 20);
    }
  }
  .xl\:pl-20 {
    @media (width >= 80rem) {
      padding-left: calc(var(--spacing) * 20);
    }
  }
  .xl\:text-2xl {
    @media (width >= 80rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .xl\:text-base {
    @media (width >= 80rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .xl\:text-lg {
    @media (width >= 80rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .xl\:text-sm {
    @media (width >= 80rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .xl\:text-xl {
    @media (width >= 80rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .xl\:text-xl\! {
    @media (width >= 80rem) {
      font-size: var(--text-xl) !important;
      line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
    }
  }
  .xl\:text-\[20px\] {
    @media (width >= 80rem) {
      font-size: 20px;
    }
  }
  .xl\:text-\[24px\] {
    @media (width >= 80rem) {
      font-size: 24px;
    }
  }
  .xl\:text-\[34px\] {
    @media (width >= 80rem) {
      font-size: 34px;
    }
  }
  .xl\:text-\[36px\] {
    @media (width >= 80rem) {
      font-size: 36px;
    }
  }
  .xl\:text-\[44px\] {
    @media (width >= 80rem) {
      font-size: 44px;
    }
  }
  .xl\:text-\[44px\]\! {
    @media (width >= 80rem) {
      font-size: 44px !important;
    }
  }
  .xl\:text-\[48px\] {
    @media (width >= 80rem) {
      font-size: 48px;
    }
  }
  .xl\:text-\[60px\] {
    @media (width >= 80rem) {
      font-size: 60px;
    }
  }
  .xl\:text-\[72px\] {
    @media (width >= 80rem) {
      font-size: 72px;
    }
  }
  .xl\:text-\[84px\] {
    @media (width >= 80rem) {
      font-size: 84px;
    }
  }
  .xl\:tracking-\[7\.5px\] {
    @media (width >= 80rem) {
      --tw-tracking: 7.5px;
      letter-spacing: 7.5px;
    }
  }
  .xl\:select-none {
    @media (width >= 80rem) {
      -webkit-user-select: none;
      user-select: none;
    }
  }
  .group-\[\.dynamic\]\:xl\:col-span-2 {
    &:is(:where(.group):is(.dynamic) *) {
      @media (width >= 80rem) {
        grid-column: span 2 / span 2;
      }
    }
  }
  .group-\[\.dynamic\]\:xl\:grid-cols-3 {
    &:is(:where(.group):is(.dynamic) *) {
      @media (width >= 80rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
  }
  .xl\:max-3xl\:block {
    @media (width >= 80rem) {
      @media (width < 109.375rem) {
        display: block;
      }
    }
  }
  .\32 xl\:top-12 {
    @media (width >= 96rem) {
      top: calc(var(--spacing) * 12);
    }
  }
  .\32 xl\:col-span-3 {
    @media (width >= 96rem) {
      grid-column: span 3 / span 3;
    }
  }
  .\32 xl\:block {
    @media (width >= 96rem) {
      display: block;
    }
  }
  .\32 xl\:flex {
    @media (width >= 96rem) {
      display: flex;
    }
  }
  .\32 xl\:h-12 {
    @media (width >= 96rem) {
      height: calc(var(--spacing) * 12);
    }
  }
  .\32 xl\:h-\[241px\] {
    @media (width >= 96rem) {
      height: 241px;
    }
  }
  .\32 xl\:w-36 {
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 36);
    }
  }
  .\32 xl\:grid-cols-3 {
    @media (width >= 96rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .\32 xl\:grid-cols-4 {
    @media (width >= 96rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .\32 xl\:grid-cols-9 {
    @media (width >= 96rem) {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  .\32 xl\:grid-cols-12 {
    @media (width >= 96rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .\32 xl\:grid-cols-\[7rem_repeat\(10\,minmax\(0\,1fr\)\)\] {
    @media (width >= 96rem) {
      grid-template-columns: 7rem repeat(10,minmax(0,1fr));
    }
  }
  .\32 xl\:grid-cols-\[7rem_repeat\(11\,minmax\(0\,1fr\)\)\] {
    @media (width >= 96rem) {
      grid-template-columns: 7rem repeat(11,minmax(0,1fr));
    }
  }
  .\32 xl\:grid-cols-\[repeat\(13\,minmax\(0\,1fr\)\)\] {
    @media (width >= 96rem) {
      grid-template-columns: repeat(13,minmax(0,1fr));
    }
  }
  .\32 xl\:grid-rows-\[min-content_1fr\] {
    @media (width >= 96rem) {
      grid-template-rows: min-content 1fr;
    }
  }
  .\32 xl\:gap-3 {
    @media (width >= 96rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .\32 xl\:gap-32 {
    @media (width >= 96rem) {
      gap: calc(var(--spacing) * 32);
    }
  }
  .\32 xl\:p-4 {
    @media (width >= 96rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .\32 xl\:text-2xl {
    @media (width >= 96rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .\33 xl\:bottom-62 {
    @media (width >= 109.375rem) {
      bottom: calc(var(--spacing) * 62);
    }
  }
  .\33 xl\:left-63 {
    @media (width >= 109.375rem) {
      left: calc(var(--spacing) * 63);
    }
  }
  .\33 xl\:left-\[625px\] {
    @media (width >= 109.375rem) {
      left: 625px;
    }
  }
  .\33 xl\:block {
    @media (width >= 109.375rem) {
      display: block;
    }
  }
  .\33 xl\:h-80 {
    @media (width >= 109.375rem) {
      height: calc(var(--spacing) * 80);
    }
  }
  .\33 xl\:h-\[120px\] {
    @media (width >= 109.375rem) {
      height: 120px;
    }
  }
  .\33 xl\:w-200 {
    @media (width >= 109.375rem) {
      width: calc(var(--spacing) * 200);
    }
  }
  .\33 xl\:max-w-\[600px\] {
    @media (width >= 109.375rem) {
      max-width: 600px;
    }
  }
  .\33 xl\:grid-cols-3 {
    @media (width >= 109.375rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .\33 xl\:py-16 {
    @media (width >= 109.375rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .\33 xl\:text-3xl {
    @media (width >= 109.375rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .\33 xl\:text-\[90px\] {
    @media (width >= 109.375rem) {
      font-size: 90px;
    }
  }
  .\33 xl\:text-\[103px\] {
    @media (width >= 109.375rem) {
      font-size: 103px;
    }
  }
  .\33 xl\:tracking-\[10px\] {
    @media (width >= 109.375rem) {
      --tw-tracking: 10px;
      letter-spacing: 10px;
    }
  }
  .\@max-\[800px\]\/render-details\:col-span-full {
    @container render-details (width < 800px) {
      grid-column: 1 / -1;
    }
  }
  .\@max-\[800px\]\/render-details\:col-start-2 {
    @container render-details (width < 800px) {
      grid-column-start: 2;
    }
  }
  .\@max-\[800px\]\/render-details\:row-start-1 {
    @container render-details (width < 800px) {
      grid-row-start: 1;
    }
  }
  .\@max-\[800px\]\/render-details\:row-start-2 {
    @container render-details (width < 800px) {
      grid-row-start: 2;
    }
  }
  .\@max-\[800px\]\/render-details\:grid {
    @container render-details (width < 800px) {
      display: grid;
    }
  }
  .\@max-\[800px\]\/render-details\:w-full {
    @container render-details (width < 800px) {
      width: 100%;
    }
  }
  .\@max-\[800px\]\/render-details\:min-w-0 {
    @container render-details (width < 800px) {
      min-width: calc(var(--spacing) * 0);
    }
  }
  .\@max-\[800px\]\/render-details\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
    @container render-details (width < 800px) {
      grid-template-columns: minmax(0,1fr) auto;
    }
  }
  .\@max-\[800px\]\/render-details\:flex-wrap {
    @container render-details (width < 800px) {
      flex-wrap: wrap;
    }
  }
  .\@max-\[800px\]\/render-details\:justify-end {
    @container render-details (width < 800px) {
      justify-content: flex-end;
    }
  }
  .\@max-\[800px\]\/render-details\:gap-x-2 {
    @container render-details (width < 800px) {
      column-gap: calc(var(--spacing) * 2);
    }
  }
  .\@max-\[300px\]\/render-details\:col-start-1 {
    @container render-details (width < 300px) {
      grid-column-start: 1;
    }
  }
  .\@max-\[300px\]\/render-details\:row-start-3 {
    @container render-details (width < 300px) {
      grid-row-start: 3;
    }
  }
  .\@max-\[300px\]\/render-details\:ml-0 {
    @container render-details (width < 300px) {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  .\@max-\[300px\]\/render-details\:grid-cols-1 {
    @container render-details (width < 300px) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .\@max-\[45px\]\:hidden {
    @container (width < 45px) {
      display: none;
    }
  }
  .\@max-\[20px\]\:hidden {
    @container (width < 20px) {
      display: none;
    }
  }
  .\@min-\[160px\]\/upload\:flex {
    @container upload (width >= 160px) {
      display: flex;
    }
  }
  .\@min-\[160px\]\/upload\:justify-between {
    @container upload (width >= 160px) {
      justify-content: space-between;
    }
  }
  .\@min-\[640px\]\/render-details\:flex {
    @container render-details (width >= 640px) {
      display: flex;
    }
  }
  .\@min-\[640px\]\/render-details\:aspect-video {
    @container render-details (width >= 640px) {
      aspect-ratio: var(--aspect-video);
    }
  }
  .\@min-\[640px\]\/render-details\:flex-row {
    @container render-details (width >= 640px) {
      flex-direction: row;
    }
  }
  .\@min-\[640px\]\/render-details\:items-center {
    @container render-details (width >= 640px) {
      align-items: center;
    }
  }
  .\@min-\[640px\]\/render-details\:gap-4 {
    @container render-details (width >= 640px) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .\@min-\[640px\]\/render-details\:self-auto {
    @container render-details (width >= 640px) {
      align-self: auto;
    }
  }
  .\@min-\[640px\]\/render-details\:p-6 {
    @container render-details (width >= 640px) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .\@min-\[640px\]\/render-details\:px-6 {
    @container render-details (width >= 640px) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .\@min-\[640px\]\/render-details\:pl-0 {
    @container render-details (width >= 640px) {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .\@min-\[900px\]\/render-details\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,2fr\)\] {
    @container render-details (width >= 900px) {
      grid-template-columns: minmax(0,3fr) minmax(0,2fr);
    }
  }
  .\@min-\[900px\]\/render-details\:items-start {
    @container render-details (width >= 900px) {
      align-items: flex-start;
    }
  }
  .\@sm\:grid-cols-\[auto_minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
    @container (width >= 24rem) {
      grid-template-columns: auto minmax(0,1fr) auto minmax(0,1fr);
    }
  }
  .\@lg\:col-span-3 {
    @container (width >= 32rem) {
      grid-column: span 3 / span 3;
    }
  }
  .\@lg\:grid-cols-\[auto_minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
    @container (width >= 32rem) {
      grid-template-columns: auto minmax(0,1fr) auto minmax(0,1fr);
    }
  }
  .\@2xl\:col-span-1 {
    @container (width >= 42rem) {
      grid-column: span 1 / span 1;
    }
  }
  .\@2xl\:grid-cols-\[auto_minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
    @container (width >= 42rem) {
      grid-template-columns: auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
    }
  }
  .dark\:block {
    &:where(.dark, .dark *) {
      display: block;
    }
  }
  .dark\:hidden {
    &:where(.dark, .dark *) {
      display: none;
    }
  }
  .dark\:border-gray-800 {
    &:where(.dark, .dark *) {
      border-color: var(--color-gray-800);
    }
  }
  .dark\:border-gray-dark\/30 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-gray-dark) 30%, transparent);
    }
  }
  .dark\:border-secondary\/20 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-secondary) 20%, transparent);
    }
  }
  .dark\:bg-\[\#1c1c1e\] {
    &:where(.dark, .dark *) {
      background-color: #1c1c1e;
    }
  }
  .dark\:bg-\[\#202020\] {
    &:where(.dark, .dark *) {
      background-color: #202020;
    }
  }
  .dark\:bg-\[\#202020\]\! {
    &:where(.dark, .dark *) {
      background-color: #202020 !important;
    }
  }
  .dark\:bg-black {
    &:where(.dark, .dark *) {
      background-color: var(--color-black);
    }
  }
  .dark\:bg-formitem {
    &:where(.dark, .dark *) {
      background-color: var(--color-formitem);
    }
  }
  .dark\:bg-gray-darkest {
    &:where(.dark, .dark *) {
      background-color: var(--color-gray-darkest);
    }
  }
  .dark\:bg-gray-light {
    &:where(.dark, .dark *) {
      background-color: var(--color-gray-light);
    }
  }
  .dark\:bg-gray-tonal {
    &:where(.dark, .dark *) {
      background-color: var(--color-gray-tonal);
    }
  }
  .dark\:bg-gray-tonal\/50 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-gray-tonal) 50%, transparent);
    }
  }
  .dark\:bg-primary {
    &:where(.dark, .dark *) {
      background-color: var(--color-primary);
    }
  }
  .dark\:bg-sand {
    &:where(.dark, .dark *) {
      background-color: var(--color-sand);
    }
  }
  .dark\:bg-secondary\/10 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent);
    }
  }
  .dark\:bg-white-d {
    &:where(.dark, .dark *) {
      background-color: var(--color-white-d);
    }
  }
  .dark\:text-gray-300 {
    &:where(.dark, .dark *) {
      color: var(--color-gray-300);
    }
  }
  .dark\:text-gray-dark {
    &:where(.dark, .dark *) {
      color: var(--color-gray-dark);
    }
  }
  .dark\:text-green-400 {
    &:where(.dark, .dark *) {
      color: var(--color-green-400);
    }
  }
  .dark\:text-white {
    &:where(.dark, .dark *) {
      color: var(--color-white);
    }
  }
  .dark\:scheme-dark {
    &:where(.dark, .dark *) {
      color-scheme: dark;
    }
  }
  .dark\:ring-gray-darkest {
    &:where(.dark, .dark *) {
      --tw-ring-color: var(--color-gray-darkest);
    }
  }
  .dark\:\[--color-formitem-active\:var\(--color-indicator\)\] {
    &:where(.dark, .dark *) {
      --color-formitem-active: var(--color-indicator);
    }
  }
  .dark\:\[--color-formitem\:var\(--color-gray-light\)\] {
    &:where(.dark, .dark *) {
      --color-formitem: var(--color-gray-light);
    }
  }
  .dark\:\[--color-formitem\:var\(--color-sand\)\] {
    &:where(.dark, .dark *) {
      --color-formitem: var(--color-sand);
    }
  }
  .dark\:\[--color-white-d\:\#262626\] {
    &:where(.dark, .dark *) {
      --color-white-d: #262626;
    }
  }
  .dark\:\[--rest-surface\:\#262626\] {
    &:where(.dark, .dark *) {
      --rest-surface: #262626;
    }
  }
  .dark\:group-hover\:not-peer-hover\:text-gray-dark {
    &:where(.dark, .dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          &:not(*:is(:where(.peer):hover ~ *)) {
            color: var(--color-gray-dark);
          }
          @media not (hover: hover) {
            color: var(--color-gray-dark);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-formitem-active {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-formitem-active);
        }
      }
    }
  }
  .dark\:hover\:bg-gray-lightest\/70 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in oklab, var(--color-gray-lightest) 70%, transparent);
        }
      }
    }
  }
  .hover\:dark\:bg-primary\/20 {
    &:hover {
      @media (hover: hover) {
        &:where(.dark, .dark *) {
          background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
        }
      }
    }
  }
  .dark\:hover\:text-gray-dark {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-gray-dark);
        }
      }
    }
  }
  .dark\:hover\:text-gray-dark\! {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-gray-dark) !important;
        }
      }
    }
  }
  .dark\:data-selected\:bg-white\/18 {
    &:where(.dark, .dark *) {
      &[data-selected] {
        background-color: color-mix(in oklab, var(--color-white) 18%, transparent);
      }
    }
  }
  .hx-inflight\:pointer-events-none {
    &.htmx-request, &:has(.htmx-request) {
      pointer-events: none;
    }
  }
  .hx-inflight\:opacity-50 {
    &.htmx-request, &:has(.htmx-request) {
      opacity: 50%;
    }
  }
  .hx-inflight\:opacity-60 {
    &.htmx-request, &:has(.htmx-request) {
      opacity: 60%;
    }
  }
  .hx-inflight\:opacity-100 {
    &.htmx-request, &:has(.htmx-request) {
      opacity: 100%;
    }
  }
  .hx-inflight-any\:visible {
    body:has(.htmx-request) & {
      visibility: visible;
    }
  }
  .hx-inflight-any\:block {
    body:has(.htmx-request) & {
      display: block;
    }
  }
  .hx-inflight-any\:hidden {
    body:has(.htmx-request) & {
      display: none;
    }
  }
  .hx-inflight-any\:blur {
    body:has(.htmx-request) & {
      --tw-blur: blur(8px);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
  .hx-inflight-this\:pointer-events-none {
    &.htmx-request {
      pointer-events: none;
    }
  }
  .hx-inflight-this\:block {
    &.htmx-request {
      display: block;
    }
  }
  .hx-inflight-this\:blur-sm {
    &.htmx-request {
      --tw-blur: blur(var(--blur-sm));
      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,);
    }
  }
  .max-md\:\[\&_\#usage-period\]\:hidden {
    @media (width < 48rem) {
      & #usage-period {
        display: none;
      }
    }
  }
  .\[\&_\*\]\:border-b {
    & * {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .\[\&_\*\]\:border-dashed {
    & * {
      --tw-border-style: dashed;
      border-style: dashed;
    }
  }
  .\[\&_\*\]\:border-gray-dark {
    & * {
      border-color: var(--color-gray-dark);
    }
  }
  .\[\&_\*\:not\(\:nth-child\(3n\)\)\]\:border-r {
    & *:not(:nth-child(3n)) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  .\[\&_\*\:nth-last-child\(-n\+3\)\]\:border-b-0 {
    & *:nth-last-child(-n+3) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .\[\&_\.peer\]\:ring-1 {
    & .peer {
      --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);
    }
  }
  .\[\&_\.peer\]\:ring-outline-medium {
    & .peer {
      --tw-ring-color: var(--color-outline-medium);
    }
  }
  .group-data-split\/monitor\:data-\[monitor-view\=compact\]\:\[\&_\:is\(\.render\,\.monitor-column-headings\,\.monitor-folder-head\)\]\:grid-cols-\[repeat\(5\,minmax\(0\,1fr\)\)_repeat\(2\,64px\)_116px_repeat\(2\,42px\)_60px_60px\] {
    &:is(:where(.group\/monitor)[data-split] *) {
      &[data-monitor-view="compact"] {
        & :is(.render,.monitor-column-headings,.monitor-folder-head) {
          grid-template-columns: repeat(5,minmax(0,1fr)) repeat(2,64px) 116px repeat(2,42px) 60px 60px;
        }
      }
    }
  }
  .group-data-split\/monitor\:data-\[monitor-view\=compact\]\:\[\&_\:is\(\.render\,\.monitor-column-headings\,\.monitor-folder-head\)\]\:grid-cols-\[repeat\(5\,minmax\(0\,1fr\)\)_repeat\(2\,64px\)_116px_repeat\(2\,42px\)_60px_60px_64px\] {
    &:is(:where(.group\/monitor)[data-split] *) {
      &[data-monitor-view="compact"] {
        & :is(.render,.monitor-column-headings,.monitor-folder-head) {
          grid-template-columns: repeat(5,minmax(0,1fr)) repeat(2,64px) 116px repeat(2,42px) 60px 60px 64px;
        }
      }
    }
  }
  .group-data-split\/monitor\:data-\[monitor-view\=expanded\]\:\[\&_\:is\(\.render\,\.monitor-column-headings\,\.monitor-folder-head\)\]\:grid-cols-\[7rem_repeat\(4\,minmax\(0\,1fr\)\)_repeat\(2\,64px\)_116px_repeat\(2\,42px\)_60px\] {
    &:is(:where(.group\/monitor)[data-split] *) {
      &[data-monitor-view="expanded"] {
        & :is(.render,.monitor-column-headings,.monitor-folder-head) {
          grid-template-columns: 7rem repeat(4,minmax(0,1fr)) repeat(2,64px) 116px repeat(2,42px) 60px;
        }
      }
    }
  }
  .group-data-split\/monitor\:data-\[monitor-view\=expanded\]\:\[\&_\:is\(\.render\,\.monitor-column-headings\,\.monitor-folder-head\)\]\:grid-cols-\[7rem_repeat\(4\,minmax\(0\,1fr\)\)_repeat\(2\,64px\)_116px_repeat\(2\,42px\)_60px_64px\] {
    &:is(:where(.group\/monitor)[data-split] *) {
      &[data-monitor-view="expanded"] {
        & :is(.render,.monitor-column-headings,.monitor-folder-head) {
          grid-template-columns: 7rem repeat(4,minmax(0,1fr)) repeat(2,64px) 116px repeat(2,42px) 60px 64px;
        }
      }
    }
  }
  .\[\&_\:not\(pre\)\>code\]\:border-white\/20\! {
    & :not(pre)>code {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important;
    }
  }
  .\[\&_\:not\(pre\)\>code\]\:bg-black\/20\! {
    & :not(pre)>code {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent) !important;
    }
  }
  .max-md\:\[\&_button\]\:w-full {
    @media (width < 48rem) {
      & button {
        width: 100%;
      }
    }
  }
  .\[\&_button\>div\]\:border {
    & button>div {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&_button\>div\]\:border-error {
    & button>div {
      border-color: var(--color-error);
    }
  }
  .\[\&_button\>div\]\:border-gray {
    & button>div {
      border-color: var(--color-gray);
    }
  }
  .\[\&_button\>div\]\:border-primary {
    & button>div {
      border-color: var(--color-primary);
    }
  }
  .\[\&_button\>div\]\:border-secondary {
    & button>div {
      border-color: var(--color-secondary);
    }
  }
  .\[\&_button\>div\]\:border-tertiary {
    & button>div {
      border-color: var(--color-tertiary);
    }
  }
  .\[\&_button\>div\]\:hover\:border-error {
    & button>div {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-error);
        }
      }
    }
  }
  .\[\&_button\>div\]\:hover\:border-gray {
    & button>div {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-gray);
        }
      }
    }
  }
  .\[\&_button\>div\]\:hover\:border-primary {
    & button>div {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-primary);
        }
      }
    }
  }
  .\[\&_button\>div\]\:hover\:border-secondary {
    & button>div {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-secondary);
        }
      }
    }
  }
  .\[\&_button\>div\]\:hover\:border-tertiary {
    & button>div {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-tertiary);
        }
      }
    }
  }
  .max-md\:\[\&_button\>div\]\:w-full {
    @media (width < 48rem) {
      & button>div {
        width: 100%;
      }
    }
  }
  .max-md\:\[\&_button\>div\]\:px-4 {
    @media (width < 48rem) {
      & button>div {
        padding-inline: calc(var(--spacing) * 4);
      }
    }
  }
  .\[\&_code\]\:whitespace-nowrap {
    & code {
      white-space: nowrap;
    }
  }
  .\[\&_h1\]\:max-w-none\! {
    & h1 {
      max-width: none !important;
    }
  }
  .lg\:\[\&_img\]\:max-w-\[min\(100\%\,700px\)\]\! {
    @media (width >= 64rem) {
      & img {
        max-width: min(100%, 700px) !important;
      }
    }
  }
  .\[\&_input\]\:border {
    & input {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&_input\]\:border-solid {
    & input {
      --tw-border-style: solid;
      border-style: solid;
    }
  }
  .\[\&_input\]\:border-outline-light {
    & input {
      border-color: var(--color-outline-light);
    }
  }
  .\[\&_input\]\:bg-gray-tonal\! {
    & input {
      background-color: var(--color-gray-tonal) !important;
    }
  }
  .\[\&_label\]\:flex-1 {
    & label {
      flex: 1;
    }
  }
  .max-md\:\[\&_label\]\:flex-1 {
    @media (width < 48rem) {
      & label {
        flex: 1;
      }
    }
  }
  .\[\&_option\]\:bg-gray-light {
    & option {
      background-color: var(--color-gray-light);
    }
  }
  .\[\&_option\]\:text-gray-dark {
    & option {
      color: var(--color-gray-dark);
    }
  }
  .\[\&_p\]\:truncate {
    & p {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  .\[\&_p\]\:px-2 {
    & p {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .\[\&_p\]\:py-1 {
    & p {
      padding-block: calc(var(--spacing) * 1);
    }
  }
  .\[\&_p\]\:text-nowrap {
    & p {
      text-wrap: nowrap;
    }
  }
  .max-md\:\[\&_p\]\:hidden {
    @media (width < 48rem) {
      & p {
        display: none;
      }
    }
  }
  .max-md\:\[\&_p\]\:text-xs\! {
    @media (width < 48rem) {
      & p {
        font-size: var(--text-xs) !important;
        line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
      }
    }
  }
  .max-md\:\[\&_p\]\:text-dim {
    @media (width < 48rem) {
      & p {
        color: var(--color-dim);
      }
    }
  }
  .\@max-\[1100px\]\/render-details\:\[\&_p\]\:sr-only {
    @container render-details (width < 1100px) {
      & p {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
      }
    }
  }
  .\[\&_pre\]\:border-white\/20\! {
    & pre {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important;
    }
  }
  .\[\&_pre\]\:bg-black\/20\! {
    & pre {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent) !important;
    }
  }
  .\[\&_pre\]\:whitespace-pre-wrap {
    & pre {
      white-space: pre-wrap;
    }
  }
  .\[\&_table\]\:min-w-160 {
    & table {
      min-width: calc(var(--spacing) * 160);
    }
  }
  .\[\&_td\]\:p-2 {
    & td {
      padding: calc(var(--spacing) * 2);
    }
  }
  .\[\&_td\]\:px-3 {
    & td {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .\[\&_td\]\:py-2 {
    & td {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .max-md\:\[\&_td\]\:px-2 {
    @media (width < 48rem) {
      & td {
        padding-inline: calc(var(--spacing) * 2);
      }
    }
  }
  .max-md\:\[\&_td\]\:leading-snug {
    @media (width < 48rem) {
      & td {
        --tw-leading: var(--leading-snug);
        line-height: var(--leading-snug);
      }
    }
  }
  .\[\&_th\]\:px-2 {
    & th {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .\[\&_th\]\:px-3 {
    & th {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .\[\&_th\]\:py-2 {
    & th {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .\[\&_th\]\:pt-1 {
    & th {
      padding-top: calc(var(--spacing) * 1);
    }
  }
  .\[\&_th\]\:pb-2 {
    & th {
      padding-bottom: calc(var(--spacing) * 2);
    }
  }
  .\[\&_th\]\:text-start {
    & th {
      text-align: start;
    }
  }
  .\[\&_th\]\:font-medium\! {
    & th {
      --tw-font-weight: var(--font-weight-medium) !important;
      font-weight: var(--font-weight-medium) !important;
    }
  }
  .\[\&_th\]\:font-semibold {
    & th {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_th\]\:text-nowrap {
    & th {
      text-wrap: nowrap;
    }
  }
  .max-md\:\[\&_th\]\:px-2 {
    @media (width < 48rem) {
      & th {
        padding-inline: calc(var(--spacing) * 2);
      }
    }
  }
  .max-md\:\[\&_th\]\:leading-snug {
    @media (width < 48rem) {
      & th {
        --tw-leading: var(--leading-snug);
        line-height: var(--leading-snug);
      }
    }
  }
  .max-md\:\[\&_th\]\:whitespace-normal\! {
    @media (width < 48rem) {
      & th {
        white-space: normal !important;
      }
    }
  }
  .\[\&_th\,b\]\:font-semibold {
    & th,b {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_th\.num\]\:text-end {
    & th.num {
      text-align: end;
    }
  }
  .\[\&_tr\]\:border-outline-medium {
    & tr {
      border-color: var(--color-outline-medium);
    }
  }
  .\[\&_tr\]\:leading-10 {
    & tr {
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .lg\:\[\&_video\]\:max-w-\[min\(100\%\,700px\)\]\! {
    @media (width >= 64rem) {
      & video {
        max-width: min(100%, 700px) !important;
      }
    }
  }
  .\[\&\.checked\]\:w-full {
    &.checked {
      width: 100%;
    }
  }
  .\[\&\.checked\]\:shrink {
    &.checked {
      flex-shrink: 1;
    }
  }
  .\[\&\.checked\]\:bg-gray-dark {
    &.checked {
      background-color: var(--color-gray-dark);
    }
  }
  .\[\&\.checked\]\:text-gray-light {
    &.checked {
      color: var(--color-gray-light);
    }
  }
  .dark\:\[\&\.checked\]\:bg-gray-dark {
    &:where(.dark, .dark *) {
      &.checked {
        background-color: var(--color-gray-dark);
      }
    }
  }
  .\[\&\.htmx-request\]\:pointer-events-none {
    &.htmx-request {
      pointer-events: none;
    }
  }
  .\[\&\.htmx-request\]\:opacity-40 {
    &.htmx-request {
      opacity: 40%;
    }
  }
  .\[\&\.htmx-request\]\:opacity-50 {
    &.htmx-request {
      opacity: 50%;
    }
  }
  .\[\&\.htmx-request\>i\]\:animate-spin {
    &.htmx-request>i {
      animation: var(--animate-spin);
    }
  }
  .max-md\:\[\&\>\#card-title\]\:hidden {
    @media (width < 48rem) {
      &>#card-title {
        display: none;
      }
    }
  }
  .min-\[1920px\]\:\[\&\>\#card-title\]\:pr-18 {
    @media (width >= 1920px) {
      &>#card-title {
        padding-right: calc(var(--spacing) * 18);
      }
    }
  }
  .\[\&\>\*\]\:col-start-1 {
    &>* {
      grid-column-start: 1;
    }
  }
  .\[\&\>\*\]\:row-start-1 {
    &>* {
      grid-row-start: 1;
    }
  }
  .\[\&\>\*\]\:flex {
    &>* {
      display: flex;
    }
  }
  .\[\&\>\*\]\:h-16 {
    &>* {
      height: calc(var(--spacing) * 16);
    }
  }
  .\[\&\>\*\]\:flex-col {
    &>* {
      flex-direction: column;
    }
  }
  .\[\&\>\*\]\:items-center {
    &>* {
      align-items: center;
    }
  }
  .\[\&\>\*\]\:justify-center {
    &>* {
      justify-content: center;
    }
  }
  .\[\&\>\*\]\:gap-0\.5 {
    &>* {
      gap: calc(var(--spacing) * 0.5);
    }
  }
  .\[\&\>\*\]\:rounded-md {
    &>* {
      border-radius: var(--radius-md);
    }
  }
  .\[\&\>\*\]\:bg-gray-tonal {
    &>* {
      background-color: var(--color-gray-tonal);
    }
  }
  .\[\&\>\*\]\:text-gray {
    &>* {
      color: var(--color-gray);
    }
  }
  .\[\&\>\*\]\: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));
    }
  }
  .\[\&\>\*\]\:active\:bg-gray {
    &>* {
      &:active {
        background-color: var(--color-gray);
      }
    }
  }
  .\[\&\>\*\]\:active\:text-gray-tonal {
    &>* {
      &:active {
        color: var(--color-gray-tonal);
      }
    }
  }
  .\[\&\>\.rounded-full\]\:border {
    &>.rounded-full {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&\>\.rounded-full\]\:border-outline-medium {
    &>.rounded-full {
      border-color: var(--color-outline-medium);
    }
  }
  .max-md\:\[\&\>\:first-child\]\:hidden {
    @media (width < 48rem) {
      &>:first-child {
        display: none;
      }
    }
  }
  .\[\&\>\:last-child\]\:mx-auto {
    &>:last-child {
      margin-inline: auto;
    }
  }
  .\[\&\>\:last-child\]\:w-\[1250px\] {
    &>:last-child {
      width: 1250px;
    }
  }
  .\[\&\>\:last-child\]\:max-w-full {
    &>:last-child {
      max-width: 100%;
    }
  }
  .max-md\:\[\&\>\[x-ref\=renderList\]\]\:hidden {
    @media (width < 48rem) {
      &>[x-ref=renderList] {
        display: none;
      }
    }
  }
  .\[\&\>button\[aria-pressed\=true\]\]\:mr-2 {
    &>button[aria-pressed=true] {
      margin-right: calc(var(--spacing) * 2);
    }
  }
  .\[\&\>div\]\:right-2\! {
    &>div {
      right: calc(var(--spacing) * 2) !important;
    }
  }
  .\[\&\>div\]\:w-full\! {
    &>div {
      width: 100% !important;
    }
  }
  .\[\&\>div\]\:min-w-full {
    &>div {
      min-width: 100%;
    }
  }
  .\[\&\>div\]\:border {
    &>div {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&\>div\]\:border-outline-medium {
    &>div {
      border-color: var(--color-outline-medium);
    }
  }
  .max-md\:\[\&\>div\]\:w-10 {
    @media (width < 48rem) {
      &>div {
        width: calc(var(--spacing) * 10);
      }
    }
  }
  .max-md\:\[\&\>div\]\:w-full\! {
    @media (width < 48rem) {
      &>div {
        width: 100% !important;
      }
    }
  }
  .max-md\:\[\&\>div\]\:p-0\! {
    @media (width < 48rem) {
      &>div {
        padding: calc(var(--spacing) * 0) !important;
      }
    }
  }
  .\@max-\[1100px\]\/render-details\:\[\&\>div\]\:w-10 {
    @container render-details (width < 1100px) {
      &>div {
        width: calc(var(--spacing) * 10);
      }
    }
  }
  .\@max-\[1100px\]\/render-details\:\[\&\>div\]\:px-0\! {
    @container render-details (width < 1100px) {
      &>div {
        padding-inline: calc(var(--spacing) * 0) !important;
      }
    }
  }
  .\@max-\[1100px\]\/render-details\:hover\:\[\&\>div\]\:w-11 {
    @container render-details (width < 1100px) {
      &:hover {
        @media (hover: hover) {
          &>div {
            width: calc(var(--spacing) * 11);
          }
        }
      }
    }
  }
  .\@max-\[1100px\]\/render-details\:active\:\[\&\>div\]\:w-12 {
    @container render-details (width < 1100px) {
      &:active {
        &>div {
          width: calc(var(--spacing) * 12);
        }
      }
    }
  }
  .max-md\:\[\&\>div\.flex-col\]\:py-6 {
    @media (width < 48rem) {
      &>div.flex-col {
        padding-block: calc(var(--spacing) * 6);
      }
    }
  }
  .max-md\:\[\&\>div\.flex-col\]\:pr-4 {
    @media (width < 48rem) {
      &>div.flex-col {
        padding-right: calc(var(--spacing) * 4);
      }
    }
  }
  .max-md\:\[\&\>div\.flex-col\]\:pl-6 {
    @media (width < 48rem) {
      &>div.flex-col {
        padding-left: calc(var(--spacing) * 6);
      }
    }
  }
  .max-md\:\[\&\>div\.flex-col\>div\>div\:first-child\>div\]\:w-32 {
    @media (width < 48rem) {
      &>div.flex-col>div>div:first-child>div {
        width: calc(var(--spacing) * 32);
      }
    }
  }
  .max-md\:\[\&\>div\:first-child\]\:pt-0 {
    @media (width < 48rem) {
      &>div:first-child {
        padding-top: calc(var(--spacing) * 0);
      }
    }
  }
  .\[\&\>label\]\:h-7\! {
    &>label {
      height: calc(var(--spacing) * 7) !important;
    }
  }
  .\[\&\>label\]\:gap-1\.5\! {
    &>label {
      gap: calc(var(--spacing) * 1.5) !important;
    }
  }
  .\[\&\>label\]\:border {
    &>label {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&\>label\]\:border-outline-medium {
    &>label {
      border-color: var(--color-outline-medium);
    }
  }
  .\[\&\>label\]\:pr-4\! {
    &>label {
      padding-right: calc(var(--spacing) * 4) !important;
    }
  }
  .\[\&\>label\]\:pl-3\! {
    &>label {
      padding-left: calc(var(--spacing) * 3) !important;
    }
  }
  .max-md\:\[\&\>label\]\:flex-1 {
    @media (width < 48rem) {
      &>label {
        flex: 1;
      }
    }
  }
  .max-md\:\[\&\>label\]\:px-2 {
    @media (width < 48rem) {
      &>label {
        padding-inline: calc(var(--spacing) * 2);
      }
    }
  }
  .\[\&\>select\]\:pr-7\! {
    &>select {
      padding-right: calc(var(--spacing) * 7) !important;
    }
  }
  .\[\&\>select\]\:pl-3\! {
    &>select {
      padding-left: calc(var(--spacing) * 3) !important;
    }
  }
  .\[\&\>select\]\:text-xs\! {
    &>select {
      font-size: var(--text-xs) !important;
      line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
    }
  }
  .\[\&\>table\]\:my-0 {
    &>table {
      margin-block: calc(var(--spacing) * 0);
    }
  }
  .\[\&\>td\]\:bg-\(--bg\) {
    &>td {
      background-color: var(--bg);
    }
  }
  .\[\&\>td\]\:bg-formitem {
    &>td {
      background-color: var(--color-formitem);
    }
  }
  .\[\&\>td\]\:py-3 {
    &>td {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .\[\&\>td\]\:text-nowrap {
    &>td {
      text-wrap: nowrap;
    }
  }
  .\[\&\>td\]\:transition-colors {
    &>td {
      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\:\[\&\>td\]\:bg-formitem-active {
    &:hover {
      @media (hover: hover) {
        &>td {
          background-color: var(--color-formitem-active);
        }
      }
    }
  }
  .\[\&\>td\.num\]\:text-end {
    &>td.num {
      text-align: end;
    }
  }
  .\[\&\>td\.num\]\:tabular-nums {
    &>td.num {
      --tw-numeric-spacing: tabular-nums;
      font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    }
  }
  .\[\&\>td\:first-child\]\:rounded-l-\[10px\] {
    &>td:first-child {
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
    }
  }
  .\[\&\>td\:last-child\]\:rounded-r-\[10px\] {
    &>td:last-child {
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
    }
  }
  .max-sm\:\[\&\>td\:nth-last-child\(2\)\]\:rounded-r-\[10px\] {
    @media (width < 40rem) {
      &>td:nth-last-child(2) {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
      }
    }
  }
  .max-md\:\[\&\>video\]\:hidden {
    @media (width < 48rem) {
      &>video {
        display: none;
      }
    }
  }
  .\[\.compact_\&\]\:rounded-none\! {
    .compact & {
      border-radius: 0 !important;
    }
  }
  .\[\.compact_\&\]\:border-transparent\! {
    .compact & {
      border-color: transparent !important;
    }
  }
  .\[\.dark_\&\]\:bg-gray-tonal\/50 {
    .dark & {
      background-color: color-mix(in oklab, var(--color-gray-tonal) 50%, transparent);
    }
  }
  .\[\.htmx-request_\&\]\:hidden {
    .htmx-request & {
      display: none;
    }
  }
  .\[\.htmx-request_\&\]\:inline-flex {
    .htmx-request & {
      display: inline-flex;
    }
  }
  .\[\.htmx-request_\&\]\:opacity-100\! {
    .htmx-request & {
      opacity: 100% !important;
    }
  }
  .\[\.htmx-request\>\&\]\:block {
    .htmx-request>& {
      display: block;
    }
  }
  .\[\.htmx-request\>\&\]\:hidden {
    .htmx-request>& {
      display: none;
    }
  }
  .\[\.light_\&\]\:bg-white-d\/75 {
    .light & {
      background-color: color-mix(in oklab, var(--color-white-d) 75%, transparent);
    }
  }
  .\[\.light_\&\]\:text-white-d {
    .light & {
      color: var(--color-white-d);
    }
  }
  .\[\.render\:hover_\&\]\:hidden {
    .render:hover & {
      display: none;
    }
  }
  .\[\.render\[data-selected\]_\&\]\:hidden {
    .render[data-selected] & {
      display: none;
    }
  }
  .\[\@media\(height\<770px\)\]\:hidden {
    @media (height<770px) {
      display: none;
    }
  }
  .\[\@media\(hover\:none\)\]\:inline-block {
    @media (hover:none) {
      display: inline-block;
    }
  }
  .\[\@media\(hover\:none\)\]\:opacity-100 {
    @media (hover:none) {
      opacity: 100%;
    }
  }
  .lg\:\[\@media\(max-height\:799px\)\]\:top-0 {
    @media (width >= 64rem) {
      @media (max-height:799px) {
        top: calc(var(--spacing) * 0);
      }
    }
  }
  .lg\:\[\@media\(max-height\:799px\)\]\:hidden {
    @media (width >= 64rem) {
      @media (max-height:799px) {
        display: none;
      }
    }
  }
  .lg\:\[\@media\(max-height\:799px\)\]\:w-\[330px\] {
    @media (width >= 64rem) {
      @media (max-height:799px) {
        width: 330px;
      }
    }
  }
  .lg\:\[\@media\(max-height\:799px\)\]\:w-full {
    @media (width >= 64rem) {
      @media (max-height:799px) {
        width: 100%;
      }
    }
  }
  .lg\:\[\@media\(max-height\:799px\)\]\:min-w-0 {
    @media (width >= 64rem) {
      @media (max-height:799px) {
        min-width: calc(var(--spacing) * 0);
      }
    }
  }
  .lg\:\[\@media\(max-height\:799px\)\]\:flex-wrap {
    @media (width >= 64rem) {
      @media (max-height:799px) {
        flex-wrap: wrap;
      }
    }
  }
  .lg\:\[\@media\(max-height\:799px\)\]\:items-stretch {
    @media (width >= 64rem) {
      @media (max-height:799px) {
        align-items: stretch;
      }
    }
  }
  .lg\:\[\@media\(max-height\:799px\)\]\:justify-start {
    @media (width >= 64rem) {
      @media (max-height:799px) {
        justify-content: flex-start;
      }
    }
  }
  .lg\:\[\@media\(max-height\:799px\)\]\:gap-3 {
    @media (width >= 64rem) {
      @media (max-height:799px) {
        gap: calc(var(--spacing) * 3);
      }
    }
  }
  .lg\:\[\@media\(max-height\:799px\)\]\:gap-4 {
    @media (width >= 64rem) {
      @media (max-height:799px) {
        gap: calc(var(--spacing) * 4);
      }
    }
  }
  .lg\:\[\@media\(max-height\:799px\)\]\:border-b {
    @media (width >= 64rem) {
      @media (max-height:799px) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
      }
    }
  }
  .lg\:\[\@media\(max-height\:799px\)\]\:border-white\/10 {
    @media (width >= 64rem) {
      @media (max-height:799px) {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }
  .lg\:\[\@media\(max-height\:799px\)\]\:pt-0 {
    @media (width >= 64rem) {
      @media (max-height:799px) {
        padding-top: calc(var(--spacing) * 0);
      }
    }
  }
  .lg\:\[\@media\(max-height\:799px\)\]\:pt-6 {
    @media (width >= 64rem) {
      @media (max-height:799px) {
        padding-top: calc(var(--spacing) * 6);
      }
    }
  }
  .lg\:\[\@media\(max-height\:799px\)\]\:pb-4 {
    @media (width >= 64rem) {
      @media (max-height:799px) {
        padding-bottom: calc(var(--spacing) * 4);
      }
    }
  }
  .lg\:\[\@media\(max-height\:799px\)\]\:\[\&\>\*\]\:truncate {
    @media (width >= 64rem) {
      @media (max-height:799px) {
        &>* {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
      }
    }
  }
  .lg\:\[\@media\(max-height\:799px\)\]\:\[\&\>h4\]\:text-base\! {
    @media (width >= 64rem) {
      @media (max-height:799px) {
        &>h4 {
          font-size: var(--text-base) !important;
          line-height: var(--tw-leading, var(--text-base--line-height)) !important;
        }
      }
    }
  }
  .lg\:\[\@media\(max-height\:799px\)\]\:\[\&\>h4\]\:leading-6\! {
    @media (width >= 64rem) {
      @media (max-height:799px) {
        &>h4 {
          --tw-leading: calc(var(--spacing) * 6) !important;
          line-height: calc(var(--spacing) * 6) !important;
        }
      }
    }
  }
  .lg\:\[\@media\(max-height\:799px\)\]\:\[\&\>p\]\:text-left {
    @media (width >= 64rem) {
      @media (max-height:799px) {
        &>p {
          text-align: left;
        }
      }
    }
  }
  .lg\:\[\@media\(max-height\:799px\)\]\:\[\&\>p\]\:text-sm\! {
    @media (width >= 64rem) {
      @media (max-height:799px) {
        &>p {
          font-size: var(--text-sm) !important;
          line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
        }
      }
    }
  }
  .lg\:\[\@media\(max-height\:799px\)\]\:\[\&\>p\]\:leading-5\! {
    @media (width >= 64rem) {
      @media (max-height:799px) {
        &>p {
          --tw-leading: calc(var(--spacing) * 5) !important;
          line-height: calc(var(--spacing) * 5) !important;
        }
      }
    }
  }
  .\[\@media\(min-width\:1425px\)\]\:block {
    @media (min-width:1425px) {
      display: block;
    }
  }
  .\[\@media\(min-width\:1425px\)\]\:flex {
    @media (min-width:1425px) {
      display: flex;
    }
  }
  .\[\@media\(min-width\:1425px\)\]\:hidden {
    @media (min-width:1425px) {
      display: none;
    }
  }
  .\[\@media\(min-width\:1425px\)\]\:w-\[600px\] {
    @media (min-width:1425px) {
      width: 600px;
    }
  }
  .md\:\[\@media\(pointer\:coarse\)\]\:h-\[calc\(100dvh-135px\)\]\! {
    @media (width >= 48rem) {
      @media (pointer:coarse) {
        height: calc(100dvh - 135px) !important;
      }
    }
  }
  .md\:\[\@media\(pointer\:coarse\)\]\:animate-none\! {
    @media (width >= 48rem) {
      @media (pointer:coarse) {
        animation: none !important;
      }
    }
  }
  .\[\[data-client-os\=android\]_\&\]\:flex\! {
    [data-client-os=android] & {
      display: flex !important;
    }
  }
  .\[\[data-client-os\=android\]_\&\]\:hidden\! {
    [data-client-os=android] & {
      display: none !important;
    }
  }
  .\[\[data-client-os\=ios\]_\&\]\:flex\! {
    [data-client-os=ios] & {
      display: flex !important;
    }
  }
  .\[\[data-client-os\=ios\]_\&\]\:hidden\! {
    [data-client-os=ios] & {
      display: none !important;
    }
  }
  .max-md\:\[\[data-period\]\:not\(\[data-period\=custom\]\)_\&\]\:hidden {
    @media (width < 48rem) {
      [data-period]:not([data-period=custom]) & {
        display: none;
      }
    }
  }
  .max-md\:\[form\:not\(\[data-tools\]\)_\&\]\:hidden {
    @media (width < 48rem) {
      form:not([data-tools]) & {
        display: none;
      }
    }
  }
}
.api-page #agentic > div > div > p, .api-page #agentic > div > div > ul {
  font-family: var(--font-label);
  font-size: var(--text-base);
  line-height: 1.75;
}
.hljs {
  color: var(--color-gray-dark);
}
.hljs-doctag, .hljs-keyword, .hljs-template-tag, .hljs-template-variable, .hljs-type, .hljs-built_in, .hljs-symbol {
  color: color-mix(in srgb, var(--color-secondary) 55%, var(--color-gray-dark));
}
.hljs-title, .hljs-attr, .hljs-attribute, .hljs-literal, .hljs-meta, .hljs-number, .hljs-operator, .hljs-variable, .hljs-regexp, .hljs-string {
  color: color-mix(in srgb, var(--color-primary) 45%, var(--color-gray-dark));
}
.hljs-code, .hljs-comment, .hljs-formula {
  color: var(--color-gray-dark);
}
:is(.prose, .prose-code) :not(pre) > code {
  background: var(--color-white-d);
  border: 1px solid var(--color-outline-medium);
  border-radius: 0.25rem;
  display: inline-block;
  padding: 0 0.3em;
  font-size: 0.9em;
  vertical-align: middle;
  line-height: 1.5;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
@media (width < 48rem) {
  :root {
    font-size: 15px;
    --radius-sm: 9px;
    --radius-md: 24px;
  }
}
.light {
  --color-primary-tonal: #E3F7FB;
  --color-primary: #43C6E5;
  --color-primary-dark: #3CB2CE;
  --color-secondary-tonal: #FDE7D6;
  --color-secondary: #F0853A;
  --color-secondary-dark: #D87834;
  --color-tertiary-tonal: #cff9fc;
  --color-tertiary: #77ccd4;
  --color-tertiary-dark: #51bec8;
  --color-error-tonal: #F6E6E6;
  --color-error: #E54343;
  --color-error-dark: #CB3B3B;
  --color-dim: #A3A3A3;
  --color-sand-rgb: 237, 236, 234;
  --color-sand: #EDECEA;
  --color-glass: #7B7B7B33;
  --color-glass-dark: #7B7B7B50;
  --color-white-d: #FFFFFF;
  --color-gray-lightest: #FAFAFA;
  --color-gray-light: #F8F8F8;
  --color-gray-tonal: #f0f0f0;
  --color-gray-tonal-rgb: 240, 240, 240;
  --color-gray: #7C7E80;
  --color-gray-dark: #2C3537;
  --color-gray-darkest: #15191a;
  --color-hero: #D4D3D1;
  --color-chip: #2B3435;
  --color-formitem: #F4F4F4;
  --color-formitem-active: #E8E8E8;
  --color-outline-light: #F0F0F0;
  --color-outline-medium: #DEDEDE;
  --color-indicator: #D3D3D3;
  --color-indicator-active: var(--color-gray-dark);
  --color-c4d: var(--color-primary);
  --color-c4d-tonal: var(--color-primary-tonal);
  --color-c4d-dark: var(--color-primary-dark);
  --color-blender: var(--color-secondary);
  --color-blender-tonal: var(--color-secondary-tonal);
  --color-blender-dark: var(--color-secondary-dark);
  --color-houdini: var(--color-error);
  --color-houdini-tonal: var(--color-error-tonal);
  --color-houdini-dark: var(--color-error-dark);
}
.dark {
  --color-primary-tonal: #283436;
  --color-primary: #54bdd4;
  --color-primary-dark: #41adc8;
  --color-secondary-tonal: #43372d;
  --color-secondary: #e28746;
  --color-secondary-dark: #cf7b3f;
  --color-tertiary-tonal: #254346;
  --color-tertiary: #7ec7ce;
  --color-tertiary-dark: #59b7c0;
  --color-error-tonal: #3c2a2a;
  --color-error: #de4545;
  --color-error-dark: #C83E3E;
  --color-dim: #777777;
  --color-sand-rgb: 43, 43, 43;
  --color-sand: #2B2B2B;
  --color-glass: #7B7B7B33;
  --color-glass-dark: #7B7B7B50;
  --color-white-d: #2a2a2a;
  --color-gray-lightest: #333;
  --color-gray-light: #222222;
  --color-gray-tonal: #404040;
  --color-gray-tonal-rgb: 64, 64, 64;
  --color-gray: #A1A3A5;
  --color-gray-dark: #ccc;
  --color-gray-darkest: #191919;
  --color-hero: #212121;
  --color-chip: #242425;
  --color-formitem: #242424;
  --color-formitem-active: #313131;
  --color-outline-medium: #444;
  --color-outline-light: #3D3D3D;
  --color-indicator: #4B4B4B;
  --color-indicator-active: #D3D3D3;
  --color-c4d: var(--color-primary);
  --color-c4d-tonal: var(--color-primary-tonal);
  --color-c4d-dark: var(--color-primary-dark);
  --color-blender: var(--color-secondary);
  --color-blender-tonal: var(--color-secondary-tonal);
  --color-blender-dark: var(--color-secondary-dark);
  --color-houdini: var(--color-error);
  --color-houdini-tonal: var(--color-error-tonal);
  --color-houdini-dark: var(--color-error-dark);
}
@layer base {
  .disabled {
    pointer-events: none;
  }
  a[href]:not([href^="#"]), a[href]:not([href^="#"]) > button {
    cursor: pointer;
  }
}
@layer utilities {
  * {
    scrollbar-color: var(--color-gray) transparent;
  }
  .scrollbar-none::-webkit-scrollbar {
    display: none;
  }
  .scrollbar-none {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  input[type="number"].controls-none::-webkit-inner-spin-button, input[type="number"].controls-none::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  input[type="number"].controls-none {
    -moz-appearance: textfield;
  }
}
* {
  scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
}
:is(.bg-gray-light, .bg-sand, .bg-gray-lightest) * {
  scrollbar-color: rgba(0, 0, 0, 0.35) transparent !important;
}
body {
  font-family: "Nunito", sans-serif;
  font-family: var(--font-body);
}
body:has(#modal), body:has(.modal-visible) {
  overflow: hidden;
}
.bg-formitem\! .bg-formitem {
  --color-formitem: var(--color-white-d);
}
.dark .bg-formitem\! .bg-formitem {
  --color-formitem: var(--color-sand);
}
.dark .bg-formitem\! .bg-gray-light {
  --color-gray-light: var(--color-sand);
}
.dark .bg-formitem\! .bg-gray-lightest {
  --color-gray-lightest: var(--color-sand);
}
[x-cloak] {
  display: none !important;
}
.chip .material-symbols-rounded {
  font-size: 16px !important;
}
.kicon .material-symbols-rounded {
  font-size: inherit !important;
}
.material-symbols-rounded.text-2xs {
  font-size: 14px;
}
.material-symbols-rounded.text-xs {
  font-size: 16px;
}
.material-symbols-rounded.text-sm {
  font-size: 20px;
}
.material-symbols-rounded.text-base {
  font-size: 22px;
}
.material-symbols-rounded.text-large {
  font-size: 24px;
}
.material-symbols-rounded.text-xl {
  font-size: 28px;
}
.material-symbols-rounded.text-2xl {
  font-size: 32px;
}
.material-symbols-rounded.text-3xl {
  font-size: 36px;
}
.material-symbols-rounded.text-4xl {
  font-size: 40px;
}
.material-symbols-rounded.text-5xl {
  font-size: 44px;
}
input[type="checkbox"] ~ .on {
  display: none;
}
input[type="checkbox"] ~ .off {
  display: block;
}
input[type="checkbox"]:checked ~ .on {
  display: inline-block;
}
input[type="checkbox"]:checked ~ .off {
  display: none;
}
@keyframes float {
  0% {
    transform: translateY(10px) rotate(-0.5deg);
  }
  50% {
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    transform: translateY(10px) rotate(-0.5deg);
  }
}
#hero-vid-holder {
  animation: float 10s ease-in-out infinite;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 100%;
  }
}
@keyframes header-fade-in {
  0% {
    backdrop-filter: none;
    box-shadow: none;
  }
  2% {
    background-color: transparent;
    backdrop-filter: blur(12px) opacity(0);
    -webkit-backdrop-filter: blur(12px) opacity(0.1);
  }
  5%, 100% {
    background-color: rgba(var(--color-sand-rgb), 0.5);
    backdrop-filter: blur(12px) opacity(1);
    -webkit-backdrop-filter: blur(12px) opacity(1);
    box-shadow: var(--shadow-sm);
  }
}
header > [role="content"]:not(.no-filter) {
  animation: header-fade-in ease-in-out;
  animation-timeline: scroll(root block);
  animation-fill-mode: both;
  animation-range: var(--header-animation-range, 0px 5000px);
}
@keyframes icon-slideleft {
  0% {
    opacity: 0;
    margin-left: -75px;
    width: 0;
  }
  1% {
    width: fit-content;
  }
  5%, 100% {
    width: fit-content;
    opacity: 1;
    margin-left: 0;
  }
}
#header__icon {
  animation: icon-slideleft ease-in;
  animation-timeline: scroll(root block);
  animation-fill-mode: both;
  animation-range: var(--header-animation-range, 0px 5000px);
}
@keyframes wordmark-slideright {
  0% {
    margin-left: 0;
  }
  5%, 100% {
    margin-left: -400px;
  }
}
#header__wordmark {
  animation: wordmark-slideright ease-in-out;
  animation-timeline: scroll(root block);
  animation-fill-mode: both;
  animation-range: var(--header-animation-range, 0px 5000px);
}
@keyframes showaway {
  0% {
    top: 40px;
    z-index: 50;
    opacity: 1;
    scale: 100%;
  }
  100% {
    top: 100%;
    opacity: 0;
    scale: 100%;
  }
}
@keyframes showback {
  0% {
    top: 100%;
    z-index: 50;
  }
  100% {
    top: 40px;
    opacity: 1;
  }
}
@keyframes upload {
  0% {
    opacity: 0;
    transform: translateY(50%);
  }
  35% {
    opacity: 1;
    transform: translateY(0);
  }
  65% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-50%);
  }
}
@keyframes highlight {
  0% {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 4px;
    outline-color: var(--color-transparent);
  }
  1%, 99% {
    outline-color: var(--color-blue-500);
  }
  100% {
    outline-color: var(--color-transparent);
  }
}
.animate-upload {
  animation: upload 2s infinite ease-in-out;
}
@keyframes upload-pill {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  30%, 60% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}
.animate-upload-pill {
  animation: upload-pill 2.5s infinite ease-in-out;
}
.animate-highlight {
  animation: highlight 2s;
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.animate-blink {
  animation: blink 1.5s infinite ease-in-out;
}
@keyframes chatAppearLeft {
  0% {
    transform: rotate(-30deg) scale(0);
    opacity: 0;
  }
  100% {
    transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}
.chatAppearLeft {
  margin-left: auto;
  transform-origin: top right !important;
}
.chatAppearAniLeft {
  animation: chatAppearLeft 0.5s;
}
@keyframes chatAppearRight {
  0% {
    transform: rotate(30deg) scale(0);
    opacity: 0;
  }
  100% {
    transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}
.chatAppearRight {
  margin-right: auto;
  transform-origin: top left !important;
}
.chatAppearAniRight {
  animation: chatAppearRight 0.5s;
}
.apple-pay-button {
  display: inline-block;
  -webkit-appearance: -apple-pay-button;
  -apple-pay-button-type: pay;
  height: 100%;
  width: 100%;
}
.apple-pay-button-black {
  -apple-pay-button-style: black;
}
.apple-pay-button-white {
  -apple-pay-button-style: white;
}
.apple-pay-button-white-with-line {
  -apple-pay-button-style: white-outline;
}
.msp-container-ui {
  width: 100%;
}
.msp-ui-form-control {
  width: 100% !important;
  border-radius: 10px !important;
  --tw-border-style: none !important;
  border-style: none !important;
  background-color: #f4f4f4 !important;
  padding-inline: calc(var(--spacing) * 4) !important;
  padding-block: calc(var(--spacing) * 2.5) !important;
  font-family: "Nunito", sans-serif !important;
  font-family: var(--font-body) !important;
  font-size: var(--text-sm) !important;
  line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  color: #2C3537 !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;
  @media (width >= 48rem) {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }
}
.dark .msp-ui-form-control {
  background-color: #ddd !important;
}
.msp-ui-card-brands-container {
  padding: 12px !important;
  margin-right: 30px;
}
.msp-container-ui .msp-ui-control-error-message {
  padding-block: calc(var(--spacing) * 1) !important;
  font-family: "Inter", sans-serif !important;
  font-family: var(--font-label) !important;
  font-size: var(--text-sm) !important;
  line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  color: var(--color-error) !important;
}
.msp-container-ui .msp-ui-form-label {
  margin-block: calc(var(--spacing) * 2.5) !important;
  font-family: "Inter", sans-serif !important;
  font-family: var(--font-label) !important;
  font-size: var(--text-sm) !important;
  line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  color: var(--color-gray-dark) !important;
}
.msp-container-ui .msp-ui-control-error-space {
  display: block !important;
  height: auto !important;
  min-height: calc(var(--spacing) * 2) !important;
  --tw-border-style: none !important;
  border-style: none !important;
}
.msp-container-ui .msp-ui-form-control.msp-ui-control-error {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-error) !important;
}
.msp-container-ui.msp-embed-mode .msp-ui-payment-form.msp-ui-credit-card-gateway {
  padding: calc(var(--spacing) * 0) !important;
}
.msp-ui-row {
  gap: calc(var(--spacing) * 2);
}
button.loading div, button.loading > i {
  position: relative;
  color: transparent !important;
}
button.loading div::before, button.loading > i::before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  border: 3px solid rgba(255,255,255,0.2);
  border-right-color: #FFF;
  border-radius: 10px;
  margin: auto;
  animation: var(--animate-spin, spin 1s linear infinite);
}
button.loading div.text-bg-gray-dark::before {
  border: 3px solid rgba(44, 53, 55,0.2) !important;
  border-right-color: rgb(44, 53, 55) !important;
}
:not(.prose >) pre > code:not(.line-number-none) {
  counter-increment: line;
  width: 100%;
  display: block;
  white-space: pre-wrap;
  padding-left: 40px;
}
:not(.prose >) pre > code:not(.line-number-none):before {
  content: counter(line);
  width: 40px;
  display: inline-block;
  margin-left: -40px;
  user-select: none;
  -webkit-user-select: none;
}
.feature-alternate:nth-child(odd of .feature-alternate) > .feature-inner {
  @media (width >= 80rem) {
    padding-right: calc(var(--spacing) * 20);
  }
  @media (width >= 80rem) {
    padding-left: calc(var(--spacing) * 0);
  }
}
.feature-alternate:nth-child(even of .feature-alternate) > .feature-inner {
  @media (width >= 80rem) {
    padding-right: calc(var(--spacing) * 0);
  }
  @media (width >= 80rem) {
    padding-left: calc(var(--spacing) * 20);
  }
}
.feature-alternate:nth-child(even of .feature-alternate) .feature-media {
  order: 1;
}
.feature-alternate:nth-child(even of .feature-alternate) .feature-actions {
  @media (width >= 48rem) {
    padding-right: calc(var(--spacing) * 4);
  }
}
.video-placeholder {
  width: 100%;
  height: 100%;
  background: var(--color-gray-tonal);
}
.border-loader {
  animation: border-loader 1s infinite linear;
}
.underline-links a {
  text-decoration: underline;
}
@keyframes border-loader {
  0% {
    width: 0%;
    left: 0;
    right: auto;
  }
  50% {
    width: 100%;
    left: 0;
    right: auto;
  }
  50.01% {
    left: auto;
    right: 0;
  }
  100% {
    width: 0%;
    left: auto;
    right: 0;
  }
}
.prose {
  font-family: "Inter", sans-serif;
  font-family: var(--font-label);
  --tw-leading: var(--leading-loose);
  line-height: var(--leading-loose);
}
.prose img, .prose video {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing) * 2) !important;
  max-width: 100%;
  border-radius: 10px;
  &:last-child {
    &:not(*:first-child) {
      margin-bottom: calc(var(--spacing) * 8) !important;
    }
  }
  @media (width >= 64rem) {
    max-width: calc(var(--spacing) * 175);
  }
}
.prose iframe {
  max-width: 100%;
}
.prose :is(h1, h2, h3, h4, h5) + p > img {
  margin-inline: calc(var(--spacing) * 0);
}
.prose > * {
  &:not(*:last-child) {
    margin-bottom: calc(var(--spacing) * 4);
  }
}
.prose li > p {
  &:last-child {
    margin-bottom: calc(var(--spacing) * 4);
  }
}
.prose code {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.prose .grid pre {
  height: 100%;
}
.prose .grid:has(pre) {
  margin-top: calc(var(--spacing) * 2);
  margin-bottom: calc(var(--spacing) * 6) !important;
}
.prose {
  --font-weight-bold: 800;
}
.prose strong {
  font-weight: 650;
}
.prose table.figure tbody {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
.prose table.figure :is(td, th) {
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  padding: calc(var(--spacing) * 0);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: color-mix(in oklab, var(--color-black) 90%, transparent);
}
.prose pre {
  overflow-x: auto;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-outline-medium);
  background-color: var(--color-white-d);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}
.prose h2 {
  margin-bottom: calc(var(--spacing) * 6) !important;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-outline-medium);
  padding-bottom: calc(var(--spacing) * 1);
  padding-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  &:not(*:first-child) {
    padding-top: calc(var(--spacing) * 8);
  }
}
.prose h3 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  --tw-border-style: dashed;
  border-style: dashed;
  border-color: var(--color-outline-medium);
  padding-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  &:not(*:first-child) {
    padding-top: calc(var(--spacing) * 4);
  }
}
.prose h4 {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  &:not(*:first-child) {
    padding-top: calc(var(--spacing) * 2);
  }
}
.prose h5 {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  &:not(*:first-child) {
    padding-top: calc(var(--spacing) * 2);
  }
}
.prose a {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
.prose ul {
  margin-left: calc(var(--spacing) * 4);
  list-style-type: disc;
}
.prose ol {
  margin-left: calc(var(--spacing) * 4);
  list-style-type: decimal;
}
.prose li p {
  display: inline-block;
}
.prose blockquote {
  margin-block: calc(var(--spacing) * 6) !important;
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
  border-left-color: var(--color-outline-medium);
  padding-left: calc(var(--spacing) * 4);
}
.prose table {
  border-collapse: separate;
  border-spacing: 0;
}
.prose th, .prose td {
  padding: calc(var(--spacing) * 2);
  border-bottom: 1px solid var(--color-gray);
  border-right: 1px solid var(--color-gray);
}
.prose th:first-child, .prose td:first-child {
  border-left: 1px solid var(--color-gray);
}
.prose th.col-first-mobile, .prose td.col-first-mobile {
  border-left: 1px solid var(--color-gray);
}
@media (min-width: 1024px) {
  .prose th.col-first-mobile, .prose td.col-first-mobile {
    border-left: 0;
  }
}
.prose th {
  border-top: 1px solid var(--color-gray);
  background-color: var(--color-gray-tonal);
  font-weight: bold;
}
.prose tr:not(:first-child) th {
  border-top: 0;
}
.prose td:not(:first-child) {
  font-family: var(--font-label);
}
.amazonpay-button-chevrons, .amazonpay-button-view2, .amazonpay-button-view3 {
  display: none !important;
}
@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
  initial-value: rotateX(0);
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
  initial-value: rotateY(0);
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
  initial-value: rotateZ(0);
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
  initial-value: skewX(0);
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
  initial-value: skewY(0);
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@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-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-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-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: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-pan-x {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}