@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */

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

@layer theme {
  :root, :host {
    --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
    --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
    --color-red-50: oklch(97.1% .013 17.38);
    --color-red-100: oklch(93.6% .032 17.717);
    --color-red-200: oklch(88.5% .062 18.334);
    --color-red-300: oklch(80.8% .114 19.571);
    --color-red-400: oklch(70.4% .191 22.216);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-red-700: oklch(50.5% .213 27.518);
    --color-red-800: oklch(44.4% .177 26.899);
    --color-red-900: oklch(39.6% .141 25.723);
    --color-red-950: oklch(25.8% .092 26.042);
    --color-amber-50: oklch(98.7% .022 95.277);
    --color-amber-100: oklch(96.2% .059 95.617);
    --color-amber-200: oklch(92.4% .12 95.746);
    --color-amber-300: oklch(87.9% .169 91.605);
    --color-amber-400: oklch(82.8% .189 84.429);
    --color-amber-500: oklch(76.9% .188 70.08);
    --color-amber-600: oklch(66.6% .179 58.318);
    --color-amber-700: oklch(55.5% .163 48.998);
    --color-amber-800: oklch(47.3% .137 46.201);
    --color-amber-900: oklch(41.4% .112 45.904);
    --color-amber-950: oklch(27.9% .077 45.635);
    --color-yellow-400: oklch(85.2% .199 91.936);
    --color-green-50: oklch(98.2% .018 155.826);
    --color-green-300: oklch(87.1% .15 154.449);
    --color-green-400: oklch(79.2% .209 151.711);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-green-700: oklch(52.7% .154 150.069);
    --color-emerald-50: oklch(97.9% .021 166.113);
    --color-emerald-100: oklch(95% .052 163.051);
    --color-emerald-200: oklch(90.5% .093 164.15);
    --color-emerald-300: oklch(84.5% .143 164.978);
    --color-emerald-400: oklch(76.5% .177 163.223);
    --color-emerald-500: oklch(69.6% .17 162.48);
    --color-emerald-600: oklch(59.6% .145 163.225);
    --color-emerald-700: oklch(50.8% .118 165.612);
    --color-emerald-800: oklch(43.2% .095 166.913);
    --color-emerald-900: oklch(37.8% .077 168.94);
    --color-emerald-950: oklch(26.2% .051 172.552);
    --color-teal-50: oklch(98.4% .014 180.72);
    --color-teal-100: oklch(95.3% .051 180.801);
    --color-teal-200: oklch(91% .096 180.426);
    --color-teal-300: oklch(85.5% .138 181.071);
    --color-teal-400: oklch(77.7% .152 181.912);
    --color-teal-500: oklch(70.4% .14 182.503);
    --color-teal-600: oklch(60% .118 184.704);
    --color-teal-700: oklch(51.1% .096 186.391);
    --color-teal-800: oklch(43.7% .078 188.216);
    --color-teal-950: oklch(27.7% .046 192.524);
    --color-cyan-50: oklch(98.4% .019 200.873);
    --color-cyan-100: oklch(95.6% .045 203.388);
    --color-cyan-200: oklch(91.7% .08 205.041);
    --color-cyan-300: oklch(86.5% .127 207.078);
    --color-cyan-400: oklch(78.9% .154 211.53);
    --color-cyan-500: oklch(71.5% .143 215.221);
    --color-cyan-600: oklch(60.9% .126 221.723);
    --color-cyan-700: oklch(52% .105 223.128);
    --color-cyan-800: oklch(45% .085 224.283);
    --color-cyan-900: oklch(39.8% .07 227.392);
    --color-cyan-950: oklch(30.2% .056 229.695);
    --color-sky-500: oklch(68.5% .169 237.323);
    --color-sky-600: oklch(58.8% .158 241.966);
    --color-blue-50: oklch(97% .014 254.604);
    --color-blue-100: oklch(93.2% .032 255.585);
    --color-blue-200: oklch(88.2% .059 254.128);
    --color-blue-300: oklch(80.9% .105 251.813);
    --color-blue-400: oklch(70.7% .165 254.624);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-blue-800: oklch(42.4% .199 265.638);
    --color-blue-900: oklch(37.9% .146 265.522);
    --color-blue-950: oklch(28.2% .091 267.935);
    --color-indigo-50: oklch(96.2% .018 272.314);
    --color-indigo-100: oklch(93% .034 272.788);
    --color-indigo-200: oklch(87% .065 274.039);
    --color-indigo-300: oklch(78.5% .115 274.713);
    --color-indigo-400: oklch(67.3% .182 276.935);
    --color-indigo-500: oklch(58.5% .233 277.117);
    --color-indigo-600: oklch(51.1% .262 276.966);
    --color-indigo-700: oklch(45.7% .24 277.023);
    --color-indigo-800: oklch(39.8% .195 277.366);
    --color-indigo-900: oklch(35.9% .144 278.697);
    --color-indigo-950: oklch(25.7% .09 281.288);
    --color-purple-50: oklch(97.7% .014 308.299);
    --color-purple-100: oklch(94.6% .033 307.174);
    --color-purple-200: oklch(90.2% .063 306.703);
    --color-purple-300: oklch(82.7% .119 306.383);
    --color-purple-400: oklch(71.4% .203 305.504);
    --color-purple-500: oklch(62.7% .265 303.9);
    --color-purple-600: oklch(55.8% .288 302.321);
    --color-purple-700: oklch(49.6% .265 301.924);
    --color-purple-800: oklch(43.8% .218 303.724);
    --color-purple-900: oklch(38.1% .176 304.987);
    --color-purple-950: oklch(29.1% .149 302.717);
    --color-pink-400: oklch(71.8% .202 349.761);
    --color-pink-500: oklch(65.6% .241 354.308);
    --color-pink-600: oklch(59.2% .249 .584);
    --color-rose-50: oklch(96.9% .015 12.422);
    --color-rose-100: oklch(94.1% .03 12.58);
    --color-rose-200: oklch(89.2% .058 10.001);
    --color-rose-300: oklch(81% .117 11.638);
    --color-rose-400: oklch(71.2% .194 13.428);
    --color-rose-500: oklch(64.5% .246 16.439);
    --color-rose-600: oklch(58.6% .253 17.585);
    --color-rose-700: oklch(51.4% .222 16.935);
    --color-rose-800: oklch(45.5% .188 13.697);
    --color-rose-900: oklch(41% .159 10.272);
    --color-rose-950: oklch(27.1% .105 12.094);
    --color-slate-50: oklch(98.4% .003 247.858);
    --color-slate-100: oklch(96.8% .007 247.896);
    --color-slate-200: oklch(92.9% .013 255.508);
    --color-slate-300: oklch(86.9% .022 252.894);
    --color-slate-400: oklch(70.4% .04 256.788);
    --color-slate-500: oklch(55.4% .046 257.417);
    --color-slate-600: oklch(44.6% .043 257.281);
    --color-slate-700: oklch(37.2% .044 257.287);
    --color-slate-800: oklch(27.9% .041 260.031);
    --color-slate-900: oklch(20.8% .042 265.755);
    --color-slate-950: oklch(12.9% .042 264.695);
    --color-gray-50: oklch(98.5% .002 247.839);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --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);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --drop-shadow-md: 0 3px 3px #0000001f;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-brand-navy: #101823;
    --color-brand-navy-sec: #172332;
    --color-brand-teal: #149c9a;
    --color-brand-teal-deep: #0d6f70;
    --color-brand-gold: #f6c34f;
    --color-brand-bg: #f6f8fb;
    --color-brand-text: #182332;
    --color-brand-muted: #5d6a78;
    --font-display: "Space Grotesk", sans-serif;
  }
}

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

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

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

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

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

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

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

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

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

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

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

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

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

  ::placeholder {
    opacity: 1;
  }

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

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

  textarea {
    resize: vertical;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  body {
    background-color: var(--color-brand-bg);
    color: var(--color-brand-text);
    font-family: var(--font-sans);
    transition: background-color .4s cubic-bezier(.4, 0, .2, 1), color .4s cubic-bezier(.4, 0, .2, 1);
  }

  #svs-app-root, #svs-app-root header, #svs-app-root main, #svs-app-root footer, #svs-app-root nav, #svs-app-root section, #svs-app-root article, #svs-app-root aside, #svs-app-root .bg-white, #svs-app-root .bg-slate-900, #svs-app-root .bg-slate-950, #svs-app-root .bg-brand-bg, #svs-app-root .bg-brand-navy {
    transition: background-color .45s cubic-bezier(.4, 0, .2, 1), color .45s cubic-bezier(.4, 0, .2, 1), border-color .45s cubic-bezier(.4, 0, .2, 1), box-shadow .45s cubic-bezier(.4, 0, .2, 1);
  }
}

@layer components;

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .visible {
    visibility: visible;
  }

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .-inset-1 {
    inset: calc(var(--spacing) * -1);
  }

  .inset-0 {
    inset: 0;
  }

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

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

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

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

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

  .top-0 {
    top: 0;
  }

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

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

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

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

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

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

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

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

  .top-full {
    top: 100%;
  }

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

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

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

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

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

  .right-0 {
    right: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

  .bottom-0 {
    bottom: 0;
  }

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

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

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

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

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

  .bottom-full {
    bottom: 100%;
  }

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

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

  .left-0 {
    left: 0;
  }

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

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

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

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

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

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

  .isolate {
    isolation: isolate;
  }

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

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

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

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

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

  .z-\[100\] {
    z-index: 100;
  }

  .z-\[110\] {
    z-index: 110;
  }

  .z-\[120\] {
    z-index: 120;
  }

  .z-\[9998\] {
    z-index: 9998;
  }

  .z-\[9999\] {
    z-index: 9999;
  }

  .z-\[99999\] {
    z-index: 99999;
  }

  .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-4 {
    grid-column: span 4 / span 4;
  }

  .container {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .my-auto {
    margin-block: auto;
  }

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

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

  .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-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }

  .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);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ml-auto {
    margin-left: auto;
  }

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

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

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

  .table {
    display: table;
  }

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

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

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

  .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\.5 {
    height: calc(var(--spacing) * 3.5);
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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-44 {
    height: calc(var(--spacing) * 44);
  }

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

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

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

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

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

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

  .h-\[1\.5px\] {
    height: 1.5px;
  }

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

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

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

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

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

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

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

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

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

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

  .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-\[50vh\] {
    max-height: 50vh;
  }

  .max-h-\[75vh\] {
    max-height: 75vh;
  }

  .max-h-\[85vh\] {
    max-height: 85vh;
  }

  .max-h-\[90vh\] {
    max-height: 90vh;
  }

  .max-h-\[92vh\] {
    max-height: 92vh;
  }

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

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

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

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

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

  .max-h-\[calc\(100vh-180px\)\] {
    max-height: calc(100vh - 180px);
  }

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

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

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

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

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

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

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

  .min-h-\[70vh\] {
    min-height: 70vh;
  }

  .min-h-\[80vh\] {
    min-height: 80vh;
  }

  .min-h-\[85vh\] {
    min-height: 85vh;
  }

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

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

  .min-h-screen {
    min-height: 100vh;
  }

  .w-1 {
    width: var(--spacing);
  }

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

  .w-1\/3 {
    width: 33.3333%;
  }

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

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

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

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

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

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

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

  .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-10 {
    width: calc(var(--spacing) * 10);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .flex-1 {
    flex: 1;
  }

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

  .shrink {
    flex-shrink: 1;
  }

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

  .flex-grow {
    flex-grow: 1;
  }

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

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

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

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

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

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

  .translate-x-10 {
    --tw-translate-x: calc(var(--spacing) * 10);
    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-4 {
    --tw-translate-y: calc(var(--spacing) * -4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

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

  .scale-\[1\.02\] {
    scale: 1.02;
  }

  .rotate-180 {
    rotate: 180deg;
  }

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

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

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

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

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

  .cursor-default {
    cursor: default;
  }

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

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

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

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

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

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

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

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

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

  .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-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  :where(.space-x-2 > :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)));
  }

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

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

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

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

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

  :where(.divide-\[\#E2E8F0\] > :not(:last-child)) {
    border-color: #e2e8f0;
  }

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

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

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

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

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

  :where(.divide-white\/5 > :not(:last-child)) {
    border-color: #ffffff0d;
  }

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

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

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

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

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

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

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

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

  .rounded {
    border-radius: .25rem;
  }

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

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

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

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

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

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

  .rounded-t-md {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }

  .rounded-tl-none {
    border-top-left-radius: 0;
  }

  .rounded-tr-none {
    border-top-right-radius: 0;
  }

  .rounded-b-2xl {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }

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

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

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

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

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

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

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

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

  .border-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-l-3 {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }

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

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

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

  .border-\[\#1A9896\] {
    border-color: #1a9896;
  }

  .border-\[\#149C9A\] {
    border-color: #149c9a;
  }

  .border-\[\#CBD5E1\] {
    border-color: #cbd5e1;
  }

  .border-\[\#D3DDE5\] {
    border-color: #d3dde5;
  }

  .border-\[\#E2E8F0\] {
    border-color: #e2e8f0;
  }

  .border-amber-100 {
    border-color: var(--color-amber-100);
  }

  .border-amber-200 {
    border-color: var(--color-amber-200);
  }

  .border-amber-200\/80 {
    border-color: #fee685cc;
  }

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

  .border-amber-300 {
    border-color: var(--color-amber-300);
  }

  .border-amber-300\/80 {
    border-color: #ffd236cc;
  }

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

  .border-amber-400 {
    border-color: var(--color-amber-400);
  }

  .border-amber-400\/20 {
    border-color: #fcbb0033;
  }

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

  .border-amber-400\/30 {
    border-color: #fcbb004d;
  }

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

  .border-amber-400\/40 {
    border-color: #fcbb0066;
  }

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

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

  .border-amber-500\/20 {
    border-color: #f99c0033;
  }

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

  .border-amber-500\/30 {
    border-color: #f99c004d;
  }

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

  .border-amber-500\/40 {
    border-color: #f99c0066;
  }

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

  .border-amber-500\/80 {
    border-color: #f99c00cc;
  }

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

  .border-amber-700 {
    border-color: var(--color-amber-700);
  }

  .border-amber-900 {
    border-color: var(--color-amber-900);
  }

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

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

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

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

  .border-blue-400\/30 {
    border-color: #54a2ff4d;
  }

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

  .border-blue-400\/50 {
    border-color: #54a2ff80;
  }

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

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

  .border-blue-500\/20 {
    border-color: #3080ff33;
  }

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

  .border-blue-500\/30 {
    border-color: #3080ff4d;
  }

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

  .border-blue-500\/50 {
    border-color: #3080ff80;
  }

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

  .border-blue-500\/60 {
    border-color: #3080ff99;
  }

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

  .border-blue-500\/80 {
    border-color: #3080ffcc;
  }

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

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

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

  .border-blue-800\/80 {
    border-color: #193cb8cc;
  }

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

  .border-blue-900\/80 {
    border-color: #1c398ecc;
  }

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

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

  .border-brand-gold\/20 {
    border-color: #f6c34f33;
  }

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

  .border-brand-gold\/30 {
    border-color: #f6c34f4d;
  }

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

  .border-brand-navy {
    border-color: var(--color-brand-navy);
  }

  .border-brand-navy-sec {
    border-color: var(--color-brand-navy-sec);
  }

  .border-brand-navy\/20 {
    border-color: #10182333;
  }

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

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

  .border-brand-teal\/10 {
    border-color: #149c9a1a;
  }

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

  .border-brand-teal\/15 {
    border-color: #149c9a26;
  }

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

  .border-brand-teal\/20 {
    border-color: #149c9a33;
  }

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

  .border-brand-teal\/25 {
    border-color: #149c9a40;
  }

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

  .border-brand-teal\/30 {
    border-color: #149c9a4d;
  }

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

  .border-brand-teal\/40 {
    border-color: #149c9a66;
  }

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

  .border-brand-teal\/50 {
    border-color: #149c9a80;
  }

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

  .border-brand-teal\/60 {
    border-color: #149c9a99;
  }

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

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

  .border-cyan-100 {
    border-color: var(--color-cyan-100);
  }

  .border-cyan-100\/60 {
    border-color: #cefafe99;
  }

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

  .border-cyan-200 {
    border-color: var(--color-cyan-200);
  }

  .border-cyan-300 {
    border-color: var(--color-cyan-300);
  }

  .border-cyan-400 {
    border-color: var(--color-cyan-400);
  }

  .border-cyan-400\/30 {
    border-color: #00d2ef4d;
  }

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

  .border-cyan-400\/40 {
    border-color: #00d2ef66;
  }

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

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

  .border-cyan-500\/20 {
    border-color: #00b7d733;
  }

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

  .border-cyan-500\/25 {
    border-color: #00b7d740;
  }

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

  .border-cyan-500\/30 {
    border-color: #00b7d74d;
  }

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

  .border-cyan-500\/40 {
    border-color: #00b7d766;
  }

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

  .border-cyan-500\/50 {
    border-color: #00b7d780;
  }

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

  .border-emerald-100 {
    border-color: var(--color-emerald-100);
  }

  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }

  .border-emerald-200\/80 {
    border-color: #a4f4cfcc;
  }

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

  .border-emerald-300 {
    border-color: var(--color-emerald-300);
  }

  .border-emerald-300\/80 {
    border-color: #5ee9b5cc;
  }

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

  .border-emerald-400 {
    border-color: var(--color-emerald-400);
  }

  .border-emerald-400\/30 {
    border-color: #00d2944d;
  }

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

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

  .border-emerald-500\/20 {
    border-color: #00bb7f33;
  }

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

  .border-emerald-500\/30 {
    border-color: #00bb7f4d;
  }

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

  .border-emerald-500\/40 {
    border-color: #00bb7f66;
  }

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

  .border-emerald-500\/60 {
    border-color: #00bb7f99;
  }

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

  .border-emerald-600 {
    border-color: var(--color-emerald-600);
  }

  .border-emerald-800\/80 {
    border-color: #005f46cc;
  }

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

  .border-emerald-900 {
    border-color: var(--color-emerald-900);
  }

  .border-emerald-900\/80 {
    border-color: #004e3bcc;
  }

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

  .border-gray-100 {
    border-color: var(--color-gray-100);
  }

  .border-gray-100\/60 {
    border-color: #f3f4f699;
  }

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

  .border-gray-200 {
    border-color: var(--color-gray-200);
  }

  .border-gray-200\/50 {
    border-color: #e5e7eb80;
  }

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

  .border-gray-200\/60 {
    border-color: #e5e7eb99;
  }

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

  .border-gray-200\/70 {
    border-color: #e5e7ebb3;
  }

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

  .border-gray-200\/80 {
    border-color: #e5e7ebcc;
  }

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

  .border-gray-200\/90 {
    border-color: #e5e7ebe6;
  }

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

  .border-gray-300 {
    border-color: var(--color-gray-300);
  }

  .border-gray-500\/20 {
    border-color: #6a728233;
  }

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

  .border-gray-600 {
    border-color: var(--color-gray-600);
  }

  .border-gray-800 {
    border-color: var(--color-gray-800);
  }

  .border-gray-800\/80 {
    border-color: #1e2939cc;
  }

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

  .border-green-500\/20 {
    border-color: #00c75833;
  }

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

  .border-indigo-100 {
    border-color: var(--color-indigo-100);
  }

  .border-indigo-100\/80 {
    border-color: #e0e7ffcc;
  }

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

  .border-indigo-200 {
    border-color: var(--color-indigo-200);
  }

  .border-indigo-500\/20 {
    border-color: #625fff33;
  }

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

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

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

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

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

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

  .border-purple-500\/20 {
    border-color: #ac4bff33;
  }

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

  .border-purple-800\/80 {
    border-color: #6e11b0cc;
  }

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

  .border-purple-900\/80 {
    border-color: #59168bcc;
  }

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

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

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

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

  .border-red-500\/20 {
    border-color: #fb2c3633;
  }

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

  .border-red-500\/25 {
    border-color: #fb2c3640;
  }

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

  .border-red-500\/30 {
    border-color: #fb2c364d;
  }

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

  .border-red-500\/40 {
    border-color: #fb2c3666;
  }

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

  .border-red-900\/30 {
    border-color: #82181a4d;
  }

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

  .border-rose-100 {
    border-color: var(--color-rose-100);
  }

  .border-rose-200 {
    border-color: var(--color-rose-200);
  }

  .border-rose-200\/60 {
    border-color: #ffccd399;
  }

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

  .border-rose-300 {
    border-color: var(--color-rose-300);
  }

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

  .border-rose-500\/20 {
    border-color: #ff235733;
  }

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

  .border-rose-500\/30 {
    border-color: #ff23574d;
  }

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

  .border-rose-500\/40 {
    border-color: #ff235766;
  }

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

  .border-rose-500\/60 {
    border-color: #ff235799;
  }

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

  .border-rose-500\/80 {
    border-color: #ff2357cc;
  }

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

  .border-rose-600 {
    border-color: var(--color-rose-600);
  }

  .border-rose-700 {
    border-color: var(--color-rose-700);
  }

  .border-rose-800 {
    border-color: var(--color-rose-800);
  }

  .border-rose-950 {
    border-color: var(--color-rose-950);
  }

  .border-slate-100 {
    border-color: var(--color-slate-100);
  }

  .border-slate-200 {
    border-color: var(--color-slate-200);
  }

  .border-slate-200\/80 {
    border-color: #e2e8f0cc;
  }

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

  .border-slate-200\/90 {
    border-color: #e2e8f0e6;
  }

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

  .border-slate-300 {
    border-color: var(--color-slate-300);
  }

  .border-slate-400 {
    border-color: var(--color-slate-400);
  }

  .border-slate-600 {
    border-color: var(--color-slate-600);
  }

  .border-slate-700 {
    border-color: var(--color-slate-700);
  }

  .border-slate-700\/50 {
    border-color: #31415880;
  }

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

  .border-slate-700\/60 {
    border-color: #31415899;
  }

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

  .border-slate-700\/80 {
    border-color: #314158cc;
  }

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

  .border-slate-800 {
    border-color: var(--color-slate-800);
  }

  .border-slate-800\/80 {
    border-color: #1d293dcc;
  }

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

  .border-slate-900 {
    border-color: var(--color-slate-900);
  }

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

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

  .border-teal-200\/80 {
    border-color: #96f7e4cc;
  }

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

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

  .border-teal-400\/30 {
    border-color: #00d3bd4d;
  }

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

  .border-teal-500\/20 {
    border-color: #00baa733;
  }

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

  .border-teal-500\/30 {
    border-color: #00baa74d;
  }

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

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

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

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

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

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

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

  .border-white\/15 {
    border-color: #ffffff26;
  }

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

  .border-white\/20 {
    border-color: #fff3;
  }

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

  .border-white\/50 {
    border-color: #ffffff80;
  }

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

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

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

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

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

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

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

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

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

  .bg-\[\#1A9896\] {
    background-color: #1a9896;
  }

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

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

  .bg-\[\#141C25\] {
    background-color: #141c25;
  }

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

  .bg-\[\#149C9A\] {
    background-color: #149c9a;
  }

  .bg-\[\#149c9a\]\/10 {
    background-color: oklab(62.8041% -.101548 -.0237718 / .1);
  }

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

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

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

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

  .bg-\[\#EBEFF2\]\/60 {
    background-color: oklab(94.9944% -.0029642 -.00509757 / .6);
  }

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

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

  .bg-\[\#f6c34f\]\/10 {
    background-color: oklab(84.2075% .0131142 .141928 / .1);
  }

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

  .bg-amber-50\/20 {
    background-color: #fffbeb33;
  }

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

  .bg-amber-50\/50 {
    background-color: #fffbeb80;
  }

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

  .bg-amber-50\/60 {
    background-color: #fffbeb99;
  }

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

  .bg-amber-50\/70 {
    background-color: #fffbebb3;
  }

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

  .bg-amber-50\/80 {
    background-color: #fffbebcc;
  }

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

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

  .bg-amber-100\/80 {
    background-color: #fef3c6cc;
  }

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

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

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

  .bg-amber-400\/10 {
    background-color: #fcbb001a;
  }

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

  .bg-amber-400\/20 {
    background-color: #fcbb0033;
  }

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

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

  .bg-amber-500\/5 {
    background-color: #f99c000d;
  }

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

  .bg-amber-500\/10 {
    background-color: #f99c001a;
  }

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

  .bg-amber-500\/15 {
    background-color: #f99c0026;
  }

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

  .bg-amber-500\/20 {
    background-color: #f99c0033;
  }

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

  .bg-amber-500\/30 {
    background-color: #f99c004d;
  }

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

  .bg-amber-500\/80 {
    background-color: #f99c00cc;
  }

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

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

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

  .bg-amber-900\/80 {
    background-color: #7b3306cc;
  }

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

  .bg-amber-950\/95 {
    background-color: #461901f2;
  }

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

  .bg-black\/10 {
    background-color: #0000001a;
  }

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

  .bg-black\/20 {
    background-color: #0003;
  }

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

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

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

  .bg-black\/30 {
    background-color: #0000004d;
  }

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

  .bg-black\/40 {
    background-color: #0006;
  }

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

  .bg-black\/50 {
    background-color: #00000080;
  }

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

  .bg-black\/60 {
    background-color: #0009;
  }

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

  .bg-black\/75 {
    background-color: #000000bf;
  }

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

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

  .bg-blue-50\/50 {
    background-color: #eff6ff80;
  }

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

  .bg-blue-50\/80 {
    background-color: #eff6ffcc;
  }

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

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

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

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

  .bg-blue-500\/10 {
    background-color: #3080ff1a;
  }

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

  .bg-blue-500\/20 {
    background-color: #3080ff33;
  }

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

  .bg-blue-500\/30 {
    background-color: #3080ff4d;
  }

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

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

  .bg-blue-600\/10 {
    background-color: #155dfc1a;
  }

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

  .bg-blue-600\/30 {
    background-color: #155dfc4d;
  }

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

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

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

  .bg-blue-900\/80 {
    background-color: #1c398ecc;
  }

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

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

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

  .bg-brand-bg\/10 {
    background-color: #f6f8fb1a;
  }

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

  .bg-brand-bg\/40 {
    background-color: #f6f8fb66;
  }

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

  .bg-brand-bg\/50 {
    background-color: #f6f8fb80;
  }

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

  .bg-brand-bg\/60 {
    background-color: #f6f8fb99;
  }

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

  .bg-brand-bg\/80 {
    background-color: #f6f8fbcc;
  }

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

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

  .bg-brand-gold\/10 {
    background-color: #f6c34f1a;
  }

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

  .bg-brand-gold\/15 {
    background-color: #f6c34f26;
  }

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

  .bg-brand-gold\/20 {
    background-color: #f6c34f33;
  }

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

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

  .bg-brand-navy-sec {
    background-color: var(--color-brand-navy-sec);
  }

  .bg-brand-navy-sec\/60 {
    background-color: #17233299;
  }

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

  .bg-brand-navy-sec\/80 {
    background-color: #172332cc;
  }

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

  .bg-brand-navy-sec\/90 {
    background-color: #172332e6;
  }

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

  .bg-brand-navy-sec\/95 {
    background-color: #172332f2;
  }

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

  .bg-brand-navy\/5 {
    background-color: #1018230d;
  }

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

  .bg-brand-navy\/10 {
    background-color: #1018231a;
  }

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

  .bg-brand-navy\/80 {
    background-color: #101823cc;
  }

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

  .bg-brand-navy\/85 {
    background-color: #101823d9;
  }

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

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

  .bg-brand-teal\/5 {
    background-color: #149c9a0d;
  }

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

  .bg-brand-teal\/10 {
    background-color: #149c9a1a;
  }

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

  .bg-brand-teal\/15 {
    background-color: #149c9a26;
  }

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

  .bg-brand-teal\/20 {
    background-color: #149c9a33;
  }

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

  .bg-brand-teal\/25 {
    background-color: #149c9a40;
  }

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

  .bg-current {
    background-color: currentColor;
  }

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

  .bg-cyan-50\/50 {
    background-color: #ecfeff80;
  }

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

  .bg-cyan-50\/70 {
    background-color: #ecfeffb3;
  }

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

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

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

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

  .bg-cyan-500\/10 {
    background-color: #00b7d71a;
  }

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

  .bg-cyan-500\/15 {
    background-color: #00b7d726;
  }

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

  .bg-cyan-500\/20 {
    background-color: #00b7d733;
  }

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

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

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

  .bg-cyan-950\/30 {
    background-color: #0533454d;
  }

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

  .bg-cyan-950\/40 {
    background-color: #05334566;
  }

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

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

  .bg-emerald-50\/50 {
    background-color: #ecfdf580;
  }

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

  .bg-emerald-50\/60 {
    background-color: #ecfdf599;
  }

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

  .bg-emerald-50\/80 {
    background-color: #ecfdf5cc;
  }

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

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

  .bg-emerald-200\/80 {
    background-color: #a4f4cfcc;
  }

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

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

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

  .bg-emerald-500\/5 {
    background-color: #00bb7f0d;
  }

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

  .bg-emerald-500\/10 {
    background-color: #00bb7f1a;
  }

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

  .bg-emerald-500\/15 {
    background-color: #00bb7f26;
  }

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

  .bg-emerald-500\/20 {
    background-color: #00bb7f33;
  }

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

  .bg-emerald-500\/80 {
    background-color: #00bb7fcc;
  }

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

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

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

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

  .bg-emerald-900\/60 {
    background-color: #004e3b99;
  }

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

  .bg-emerald-900\/90 {
    background-color: #004e3be6;
  }

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

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

  .bg-emerald-950\/40 {
    background-color: #002c2266;
  }

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

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

  .bg-gray-50\/50 {
    background-color: #f9fafb80;
  }

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

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

  .bg-gray-500\/10 {
    background-color: #6a72821a;
  }

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

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

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

  .bg-green-500\/10 {
    background-color: #00c7581a;
  }

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

  .bg-green-500\/20 {
    background-color: #00c75833;
  }

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

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

  .bg-indigo-50\/60 {
    background-color: #eef2ff99;
  }

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

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

  .bg-indigo-500\/10 {
    background-color: #625fff1a;
  }

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

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

  .bg-pink-500\/10 {
    background-color: #f6339a1a;
  }

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

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

  .bg-purple-50\/50 {
    background-color: #faf5ff80;
  }

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

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

  .bg-purple-500\/10 {
    background-color: #ac4bff1a;
  }

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

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

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

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

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

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

  .bg-red-50\/50 {
    background-color: #fef2f280;
  }

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

  .bg-red-50\/80 {
    background-color: #fef2f2cc;
  }

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

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

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

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

  .bg-red-500\/10 {
    background-color: #fb2c361a;
  }

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

  .bg-red-500\/80 {
    background-color: #fb2c36cc;
  }

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

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

  .bg-red-950\/40 {
    background-color: #46080966;
  }

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

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

  .bg-rose-50\/20 {
    background-color: #fff1f233;
  }

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

  .bg-rose-50\/30 {
    background-color: #fff1f24d;
  }

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

  .bg-rose-50\/40 {
    background-color: #fff1f266;
  }

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

  .bg-rose-50\/60 {
    background-color: #fff1f299;
  }

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

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

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

  .bg-rose-500\/10 {
    background-color: #ff23571a;
  }

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

  .bg-rose-500\/20 {
    background-color: #ff235733;
  }

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

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

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

  .bg-rose-900\/80 {
    background-color: #8b0836cc;
  }

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

  .bg-rose-900\/90 {
    background-color: #8b0836e6;
  }

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

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

  .bg-rose-950\/40 {
    background-color: #4d021866;
  }

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

  .bg-rose-950\/95 {
    background-color: #4d0218f2;
  }

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

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

  .bg-slate-50\/50 {
    background-color: #f8fafc80;
  }

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

  .bg-slate-50\/60 {
    background-color: #f8fafc99;
  }

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

  .bg-slate-50\/70 {
    background-color: #f8fafcb3;
  }

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

  .bg-slate-50\/80 {
    background-color: #f8fafccc;
  }

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

  .bg-slate-50\/90 {
    background-color: #f8fafce6;
  }

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

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

  .bg-slate-100\/80 {
    background-color: #f1f5f9cc;
  }

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

  .bg-slate-100\/90 {
    background-color: #f1f5f9e6;
  }

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

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

  .bg-slate-200\/70 {
    background-color: #e2e8f0b3;
  }

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

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

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

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

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

  .bg-slate-800\/80 {
    background-color: #1d293dcc;
  }

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

  .bg-slate-800\/90 {
    background-color: #1d293de6;
  }

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

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

  .bg-slate-900\/50 {
    background-color: #0f172b80;
  }

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

  .bg-slate-900\/60 {
    background-color: #0f172b99;
  }

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

  .bg-slate-900\/80 {
    background-color: #0f172bcc;
  }

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

  .bg-slate-900\/90 {
    background-color: #0f172be6;
  }

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

  .bg-slate-900\/95 {
    background-color: #0f172bf2;
  }

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

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

  .bg-slate-950\/20 {
    background-color: #02061833;
  }

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

  .bg-slate-950\/40 {
    background-color: #02061866;
  }

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

  .bg-slate-950\/60 {
    background-color: #02061899;
  }

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

  .bg-slate-950\/70 {
    background-color: #020618b3;
  }

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

  .bg-slate-950\/75 {
    background-color: #020618bf;
  }

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

  .bg-slate-950\/80 {
    background-color: #020618cc;
  }

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

  .bg-slate-950\/90 {
    background-color: #020618e6;
  }

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

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

  .bg-teal-50\/60 {
    background-color: #f0fdfa99;
  }

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

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

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

  .bg-teal-500\/10 {
    background-color: #00baa71a;
  }

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

  .bg-teal-500\/15 {
    background-color: #00baa726;
  }

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

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

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

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

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

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

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

  .bg-white\/20 {
    background-color: #fff3;
  }

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

  .bg-white\/\[0\.06\] {
    background-color: #ffffff0f;
  }

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

  .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-tr {
    --tw-gradient-position: to top right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-\[radial-gradient\(\#06b6d4_1px\,transparent_1px\)\] {
    background-image: radial-gradient(#06b6d4 1px, #0000 1px);
  }

  .bg-\[radial-gradient\(\#149c9a_1px\,transparent_1px\)\] {
    background-image: radial-gradient(#149c9a 1px, #0000 1px);
  }

  .bg-\[radial-gradient\(circle_at_center\,rgba\(239\,68\,68\,0\.15\)_0\%\,transparent_70\%\)\] {
    background-image: radial-gradient(circle, #ef444426 0%, #0000 70%);
  }

  .from-\[\#0a111a\] {
    --tw-gradient-from: #0a111a;
    --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-\[\#0b1320\] {
    --tw-gradient-from: #0b1320;
    --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-amber-400 {
    --tw-gradient-from: var(--color-amber-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

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

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

  .from-blue-900 {
    --tw-gradient-from: var(--color-blue-900);
    --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-brand-navy {
    --tw-gradient-from: var(--color-brand-navy);
    --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-brand-teal {
    --tw-gradient-from: var(--color-brand-teal);
    --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-brand-teal\/80 {
    --tw-gradient-from: #149c9acc;
  }

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

  .from-brand-teal\/80 {
    --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-cyan-400 {
    --tw-gradient-from: var(--color-cyan-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

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

  .from-cyan-500\/20 {
    --tw-gradient-from: #00b7d733;
  }

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

  .from-cyan-500\/20 {
    --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-cyan-600 {
    --tw-gradient-from: var(--color-cyan-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

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

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

  .from-slate-700 {
    --tw-gradient-from: var(--color-slate-700);
    --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-slate-900 {
    --tw-gradient-from: var(--color-slate-900);
    --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-slate-950 {
    --tw-gradient-from: var(--color-slate-950);
    --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-teal-50\/50 {
    --tw-gradient-from: #f0fdfa80;
  }

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

  .from-teal-50\/50 {
    --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-teal-500 {
    --tw-gradient-from: var(--color-teal-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-teal-700\/80 {
    --tw-gradient-from: #00776ecc;
  }

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

  .from-teal-700\/80 {
    --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-transparent {
    --tw-gradient-from: 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));
  }

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

  .via-\[\#101b2a\] {
    --tw-gradient-via: #101b2a;
    --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);
  }

  .via-amber-400 {
    --tw-gradient-via: var(--color-amber-400);
    --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);
  }

  .via-blue-500 {
    --tw-gradient-via: var(--color-blue-500);
    --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);
  }

  .via-brand-bg\/50 {
    --tw-gradient-via: #f6f8fb80;
  }

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

  .via-brand-bg\/50 {
    --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);
  }

  .via-brand-navy {
    --tw-gradient-via: var(--color-brand-navy);
    --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);
  }

  .via-brand-navy-sec {
    --tw-gradient-via: var(--color-brand-navy-sec);
    --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);
  }

  .via-brand-teal {
    --tw-gradient-via: var(--color-brand-teal);
    --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);
  }

  .via-brand-teal\/20 {
    --tw-gradient-via: #149c9a33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-brand-teal\/20 {
      --tw-gradient-via: color-mix(in oklab, var(--color-brand-teal) 20%, transparent);
    }
  }

  .via-brand-teal\/20 {
    --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);
  }

  .via-indigo-600 {
    --tw-gradient-via: var(--color-indigo-600);
    --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);
  }

  .via-indigo-950 {
    --tw-gradient-via: var(--color-indigo-950);
    --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);
  }

  .via-slate-800 {
    --tw-gradient-via: var(--color-slate-800);
    --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);
  }

  .via-slate-900 {
    --tw-gradient-via: var(--color-slate-900);
    --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-\[\#0a111a\] {
    --tw-gradient-to: #0a111a;
    --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-\[\#0d1726\] {
    --tw-gradient-to: #0d1726;
    --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-\[\#101b2a\] {
    --tw-gradient-to: #101b2a;
    --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-amber-400 {
    --tw-gradient-to: var(--color-amber-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

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

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

  .to-blue-700 {
    --tw-gradient-to: var(--color-blue-700);
    --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-brand-gold {
    --tw-gradient-to: var(--color-brand-gold);
    --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-brand-navy {
    --tw-gradient-to: var(--color-brand-navy);
    --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-brand-navy-sec {
    --tw-gradient-to: var(--color-brand-navy-sec);
    --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-emerald-400 {
    --tw-gradient-to: var(--color-emerald-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-emerald-600\/90 {
    --tw-gradient-to: #009767e6;
  }

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

  .to-emerald-600\/90 {
    --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-indigo-600 {
    --tw-gradient-to: var(--color-indigo-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-indigo-900 {
    --tw-gradient-to: var(--color-indigo-900);
    --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-indigo-950 {
    --tw-gradient-to: var(--color-indigo-950);
    --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-red-600 {
    --tw-gradient-to: var(--color-red-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-red-950 {
    --tw-gradient-to: var(--color-red-950);
    --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-sky-600 {
    --tw-gradient-to: var(--color-sky-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-slate-900 {
    --tw-gradient-to: var(--color-slate-900);
    --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-slate-950 {
    --tw-gradient-to: var(--color-slate-950);
    --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-teal-300 {
    --tw-gradient-to: var(--color-teal-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

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

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

  .to-teal-500\/20 {
    --tw-gradient-to: #00baa733;
  }

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

  .to-teal-500\/20 {
    --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 {
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

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

  .\[background-size\:12px_12px\] {
    background-size: 12px 12px;
  }

  .\[background-size\:16px_16px\] {
    background-size: 16px 16px;
  }

  .\[background-size\:20px_20px\] {
    background-size: 20px 20px;
  }

  .\[background-size\:24px_24px\] {
    background-size: 24px 24px;
  }

  .\[background-size\:28px_28px\] {
    background-size: 28px 28px;
  }

  .\[background-size\:32px_32px\] {
    background-size: 32px 32px;
  }

  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
  }

  .fill-amber-500 {
    fill: var(--color-amber-500);
  }

  .fill-brand-navy {
    fill: var(--color-brand-navy);
  }

  .fill-brand-teal\/20 {
    fill: #149c9a33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .fill-brand-teal\/20 {
      fill: color-mix(in oklab, var(--color-brand-teal) 20%, transparent);
    }
  }

  .stroke-\[3\] {
    stroke-width: 3px;
  }

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

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

  .p-0 {
    padding: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pt-\[10vh\] {
    padding-top: 10vh;
  }

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

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

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

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

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

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

  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }

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

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

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

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

  .pb-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-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

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

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

  .pl-8\.5 {
    padding-left: calc(var(--spacing) * 8.5);
  }

  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }

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

  .pl-11 {
    padding-left: calc(var(--spacing) * 11);
  }

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

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

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

  .font-display {
    font-family: var(--font-display);
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .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-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-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-\[8px\] {
    font-size: 8px;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .leading-\[1\.12\] {
    --tw-leading: 1.12;
    line-height: 1.12;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .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-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

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

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

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

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

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

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

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .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);
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

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

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\[\#1A9896\] {
    color: #1a9896;
  }

  .text-\[\#141C25\] {
    color: #141c25;
  }

  .text-\[\#147E7C\] {
    color: #147e7c;
  }

  .text-\[\#149C9A\], .text-\[\#149c9a\] {
    color: #149c9a;
  }

  .text-\[\#242D37\] {
    color: #242d37;
  }

  .text-amber-100\/90 {
    color: #fef3c6e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-amber-100\/90 {
      color: color-mix(in oklab, var(--color-amber-100) 90%, transparent);
    }
  }

  .text-amber-200 {
    color: var(--color-amber-200);
  }

  .text-amber-300 {
    color: var(--color-amber-300);
  }

  .text-amber-300\/90 {
    color: #ffd236e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-amber-300\/90 {
      color: color-mix(in oklab, var(--color-amber-300) 90%, transparent);
    }
  }

  .text-amber-400 {
    color: var(--color-amber-400);
  }

  .text-amber-400\/70 {
    color: #fcbb00b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-amber-400\/70 {
      color: color-mix(in oklab, var(--color-amber-400) 70%, transparent);
    }
  }

  .text-amber-400\/80 {
    color: #fcbb00cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-amber-400\/80 {
      color: color-mix(in oklab, var(--color-amber-400) 80%, transparent);
    }
  }

  .text-amber-500 {
    color: var(--color-amber-500);
  }

  .text-amber-600 {
    color: var(--color-amber-600);
  }

  .text-amber-700 {
    color: var(--color-amber-700);
  }

  .text-amber-800 {
    color: var(--color-amber-800);
  }

  .text-amber-900 {
    color: var(--color-amber-900);
  }

  .text-amber-900\/80 {
    color: #7b3306cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-amber-900\/80 {
      color: color-mix(in oklab, var(--color-amber-900) 80%, transparent);
    }
  }

  .text-amber-950 {
    color: var(--color-amber-950);
  }

  .text-blue-100 {
    color: var(--color-blue-100);
  }

  .text-blue-200 {
    color: var(--color-blue-200);
  }

  .text-blue-300 {
    color: var(--color-blue-300);
  }

  .text-blue-300\/90 {
    color: #90c5ffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-blue-300\/90 {
      color: color-mix(in oklab, var(--color-blue-300) 90%, transparent);
    }
  }

  .text-blue-400 {
    color: var(--color-blue-400);
  }

  .text-blue-400\/80 {
    color: #54a2ffcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-blue-400\/80 {
      color: color-mix(in oklab, var(--color-blue-400) 80%, transparent);
    }
  }

  .text-blue-500 {
    color: var(--color-blue-500);
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-blue-700 {
    color: var(--color-blue-700);
  }

  .text-blue-800 {
    color: var(--color-blue-800);
  }

  .text-blue-900 {
    color: var(--color-blue-900);
  }

  .text-blue-950 {
    color: var(--color-blue-950);
  }

  .text-brand-gold {
    color: var(--color-brand-gold);
  }

  .text-brand-gold\/40 {
    color: #f6c34f66;
  }

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

  .text-brand-muted {
    color: var(--color-brand-muted);
  }

  .text-brand-navy {
    color: var(--color-brand-navy);
  }

  .text-brand-navy-sec {
    color: var(--color-brand-navy-sec);
  }

  .text-brand-navy\/80 {
    color: #101823cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-brand-navy\/80 {
      color: color-mix(in oklab, var(--color-brand-navy) 80%, transparent);
    }
  }

  .text-brand-teal {
    color: var(--color-brand-teal);
  }

  .text-brand-teal\/30 {
    color: #149c9a4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-brand-teal\/30 {
      color: color-mix(in oklab, var(--color-brand-teal) 30%, transparent);
    }
  }

  .text-brand-teal\/40 {
    color: #149c9a66;
  }

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

  .text-brand-text {
    color: var(--color-brand-text);
  }

  .text-cyan-200 {
    color: var(--color-cyan-200);
  }

  .text-cyan-200\/80 {
    color: #a2f4fdcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-cyan-200\/80 {
      color: color-mix(in oklab, var(--color-cyan-200) 80%, transparent);
    }
  }

  .text-cyan-200\/90 {
    color: #a2f4fde6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-cyan-200\/90 {
      color: color-mix(in oklab, var(--color-cyan-200) 90%, transparent);
    }
  }

  .text-cyan-300 {
    color: var(--color-cyan-300);
  }

  .text-cyan-400 {
    color: var(--color-cyan-400);
  }

  .text-cyan-500 {
    color: var(--color-cyan-500);
  }

  .text-cyan-600 {
    color: var(--color-cyan-600);
  }

  .text-cyan-700 {
    color: var(--color-cyan-700);
  }

  .text-cyan-800 {
    color: var(--color-cyan-800);
  }

  .text-cyan-900 {
    color: var(--color-cyan-900);
  }

  .text-emerald-100 {
    color: var(--color-emerald-100);
  }

  .text-emerald-200\/80 {
    color: #a4f4cfcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-emerald-200\/80 {
      color: color-mix(in oklab, var(--color-emerald-200) 80%, transparent);
    }
  }

  .text-emerald-300 {
    color: var(--color-emerald-300);
  }

  .text-emerald-300\/80 {
    color: #5ee9b5cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-emerald-300\/80 {
      color: color-mix(in oklab, var(--color-emerald-300) 80%, transparent);
    }
  }

  .text-emerald-300\/90 {
    color: #5ee9b5e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-emerald-300\/90 {
      color: color-mix(in oklab, var(--color-emerald-300) 90%, transparent);
    }
  }

  .text-emerald-400 {
    color: var(--color-emerald-400);
  }

  .text-emerald-400\/80 {
    color: #00d294cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-emerald-400\/80 {
      color: color-mix(in oklab, var(--color-emerald-400) 80%, transparent);
    }
  }

  .text-emerald-400\/90 {
    color: #00d294e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-emerald-400\/90 {
      color: color-mix(in oklab, var(--color-emerald-400) 90%, transparent);
    }
  }

  .text-emerald-500 {
    color: var(--color-emerald-500);
  }

  .text-emerald-600 {
    color: var(--color-emerald-600);
  }

  .text-emerald-700 {
    color: var(--color-emerald-700);
  }

  .text-emerald-800 {
    color: var(--color-emerald-800);
  }

  .text-emerald-900 {
    color: var(--color-emerald-900);
  }

  .text-emerald-950 {
    color: var(--color-emerald-950);
  }

  .text-gray-200 {
    color: var(--color-gray-200);
  }

  .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-600 {
    color: var(--color-gray-600);
  }

  .text-gray-700 {
    color: var(--color-gray-700);
  }

  .text-gray-700\/40 {
    color: #36415366;
  }

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

  .text-gray-800 {
    color: var(--color-gray-800);
  }

  .text-green-300 {
    color: var(--color-green-300);
  }

  .text-green-400 {
    color: var(--color-green-400);
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-green-700 {
    color: var(--color-green-700);
  }

  .text-indigo-400 {
    color: var(--color-indigo-400);
  }

  .text-indigo-500 {
    color: var(--color-indigo-500);
  }

  .text-indigo-600 {
    color: var(--color-indigo-600);
  }

  .text-indigo-700 {
    color: var(--color-indigo-700);
  }

  .text-indigo-800 {
    color: var(--color-indigo-800);
  }

  .text-indigo-900 {
    color: var(--color-indigo-900);
  }

  .text-indigo-950 {
    color: var(--color-indigo-950);
  }

  .text-pink-400 {
    color: var(--color-pink-400);
  }

  .text-pink-600 {
    color: var(--color-pink-600);
  }

  .text-purple-100 {
    color: var(--color-purple-100);
  }

  .text-purple-200 {
    color: var(--color-purple-200);
  }

  .text-purple-300 {
    color: var(--color-purple-300);
  }

  .text-purple-300\/90 {
    color: #d9b3ffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-purple-300\/90 {
      color: color-mix(in oklab, var(--color-purple-300) 90%, transparent);
    }
  }

  .text-purple-400 {
    color: var(--color-purple-400);
  }

  .text-purple-400\/80 {
    color: #c07effcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-purple-400\/80 {
      color: color-mix(in oklab, var(--color-purple-400) 80%, transparent);
    }
  }

  .text-purple-500 {
    color: var(--color-purple-500);
  }

  .text-purple-600 {
    color: var(--color-purple-600);
  }

  .text-purple-700 {
    color: var(--color-purple-700);
  }

  .text-purple-800 {
    color: var(--color-purple-800);
  }

  .text-purple-900 {
    color: var(--color-purple-900);
  }

  .text-purple-950 {
    color: var(--color-purple-950);
  }

  .text-red-200 {
    color: var(--color-red-200);
  }

  .text-red-300 {
    color: var(--color-red-300);
  }

  .text-red-400 {
    color: var(--color-red-400);
  }

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

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-red-800 {
    color: var(--color-red-800);
  }

  .text-red-900 {
    color: var(--color-red-900);
  }

  .text-rose-100 {
    color: var(--color-rose-100);
  }

  .text-rose-200 {
    color: var(--color-rose-200);
  }

  .text-rose-300 {
    color: var(--color-rose-300);
  }

  .text-rose-400 {
    color: var(--color-rose-400);
  }

  .text-rose-500 {
    color: var(--color-rose-500);
  }

  .text-rose-600 {
    color: var(--color-rose-600);
  }

  .text-rose-700 {
    color: var(--color-rose-700);
  }

  .text-rose-800 {
    color: var(--color-rose-800);
  }

  .text-rose-900 {
    color: var(--color-rose-900);
  }

  .text-rose-950 {
    color: var(--color-rose-950);
  }

  .text-slate-100 {
    color: var(--color-slate-100);
  }

  .text-slate-200 {
    color: var(--color-slate-200);
  }

  .text-slate-300 {
    color: var(--color-slate-300);
  }

  .text-slate-400 {
    color: var(--color-slate-400);
  }

  .text-slate-500 {
    color: var(--color-slate-500);
  }

  .text-slate-600 {
    color: var(--color-slate-600);
  }

  .text-slate-700 {
    color: var(--color-slate-700);
  }

  .text-slate-800 {
    color: var(--color-slate-800);
  }

  .text-slate-900 {
    color: var(--color-slate-900);
  }

  .text-slate-950 {
    color: var(--color-slate-950);
  }

  .text-teal-100 {
    color: var(--color-teal-100);
  }

  .text-teal-200 {
    color: var(--color-teal-200);
  }

  .text-teal-300 {
    color: var(--color-teal-300);
  }

  .text-teal-400 {
    color: var(--color-teal-400);
  }

  .text-teal-600 {
    color: var(--color-teal-600);
  }

  .text-teal-700 {
    color: var(--color-teal-700);
  }

  .text-teal-800 {
    color: var(--color-teal-800);
  }

  .text-transparent {
    color: #0000;
  }

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

  .text-white\/20 {
    color: #fff3;
  }

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

  .text-yellow-400 {
    color: var(--color-yellow-400);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

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

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

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .placeholder-gray-400::placeholder {
    color: var(--color-gray-400);
  }

  .placeholder-gray-500::placeholder {
    color: var(--color-gray-500);
  }

  .placeholder-slate-400::placeholder {
    color: var(--color-slate-400);
  }

  .placeholder-slate-500::placeholder {
    color: var(--color-slate-500);
  }

  .placeholder-slate-600::placeholder {
    color: var(--color-slate-600);
  }

  .accent-amber-600 {
    accent-color: var(--color-amber-600);
  }

  .accent-blue-600 {
    accent-color: var(--color-blue-600);
  }

  .accent-brand-teal {
    accent-color: var(--color-brand-teal);
  }

  .accent-cyan-500 {
    accent-color: var(--color-cyan-500);
  }

  .accent-emerald-600 {
    accent-color: var(--color-emerald-600);
  }

  .accent-indigo-600 {
    accent-color: var(--color-indigo-600);
  }

  .accent-purple-600 {
    accent-color: var(--color-purple-600);
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-5 {
    opacity: .05;
  }

  .opacity-10 {
    opacity: .1;
  }

  .opacity-15 {
    opacity: .15;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-90 {
    opacity: .9;
  }

  .opacity-95 {
    opacity: .95;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xs {
    --tw-shadow: 0 1px var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_12px_rgba\(20\,156\,154\,0\.3\)\] {
    --tw-shadow: 0 0 12px var(--tw-shadow-color, #149c9a4d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {
    --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-0 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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);
  }

  .shadow-amber-500\/20 {
    --tw-shadow-color: #f99c0033;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-amber-500\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-blue-500\/20 {
    --tw-shadow-color: #3080ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-blue-500\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-emerald-500\/20 {
    --tw-shadow-color: #00bb7f33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-emerald-500\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-rose-600\/20 {
    --tw-shadow-color: #e7004433;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-rose-600\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-600) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-teal-500\/20 {
    --tw-shadow-color: #00baa733;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-teal-500\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-teal-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .ring-\[\#1A9896\] {
    --tw-ring-color: #1a9896;
  }

  .ring-amber-300 {
    --tw-ring-color: var(--color-amber-300);
  }

  .ring-amber-500\/30 {
    --tw-ring-color: #f99c004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-amber-500\/30 {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
    }
  }

  .ring-blue-300\/40 {
    --tw-ring-color: #90c5ff66;
  }

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

  .ring-blue-500\/20 {
    --tw-ring-color: #3080ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-blue-500\/20 {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }

  .ring-blue-500\/30 {
    --tw-ring-color: #3080ff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-blue-500\/30 {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
    }
  }

  .ring-brand-teal {
    --tw-ring-color: var(--color-brand-teal);
  }

  .ring-brand-teal\/20 {
    --tw-ring-color: #149c9a33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-brand-teal\/20 {
      --tw-ring-color: color-mix(in oklab, var(--color-brand-teal) 20%, transparent);
    }
  }

  .ring-brand-teal\/30 {
    --tw-ring-color: #149c9a4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-brand-teal\/30 {
      --tw-ring-color: color-mix(in oklab, var(--color-brand-teal) 30%, transparent);
    }
  }

  .ring-cyan-400\/40 {
    --tw-ring-color: #00d2ef66;
  }

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

  .ring-cyan-500 {
    --tw-ring-color: var(--color-cyan-500);
  }

  .ring-cyan-500\/20 {
    --tw-ring-color: #00b7d733;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-cyan-500\/20 {
      --tw-ring-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
    }
  }

  .ring-emerald-300\/40 {
    --tw-ring-color: #5ee9b566;
  }

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

  .ring-emerald-500\/30 {
    --tw-ring-color: #00bb7f4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-emerald-500\/30 {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
    }
  }

  .ring-purple-300\/40 {
    --tw-ring-color: #d9b3ff66;
  }

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

  .ring-rose-500\/30 {
    --tw-ring-color: #ff23574d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-rose-500\/30 {
      --tw-ring-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent);
    }
  }

  .ring-rose-500\/50 {
    --tw-ring-color: #ff235780;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-rose-500\/50 {
      --tw-ring-color: color-mix(in oklab, var(--color-rose-500) 50%, transparent);
    }
  }

  .ring-slate-300\/40 {
    --tw-ring-color: #cad5e266;
  }

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

  .ring-offset-1 {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

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

  .blur-2xl {
    --tw-blur: blur(var(--blur-2xl));
    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-3xl {
    --tw-blur: blur(var(--blur-3xl));
    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-\[120px\] {
    --tw-blur: blur(120px);
    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, );
  }

  .drop-shadow-md {
    --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, #0000001f));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur-2xl {
    --tw-backdrop-blur: blur(var(--blur-2xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-\[0\.5px\] {
    --tw-backdrop-blur: blur(.5px);
    -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-lg {
    --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, );
  }

  .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-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, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

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

  .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;
  }

  .\[animation-delay\:0\.2s\] {
    animation-delay: .2s;
  }

  .\[animation-delay\:0\.4s\] {
    animation-delay: .4s;
  }

  @media (hover: hover) {
    .group-hover\:translate-x-1:is(:where(.group):hover *) {
      --tw-translate-x: var(--spacing);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-y-0\.5:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:scale-110:is(:where(.group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:rotate-12:is(:where(.group):hover *) {
      rotate: 12deg;
    }

    .group-hover\:border-brand-teal:is(:where(.group):hover *) {
      border-color: var(--color-brand-teal);
    }

    .group-hover\:border-brand-teal\/40:is(:where(.group):hover *) {
      border-color: #149c9a66;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:border-brand-teal\/40:is(:where(.group):hover *) {
        border-color: color-mix(in oklab, var(--color-brand-teal) 40%, transparent);
      }
    }

    .group-hover\:bg-white\/10:is(:where(.group):hover *) {
      background-color: #ffffff1a;
    }

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

    .group-hover\:text-amber-300:is(:where(.group):hover *) {
      color: var(--color-amber-300);
    }

    .group-hover\:text-brand-teal:is(:where(.group):hover *) {
      color: var(--color-brand-teal);
    }

    .group-hover\:text-cyan-300:is(:where(.group):hover *) {
      color: var(--color-cyan-300);
    }

    .group-hover\:underline:is(:where(.group):hover *) {
      text-decoration-line: underline;
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }

    .group-hover\/btn\:translate-y-0\.5:is(:where(.group\/btn):hover *) {
      --tw-translate-y: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  .peer-checked\:bg-emerald-600:is(:where(.peer):checked ~ *) {
    background-color: var(--color-emerald-600);
  }

  .peer-focus\:outline-none:is(:where(.peer):focus ~ *) {
    --tw-outline-style: none;
    outline-style: none;
  }

  .placeholder\:text-slate-400::placeholder {
    color: var(--color-slate-400);
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:top-\[2px\]:after {
    content: var(--tw-content);
    top: 2px;
  }

  .after\:left-\[2px\]:after {
    content: var(--tw-content);
    left: 2px;
  }

  .after\:h-4:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 4);
  }

  .after\:w-4:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 4);
  }

  .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

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

  .after\:border-gray-300:after {
    content: var(--tw-content);
    border-color: var(--color-gray-300);
  }

  .after\:border-slate-300:after {
    content: var(--tw-content);
    border-color: var(--color-slate-300);
  }

  .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));
  }

  .after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .peer-checked\:after\:translate-x-full:is(:where(.peer):checked ~ *):after {
    content: var(--tw-content);
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .peer-checked\:after\:border-white:is(:where(.peer):checked ~ *):after {
    content: var(--tw-content);
    border-color: var(--color-white);
  }

  .focus-within\:border-blue-500:focus-within {
    border-color: var(--color-blue-500);
  }

  @media (hover: hover) {
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

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

    .hover\:scale-\[1\.01\]:hover {
      scale: 1.01;
    }

    .hover\:scale-\[1\.02\]:hover {
      scale: 1.02;
    }

    .hover\:cursor-pointer:hover {
      cursor: pointer;
    }

    .hover\:border-amber-400:hover {
      border-color: var(--color-amber-400);
    }

    .hover\:border-amber-400\/50:hover {
      border-color: #fcbb0080;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-amber-400\/50:hover {
        border-color: color-mix(in oklab, var(--color-amber-400) 50%, transparent);
      }
    }

    .hover\:border-amber-500:hover {
      border-color: var(--color-amber-500);
    }

    .hover\:border-amber-500\/40:hover {
      border-color: #f99c0066;
    }

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

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

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

    .hover\:border-blue-500\/40:hover {
      border-color: #3080ff66;
    }

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

    .hover\:border-brand-gold\/40:hover {
      border-color: #f6c34f66;
    }

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

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

    .hover\:border-brand-teal\/30:hover {
      border-color: #149c9a4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-brand-teal\/30:hover {
        border-color: color-mix(in oklab, var(--color-brand-teal) 30%, transparent);
      }
    }

    .hover\:border-brand-teal\/40:hover {
      border-color: #149c9a66;
    }

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

    .hover\:border-brand-teal\/50:hover {
      border-color: #149c9a80;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-brand-teal\/50:hover {
        border-color: color-mix(in oklab, var(--color-brand-teal) 50%, transparent);
      }
    }

    .hover\:border-cyan-500\/40:hover {
      border-color: #00b7d766;
    }

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

    .hover\:border-emerald-400:hover {
      border-color: var(--color-emerald-400);
    }

    .hover\:border-emerald-400\/40:hover {
      border-color: #00d29466;
    }

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

    .hover\:border-emerald-500:hover {
      border-color: var(--color-emerald-500);
    }

    .hover\:border-emerald-500\/40:hover {
      border-color: #00bb7f66;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-emerald-500\/40:hover {
        border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent);
      }
    }

    .hover\:border-gray-300:hover {
      border-color: var(--color-gray-300);
    }

    .hover\:border-gray-400:hover {
      border-color: var(--color-gray-400);
    }

    .hover\:border-purple-300:hover {
      border-color: var(--color-purple-300);
    }

    .hover\:border-purple-500:hover {
      border-color: var(--color-purple-500);
    }

    .hover\:border-red-400:hover {
      border-color: var(--color-red-400);
    }

    .hover\:border-red-500:hover {
      border-color: var(--color-red-500);
    }

    .hover\:border-rose-300:hover {
      border-color: var(--color-rose-300);
    }

    .hover\:border-slate-300:hover {
      border-color: var(--color-slate-300);
    }

    .hover\:border-slate-400:hover {
      border-color: var(--color-slate-400);
    }

    .hover\:border-slate-700:hover {
      border-color: var(--color-slate-700);
    }

    .hover\:border-teal-500\/40:hover {
      border-color: #00baa766;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-teal-500\/40:hover {
        border-color: color-mix(in oklab, var(--color-teal-500) 40%, transparent);
      }
    }

    .hover\:border-white\/30:hover {
      border-color: #ffffff4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-white\/30:hover {
        border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
      }
    }

    .hover\:bg-\[\#147E7C\]:hover {
      background-color: #147e7c;
    }

    .hover\:bg-amber-50:hover {
      background-color: var(--color-amber-50);
    }

    .hover\:bg-amber-100:hover {
      background-color: var(--color-amber-100);
    }

    .hover\:bg-amber-100\/70:hover {
      background-color: #fef3c6b3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-amber-100\/70:hover {
        background-color: color-mix(in oklab, var(--color-amber-100) 70%, transparent);
      }
    }

    .hover\:bg-amber-300:hover {
      background-color: var(--color-amber-300);
    }

    .hover\:bg-amber-400:hover {
      background-color: var(--color-amber-400);
    }

    .hover\:bg-amber-500:hover {
      background-color: var(--color-amber-500);
    }

    .hover\:bg-amber-500\/10:hover {
      background-color: #f99c001a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-amber-500\/10:hover {
        background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
      }
    }

    .hover\:bg-amber-500\/20:hover {
      background-color: #f99c0033;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-amber-500\/20:hover {
        background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
      }
    }

    .hover\:bg-amber-500\/30:hover {
      background-color: #f99c004d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-amber-500\/30:hover {
        background-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
      }
    }

    .hover\:bg-amber-600:hover {
      background-color: var(--color-amber-600);
    }

    .hover\:bg-amber-700:hover {
      background-color: var(--color-amber-700);
    }

    .hover\:bg-black\/30:hover {
      background-color: #0000004d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/30:hover {
        background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
      }
    }

    .hover\:bg-blue-50:hover {
      background-color: var(--color-blue-50);
    }

    .hover\:bg-blue-50\/20:hover {
      background-color: #eff6ff33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blue-50\/20:hover {
        background-color: color-mix(in oklab, var(--color-blue-50) 20%, transparent);
      }
    }

    .hover\:bg-blue-100:hover {
      background-color: var(--color-blue-100);
    }

    .hover\:bg-blue-500:hover {
      background-color: var(--color-blue-500);
    }

    .hover\:bg-blue-700:hover {
      background-color: var(--color-blue-700);
    }

    .hover\:bg-brand-bg:hover {
      background-color: var(--color-brand-bg);
    }

    .hover\:bg-brand-bg\/40:hover {
      background-color: #f6f8fb66;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand-bg\/40:hover {
        background-color: color-mix(in oklab, var(--color-brand-bg) 40%, transparent);
      }
    }

    .hover\:bg-brand-bg\/80:hover {
      background-color: #f6f8fbcc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand-bg\/80:hover {
        background-color: color-mix(in oklab, var(--color-brand-bg) 80%, transparent);
      }
    }

    .hover\:bg-brand-gold\/90:hover {
      background-color: #f6c34fe6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand-gold\/90:hover {
        background-color: color-mix(in oklab, var(--color-brand-gold) 90%, transparent);
      }
    }

    .hover\:bg-brand-navy-sec:hover {
      background-color: var(--color-brand-navy-sec);
    }

    .hover\:bg-brand-navy\/10:hover {
      background-color: #1018231a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand-navy\/10:hover {
        background-color: color-mix(in oklab, var(--color-brand-navy) 10%, transparent);
      }
    }

    .hover\:bg-brand-navy\/90:hover {
      background-color: #101823e6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand-navy\/90:hover {
        background-color: color-mix(in oklab, var(--color-brand-navy) 90%, transparent);
      }
    }

    .hover\:bg-brand-teal:hover {
      background-color: var(--color-brand-teal);
    }

    .hover\:bg-brand-teal-deep:hover {
      background-color: var(--color-brand-teal-deep);
    }

    .hover\:bg-brand-teal\/5:hover {
      background-color: #149c9a0d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand-teal\/5:hover {
        background-color: color-mix(in oklab, var(--color-brand-teal) 5%, transparent);
      }
    }

    .hover\:bg-brand-teal\/10:hover {
      background-color: #149c9a1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand-teal\/10:hover {
        background-color: color-mix(in oklab, var(--color-brand-teal) 10%, transparent);
      }
    }

    .hover\:bg-brand-teal\/20:hover {
      background-color: #149c9a33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand-teal\/20:hover {
        background-color: color-mix(in oklab, var(--color-brand-teal) 20%, transparent);
      }
    }

    .hover\:bg-cyan-50:hover {
      background-color: var(--color-cyan-50);
    }

    .hover\:bg-cyan-400:hover {
      background-color: var(--color-cyan-400);
    }

    .hover\:bg-cyan-500\/10:hover {
      background-color: #00b7d71a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-cyan-500\/10:hover {
        background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
      }
    }

    .hover\:bg-cyan-700:hover {
      background-color: var(--color-cyan-700);
    }

    .hover\:bg-cyan-900\/60:hover {
      background-color: #104e6499;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-cyan-900\/60:hover {
        background-color: color-mix(in oklab, var(--color-cyan-900) 60%, transparent);
      }
    }

    .hover\:bg-emerald-50:hover {
      background-color: var(--color-emerald-50);
    }

    .hover\:bg-emerald-50\/20:hover {
      background-color: #ecfdf533;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-emerald-50\/20:hover {
        background-color: color-mix(in oklab, var(--color-emerald-50) 20%, transparent);
      }
    }

    .hover\:bg-emerald-50\/30:hover {
      background-color: #ecfdf54d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-emerald-50\/30:hover {
        background-color: color-mix(in oklab, var(--color-emerald-50) 30%, transparent);
      }
    }

    .hover\:bg-emerald-100:hover {
      background-color: var(--color-emerald-100);
    }

    .hover\:bg-emerald-500:hover {
      background-color: var(--color-emerald-500);
    }

    .hover\:bg-emerald-500\/30:hover {
      background-color: #00bb7f4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-emerald-500\/30:hover {
        background-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
      }
    }

    .hover\:bg-emerald-700:hover {
      background-color: var(--color-emerald-700);
    }

    .hover\:bg-emerald-800:hover {
      background-color: var(--color-emerald-800);
    }

    .hover\:bg-gray-50:hover {
      background-color: var(--color-gray-50);
    }

    .hover\:bg-gray-50\/75:hover {
      background-color: #f9fafbbf;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-gray-50\/75:hover {
        background-color: color-mix(in oklab, var(--color-gray-50) 75%, transparent);
      }
    }

    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }

    .hover\:bg-gray-200:hover {
      background-color: var(--color-gray-200);
    }

    .hover\:bg-green-500\/30:hover {
      background-color: #00c7584d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-green-500\/30:hover {
        background-color: color-mix(in oklab, var(--color-green-500) 30%, transparent);
      }
    }

    .hover\:bg-indigo-500:hover {
      background-color: var(--color-indigo-500);
    }

    .hover\:bg-indigo-700:hover {
      background-color: var(--color-indigo-700);
    }

    .hover\:bg-purple-50:hover {
      background-color: var(--color-purple-50);
    }

    .hover\:bg-purple-50\/20:hover {
      background-color: #faf5ff33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-purple-50\/20:hover {
        background-color: color-mix(in oklab, var(--color-purple-50) 20%, transparent);
      }
    }

    .hover\:bg-purple-200:hover {
      background-color: var(--color-purple-200);
    }

    .hover\:bg-red-50:hover {
      background-color: var(--color-red-50);
    }

    .hover\:bg-red-100:hover {
      background-color: var(--color-red-100);
    }

    .hover\:bg-red-500:hover {
      background-color: var(--color-red-500);
    }

    .hover\:bg-red-500\/20:hover {
      background-color: #fb2c3633;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-red-500\/20:hover {
        background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
      }
    }

    .hover\:bg-red-700:hover {
      background-color: var(--color-red-700);
    }

    .hover\:bg-red-950\/80:hover {
      background-color: #460809cc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-red-950\/80:hover {
        background-color: color-mix(in oklab, var(--color-red-950) 80%, transparent);
      }
    }

    .hover\:bg-rose-50:hover {
      background-color: var(--color-rose-50);
    }

    .hover\:bg-rose-100:hover {
      background-color: var(--color-rose-100);
    }

    .hover\:bg-rose-200:hover {
      background-color: var(--color-rose-200);
    }

    .hover\:bg-rose-500:hover {
      background-color: var(--color-rose-500);
    }

    .hover\:bg-rose-500\/30:hover {
      background-color: #ff23574d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-rose-500\/30:hover {
        background-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent);
      }
    }

    .hover\:bg-rose-600:hover {
      background-color: var(--color-rose-600);
    }

    .hover\:bg-rose-700:hover {
      background-color: var(--color-rose-700);
    }

    .hover\:bg-rose-900:hover {
      background-color: var(--color-rose-900);
    }

    .hover\:bg-slate-50:hover {
      background-color: var(--color-slate-50);
    }

    .hover\:bg-slate-50\/60:hover {
      background-color: #f8fafc99;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-slate-50\/60:hover {
        background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);
      }
    }

    .hover\:bg-slate-50\/70:hover {
      background-color: #f8fafcb3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-slate-50\/70:hover {
        background-color: color-mix(in oklab, var(--color-slate-50) 70%, transparent);
      }
    }

    .hover\:bg-slate-50\/80:hover {
      background-color: #f8fafccc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-slate-50\/80:hover {
        background-color: color-mix(in oklab, var(--color-slate-50) 80%, transparent);
      }
    }

    .hover\:bg-slate-100:hover {
      background-color: var(--color-slate-100);
    }

    .hover\:bg-slate-200:hover {
      background-color: var(--color-slate-200);
    }

    .hover\:bg-slate-200\/80:hover {
      background-color: #e2e8f0cc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-slate-200\/80:hover {
        background-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
      }
    }

    .hover\:bg-slate-300:hover {
      background-color: var(--color-slate-300);
    }

    .hover\:bg-slate-700:hover {
      background-color: var(--color-slate-700);
    }

    .hover\:bg-slate-700\/90:hover {
      background-color: #314158e6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-slate-700\/90:hover {
        background-color: color-mix(in oklab, var(--color-slate-700) 90%, transparent);
      }
    }

    .hover\:bg-slate-800:hover {
      background-color: var(--color-slate-800);
    }

    .hover\:bg-slate-800\/60:hover {
      background-color: #1d293d99;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-slate-800\/60:hover {
        background-color: color-mix(in oklab, var(--color-slate-800) 60%, transparent);
      }
    }

    .hover\:bg-slate-900:hover {
      background-color: var(--color-slate-900);
    }

    .hover\:bg-slate-900\/60:hover {
      background-color: #0f172b99;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-slate-900\/60:hover {
        background-color: color-mix(in oklab, var(--color-slate-900) 60%, transparent);
      }
    }

    .hover\:bg-slate-900\/80:hover {
      background-color: #0f172bcc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-slate-900\/80:hover {
        background-color: color-mix(in oklab, var(--color-slate-900) 80%, transparent);
      }
    }

    .hover\:bg-teal-50\/50:hover {
      background-color: #f0fdfa80;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-teal-50\/50:hover {
        background-color: color-mix(in oklab, var(--color-teal-50) 50%, transparent);
      }
    }

    .hover\:bg-teal-100\/80:hover {
      background-color: #cbfbf1cc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-teal-100\/80:hover {
        background-color: color-mix(in oklab, var(--color-teal-100) 80%, transparent);
      }
    }

    .hover\:bg-white\/5:hover {
      background-color: #ffffff0d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/5:hover {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }

    .hover\:bg-white\/10:hover {
      background-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/10:hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }

    .hover\:bg-white\/15:hover {
      background-color: #ffffff26;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/15:hover {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }

    .hover\:bg-white\/20:hover {
      background-color: #fff3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/20:hover {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }

    .hover\:bg-white\/70:hover {
      background-color: #ffffffb3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/70:hover {
        background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
      }
    }

    .hover\:bg-white\/80:hover {
      background-color: #fffc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/80:hover {
        background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
    }

    .hover\:from-amber-300:hover {
      --tw-gradient-from: var(--color-amber-300);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .hover\:from-blue-500:hover {
      --tw-gradient-from: var(--color-blue-500);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .hover\:from-cyan-400:hover {
      --tw-gradient-from: var(--color-cyan-400);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .hover\:from-cyan-500\/30:hover {
      --tw-gradient-from: #00b7d74d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:from-cyan-500\/30:hover {
        --tw-gradient-from: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);
      }
    }

    .hover\:from-cyan-500\/30:hover {
      --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));
    }

    .hover\:to-amber-400:hover {
      --tw-gradient-to: var(--color-amber-400);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .hover\:to-sky-500:hover {
      --tw-gradient-to: var(--color-sky-500);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .hover\:to-teal-400:hover {
      --tw-gradient-to: var(--color-teal-400);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .hover\:to-teal-500\/30:hover {
      --tw-gradient-to: #00baa74d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:to-teal-500\/30:hover {
        --tw-gradient-to: color-mix(in oklab, var(--color-teal-500) 30%, transparent);
      }
    }

    .hover\:to-teal-500\/30:hover {
      --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));
    }

    .hover\:text-\[\#1A9896\]:hover {
      color: #1a9896;
    }

    .hover\:text-amber-200:hover {
      color: var(--color-amber-200);
    }

    .hover\:text-amber-300:hover {
      color: var(--color-amber-300);
    }

    .hover\:text-amber-700:hover {
      color: var(--color-amber-700);
    }

    .hover\:text-amber-950:hover {
      color: var(--color-amber-950);
    }

    .hover\:text-blue-600:hover {
      color: var(--color-blue-600);
    }

    .hover\:text-blue-700:hover {
      color: var(--color-blue-700);
    }

    .hover\:text-brand-navy:hover {
      color: var(--color-brand-navy);
    }

    .hover\:text-brand-teal:hover {
      color: var(--color-brand-teal);
    }

    .hover\:text-brand-teal-deep:hover {
      color: var(--color-brand-teal-deep);
    }

    .hover\:text-brand-teal\/60:hover {
      color: #149c9a99;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-brand-teal\/60:hover {
        color: color-mix(in oklab, var(--color-brand-teal) 60%, transparent);
      }
    }

    .hover\:text-cyan-200:hover {
      color: var(--color-cyan-200);
    }

    .hover\:text-cyan-300:hover {
      color: var(--color-cyan-300);
    }

    .hover\:text-cyan-400:hover {
      color: var(--color-cyan-400);
    }

    .hover\:text-cyan-600:hover {
      color: var(--color-cyan-600);
    }

    .hover\:text-emerald-500:hover {
      color: var(--color-emerald-500);
    }

    .hover\:text-emerald-700:hover {
      color: var(--color-emerald-700);
    }

    .hover\:text-emerald-800:hover {
      color: var(--color-emerald-800);
    }

    .hover\:text-gray-400:hover {
      color: var(--color-gray-400);
    }

    .hover\:text-gray-600:hover {
      color: var(--color-gray-600);
    }

    .hover\:text-purple-700:hover {
      color: var(--color-purple-700);
    }

    .hover\:text-red-400:hover {
      color: var(--color-red-400);
    }

    .hover\:text-red-600:hover {
      color: var(--color-red-600);
    }

    .hover\:text-red-700:hover {
      color: var(--color-red-700);
    }

    .hover\:text-rose-600:hover {
      color: var(--color-rose-600);
    }

    .hover\:text-rose-700:hover {
      color: var(--color-rose-700);
    }

    .hover\:text-rose-800:hover {
      color: var(--color-rose-800);
    }

    .hover\:text-slate-200:hover {
      color: var(--color-slate-200);
    }

    .hover\:text-slate-600:hover {
      color: var(--color-slate-600);
    }

    .hover\:text-slate-700:hover {
      color: var(--color-slate-700);
    }

    .hover\:text-slate-800:hover {
      color: var(--color-slate-800);
    }

    .hover\:text-slate-900:hover {
      color: var(--color-slate-900);
    }

    .hover\:text-teal-200:hover {
      color: var(--color-teal-200);
    }

    .hover\:text-teal-300:hover {
      color: var(--color-teal-300);
    }

    .hover\:text-white:hover {
      color: var(--color-white);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:shadow:hover {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-md:hover {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-sm:hover {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-xl:hover {
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-xs:hover {
      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-blue-500\/25:hover {
      --tw-shadow-color: #3080ff40;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-blue-500\/25:hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }

    .hover\:shadow-brand-teal\/25:hover {
      --tw-shadow-color: #149c9a40;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-brand-teal\/25:hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-brand-teal) 25%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }

    .hover\:shadow-cyan-500\/25:hover {
      --tw-shadow-color: #00b7d740;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-cyan-500\/25:hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }

    .hover\:shadow-teal-500\/20:hover {
      --tw-shadow-color: #00baa733;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-teal-500\/20:hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-teal-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }

    .hover\:brightness-110: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, );
    }
  }

  .focus\:border-\[\#1A9896\]:focus {
    border-color: #1a9896;
  }

  .focus\:border-\[\#149C9A\]:focus {
    border-color: #149c9a;
  }

  .focus\:border-brand-teal:focus {
    border-color: var(--color-brand-teal);
  }

  .focus\:border-cyan-500:focus {
    border-color: var(--color-cyan-500);
  }

  .focus\:border-red-500:focus {
    border-color: var(--color-red-500);
  }

  .focus\:bg-white:focus {
    background-color: var(--color-white);
  }

  .focus\:shadow-\[0_0_18px_rgba\(20\,156\,154\,0\.55\)\]:focus {
    --tw-shadow: 0 0 18px var(--tw-shadow-color, #149c9a8c);
    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-0:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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-1:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-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-\[\#1A9896\]:focus {
    --tw-ring-color: #1a9896;
  }

  .focus\:ring-\[\#149C9A\]\/30:focus {
    --tw-ring-color: oklab(62.8041% -.101548 -.0237718 / .3);
  }

  .focus\:ring-amber-500:focus {
    --tw-ring-color: var(--color-amber-500);
  }

  .focus\:ring-blue-500:focus {
    --tw-ring-color: var(--color-blue-500);
  }

  .focus\:ring-brand-navy:focus {
    --tw-ring-color: var(--color-brand-navy);
  }

  .focus\:ring-brand-teal:focus {
    --tw-ring-color: var(--color-brand-teal);
  }

  .focus\:ring-brand-teal\/50:focus {
    --tw-ring-color: #149c9a80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-brand-teal\/50:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-brand-teal) 50%, transparent);
    }
  }

  .focus\:ring-cyan-500:focus {
    --tw-ring-color: var(--color-cyan-500);
  }

  .focus\:ring-emerald-500:focus {
    --tw-ring-color: var(--color-emerald-500);
  }

  .focus\:ring-indigo-500:focus {
    --tw-ring-color: var(--color-indigo-500);
  }

  .focus\:ring-red-500:focus {
    --tw-ring-color: var(--color-red-500);
  }

  .focus\:ring-rose-500:focus {
    --tw-ring-color: var(--color-rose-500);
  }

  .focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus\:outline-hidden:focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:ring-1:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-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-brand-teal:focus-visible {
    --tw-ring-color: var(--color-brand-teal);
  }

  .focus-visible\:ring-cyan-400:focus-visible {
    --tw-ring-color: var(--color-cyan-400);
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .active\:scale-\[0\.98\]:active {
    scale: .98;
  }

  .active\:scale-\[0\.99\]:active {
    scale: .99;
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:bg-gray-400:disabled {
    background-color: var(--color-gray-400);
  }

  .disabled\:bg-slate-100:disabled {
    background-color: var(--color-slate-100);
  }

  .disabled\:bg-slate-300:disabled {
    background-color: var(--color-slate-300);
  }

  .disabled\:text-slate-400:disabled {
    color: var(--color-slate-400);
  }

  .disabled\:no-underline:disabled {
    text-decoration-line: none;
  }

  .disabled\:opacity-30:disabled {
    opacity: .3;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  .disabled\:opacity-75:disabled {
    opacity: .75;
  }

  @media (hover: hover) {
    .disabled\:hover\:bg-blue-600:disabled:hover {
      background-color: var(--color-blue-600);
    }
  }

  @media (min-width: 40rem) {
    .sm\:right-0 {
      right: 0;
    }

    .sm\:right-6 {
      right: calc(var(--spacing) * 6);
    }

    .sm\:bottom-6 {
      bottom: calc(var(--spacing) * 6);
    }

    .sm\:bottom-24 {
      bottom: calc(var(--spacing) * 24);
    }

    .sm\:left-auto {
      left: auto;
    }

    .sm\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sm\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .sm\:col-span-8 {
      grid-column: span 8 / span 8;
    }

    .sm\:mt-0 {
      margin-top: 0;
    }

    .sm\:mb-5 {
      margin-bottom: calc(var(--spacing) * 5);
    }

    .sm\:mb-16 {
      margin-bottom: calc(var(--spacing) * 16);
    }

    .sm\:ml-2 {
      margin-left: calc(var(--spacing) * 2);
    }

    .sm\:hidden {
      display: none;
    }

    .sm\:inline {
      display: inline;
    }

    .sm\:inline-block {
      display: inline-block;
    }

    .sm\:table-cell {
      display: table-cell;
    }

    .sm\:h-3 {
      height: calc(var(--spacing) * 3);
    }

    .sm\:h-6 {
      height: calc(var(--spacing) * 6);
    }

    .sm\:h-12 {
      height: calc(var(--spacing) * 12);
    }

    .sm\:h-14 {
      height: calc(var(--spacing) * 14);
    }

    .sm\:h-36 {
      height: calc(var(--spacing) * 36);
    }

    .sm\:min-h-0 {
      min-height: 0;
    }

    .sm\:w-3 {
      width: calc(var(--spacing) * 3);
    }

    .sm\:w-6 {
      width: calc(var(--spacing) * 6);
    }

    .sm\:w-11 {
      width: calc(var(--spacing) * 11);
    }

    .sm\:w-14 {
      width: calc(var(--spacing) * 14);
    }

    .sm\:w-36 {
      width: calc(var(--spacing) * 36);
    }

    .sm\:w-44 {
      width: calc(var(--spacing) * 44);
    }

    .sm\:w-64 {
      width: calc(var(--spacing) * 64);
    }

    .sm\:w-72 {
      width: calc(var(--spacing) * 72);
    }

    .sm\:w-80 {
      width: calc(var(--spacing) * 80);
    }

    .sm\:w-96 {
      width: calc(var(--spacing) * 96);
    }

    .sm\:w-\[440px\] {
      width: 440px;
    }

    .sm\:w-auto {
      width: auto;
    }

    .sm\:max-w-md {
      max-width: var(--container-md);
    }

    .sm\:max-w-xs {
      max-width: var(--container-xs);
    }

    .sm\:flex-initial {
      flex: 0 auto;
    }

    .sm\:flex-none {
      flex: none;
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sm\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .sm\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .sm\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:items-end {
      align-items: flex-end;
    }

    .sm\:justify-between {
      justify-content: space-between;
    }

    .sm\:justify-end {
      justify-content: flex-end;
    }

    .sm\:justify-start {
      justify-content: flex-start;
    }

    .sm\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .sm\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }

    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    :where(.sm\:space-y-10 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
    }

    .sm\:self-auto {
      align-self: auto;
    }

    .sm\:self-center {
      align-self: center;
    }

    .sm\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }

    .sm\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }

    .sm\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .sm\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .sm\:p-7 {
      padding: calc(var(--spacing) * 7);
    }

    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .sm\:p-9 {
      padding: calc(var(--spacing) * 9);
    }

    .sm\:p-10 {
      padding: calc(var(--spacing) * 10);
    }

    .sm\:px-2\.5 {
      padding-inline: calc(var(--spacing) * 2.5);
    }

    .sm\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }

    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .sm\:py-1\.5 {
      padding-block: calc(var(--spacing) * 1.5);
    }

    .sm\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }

    .sm\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }

    .sm\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }

    .sm\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }

    .sm\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }

    .sm\:pt-0 {
      padding-top: 0;
    }

    .sm\:pt-9 {
      padding-top: calc(var(--spacing) * 9);
    }

    .sm\:pb-0 {
      padding-bottom: 0;
    }

    .sm\:pb-4 {
      padding-bottom: calc(var(--spacing) * 4);
    }

    .sm\:pb-7 {
      padding-bottom: calc(var(--spacing) * 7);
    }

    .sm\:pl-3 {
      padding-left: calc(var(--spacing) * 3);
    }

    .sm\:text-left {
      text-align: left;
    }

    .sm\:text-right {
      text-align: right;
    }

    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .sm\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .sm\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }

    .sm\:text-\[10px\] {
      font-size: 10px;
    }

    .sm\:text-\[11px\] {
      font-size: 11px;
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .md\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .md\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .md\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .md\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .md\:col-span-7 {
      grid-column: span 7 / span 7;
    }

    .md\:ml-0 {
      margin-left: 0;
    }

    .md\:block {
      display: block;
    }

    .md\:inline {
      display: inline;
    }

    .md\:table-cell {
      display: table-cell;
    }

    .md\:w-72 {
      width: calc(var(--spacing) * 72);
    }

    .md\:w-auto {
      width: auto;
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .md\:flex-col {
      flex-direction: column;
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:items-center {
      align-items: center;
    }

    .md\:items-end {
      align-items: flex-end;
    }

    .md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    :where(.md\:space-y-28 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 28) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 28) * calc(1 - var(--tw-space-y-reverse)));
    }

    .md\:self-auto {
      align-self: auto;
    }

    .md\:self-center {
      align-self: center;
    }

    .md\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0;
    }

    .md\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }

    .md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .md\:p-12 {
      padding: calc(var(--spacing) * 12);
    }

    .md\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }

    .md\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }

    .md\:py-18 {
      padding-block: calc(var(--spacing) * 18);
    }

    .md\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }

    .md\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }

    .md\:pt-0 {
      padding-top: 0;
    }

    .md\:text-left {
      text-align: left;
    }

    .md\:text-right {
      text-align: right;
    }
  }

  @media (min-width: 64rem) {
    .lg\:sticky {
      position: sticky;
    }

    .lg\:top-20 {
      top: calc(var(--spacing) * 20);
    }

    .lg\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .lg\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .lg\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .lg\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .lg\:col-span-7 {
      grid-column: span 7 / span 7;
    }

    .lg\:col-span-8 {
      grid-column: span 8 / span 8;
    }

    .lg\:mb-20 {
      margin-bottom: calc(var(--spacing) * 20);
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:w-64 {
      width: calc(var(--spacing) * 64);
    }

    .lg\:w-\[480px\] {
      width: 480px;
    }

    .lg\:w-auto {
      width: auto;
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .lg\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .lg\:flex-col {
      flex-direction: column;
    }

    .lg\:flex-row {
      flex-direction: row;
    }

    .lg\:flex-row-reverse {
      flex-direction: row-reverse;
    }

    .lg\:items-center {
      align-items: center;
    }

    .lg\:items-end {
      align-items: flex-end;
    }

    .lg\:justify-start {
      justify-content: flex-start;
    }

    .lg\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .lg\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }

    .lg\:gap-14 {
      gap: calc(var(--spacing) * 14);
    }

    .lg\:p-12 {
      padding: calc(var(--spacing) * 12);
    }

    .lg\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .lg\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }

    .lg\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }

    .lg\:pb-0 {
      padding-bottom: 0;
    }

    .lg\:text-left {
      text-align: left;
    }

    .lg\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .lg\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }

    .lg\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .lg\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }

  @media (min-width: 80rem) {
    .xl\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .xl\:col-span-9 {
      grid-column: span 9 / span 9;
    }

    .xl\:flex {
      display: flex;
    }

    .xl\:hidden {
      display: none;
    }

    .xl\:inline {
      display: inline;
    }

    .xl\:max-w-\[160px\] {
      max-width: 160px;
    }

    .xl\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }

    .xl\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }

    .xl\:px-2\.5 {
      padding-inline: calc(var(--spacing) * 2.5);
    }

    .xl\:px-3\.5 {
      padding-inline: calc(var(--spacing) * 3.5);
    }

    .xl\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }

    .xl\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }

    .xl\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:flex {
      display: flex;
    }

    .\32 xl\:hidden {
      display: none;
    }
  }

  :where(.dark\:divide-slate-800:where(.dark, .dark *) > :not(:last-child)) {
    border-color: var(--color-slate-800);
  }

  .dark\:border-amber-700\/60:where(.dark, .dark *) {
    border-color: #b7500099;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-amber-700\/60:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-amber-700) 60%, transparent);
    }
  }

  .dark\:border-amber-800:where(.dark, .dark *) {
    border-color: var(--color-amber-800);
  }

  .dark\:border-amber-800\/60:where(.dark, .dark *) {
    border-color: #953d0099;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-amber-800\/60:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-amber-800) 60%, transparent);
    }
  }

  .dark\:border-amber-900:where(.dark, .dark *) {
    border-color: var(--color-amber-900);
  }

  .dark\:border-blue-900:where(.dark, .dark *) {
    border-color: var(--color-blue-900);
  }

  .dark\:border-cyan-500:where(.dark, .dark *) {
    border-color: var(--color-cyan-500);
  }

  .dark\:border-cyan-500\/20:where(.dark, .dark *) {
    border-color: #00b7d733;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-cyan-500\/20:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
    }
  }

  .dark\:border-cyan-800:where(.dark, .dark *) {
    border-color: var(--color-cyan-800);
  }

  .dark\:border-emerald-700\/60:where(.dark, .dark *) {
    border-color: #00795699;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-emerald-700\/60:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-emerald-700) 60%, transparent);
    }
  }

  .dark\:border-emerald-800:where(.dark, .dark *) {
    border-color: var(--color-emerald-800);
  }

  .dark\:border-emerald-800\/60:where(.dark, .dark *) {
    border-color: #005f4699;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-emerald-800\/60:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-emerald-800) 60%, transparent);
    }
  }

  .dark\:border-emerald-900:where(.dark, .dark *) {
    border-color: var(--color-emerald-900);
  }

  .dark\:border-gray-800:where(.dark, .dark *) {
    border-color: var(--color-gray-800);
  }

  .dark\:border-indigo-800:where(.dark, .dark *) {
    border-color: var(--color-indigo-800);
  }

  .dark\:border-indigo-800\/60:where(.dark, .dark *) {
    border-color: #372aac99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-indigo-800\/60:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-indigo-800) 60%, transparent);
    }
  }

  .dark\:border-indigo-900:where(.dark, .dark *) {
    border-color: var(--color-indigo-900);
  }

  .dark\:border-indigo-900\/60:where(.dark, .dark *) {
    border-color: #312c8599;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-indigo-900\/60:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-indigo-900) 60%, transparent);
    }
  }

  .dark\:border-purple-800:where(.dark, .dark *) {
    border-color: var(--color-purple-800);
  }

  .dark\:border-red-800:where(.dark, .dark *) {
    border-color: var(--color-red-800);
  }

  .dark\:border-red-800\/60:where(.dark, .dark *) {
    border-color: #9f071299;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-red-800\/60:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-red-800) 60%, transparent);
    }
  }

  .dark\:border-red-900:where(.dark, .dark *) {
    border-color: var(--color-red-900);
  }

  .dark\:border-rose-800:where(.dark, .dark *) {
    border-color: var(--color-rose-800);
  }

  .dark\:border-rose-900:where(.dark, .dark *) {
    border-color: var(--color-rose-900);
  }

  .dark\:border-rose-900\/50:where(.dark, .dark *) {
    border-color: #8b083680;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-rose-900\/50:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-rose-900) 50%, transparent);
    }
  }

  .dark\:border-rose-900\/60:where(.dark, .dark *) {
    border-color: #8b083699;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-rose-900\/60:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-rose-900) 60%, transparent);
    }
  }

  .dark\:border-slate-600:where(.dark, .dark *) {
    border-color: var(--color-slate-600);
  }

  .dark\:border-slate-700:where(.dark, .dark *) {
    border-color: var(--color-slate-700);
  }

  .dark\:border-slate-700\/60:where(.dark, .dark *) {
    border-color: #31415899;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-slate-700\/60:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-slate-700) 60%, transparent);
    }
  }

  .dark\:border-slate-700\/80:where(.dark, .dark *) {
    border-color: #314158cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-slate-700\/80:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-slate-700) 80%, transparent);
    }
  }

  .dark\:border-slate-800:where(.dark, .dark *) {
    border-color: var(--color-slate-800);
  }

  .dark\:border-slate-800\/40:where(.dark, .dark *) {
    border-color: #1d293d66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-slate-800\/40:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-slate-800) 40%, transparent);
    }
  }

  .dark\:border-slate-800\/60:where(.dark, .dark *) {
    border-color: #1d293d99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-slate-800\/60:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-slate-800) 60%, transparent);
    }
  }

  .dark\:border-slate-800\/80:where(.dark, .dark *) {
    border-color: #1d293dcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-slate-800\/80:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-slate-800) 80%, transparent);
    }
  }

  .dark\:border-teal-500\/30:where(.dark, .dark *) {
    border-color: #00baa74d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-teal-500\/30:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-teal-500) 30%, transparent);
    }
  }

  .dark\:border-teal-500\/40:where(.dark, .dark *) {
    border-color: #00baa766;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-teal-500\/40:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-teal-500) 40%, transparent);
    }
  }

  .dark\:border-teal-500\/50:where(.dark, .dark *) {
    border-color: #00baa780;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-teal-500\/50:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-teal-500) 50%, transparent);
    }
  }

  .dark\:border-teal-500\/60:where(.dark, .dark *) {
    border-color: #00baa799;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-teal-500\/60:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-teal-500) 60%, transparent);
    }
  }

  .dark\:border-teal-800:where(.dark, .dark *) {
    border-color: var(--color-teal-800);
  }

  .dark\:border-white\/10:where(.dark, .dark *) {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-white\/10:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .dark\:bg-\[\#0a111c\]:where(.dark, .dark *) {
    background-color: #0a111c;
  }

  .dark\:bg-\[\#0c121e\]:where(.dark, .dark *) {
    background-color: #0c121e;
  }

  .dark\:bg-\[\#0c1420\]:where(.dark, .dark *) {
    background-color: #0c1420;
  }

  .dark\:bg-\[\#0e1624\]:where(.dark, .dark *) {
    background-color: #0e1624;
  }

  .dark\:bg-\[\#0f1725\]:where(.dark, .dark *) {
    background-color: #0f1725;
  }

  .dark\:bg-\[\#121c2a\]:where(.dark, .dark *) {
    background-color: #121c2a;
  }

  .dark\:bg-\[\#121c2c\]:where(.dark, .dark *) {
    background-color: #121c2c;
  }

  .dark\:bg-\[\#131d2a\]:where(.dark, .dark *) {
    background-color: #131d2a;
  }

  .dark\:bg-\[\#101724\]:where(.dark, .dark *) {
    background-color: #101724;
  }

  .dark\:bg-\[\#101926\]:where(.dark, .dark *) {
    background-color: #101926;
  }

  .dark\:bg-\[\#101928\]:where(.dark, .dark *) {
    background-color: #101928;
  }

  .dark\:bg-\[\#142030\]:where(.dark, .dark *) {
    background-color: #142030;
  }

  .dark\:bg-\[\#152132\]:where(.dark, .dark *) {
    background-color: #152132;
  }

  .dark\:bg-amber-900:where(.dark, .dark *) {
    background-color: var(--color-amber-900);
  }

  .dark\:bg-amber-900\/40:where(.dark, .dark *) {
    background-color: #7b330666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-900\/40:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-amber-900) 40%, transparent);
    }
  }

  .dark\:bg-amber-950:where(.dark, .dark *) {
    background-color: var(--color-amber-950);
  }

  .dark\:bg-amber-950\/20:where(.dark, .dark *) {
    background-color: #46190133;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-950\/20:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-amber-950) 20%, transparent);
    }
  }

  .dark\:bg-amber-950\/40:where(.dark, .dark *) {
    background-color: #46190166;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-950\/40:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-amber-950) 40%, transparent);
    }
  }

  .dark\:bg-amber-950\/50:where(.dark, .dark *) {
    background-color: #46190180;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-950\/50:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-amber-950) 50%, transparent);
    }
  }

  .dark\:bg-amber-950\/60:where(.dark, .dark *) {
    background-color: #46190199;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-950\/60:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-amber-950) 60%, transparent);
    }
  }

  .dark\:bg-amber-950\/80:where(.dark, .dark *) {
    background-color: #461901cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-950\/80:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-amber-950) 80%, transparent);
    }
  }

  .dark\:bg-blue-900\/40:where(.dark, .dark *) {
    background-color: #1c398e66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-900\/40:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-blue-900) 40%, transparent);
    }
  }

  .dark\:bg-blue-900\/50:where(.dark, .dark *) {
    background-color: #1c398e80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-900\/50:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
    }
  }

  .dark\:bg-blue-950:where(.dark, .dark *) {
    background-color: var(--color-blue-950);
  }

  .dark\:bg-blue-950\/30:where(.dark, .dark *) {
    background-color: #1624564d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-950\/30:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-blue-950) 30%, transparent);
    }
  }

  .dark\:bg-blue-950\/40:where(.dark, .dark *) {
    background-color: #16245666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-950\/40:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-blue-950) 40%, transparent);
    }
  }

  .dark\:bg-brand-teal:where(.dark, .dark *) {
    background-color: var(--color-brand-teal);
  }

  .dark\:bg-brand-teal\/10:where(.dark, .dark *) {
    background-color: #149c9a1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-brand-teal\/10:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-brand-teal) 10%, transparent);
    }
  }

  .dark\:bg-cyan-500\/15:where(.dark, .dark *) {
    background-color: #00b7d726;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-cyan-500\/15:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 15%, transparent);
    }
  }

  .dark\:bg-cyan-900\/50:where(.dark, .dark *) {
    background-color: #104e6480;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-cyan-900\/50:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-cyan-900) 50%, transparent);
    }
  }

  .dark\:bg-cyan-950:where(.dark, .dark *) {
    background-color: var(--color-cyan-950);
  }

  .dark\:bg-cyan-950\/40:where(.dark, .dark *) {
    background-color: #05334566;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-cyan-950\/40:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-cyan-950) 40%, transparent);
    }
  }

  .dark\:bg-cyan-950\/50:where(.dark, .dark *) {
    background-color: #05334580;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-cyan-950\/50:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-cyan-950) 50%, transparent);
    }
  }

  .dark\:bg-emerald-900:where(.dark, .dark *) {
    background-color: var(--color-emerald-900);
  }

  .dark\:bg-emerald-900\/50:where(.dark, .dark *) {
    background-color: #004e3b80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-900\/50:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-900) 50%, transparent);
    }
  }

  .dark\:bg-emerald-950:where(.dark, .dark *) {
    background-color: var(--color-emerald-950);
  }

  .dark\:bg-emerald-950\/20:where(.dark, .dark *) {
    background-color: #002c2233;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-950\/20:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-950) 20%, transparent);
    }
  }

  .dark\:bg-emerald-950\/40:where(.dark, .dark *) {
    background-color: #002c2266;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-950\/40:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-950) 40%, transparent);
    }
  }

  .dark\:bg-emerald-950\/50:where(.dark, .dark *) {
    background-color: #002c2280;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-950\/50:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-950) 50%, transparent);
    }
  }

  .dark\:bg-emerald-950\/60:where(.dark, .dark *) {
    background-color: #002c2299;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-950\/60:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-950) 60%, transparent);
    }
  }

  .dark\:bg-emerald-950\/80:where(.dark, .dark *) {
    background-color: #002c22cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-950\/80:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-950) 80%, transparent);
    }
  }

  .dark\:bg-indigo-900:where(.dark, .dark *) {
    background-color: var(--color-indigo-900);
  }

  .dark\:bg-indigo-950\/30:where(.dark, .dark *) {
    background-color: #1e1a4d4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-indigo-950\/30:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-indigo-950) 30%, transparent);
    }
  }

  .dark\:bg-indigo-950\/50:where(.dark, .dark *) {
    background-color: #1e1a4d80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-indigo-950\/50:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-indigo-950) 50%, transparent);
    }
  }

  .dark\:bg-purple-950:where(.dark, .dark *) {
    background-color: var(--color-purple-950);
  }

  .dark\:bg-red-900\/40:where(.dark, .dark *) {
    background-color: #82181a66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-900\/40:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-red-900) 40%, transparent);
    }
  }

  .dark\:bg-red-900\/60:where(.dark, .dark *) {
    background-color: #82181a99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-900\/60:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-red-900) 60%, transparent);
    }
  }

  .dark\:bg-red-950\/40:where(.dark, .dark *) {
    background-color: #46080966;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-950\/40:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-red-950) 40%, transparent);
    }
  }

  .dark\:bg-red-950\/50:where(.dark, .dark *) {
    background-color: #46080980;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-950\/50:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-red-950) 50%, transparent);
    }
  }

  .dark\:bg-red-950\/60:where(.dark, .dark *) {
    background-color: #46080999;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-950\/60:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-red-950) 60%, transparent);
    }
  }

  .dark\:bg-rose-950:where(.dark, .dark *) {
    background-color: var(--color-rose-950);
  }

  .dark\:bg-rose-950\/20:where(.dark, .dark *) {
    background-color: #4d021833;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-rose-950\/20:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-rose-950) 20%, transparent);
    }
  }

  .dark\:bg-rose-950\/30:where(.dark, .dark *) {
    background-color: #4d02184d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-rose-950\/30:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-rose-950) 30%, transparent);
    }
  }

  .dark\:bg-rose-950\/40:where(.dark, .dark *) {
    background-color: #4d021866;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-rose-950\/40:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-rose-950) 40%, transparent);
    }
  }

  .dark\:bg-rose-950\/50:where(.dark, .dark *) {
    background-color: #4d021880;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-rose-950\/50:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-rose-950) 50%, transparent);
    }
  }

  .dark\:bg-rose-950\/60:where(.dark, .dark *) {
    background-color: #4d021899;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-rose-950\/60:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-rose-950) 60%, transparent);
    }
  }

  .dark\:bg-slate-600:where(.dark, .dark *) {
    background-color: var(--color-slate-600);
  }

  .dark\:bg-slate-700:where(.dark, .dark *) {
    background-color: var(--color-slate-700);
  }

  .dark\:bg-slate-800:where(.dark, .dark *) {
    background-color: var(--color-slate-800);
  }

  .dark\:bg-slate-800\/30:where(.dark, .dark *) {
    background-color: #1d293d4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-slate-800\/30:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-slate-800) 30%, transparent);
    }
  }

  .dark\:bg-slate-800\/40:where(.dark, .dark *) {
    background-color: #1d293d66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-slate-800\/40:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-slate-800) 40%, transparent);
    }
  }

  .dark\:bg-slate-800\/50:where(.dark, .dark *) {
    background-color: #1d293d80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-slate-800\/50:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);
    }
  }

  .dark\:bg-slate-800\/60:where(.dark, .dark *) {
    background-color: #1d293d99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-slate-800\/60:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-slate-800) 60%, transparent);
    }
  }

  .dark\:bg-slate-800\/80:where(.dark, .dark *) {
    background-color: #1d293dcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-slate-800\/80:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-slate-800) 80%, transparent);
    }
  }

  .dark\:bg-slate-800\/90:where(.dark, .dark *) {
    background-color: #1d293de6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-slate-800\/90:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-slate-800) 90%, transparent);
    }
  }

  .dark\:bg-slate-900:where(.dark, .dark *) {
    background-color: var(--color-slate-900);
  }

  .dark\:bg-slate-900\/20:where(.dark, .dark *) {
    background-color: #0f172b33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-slate-900\/20:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-slate-900) 20%, transparent);
    }
  }

  .dark\:bg-slate-900\/40:where(.dark, .dark *) {
    background-color: #0f172b66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-slate-900\/40:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-slate-900) 40%, transparent);
    }
  }

  .dark\:bg-slate-900\/50:where(.dark, .dark *) {
    background-color: #0f172b80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-slate-900\/50:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
    }
  }

  .dark\:bg-slate-900\/60:where(.dark, .dark *) {
    background-color: #0f172b99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-slate-900\/60:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-slate-900) 60%, transparent);
    }
  }

  .dark\:bg-slate-900\/80:where(.dark, .dark *) {
    background-color: #0f172bcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-slate-900\/80:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-slate-900) 80%, transparent);
    }
  }

  .dark\:bg-slate-900\/95:where(.dark, .dark *) {
    background-color: #0f172bf2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-slate-900\/95:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-slate-900) 95%, transparent);
    }
  }

  .dark\:bg-slate-950:where(.dark, .dark *) {
    background-color: var(--color-slate-950);
  }

  .dark\:bg-slate-950\/30:where(.dark, .dark *) {
    background-color: #0206184d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-slate-950\/30:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-slate-950) 30%, transparent);
    }
  }

  .dark\:bg-teal-500\/10:where(.dark, .dark *) {
    background-color: #00baa71a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-teal-500\/10:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-teal-500) 10%, transparent);
    }
  }

  .dark\:bg-teal-600:where(.dark, .dark *) {
    background-color: var(--color-teal-600);
  }

  .dark\:bg-teal-950\/50:where(.dark, .dark *) {
    background-color: #022f2e80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-teal-950\/50:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-teal-950) 50%, transparent);
    }
  }

  .dark\:bg-teal-950\/60:where(.dark, .dark *) {
    background-color: #022f2e99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-teal-950\/60:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-teal-950) 60%, transparent);
    }
  }

  .dark\:bg-white\/5:where(.dark, .dark *) {
    background-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/5:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .dark\:bg-white\/10:where(.dark, .dark *) {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/10:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .dark\:from-cyan-400:where(.dark, .dark *) {
    --tw-gradient-from: var(--color-cyan-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:from-teal-950\/20:where(.dark, .dark *) {
    --tw-gradient-from: #022f2e33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:from-teal-950\/20:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--color-teal-950) 20%, transparent);
    }
  }

  .dark\:from-teal-950\/20:where(.dark, .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));
  }

  .dark\:to-\[\#131d2a\]:where(.dark, .dark *) {
    --tw-gradient-to: #131d2a;
    --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));
  }

  .dark\:to-teal-300:where(.dark, .dark *) {
    --tw-gradient-to: var(--color-teal-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:text-amber-100:where(.dark, .dark *) {
    color: var(--color-amber-100);
  }

  .dark\:text-amber-200:where(.dark, .dark *) {
    color: var(--color-amber-200);
  }

  .dark\:text-amber-300:where(.dark, .dark *) {
    color: var(--color-amber-300);
  }

  .dark\:text-amber-400:where(.dark, .dark *) {
    color: var(--color-amber-400);
  }

  .dark\:text-blue-300:where(.dark, .dark *) {
    color: var(--color-blue-300);
  }

  .dark\:text-blue-400:where(.dark, .dark *) {
    color: var(--color-blue-400);
  }

  .dark\:text-cyan-200:where(.dark, .dark *) {
    color: var(--color-cyan-200);
  }

  .dark\:text-cyan-300:where(.dark, .dark *) {
    color: var(--color-cyan-300);
  }

  .dark\:text-cyan-400:where(.dark, .dark *) {
    color: var(--color-cyan-400);
  }

  .dark\:text-emerald-200:where(.dark, .dark *) {
    color: var(--color-emerald-200);
  }

  .dark\:text-emerald-300:where(.dark, .dark *) {
    color: var(--color-emerald-300);
  }

  .dark\:text-emerald-400:where(.dark, .dark *) {
    color: var(--color-emerald-400);
  }

  .dark\:text-indigo-200:where(.dark, .dark *) {
    color: var(--color-indigo-200);
  }

  .dark\:text-indigo-300:where(.dark, .dark *) {
    color: var(--color-indigo-300);
  }

  .dark\:text-indigo-400:where(.dark, .dark *) {
    color: var(--color-indigo-400);
  }

  .dark\:text-pink-400:where(.dark, .dark *) {
    color: var(--color-pink-400);
  }

  .dark\:text-purple-300:where(.dark, .dark *) {
    color: var(--color-purple-300);
  }

  .dark\:text-red-200:where(.dark, .dark *) {
    color: var(--color-red-200);
  }

  .dark\:text-red-300:where(.dark, .dark *) {
    color: var(--color-red-300);
  }

  .dark\:text-red-400:where(.dark, .dark *) {
    color: var(--color-red-400);
  }

  .dark\:text-rose-200:where(.dark, .dark *) {
    color: var(--color-rose-200);
  }

  .dark\:text-rose-300:where(.dark, .dark *) {
    color: var(--color-rose-300);
  }

  .dark\:text-rose-400:where(.dark, .dark *) {
    color: var(--color-rose-400);
  }

  .dark\:text-slate-50:where(.dark, .dark *) {
    color: var(--color-slate-50);
  }

  .dark\:text-slate-100:where(.dark, .dark *) {
    color: var(--color-slate-100);
  }

  .dark\:text-slate-200:where(.dark, .dark *) {
    color: var(--color-slate-200);
  }

  .dark\:text-slate-300:where(.dark, .dark *) {
    color: var(--color-slate-300);
  }

  .dark\:text-slate-400:where(.dark, .dark *) {
    color: var(--color-slate-400);
  }

  .dark\:text-slate-500:where(.dark, .dark *) {
    color: var(--color-slate-500);
  }

  .dark\:text-slate-600:where(.dark, .dark *) {
    color: var(--color-slate-600);
  }

  .dark\:text-slate-700:where(.dark, .dark *) {
    color: var(--color-slate-700);
  }

  .dark\:text-slate-950:where(.dark, .dark *) {
    color: var(--color-slate-950);
  }

  .dark\:text-teal-300:where(.dark, .dark *) {
    color: var(--color-teal-300);
  }

  .dark\:text-teal-400:where(.dark, .dark *) {
    color: var(--color-teal-400);
  }

  .dark\:text-white:where(.dark, .dark *) {
    color: var(--color-white);
  }

  .dark\:ring-teal-500\/30:where(.dark, .dark *) {
    --tw-ring-color: #00baa74d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-teal-500\/30:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in oklab, var(--color-teal-500) 30%, transparent);
    }
  }

  @media (hover: hover) {
    .dark\:group-hover\:border-teal-500\/40:where(.dark, .dark *):is(:where(.group):hover *) {
      border-color: #00baa766;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:group-hover\:border-teal-500\/40:where(.dark, .dark *):is(:where(.group):hover *) {
        border-color: color-mix(in oklab, var(--color-teal-500) 40%, transparent);
      }
    }

    .dark\:group-hover\:text-teal-400:where(.dark, .dark *):is(:where(.group):hover *) {
      color: var(--color-teal-400);
    }
  }

  .dark\:placeholder\:text-slate-500:where(.dark, .dark *)::placeholder {
    color: var(--color-slate-500);
  }

  .dark\:focus-within\:border-blue-500:where(.dark, .dark *):focus-within {
    border-color: var(--color-blue-500);
  }

  @media (hover: hover) {
    .dark\:hover\:border-slate-600:where(.dark, .dark *):hover {
      border-color: var(--color-slate-600);
    }

    .dark\:hover\:border-slate-700:where(.dark, .dark *):hover {
      border-color: var(--color-slate-700);
    }

    .dark\:hover\:bg-amber-900\/40:where(.dark, .dark *):hover {
      background-color: #7b330666;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-amber-900\/40:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-amber-900) 40%, transparent);
      }
    }

    .dark\:hover\:bg-blue-900\/40:where(.dark, .dark *):hover {
      background-color: #1c398e66;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-blue-900\/40:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-blue-900) 40%, transparent);
      }
    }

    .dark\:hover\:bg-blue-900\/50:where(.dark, .dark *):hover {
      background-color: #1c398e80;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-blue-900\/50:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
      }
    }

    .dark\:hover\:bg-blue-950\/40:where(.dark, .dark *):hover {
      background-color: #16245666;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-blue-950\/40:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-blue-950) 40%, transparent);
      }
    }

    .dark\:hover\:bg-cyan-500\/20:where(.dark, .dark *):hover {
      background-color: #00b7d733;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-cyan-500\/20:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
      }
    }

    .dark\:hover\:bg-cyan-950:where(.dark, .dark *):hover {
      background-color: var(--color-cyan-950);
    }

    .dark\:hover\:bg-emerald-950\/40:where(.dark, .dark *):hover {
      background-color: #002c2266;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-emerald-950\/40:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-emerald-950) 40%, transparent);
      }
    }

    .dark\:hover\:bg-rose-900:where(.dark, .dark *):hover {
      background-color: var(--color-rose-900);
    }

    .dark\:hover\:bg-rose-950\/50:where(.dark, .dark *):hover {
      background-color: #4d021880;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-rose-950\/50:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-rose-950) 50%, transparent);
      }
    }

    .dark\:hover\:bg-slate-600:where(.dark, .dark *):hover {
      background-color: var(--color-slate-600);
    }

    .dark\:hover\:bg-slate-700:where(.dark, .dark *):hover {
      background-color: var(--color-slate-700);
    }

    .dark\:hover\:bg-slate-700\/60:where(.dark, .dark *):hover {
      background-color: #31415899;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-slate-700\/60:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-slate-700) 60%, transparent);
      }
    }

    .dark\:hover\:bg-slate-700\/80:where(.dark, .dark *):hover {
      background-color: #314158cc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-slate-700\/80:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-slate-700) 80%, transparent);
      }
    }

    .dark\:hover\:bg-slate-800:where(.dark, .dark *):hover {
      background-color: var(--color-slate-800);
    }

    .dark\:hover\:bg-slate-800\/40:where(.dark, .dark *):hover {
      background-color: #1d293d66;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-slate-800\/40:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-slate-800) 40%, transparent);
      }
    }

    .dark\:hover\:bg-slate-800\/60:where(.dark, .dark *):hover {
      background-color: #1d293d99;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-slate-800\/60:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-slate-800) 60%, transparent);
      }
    }

    .dark\:hover\:bg-slate-800\/80:where(.dark, .dark *):hover {
      background-color: #1d293dcc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-slate-800\/80:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-slate-800) 80%, transparent);
      }
    }

    .dark\:hover\:bg-white\/10:where(.dark, .dark *):hover {
      background-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-white\/10:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }

    .dark\:hover\:text-blue-300:where(.dark, .dark *):hover {
      color: var(--color-blue-300);
    }

    .dark\:hover\:text-blue-400:where(.dark, .dark *):hover {
      color: var(--color-blue-400);
    }

    .dark\:hover\:text-emerald-300:where(.dark, .dark *):hover {
      color: var(--color-emerald-300);
    }

    .dark\:hover\:text-slate-200:where(.dark, .dark *):hover {
      color: var(--color-slate-200);
    }

    .dark\:hover\:text-slate-300:where(.dark, .dark *):hover {
      color: var(--color-slate-300);
    }

    .dark\:hover\:text-teal-300:where(.dark, .dark *):hover {
      color: var(--color-teal-300);
    }

    .dark\:hover\:text-teal-400:where(.dark, .dark *):hover {
      color: var(--color-teal-400);
    }

    .dark\:hover\:text-white:where(.dark, .dark *):hover {
      color: var(--color-white);
    }
  }

  .dark\:focus\:border-teal-400:where(.dark, .dark *):focus {
    border-color: var(--color-teal-400);
  }

  .dark\:focus\:bg-slate-800:where(.dark, .dark *):focus {
    background-color: var(--color-slate-800);
  }

  @media print {
    .print\:hidden {
      display: none;
    }

    .print\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0;
    }

    .print\:border-b-2 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 2px;
    }

    .print\:bg-white {
      background-color: var(--color-white);
    }

    .print\:p-0 {
      padding: 0;
    }
  }
}

html.dark {
  color-scheme: dark;
  --color-brand-bg: #0c121e;
  --color-brand-text: #f1f5f9;
  --color-brand-muted: #94a3b8;
}

html.dark body {
  color: #f1f5f9;
  background-color: #0c121e;
}

html.dark .bg-white {
  color: #f8fafc !important;
  background-color: #172332 !important;
}

html.dark .bg-brand-bg {
  color: #e2e8f0 !important;
  background-color: #0f1824 !important;
}

html.dark .bg-gray-50, html.dark .bg-slate-50, html.dark .bg-zinc-50 {
  color: #e2e8f0 !important;
  background-color: #111a27 !important;
}

html.dark .bg-gray-100, html.dark .bg-slate-100, html.dark .bg-zinc-100 {
  color: #f1f5f9 !important;
  background-color: #1a2738 !important;
}

html.dark .text-brand-navy {
  color: #f8fafc !important;
}

html.dark .text-brand-navy-sec {
  color: #cbd5e1 !important;
}

html.dark .text-brand-text {
  color: #e2e8f0 !important;
}

html.dark .text-brand-muted {
  color: #94a3b8 !important;
}

html.dark .text-gray-900, html.dark .text-slate-900, html.dark .text-zinc-900 {
  color: #f8fafc !important;
}

html.dark .text-gray-800, html.dark .text-slate-800, html.dark .text-zinc-800 {
  color: #f1f5f9 !important;
}

html.dark .text-gray-700, html.dark .text-slate-700, html.dark .text-zinc-700 {
  color: #e2e8f0 !important;
}

html.dark .text-gray-600, html.dark .text-slate-600, html.dark .text-zinc-600 {
  color: #cbd5e1 !important;
}

html.dark .text-gray-500, html.dark .text-slate-500, html.dark .text-zinc-500 {
  color: #94a3b8 !important;
}

html.dark .bg-emerald-50, html.dark .bg-emerald-100 {
  background-color: #10b98129 !important;
  border-color: #10b98159 !important;
}

html.dark .text-emerald-700, html.dark .text-emerald-800, html.dark .text-emerald-900 {
  color: #34d399 !important;
}

html.dark .text-emerald-600 {
  color: #4ade80 !important;
}

html.dark .bg-teal-50, html.dark .bg-teal-100 {
  background-color: #149c9a2e !important;
  border-color: #149c9a59 !important;
}

html.dark .text-teal-700, html.dark .text-teal-800, html.dark .text-teal-900 {
  color: #2dd4bf !important;
}

html.dark .text-teal-600 {
  color: #5eead4 !important;
}

html.dark .bg-amber-50, html.dark .bg-amber-100, html.dark .bg-yellow-50, html.dark .bg-yellow-100 {
  background-color: #f59e0b29 !important;
  border-color: #f59e0b59 !important;
}

html.dark .text-amber-700, html.dark .text-amber-800, html.dark .text-amber-900, html.dark .text-yellow-700, html.dark .text-yellow-800, html.dark .text-yellow-900 {
  color: #fbbf24 !important;
}

html.dark .text-amber-600, html.dark .text-yellow-600 {
  color: #fcd34d !important;
}

html.dark .bg-red-50, html.dark .bg-red-100 {
  background-color: #ef444429 !important;
  border-color: #ef444459 !important;
}

html.dark .text-red-700, html.dark .text-red-800, html.dark .text-red-900 {
  color: #f87171 !important;
}

html.dark .text-red-600 {
  color: #fca5a5 !important;
}

html.dark .bg-blue-50, html.dark .bg-blue-100 {
  background-color: #3b82f629 !important;
  border-color: #3b82f659 !important;
}

html.dark .text-blue-700, html.dark .text-blue-800, html.dark .text-blue-900 {
  color: #60a5fa !important;
}

html.dark .text-blue-600 {
  color: #93c5fd !important;
}

html.dark .bg-purple-50, html.dark .bg-purple-100 {
  background-color: #a855f729 !important;
  border-color: #a855f759 !important;
}

html.dark .text-purple-700, html.dark .text-purple-800, html.dark .text-purple-900 {
  color: #c084fc !important;
}

html.dark .text-purple-600 {
  color: #d8b4fe !important;
}

html.dark .bg-brand-navy\/5, html.dark .bg-brand-navy\/10 {
  background-color: #149c9a26 !important;
  border-color: #149c9a4d !important;
}

html.dark .border-gray-100, html.dark .border-gray-200, html.dark .border-gray-300, html.dark .border-slate-100, html.dark .border-slate-200, html.dark .border-slate-300 {
  border-color: #149c9a38 !important;
}

html.dark .border-white {
  border-color: #ffffff26 !important;
}

html.dark .bg-brand-gold, html.dark .bg-brand-gold *, html.dark [class*="bg-brand-gold"], html.dark [class*="bg-brand-gold"] *, html.dark [class*="bg-amber-400"] *, html.dark [class*="bg-amber-300"] * {
  color: #101823 !important;
}

html.dark .bg-brand-gold .fill-brand-navy, html.dark [class*="bg-brand-gold"] .fill-brand-navy {
  fill: #101823 !important;
}

html.dark .bg-brand-teal.text-brand-navy, html.dark .bg-brand-teal .text-brand-navy {
  color: #101823 !important;
}

html.dark code:not([class*="text-"]):not([class*="bg-"]) {
  color: #5eead4 !important;
  background-color: #0b121c !important;
  border-color: #149c9a4d !important;
}

html.dark input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]), html.dark textarea, html.dark select {
  color: #f1f5f9;
  background-color: #0f1824;
  border-color: #149c9a4d;
}

html.dark input::placeholder, html.dark textarea::placeholder {
  color: #64748b;
}

html.dark .hover\:bg-gray-50:hover, html.dark .hover\:bg-gray-100:hover {
  background-color: #ffffff0f !important;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #101823;
}

::-webkit-scrollbar-thumb {
  background: #149c9a;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #0d6f70;
}

#admin-login-view input:focus {
  border-color: #149c9a !important;
  outline: none !important;
  box-shadow: 0 0 0 1px #149c9a, 0 0 16px #149c9a8c, 0 0 30px #149c9a47 !important;
}

@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-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-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-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes ping {
  75%, 100% {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes bounce {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: none;
  }
}
/* SVS site and administration design system. Existing content and behavior remain in React. */
@layer base {
  :root {
    --color-brand-navy: #123d39;
    --color-brand-navy-sec: #194b46;
    --color-brand-teal: #087d76;
    --color-brand-teal-deep: #07615b;
    --color-brand-gold: #efc65a;
    --color-brand-bg: #f7f8f5;
    --color-brand-text: #173b37;
    --color-brand-muted: #536662;
    --font-display: "Inter", ui-sans-serif, system-ui, sans-serif;
  }
  html { scroll-padding-top: 120px; }
  body { line-height: 1.65; -webkit-font-smoothing: antialiased; }
  button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
  :focus-visible { outline: 3px solid #0c9a91 !important; outline-offset: 4px !important; }
  ::selection { background: #b8e7dc; color: #123d39; }
  h1, h2, h3, h4 { text-wrap: balance; }
  p, label { overflow-wrap: anywhere; }
  svg, img { flex-shrink: 0; }
}
html.dark { --color-brand-bg: #0c211f; --color-brand-text: #e8f1ed; --color-brand-muted: #b4c9c1; --color-brand-teal: #45bbae; }
html.dark body { background: #0c211f; }
#svs-app-root { background: var(--color-brand-bg); }
#app-main-content { min-width: 0; }
#app-main-content :is([class*="max-w-[1536px]"], .max-w-7xl) { max-width: 1240px; }
#app-main-content :is(.rounded-sm, .rounded) { border-radius: 10px; }
#app-main-content :is(.rounded-lg, .rounded-xl) { border-radius: 18px; }
#app-main-content :is(.shadow-2xl, .shadow-xl) { box-shadow: 0 14px 40px rgb(15 55 48 / 8%); }
#app-main-content button, #app-main-content a[class*="py-"] { transition: background-color .18s, border-color .18s, color .18s, box-shadow .18s; }
#app-main-content :is(button, a)[class*="uppercase"] { text-transform: none; letter-spacing: .01em; }
#app-main-content :is(h1, h2, h3, h4)[class*="uppercase"] { text-transform: none; letter-spacing: -.025em; }
#app-main-content p { line-height: 1.75; }
#app-main-content .text-xs { font-size: .8125rem; line-height: 1.6; }
#app-main-content input:not([type="checkbox"]):not([type="radio"]), #app-main-content select, #app-main-content textarea { min-height: 44px; border-radius: 10px; }
#app-navbar { background: #123d39; border-color: #2e5751; box-shadow: 0 5px 24px rgb(14 43 38 / 9%); }
#app-navbar > div:first-child { background: #0e302d; padding-block: 6px; }
#app-navbar > div:first-child > div, #app-navbar > div:nth-child(2) { max-width: 1440px; padding-inline: clamp(16px, 3vw, 40px); }
#app-navbar .font-mono { font-family: var(--font-sans); letter-spacing: .01em; }
#app-navbar .text-brand-teal { color: #9bdbcf; }
#nav-logo-container { text-align: left; }
#nav-logo-container > svg { width: 48px; height: 48px; }
#nav-logo-container > div > span:first-child { font-size: 21px; letter-spacing: -.035em; }
#nav-logo-container > div > span:last-child { font-size: 10px; letter-spacing: .025em; text-transform: none; }
#nav-desktop-menu button { border-radius: 9px; min-height: 42px; font-size: 13px; }
#nav-desktop-search-container { max-width: 125px; }
#app-navbar button[aria-label="Toggle Theme"], #app-navbar button[aria-label="Search SVS Tools"], #app-navbar button[aria-label="Open Menu"] { min-width: 42px; min-height: 42px; }
#home-product-hero { background: #123d39; border-bottom: 0; isolation: isolate; }
#home-product-hero > div[class*="max-w"] { max-width: 1240px; padding-top: clamp(36px, 6vw, 80px); padding-bottom: 60px; }
#home-product-hero .font-mono { font-family: var(--font-sans); }
#hero-ambient-lights { opacity: .35; }
#hero-headline { font-size: clamp(2.1rem, 4.3vw, 4.35rem); line-height: 1.07; font-weight: 650; letter-spacing: -.055em; max-width: 760px; }
#hero-subtext { font-size: clamp(1rem, 1.5vw, 1.15rem); color: #cfdfd8; font-weight: 400; max-width: 650px; }
#home-product-hero .text-brand-teal { color: #9bdbcf; }
#hero-primary-actions { gap: 12px; }
#hero-primary-download-btn { min-height: 52px; background: #efc65a; color: #15332e; border-color: #efc65a; border-radius: 12px; box-shadow: none; font-size: 14px; text-transform: none; letter-spacing: 0; }
#hero-primary-download-btn span { color: #15332e; }
#hero-primary-download-btn:hover { background: #f5d780; }
#hero-contact-btn { min-height: 52px; border-radius: 12px; background: transparent; border-color: #6c8c82; font-size: 14px; text-transform: none; letter-spacing: 0; }
.svs-hero-grid { display: grid; gap: 42px; align-items: center; }
.svs-brand-art { min-width: 0; position: relative; display: flex; align-items: center; justify-content: center; min-height: 320px; }
.svs-brand-art::before { content: ""; position: absolute; width: 82%; aspect-ratio: 1; border: 1px solid #769d8c50; border-radius: 50%; }
.svs-brand-art::after { content: ""; position: absolute; width: 65%; aspect-ratio: 1; border: 1px dashed #b1d2bb50; border-radius: 50%; transform: rotate(-22deg); }
.svs-brand-art img { position: relative; width: min(88%, 360px); height: auto; z-index: 1; filter: drop-shadow(0 28px 20px rgb(0 0 0 / 13%)); }
.svs-brand-art .svs-architecture-lines { position: absolute; inset: 0; width: 100%; height: 100%; color: #b3d2bd; opacity: .4; }
#hero-ribbon-dock { min-width: 0; width: 100%; }
#hero-ribbon-dock > div { background: #194b46; border: 1px solid #3b675c; border-radius: 20px; box-shadow: none; padding: clamp(18px, 3vw, 32px); }
#hero-ribbon-dock [class*="bg-[#101823]"] { background: #103c36; }
#hero-ribbon-dock .text-gray-400 { color: #b6cfc4; }
#hero-ribbon-dock .text-gray-300 { color: #d5e6dc; }
#hero-ribbon-dock button { min-height: 40px; border-radius: 8px; }
.svs-engineering-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; margin-top: 22px; font-size: 11px; color: #afc7bd; }
#home-view-container > section { padding-block: clamp(40px, 6vw, 76px); }
#home-view-container > section h2 { font-size: clamp(1.7rem, 3vw, 2.6rem); font-weight: 650; letter-spacing: -.04em; }
#home-view-container .font-mono:not(code):not(pre) { font-family: var(--font-sans); }
#app-footer { background: #102e2a; padding-block: 56px 28px; }
#app-footer > div { max-width: 1240px; }
#app-footer .font-mono { font-family: var(--font-sans); }
#app-footer .text-brand-teal { color: #92d5c6; }
#footer-autodesk-showcase { background: #173a33; border: 1px solid #506850; box-shadow: none; border-radius: 18px; }
#app-footer button, #app-footer a { min-height: 36px; }
#admin-login-view { border-radius: 24px; overflow: hidden; box-shadow: 0 20px 65px rgb(15 55 48 / 12%); }
#admin-login-view input:focus { box-shadow: 0 0 0 3px rgb(8 125 118 / 16%) !important; }
#admin-dashboard-view { background: var(--color-brand-bg); }
#admin-dashboard-view .font-mono { font-family: var(--font-sans); }
#admin-dashboard-view > div:first-child { background: #123d39; padding-block: 40px; }
#admin-dashboard-view > div:first-child .text-brand-teal { color: #a4e1d1; }
#admin-dashboard-view :is(.rounded-sm, .rounded-lg, .rounded) { border-radius: 12px; }
#admin-main-tabs { position: sticky; top: 116px; z-index: 20; padding: 8px; background: #fff; border: 1px solid #d8e4dc; box-shadow: 0 4px 18px rgb(20 55 44 / 6%); }
#admin-main-tabs button { min-height: 44px; font-size: 13px; padding: 10px 14px; }
#admin-widgets-grid > div, #admin-presence-kpi-banner > div { box-shadow: none; border: 1px solid #d8e4dc; }
#admin-dashboard-view table { font-size: 14px; }
#admin-dashboard-view th { font-size: 12px; padding: 14px 16px; letter-spacing: .03em; }
#admin-dashboard-view td { padding: 14px 16px; }
#admin-dashboard-view button { min-height: 38px; }
#admin-dashboard-view :is(label, th) { font-weight: 600; }
#admin-dashboard-view input, #admin-dashboard-view select, #admin-dashboard-view textarea { font-size: 14px; }
html.dark #admin-main-tabs { background: #14322b; border-color: #34564b; }
html.dark #admin-dashboard-view :is(td, th) { border-color: #34564b; }
html.dark #app-main-content :is(.bg-white, .bg-gray-50, .bg-slate-50) { background-color: #15362f !important; }
html.dark #app-main-content :is(.bg-gray-100, .bg-slate-100) { background-color: #1b4037 !important; }
@media (min-width: 1024px) {
  .svs-hero-grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: 58px; }
  #hero-ribbon-dock { grid-column: 1 / -1; }
}
@media (max-width: 1023px) {
  .svs-brand-art { min-height: 240px; }
  .svs-brand-art img { width: 240px; }
  .svs-brand-art::before { width: 270px; }
  .svs-brand-art::after { width: 230px; }
  #hero-ribbon-dock > div { border-radius: 16px; }
  #admin-main-tabs { top: 108px; position: relative; }
}
@media (max-width: 639px) {
  #app-navbar > div:nth-child(2) { position: relative; }
  #app-navbar > div:nth-child(2) > div { height: auto; flex-wrap: wrap; padding-block: 12px; gap: 12px; }
  #nav-logo-container { flex-basis: calc(100% - 52px); }
  #nav-mobile-controls { width: 100%; justify-content: space-between; gap: 8px; }
  #nav-mobile-controls > div { display: none; } /* Language selection remains in the top bar and drawer. */
  #nav-mobile-controls > button { min-width: 44px; min-height: 44px; }
  #nav-mobile-menu-toggle-btn { position: absolute; right: 12px; top: 12px; }
  #nav-mobile-cta { min-width: 100px !important; justify-content: center; }
  #nav-mobile-cta span { display: inline; }
  #app-navbar > div:first-child > div { padding-inline: 0; }
  #app-navbar > div:first-child { padding-inline: 12px; }
  #app-navbar > div:first-child .font-mono { font-size: 10px; }
  #app-navbar > div:nth-child(2) { padding-inline: 12px; }
  #nav-logo-container > svg { width: 42px; height: 42px; }
  #nav-logo-container > div > span:first-child { font-size: 18px; }
  #nav-logo-container > div > span:last-child { font-size: 8px; }
  #home-product-hero > div[class*="max-w"] { padding-inline: 20px; padding-bottom: 32px; }
  .svs-brand-art { min-height: 180px; }
  .svs-brand-art img { width: 180px; }
  .svs-brand-art::before { width: 195px; }
  .svs-brand-art::after { width: 170px; }
  .svs-hero-grid { gap: 30px; }
  #hero-primary-actions > div, #hero-primary-download-btn { width: 100%; }
  #hero-ribbon-dock [class*="grid-cols-2"] { grid-template-columns: minmax(0, 1fr); }
  #admin-dashboard-view table { min-width: 640px; }
  #admin-dashboard-view [class*="overflow-x-auto"] { overscroll-behavior-x: contain; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Administration workspace: coherent navigation and readable working panels. */
.svs-admin-workspace { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 28px; align-items: start; }
.svs-admin-workspace aside { position: sticky; top: 140px; }
.svs-admin-workspace #admin-main-tabs { position: static; margin: 0; padding: 10px; border-radius: 16px; }
.svs-admin-workspace #admin-main-tabs > div { display: flex; flex-direction: column; align-items: stretch; gap: 6px; }
.svs-admin-workspace #admin-main-tabs button { flex: none; min-width: 0; width: 100%; justify-content: flex-start; text-align: left; font-weight: 550; text-transform: none; letter-spacing: 0; gap: 10px; }
.svs-admin-workspace #admin-main-tabs button[aria-current="page"] { background: #123d39; color: #fff; box-shadow: none; }
.svs-admin-workspace #admin-main-tabs button[aria-current="page"] svg { color: #b4e8da; }
.svs-admin-workspace #admin-main-tabs button > span:nth-child(3) { margin-left: auto; font-size: 10px; }
.svs-admin-content { min-width: 0; }
.svs-admin-supabase-tab { display: flex; color: var(--color-brand-text); background: transparent; border-top: 1px solid #d8e4dc; margin-top: 8px; }
.svs-admin-card { background: #fff; border: 1px solid #d8e4dc; border-radius: 18px; padding: 24px; }
.svs-admin-secondary, .svs-admin-primary { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 15px; border-radius: 10px; min-height: 44px; font-size: 14px; font-weight: 550; cursor: pointer; }
.svs-admin-secondary { background: #f6f8f5; color: #173b37; border: 1px solid #d4e1d9; }
.svs-admin-primary { background: #087d76; color: #fff; border: 1px solid #087d76; }
.svs-admin-secondary[aria-pressed="true"] { background: #d9eee6; border-color: #087d76; }
.svs-admin-status { display: inline-flex; padding: 5px 10px; background: #e9f0ea; color: #355b48; border-radius: 20px; font-size: 12px; }
.svs-admin-message { display: flex; align-items: flex-start; gap: 10px; padding: 16px; border-radius: 12px; border: 1px solid #a6d8bb; background: #edf7ee; color: #20582d; }
.svs-admin-message.error { border-color: #e7b6b6; background: #fff0ee; color: #8b2424; }
#admin-supabase-view input, #admin-supabase-view select { border: 1px solid #ccdcd2; padding: 10px 12px; background: transparent; }
#admin-supabase-view input.pl-10 { padding-left: 40px; }
#admin-supabase-view th { text-transform: capitalize; white-space: nowrap; }
#admin-supabase-view td, #admin-supabase-view th { border-bottom: 1px solid #e4eae4; }
#admin-supabase-view button:disabled { opacity: .5; cursor: not-allowed; }
html.dark .svs-admin-card, html.dark .svs-admin-secondary { background: #14322b; border-color: #34564b; color: #e8f1ed; }
html.dark .svs-admin-supabase-tab { color: #e8f1ed; border-color: #34564b; }
html.dark .svs-admin-secondary[aria-pressed="true"] { background: #254c40; }
html.dark .svs-admin-workspace #admin-main-tabs button[aria-current="page"] { background: #a4e1d1; color: #123d39; }
html.dark .svs-admin-workspace #admin-main-tabs button[aria-current="page"] svg { color: #123d39; }
@media (max-width: 1023px) {
  .svs-admin-workspace { grid-template-columns: minmax(0,1fr); gap: 20px; }
  .svs-admin-workspace aside { position: static; }
  .svs-admin-workspace #admin-main-tabs > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .svs-admin-card { padding: 18px; }
}
@media (max-width: 374px) { .svs-admin-workspace #admin-main-tabs > div { grid-template-columns: minmax(0,1fr); } }
/* SVS Model Studio — original editorial and BIM workspace design. */
:root {
 --color-brand-navy:#103f36; --color-brand-navy-sec:#164e43;
 --color-brand-teal:#087f6f; --color-brand-teal-deep:#086354;
 --color-brand-bg:#f5f7f4; --color-brand-text:#183e35; --color-brand-muted:#536c61;
 --svs-surface:#fff; --svs-line:#dce6de; --svs-soft:#e8f1e9;
}
html.dark { --color-brand-bg:#0c211b; --color-brand-text:#e7f1e8; --color-brand-muted:#aec4b6; --color-brand-teal:#53c5a4; --svs-surface:#143329; --svs-line:#345347; --svs-soft:#214a3b; }
body { background:var(--color-brand-bg); }
#app-navbar { background:var(--svs-surface); border-color:var(--svs-line); box-shadow:0 4px 20px #123f3510; }
#app-navbar > div:first-child { background:#113c32; color:#d7e8da; }
#app-navbar > div:nth-child(2) { padding-block:4px; }
#nav-logo-container > div > span:first-child { color:var(--color-brand-text); font-weight:700; }
#nav-logo-container > div > span:last-child { color:var(--color-brand-muted); font-size:11px; }
#nav-desktop-menu button,#nav-mobile-controls > button { color:var(--color-brand-text); }
#nav-desktop-menu button:hover { background:var(--svs-soft); }
#nav-desktop-menu button[aria-current="page"] { color:#087f6f; background:var(--svs-soft); }
#nav-logo-container svg { width:46px; height:46px; }
#nav-actions-container { background:transparent; }
#nav-mobile-bar { display:none !important; } /* Products remain available in the complete mobile navigation drawer. */
#nav-theme-toggle-desktop { background:var(--svs-soft); color:var(--color-brand-teal); }
#nav-luna-chatbot-btn { background:#edf3e4; color:#315744; border-color:#c6d9be; }
#nav-luna-chatbot-btn span { color:#315744; }
#nav-link-home { color:#087f6f; }
#home-product-hero > div[class*="max-w"] > div:first-child .text-gray-300 { color:#587264; }
#home-product-hero > div[class*="max-w"] > div:first-child [class*="text-gray-"] { color:#587264; }
#home-product-hero > div[class*="max-w"] > div:first-child [class*="text-amber-"] { color:#805e0a; }
#nav-mobile-cta { background:#087f6f !important; border-color:#087f6f; color:#fff !important; border-radius:8px; }
#nav-mobile-cta span { color:#fff !important; }
#app-navbar #nav-desktop-menu > button svg { color:var(--color-brand-muted); }
#app-navbar #nav-desktop-menu > div > button { color:var(--color-brand-text); }
#home-product-hero { background:linear-gradient(115deg,#f5f7f1,#e8f2e9); color:#103f36; }
#home-product-hero > div[class*="max-w"] { padding-block:56px 68px; }
#hero-ambient-lights { opacity:.15; }
#home-product-hero > canvas,#home-product-hero > svg { opacity:.14; }
#hero-headline { color:#103f36; font-size:clamp(2.45rem,4.5vw,4.25rem); font-weight:600; line-height:1.08; letter-spacing:-.055em; }
#hero-headline .text-brand-teal { color:#087f6f; }
#hero-subtext { color:#486554; font-size:clamp(1rem,1.25vw,1.12rem); line-height:1.8; }
.svs-hero-grid > div:first-child :is(.text-gray-300,.text-gray-400) { color:#587264; }
.svs-hero-grid > div:first-child .text-brand-teal { color:#087f6f; }
.svs-hero-grid > div:first-child [class*="border-white/"] { border-color:#c5dace; }
.svs-hero-grid > div:first-child [class*="bg-white/5"] { background:#dcece0; color:#315746; }
#hero-primary-download-btn { background:#087f6f; color:white; border-color:#087f6f; border-radius:9px; }
#hero-primary-download-btn span,#hero-primary-download-btn svg { color:white; }
#hero-primary-download-btn:hover { background:#086354; }
#hero-contact-btn { color:#173f34; border-color:#b3cbbb; background:transparent; border-radius:9px; }
#hero-contact-btn:hover { background:#dcebe0; }
#home-product-hero > div[class*="max-w"] > div:first-child .text-brand-teal { color:#086354; }
.svs-model-scene { min-width:0; position:relative; width:100%; min-height:450px; border-radius:160px 18px 18px 18px; background:radial-gradient(ellipse at 40% 20%,#266f58,#103f36 70%); overflow:hidden; box-shadow:0 30px 60px #164e4320; }
.svs-model-drawing { width:100%; height:auto; display:block; }
.svs-model-brand { position:absolute; left:24px; right:24px; bottom:20px; display:grid; grid-template-columns:42px 1fr; gap:0 12px; align-items:center; padding:12px 14px; background:#153f35e8; border:1px solid #6da38a66; border-radius:12px; color:#e5f1df; font-size:14px; }
.svs-model-brand img { width:42px; height:42px; grid-row:span 2; }
.svs-model-brand span:last-child { font-size:11px; color:#afd1ba; }
#hero-ribbon-dock { margin-top:16px; }
#hero-ribbon-dock > div { background:#103f36; border-color:#396956; border-radius:16px; box-shadow:0 12px 30px #103f3614; }
#home-view-container > section { padding-block:72px; }
#home-view-container > section:nth-of-type(even) { background-color:var(--svs-soft); }
#home-view-container article,#home-view-container [class*="bg-white"][class*="border"] { border-color:var(--svs-line); border-radius:16px; }
#home-view-container h2 { color:var(--color-brand-text); font-weight:600; }
#app-main-content article { border-color:var(--svs-line); }
#app-main-content article:not([class*="bg-brand-navy"]):not([class*="bg-gradient"]) { background:var(--svs-surface); }
#app-main-content [id$="sidebar-nav"] { border-radius:12px; }
#app-main-content [id$="hero"]:not(#home-product-hero) { background:linear-gradient(110deg,#103f36,#226b53); }
#app-main-content [id$="hero"] h1 { font-weight:600; letter-spacing:-.045em; }
#app-main-content [id$="hero-icon-container"] { border-radius:28px; border-color:#70ab8960; padding:28px; background:#ffffff08; box-shadow:none; }
#app-main-content [id$="hero-icon-container"] svg { filter:none; }
#app-main-content [id$="hero-buttons"] :is(a,button) { border-radius:8px; }
#app-footer { background:#0d3128; }
#footer-autodesk-showcase { background:#164a3a; border-color:#528265; }
#admin-dashboard-view { color:var(--color-brand-text); }
#admin-dashboard-view > div:first-child { background:var(--svs-soft); border-color:var(--svs-line); padding-block:32px; box-shadow:none; }
#admin-dashboard-view > div:first-child h1 { color:var(--color-brand-text); font-size:clamp(1.7rem,2.6vw,2.6rem); font-weight:600; letter-spacing:-.045em; line-height:1.2; }
#admin-dashboard-view > div:first-child p { color:var(--color-brand-muted); }
#admin-dashboard-view > div:first-child .text-brand-teal { color:#087f6f; }
#admin-session-timer-widget { background:var(--svs-surface); border-color:var(--svs-line); box-shadow:none; border-radius:12px; }
#admin-session-timer-widget :is(.text-slate-300,.text-slate-400) { color:var(--color-brand-muted); }
#admin-session-timer-widget .text-emerald-400 { color:var(--color-brand-teal); }
#admin-session-progress-bar-track { background:var(--svs-soft); border-color:var(--svs-line); }
#admin-session-extend-btn { color:var(--color-brand-teal); }
#admin-summary-widgets-section > div:first-child h2 { font-size:15px; letter-spacing:-.02em; text-transform:none; }
#admin-summary-widgets-section { margin-bottom:32px; }
#admin-widgets-grid > div { border-radius:14px; background:var(--svs-surface); padding:20px; border-color:var(--svs-line); }
#admin-presence-kpi-banner > div { border-radius:14px; padding:20px; border-color:var(--svs-line); }
#admin-presence-kpi-banner > div:first-child { background:#103f36; }
#admin-presence-kpi-banner > div:not(:first-child) { background:var(--svs-surface); color:var(--color-brand-text); }
#admin-presence-kpi-banner > div:not(:first-child) :is(h3,p,[class*="text-slate-"]) { color:var(--color-brand-muted); }
.svs-admin-workspace { grid-template-columns:240px minmax(0,1fr); gap:24px; }
.svs-admin-workspace aside { top:116px; }
.svs-admin-workspace #admin-main-tabs { background:#103f36; border-color:#103f36; border-radius:16px; padding:12px; }
.svs-admin-workspace #admin-main-tabs button { border-radius:8px; padding:13px 14px; min-height:48px; color:#cbe1d0; }
.svs-admin-workspace #admin-main-tabs button svg { color:#9cbfa8; }
.svs-admin-workspace #admin-main-tabs button:hover { background:#225543; }
.svs-admin-workspace #admin-main-tabs button[aria-current="page"] { background:#d9edce; color:#174334; box-shadow:none; }
.svs-admin-workspace #admin-main-tabs button[aria-current="page"] svg { color:#174334; }
#admin-dashboard-view table { border-collapse:collapse; }
#admin-dashboard-view thead { background:var(--svs-soft); color:var(--color-brand-muted); }
#admin-dashboard-view th { text-transform:none; letter-spacing:0; font-size:13px; }
#admin-dashboard-view tbody tr { border-bottom:1px solid var(--svs-line); }
#admin-dashboard-view tbody tr:hover { background:var(--svs-soft); }
.svs-admin-card { background:var(--svs-surface); border-color:var(--svs-line); border-radius:16px; }
#admin-dashboard-view [class*="shadow"] { box-shadow:none; }
html.dark #home-product-hero { background:linear-gradient(115deg,#0e2c22,#193e2b); }
html.dark #hero-headline { color:#e4f2df; }
html.dark #hero-headline .text-brand-teal,html.dark #hero-contact-btn { color:#91d7b5; }
html.dark #hero-subtext,html.dark .svs-hero-grid > div:first-child :is(.text-gray-300,.text-gray-400) { color:#b1cbb6; }
html.dark #hero-contact-btn { border-color:#527b62; }
html.dark .svs-hero-grid > div:first-child [class*="bg-white/5"] { background:#214736; color:#bbd4bb; }
html.dark #app-main-content :is(.bg-white,.bg-gray-50,.bg-slate-50) { background-color:var(--svs-surface) !important; }
html.dark #app-main-content :is(.bg-gray-100,.bg-slate-100) { background-color:var(--svs-soft) !important; }
html.dark :is(input,textarea,select) { background:var(--svs-surface) !important; color:var(--color-brand-text); border-color:var(--svs-line); }
html.dark #nav-logo-container > div > span:first-child,html.dark #nav-desktop-menu button,html.dark #nav-mobile-controls > button { color:#e3f0df; }
html.dark #admin-dashboard-view > div:first-child h1 { color:#e4f2df; }
@media(min-width:1024px){.svs-hero-grid {grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;} #hero-ribbon-dock {grid-column:1/-1;}}
@media(max-width:1023px){.svs-model-scene {max-width:540px;margin-inline:auto;min-height:0;} .svs-admin-workspace{grid-template-columns:minmax(0,1fr);} .svs-admin-workspace aside{position:static;}}
@media(max-width:639px){#home-product-hero > div[class*="max-w"]{padding-block:28px 40px;} #hero-headline{font-size:2.45rem;} .svs-model-scene{border-radius:90px 16px 16px 16px;max-width:420px;} #home-view-container > section{padding-block:44px;} #hero-ribbon-dock{margin-top:0;} .svs-model-brand{left:14px;right:14px;bottom:14px;padding:8px 10px;} #nav-logo-container > div > span:last-child{font-size:9px;} #admin-dashboard-view > div:first-child{padding-block:24px;} .svs-admin-workspace #admin-main-tabs button{font-size:12px;padding:10px;min-height:48px;}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important;}}
/* SVS alloy: graphite, polished aluminium and restrained logo accents. */
:root{--color-brand-navy:#172334;--color-brand-navy-sec:#273449;--color-brand-bg:#f4f5f7;--color-brand-text:#202938;--color-brand-muted:#667182;--color-brand-teal:#087f7b;--svs-surface:#fff;--svs-line:#dce0e6;--svs-soft:#eceff3}
html.dark{--color-brand-navy:#182335;--color-brand-navy-sec:#273449;--color-brand-bg:#10151d;--color-brand-text:#e8ecf3;--color-brand-muted:#b0bac9;--color-brand-teal:#63c4bb;--svs-surface:#1c2533;--svs-line:#374355;--svs-soft:#263246}
body{background:var(--color-brand-bg)}
#svs-app-root{overflow-x:clip;overflow-y:visible}
#app-navbar{background:linear-gradient(130deg,var(--svs-surface),var(--svs-soft),var(--svs-surface));box-shadow:0 4px 24px #1723340a;border-color:var(--svs-line)}
#app-navbar>div:first-child{background:linear-gradient(110deg,#101822,#2e3949,#131c28);color:#d9e0e9}
#nav-luna-chatbot-btn{background:linear-gradient(135deg,#f8fafb,#dce1e8,#f8fafb);color:#374759;border-color:#d2d9e3}
#nav-luna-chatbot-btn span{color:#374759}
#nav-theme-toggle-desktop{color:var(--color-brand-muted)}
#nav-mobile-cta{background:linear-gradient(135deg,#26394b,#0b756f)!important}
#home-product-hero{overflow:clip;background:radial-gradient(ellipse at 75% 0%,#dbe2eb88,transparent 55%),linear-gradient(128deg,#fff 0%,#e9ecf1 43%,#f9fafc 70%,#dce2e9 100%);border-color:#d1d8e2}
#hero-ambient-lights{display:none}
#home-product-hero>div[class*="max-w"]{padding-block:42px 64px}
#hero-headline{color:#202a3a;font-size:clamp(2.6rem,3.65vw,3.5rem);font-weight:550;letter-spacing:-.055em;line-height:1.09}
#hero-headline .text-brand-teal{background:linear-gradient(110deg,#0b8d88,#172c3a);background-clip:text;-webkit-background-clip:text;color:transparent}
#hero-subtext{color:#626d7c;line-height:1.8}
.svs-hero-grid{display:block!important}
.svs-assembly-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:46px;align-items:start;min-height:calc(100svh + 430px);position:relative}
.svs-assembly-story>div:first-child{position:sticky;top:152px;min-width:0;padding-block:26px}
.svs-assembly-story>div:first-child :is(.text-gray-300,.text-gray-400){color:#657182}
.svs-assembly-story>div:first-child [class*="border-white/"]{border-color:#cbd4df}
.svs-assembly-story>div:first-child [class*="bg-white/5"]{background:linear-gradient(130deg,#fff,#e3e8ee);color:#4b5c70;box-shadow:inset 0 1px 0 #fff}
#hero-primary-download-btn{background:linear-gradient(135deg,#25384b,#0c7973);border:1px solid #24685f;box-shadow:inset 0 1px 0 #ffffff45,0 10px 22px #1d354a1a;border-radius:11px}
#hero-primary-download-btn:hover{background:linear-gradient(135deg,#334c64,#0a8c84);box-shadow:inset 0 1px 0 #ffffff65,0 14px 28px #1d354a24}
#hero-contact-btn{color:#314158;border-color:#b9c4d2;background:linear-gradient(130deg,#ffffffa0,#dbe1e970,#ffffffb0);box-shadow:inset 0 1px 0 #fff}
#hero-contact-btn:hover{background:#fff}
.svs-bim-experience{position:sticky;top:126px;min-width:0;isolation:isolate;background:linear-gradient(145deg,#fafcff 0%,#cbd2dc 30%,#eef1f7 53%,#fff 62%,#bec8d5 100%);padding:1px;border:1px solid #ffffffb0;border-radius:24px;box-shadow:0 32px 70px #23354b25,0 2px 3px #fff inset;color:#28374b;overflow:hidden}
.svs-bim-caption{padding:23px 25px 12px;background:linear-gradient(120deg,#ffffffee,#dce2eae8);border-radius:23px 23px 0 0}
.svs-metal-label{font:10px/1.5 ui-monospace,monospace;letter-spacing:.2em;color:#718096}
#home-view-container .svs-bim-caption h2{font-size:clamp(1.15rem,1.7vw,1.6rem);color:#273447;line-height:1.3;letter-spacing:-.03em;margin:7px 0}
.svs-bim-caption p{font-size:11px;line-height:1.6;color:#637083;max-width:45ch}
.svs-bim-render-shell{position:relative;height:clamp(320px,44vh,450px);background:radial-gradient(ellipse at 45% 25%,#4c5b73,#28374d 55%,#19263a);overflow:hidden}
.svs-bim-render-shell::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 50px #61789616;pointer-events:none}
.svs-bim-render{width:100%;height:100%;touch-action:pan-y;cursor:grab;outline-offset:-4px}
.svs-bim-render:active{cursor:grabbing}
.svs-bim-render canvas{width:100%;height:100%;display:block}
.svs-bim-number{position:absolute;right:22px;top:12px;font:300 43px/1 ui-monospace,monospace;letter-spacing:-.07em;color:#cad9f14d;pointer-events:none}
.svs-bim-number span{font-size:12px;letter-spacing:0}
.svs-bim-stage{position:absolute;bottom:14px;left:23px;font-size:10px;letter-spacing:.03em;color:#c0cce0;pointer-events:none}
.svs-bim-overlay-labels{position:absolute;top:15px;left:23px;display:flex;gap:8px;pointer-events:none}
.svs-bim-overlay-labels span{border-left:2px solid #93a3b8;padding-left:6px;font:8px/1.4 ui-monospace,monospace;color:#c0cce0}
.svs-bim-overlay-labels span:first-child{border-color:#6396c4}.svs-bim-overlay-labels span:last-child{border-color:#ca9657}
.svs-bim-controls{padding:14px 21px 10px;background:linear-gradient(155deg,#fafcff,#e1e6ed);border-top:1px solid #fff9}
.svs-bim-disciplines{display:flex;gap:5px;flex-wrap:wrap}
.svs-bim-controls button{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:10px;line-height:1.3;min-height:34px;padding:8px 10px;border-radius:7px;color:#58677b;border:1px solid #bac7d433;background:linear-gradient(135deg,#fff,#e4e9f0);box-shadow:inset 0 1px 0 #fff;cursor:pointer}
.svs-bim-controls button:hover{color:#1e344c;border-color:#9facbd;background:#fff}
.svs-bim-disciplines button[aria-pressed="true"]{color:#fff;background:linear-gradient(135deg,#3d5068,#18293e);border-color:#48607e;box-shadow:inset 0 1px 0 #8c9bb83b}
.svs-bim-assembly{display:grid;grid-template-columns:auto minmax(60px,1fr) 34px;align-items:center;gap:10px;margin-block:14px;font-size:10px;color:#607188}
.svs-bim-assembly input{accent-color:#347b85;width:100%;min-width:0;cursor:pointer}
.svs-bim-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}
.svs-bim-actions>span{display:flex;align-items:center;gap:5px;margin-right:auto;color:#7b889b;font-size:8px;line-height:1.5;max-width:55%}
.svs-bim-demo{font-size:8px;text-align:center;color:#6d7c90;padding:9px 14px;background:#edf1f6;border-top:1px solid #d7dfe8}
.svs-bim-fallback-message{font-size:11px;color:#536a86;padding:8px 20px;background:#e5ebf4}
.svs-model-loading{height:100%;display:grid;place-items:center;color:#647b98}
.svs-static-model{border-radius:0;background:transparent;min-height:0;filter:saturate(.2);box-shadow:none;height:100%}
.svs-static-model svg{height:100%;width:100%}.svs-static-model .svs-model-brand{display:none}
#hero-ribbon-dock{margin-top:32px}
#hero-ribbon-dock>div{background:linear-gradient(130deg,#243249,#121c2c 52%,#29364b);border-color:#52617a;border-radius:18px;box-shadow:inset 0 1px 0 #c7d5e82a,0 20px 45px #18233418}
#home-view-container>section:nth-of-type(even){background-color:#e9edf2}
#home-view-container article,#home-view-container [class*="bg-white"][class*="border"]{background:linear-gradient(140deg,#fff,#f2f5f9 60%,#fff);box-shadow:inset 0 1px 0 #fff,0 8px 20px #23344e05;border-color:#d9e1eb}
#app-main-content [id$="hero"]:not(#home-product-hero){background:linear-gradient(120deg,#121d2d,#34445c 65%,#1b2638)}
#app-main-content [id$="hero-icon-container"]{background:linear-gradient(135deg,#ffffff16,#ffffff03);border-color:#c4d4e132;box-shadow:inset 0 1px 0 #ffffff20}
#app-footer{background:linear-gradient(140deg,#0f1723,#273449)}
#footer-autodesk-showcase{background:linear-gradient(145deg,#26354a,#1c283a);border-color:#4c5c73}
#admin-dashboard-view>div:first-child{background:linear-gradient(145deg,#fff,#e1e7ee,#f6f8fb);border-color:#d4deea}
#admin-presence-kpi-banner>div:first-child{background:linear-gradient(145deg,#35465f,#172334)}
.svs-admin-workspace #admin-main-tabs{background:linear-gradient(150deg,#28374d,#142033);border-color:#465a75;box-shadow:inset 0 1px 0 #c7d5e81f}
.svs-admin-workspace #admin-main-tabs button{color:#d0dbea}.svs-admin-workspace #admin-main-tabs button svg{color:#9fb2cc}
.svs-admin-workspace #admin-main-tabs button:hover{background:#33455f}
.svs-admin-workspace #admin-main-tabs button[aria-current="page"]{background:linear-gradient(135deg,#fff,#d8e0eb);color:#263f60}
.svs-admin-workspace #admin-main-tabs button[aria-current="page"] svg{color:#326889}
html.dark #home-product-hero{background:radial-gradient(ellipse at 65% 10%,#33435a55,transparent 60%),linear-gradient(130deg,#101824,#283448,#121a26)}
html.dark #hero-headline{color:#eef3fa}html.dark #hero-headline .text-brand-teal{background:linear-gradient(110deg,#8accc6,#e2edf3);background-clip:text;-webkit-background-clip:text}
html.dark #hero-subtext,html.dark .svs-assembly-story>div:first-child :is(.text-gray-300,.text-gray-400){color:#b3bfce}
html.dark #hero-contact-btn{color:#d6e1ee;background:linear-gradient(130deg,#344359,#1e2b3e);border-color:#5d6c81}
html.dark #home-view-container>section:nth-of-type(even){background:#1a2433}
html.dark #home-view-container article,html.dark #home-view-container [class*="bg-white"][class*="border"]{background:linear-gradient(140deg,#28364b,#192537);border-color:#3b506a}
html.dark #admin-dashboard-view>div:first-child{background:linear-gradient(145deg,#25364c,#162334);border-color:#354860}
html.dark #admin-dashboard-view>div:first-child h1{color:#e7edf6}
html.dark #nav-luna-chatbot-btn{background:linear-gradient(135deg,#34445b,#1c2b40);color:#d3e0ed;border-color:#50617a}html.dark #nav-luna-chatbot-btn span{color:#d3e0ed}
#app-navbar #nav-link-home{color:#16736e!important}
html.dark #app-navbar #nav-link-home{color:#94ddd4!important}
html.dark #hero-assurance-list,html.dark #hero-assurance-list>span{color:#c4cfdd!important}
html.dark #hero-assurance-list .text-brand-teal{color:#8ed8cb!important}
html.dark #hero-assurance-list .text-brand-gold{color:#eddaad!important}
#luna-chatbot-trigger{background:linear-gradient(145deg,#465970,#18283e)!important;border:1px solid #788ba3;box-shadow:inset 0 1px 0 #c7d5e844,0 8px 24px #14243a24}
#luna-chatbot-trigger :is(span,svg){color:#eff5ff!important}
#nav-cta-download{background:linear-gradient(135deg,#eee4c9,#d9c695,#fff5da);border:1px solid #c2b284;box-shadow:inset 0 1px 0 #fff; color:#443a22}
#hero-status-pill{background:linear-gradient(135deg,#fff,#dfe5ec,#f5f8fc);border-color:#c6d1df;box-shadow:inset 0 1px 0 #fff}
#hero-status-pill>span:last-child{color:#5c6d82}
@media(max-width:1023px){.svs-assembly-story{display:block;min-height:0;padding-bottom:480px}.svs-assembly-story>div:first-child{position:static;padding-block:0 30px}.svs-bim-experience{top:105px;max-width:680px;margin:0 auto}.svs-bim-render-shell{height:360px}#hero-ribbon-dock{margin-top:0}}
@media(max-width:639px){#home-product-hero>div[class*="max-w"]{padding-block:26px 36px}#hero-headline{font-size:2.2rem}#hero-subtext{font-size:15px;line-height:1.65}#hero-status-pill{border-radius:12px;gap:8px;padding:10px}#hero-status-pill span{font-size:9px}.svs-bim-caption{padding:19px 17px 10px}.svs-bim-caption p{font-size:10px}.svs-bim-controls{padding:12px 12px 8px}.svs-bim-controls button{font-size:9px;padding:7px;min-height:36px}.svs-bim-render-shell{height:300px}.svs-bim-assembly{font-size:9px;grid-template-columns:auto minmax(45px,1fr) 30px;gap:7px}.svs-bim-actions>span{font-size:7px;max-width:48%}.svs-bim-demo{font-size:7px}.svs-bim-experience{border-radius:18px}.svs-bim-caption{border-radius:17px 17px 0 0}.svs-bim-number{font-size:30px;right:15px}.svs-bim-stage,.svs-bim-overlay-labels{left:16px}}
@media(prefers-reduced-motion:reduce){.svs-assembly-story{min-height:0;padding-bottom:0}.svs-assembly-story>div:first-child,.svs-bim-experience{position:static}}
@media(max-width:639px){#app-navbar>div:first-child a[href^="mailto:"]{display:none}}
/* SVS Studio: a new editorial layout in forest green, warm paper and golden yellow. */
:root{--color-brand-navy:#123f35;--color-brand-navy-sec:#20594a;--color-brand-teal:#117865;--color-brand-gold:#edc64d;--color-brand-bg:#f7f5ec;--color-brand-text:#183e35;--color-brand-muted:#63766c;--svs-surface:#fffcf4;--svs-soft:#edece0;--svs-line:#dce2d4;--svs-forest:#072f28;--svs-gold:#edc64d;--svs-paper:#f7f5ec}
html.dark{--color-brand-navy:#173f34;--color-brand-navy-sec:#245245;--color-brand-teal:#8ed7b2;--color-brand-bg:#0c241d;--color-brand-text:#f0f0df;--color-brand-muted:#b5c8b8;--svs-surface:#18362b;--svs-soft:#254536;--svs-line:#3b5949;--svs-paper:#132e25}
#app-navbar{background:#092f28!important;color:#f5f1df!important;border-color:#284e42;box-shadow:none}
#app-navbar>div:first-child{background:#06261f;color:#c8d7c8}
#app-navbar>div:nth-child(2){max-width:1600px;padding-inline:32px}
#app-navbar #nav-desktop-search-container{display:none!important}
#app-navbar #navbar-search-trigger-tablet{display:inline-flex!important}
#app-navbar #nav-desktop-menu{flex-shrink:0;gap:4px}
#app-navbar #nav-actions-container{background:transparent!important;gap:8px;padding-left:16px}
#app-navbar :is(#nav-link-home,#nav-link-contact,#nav-link-privacy,#nav-link-admin-dashboard){color:#eceddb!important}
#app-navbar :is(#nav-luna-chatbot-btn,#nav-user-portal-btn){background:#1c5142!important;border-color:#4b7260;color:#f5f1df!important;box-shadow:none}
#app-navbar #nav-luna-chatbot-btn span{color:#f5f1df!important}
#app-navbar #nav-cta-download,#app-navbar #nav-mobile-cta{background:linear-gradient(120deg,#f7dc76,#dbb43a)!important;color:#163c2c!important;border:1px solid #e2c15a;box-shadow:inset 0 1px 0 #fff6;border-radius:3px}
#app-navbar [class*="text-gray-"]{color:#d0dece}
#app-navbar #nav-link-admin-dashboard{display:none}
#app-navbar #navbar-mobile-drawer-root{display:flex!important}
#nav-user-profile-wrapper>button:first-child{max-width:145px;min-width:0}
#nav-user-profile-wrapper>button:first-child span{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1439px){#app-navbar #nav-desktop-menu,#app-navbar #nav-actions-container{display:none!important}#app-navbar #nav-mobile-controls,#app-navbar #nav-mobile-bar{display:flex!important}}
@media(min-width:1440px){#app-navbar #nav-mobile-controls,#app-navbar #nav-mobile-bar{display:none!important}}
@media(max-width:1599px){#app-navbar.svs-is-admin #nav-desktop-menu,#app-navbar.svs-is-admin #nav-actions-container{display:none!important}#app-navbar.svs-is-admin #nav-mobile-controls,#app-navbar.svs-is-admin #nav-mobile-bar{display:flex!important}}
@media(max-width:639px){#app-navbar>div:nth-child(2){padding-inline:12px}#app-navbar #nav-mobile-controls{gap:4px}#app-navbar #nav-mobile-controls>div:has(button){display:none}#app-navbar #nav-mobile-cta span{display:none}#app-navbar #nav-mobile-cta{padding:9px}#app-navbar #nav-mobile-bar{padding-block:6px}#app-navbar #navbar-user-portal-trigger-mobile{padding:8px}}
.svs-eyebrow{font-size:11px;font-weight:650;letter-spacing:.16em;line-height:1.6;margin:0 0 20px;text-transform:uppercase}
.svs-showcase-hero{background:radial-gradient(ellipse at 50% 20%,#27654f66,transparent 60%),linear-gradient(150deg,#073128,#103f31 55%,#04261e);color:#f6f2df;position:relative;overflow:clip}
.svs-hero-edition{max-width:1360px;margin:auto;padding:24px 40px 0;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.18em;color:#9cbcaf;border-bottom:1px solid #89ab8730;padding-bottom:18px}
#svs-showcase-home .svs-assembly-story{display:block;min-height:0;padding-bottom:0;max-width:1400px;margin:auto}
#svs-showcase-home .svs-showcase-copy{position:static;text-align:center;max-width:1050px;padding:62px 28px 44px;margin:auto}
.svs-showcase-copy>.svs-eyebrow{color:#d4bf65;margin-bottom:22px}
.svs-showcase-copy h1{font-size:clamp(46px,6.8vw,106px);font-weight:520;line-height:1.03;letter-spacing:-.065em;margin:0;color:#fcf9e9}
.svs-showcase-copy h1 em{font-style:normal;color:#f0ca58;font-weight:500}
.svs-showcase-intro{font-size:17px;line-height:1.7;max-width:620px;margin:28px auto;color:#cbd8c7}
.svs-showcase-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:28px}
.svs-button-gold,.svs-button-line{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:51px;padding:15px 22px;text-decoration:none;font-size:13px;font-weight:650;border-radius:3px;transition:transform .2s,background .2s;border:1px solid transparent;cursor:pointer}
.svs-button-gold{background:linear-gradient(115deg,#f5d876,#e6bc3f,#f2d064);color:#193f30;box-shadow:inset 0 1px 0 #fff7}
.svs-button-line{background:transparent;color:#f5f1dc;border-color:#9bb7a070}
.svs-button-gold:hover,.svs-button-line:hover{transform:translateY(-3px)}
.svs-button-line:hover{background:#a4c19418}
.svs-current-release{display:inline-block;margin-top:16px;font-size:10px;letter-spacing:.05em;color:#a7c2ae}
.svs-download-notice{color:#ffe9ab;background:#483f23;padding:16px;border:1px solid #c69d38}
.svs-download-notice button{margin:8px;padding:6px 10px;border:1px solid currentColor}
#svs-showcase-home .svs-bim-experience{max-width:1260px;margin:auto;border-radius:0;background:transparent;border:0;box-shadow:none;color:#f4edd1;position:relative;top:0;padding:0;overflow:visible;display:grid;grid-template-columns:1fr 370px}
#svs-showcase-home .svs-bim-caption{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;background:transparent;border:0;border-radius:0;padding:18px 24px;border-top:1px solid #bbcaab38}
#svs-showcase-home .svs-bim-caption h2{font-size:19px;color:#ecedd7;margin:0}
#svs-showcase-home .svs-bim-caption .svs-metal-label{font-size:10px;letter-spacing:.2em;color:#dbbf58;display:none}
#svs-showcase-home .svs-bim-caption p{color:#9ebb9f;font-size:11px;margin:0;max-width:330px}
#svs-showcase-home .svs-bim-render-shell{grid-column:1;background:radial-gradient(ellipse at 50% 50%,#47735a55,transparent 65%);height:530px;border-right:1px solid #bbcaab38}
#svs-showcase-home .svs-bim-controls{grid-column:2;background:#0e3425aa;border:0;display:flex;flex-direction:column;justify-content:center;gap:28px;padding:40px 32px;align-self:stretch}
#svs-showcase-home .svs-bim-disciplines{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#svs-showcase-home .svs-bim-controls button{background:#264c36;color:#dce6c9;border:1px solid #89a37650;border-radius:3px;box-shadow:none;font-size:12px;min-height:43px}
#svs-showcase-home .svs-bim-disciplines button[aria-pressed="true"]{background:#edc64d;color:#133b29;border-color:#edc64d}
#svs-showcase-home .svs-bim-assembly{display:flex;flex-direction:column;gap:15px;align-items:stretch;font-size:12px;color:#cbdcbb}
#svs-showcase-home .svs-bim-assembly input{accent-color:#edc64d;width:100%;min-height:24px}
#svs-showcase-home .svs-bim-actions{flex-wrap:wrap;gap:12px}
#svs-showcase-home .svs-bim-actions>span{width:100%;max-width:100%;font-size:10px;color:#b0c79b}
#svs-showcase-home .svs-bim-demo{grid-column:1/-1;background:transparent;border-color:#bbcaab38;color:#94b391;font-size:9px;padding:14px}
#svs-showcase-home .svs-bim-number{color:#dfc45d9c;font-size:57px;right:30px;top:18px}
#svs-showcase-home .svs-bim-stage{color:#b9caa8;bottom:23px;left:24px;font-size:12px}
#svs-showcase-home .svs-bim-overlay-labels{color:#cbd9b8}
.svs-platform-strip{max-width:1260px;margin:auto;padding:34px 24px;display:flex;align-items:center;justify-content:center;gap:40px;font-size:13px;font-weight:550;letter-spacing:.08em;color:#b0c29d}
.svs-strip-caption{margin-left:auto;color:#ddc369;font-size:10px}
.svs-collection{background:var(--svs-paper);padding:100px max(24px,calc((100vw - 1260px)/2));color:var(--color-brand-text);scroll-margin-top:130px}
.svs-section-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:end;margin-bottom:45px}
.svs-section-intro h2,.svs-workflow-heading h2,.svs-showcase-closing h2{font-size:clamp(36px,4vw,62px);line-height:1.08;letter-spacing:-.05em;font-weight:500;white-space:pre-line;margin:0}
.svs-section-intro>p{font-size:16px;line-height:1.8;max-width:420px;color:var(--color-brand-muted);margin-bottom:4px}
.svs-collection-filters{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:28px}
.svs-collection-filters button{font-size:12px;font-weight:550;padding:10px 15px;border:1px solid var(--svs-line);background:transparent;border-radius:3px;cursor:pointer}
.svs-collection-filters button span{margin-left:12px;font-size:10px;opacity:.65}
.svs-collection-filters button[aria-pressed="true"]{background:#173f31;color:#f2f0db;border-color:#173f31}
.svs-product-explorer{display:grid;grid-template-columns:1.07fr 1fr;gap:50px;align-items:stretch}
.svs-product-feature{background:linear-gradient(140deg,#214f38,#073225);color:#f6efd2;padding:28px 36px;position:relative;min-width:0;display:flex;flex-direction:column;justify-content:space-between}
.svs-product-feature-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#c1c991}
.svs-product-feature-copy{position:relative;padding-top:5px}
.svs-product-feature h3{font-size:31px;font-weight:520;letter-spacing:-.025em;margin:0 0 12px}
.svs-product-feature h4{font-size:16px;font-weight:500;color:#eed368;margin:0 0 13px}
.svs-product-feature-copy p{font-size:14px;line-height:1.8;color:#c2d2b8;max-width:420px}
.svs-product-feature-copy a{display:flex;align-items:center;justify-content:space-between;color:#f0d478;font-size:13px;text-decoration:none;padding-top:20px;margin-top:24px;border-top:1px solid #bbcd9f50}
.svs-product-list{display:flex;flex-direction:column}
.svs-product-list button{display:grid;grid-template-columns:34px minmax(0,1fr) 26px;gap:12px;align-items:center;text-align:left;padding:22px 18px;border-top:1px solid var(--svs-line);background:transparent;cursor:pointer;color:var(--color-brand-text);position:relative;min-width:0}
.svs-product-list button:last-child{border-bottom:1px solid var(--svs-line)}
.svs-product-list button.is-selected{background:#ebc7481a;border-color:#c6ad44;box-shadow:inset 3px 0 0 #d4ad32}
.svs-product-list button:hover{background:#a0b57e15}
.svs-product-number{font-size:11px;color:var(--color-brand-muted)}
.svs-product-list small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:var(--color-brand-muted);margin-bottom:7px}
.svs-product-list strong{font-size:18px;font-weight:550;line-height:1.3;display:block;overflow-wrap:anywhere}
.svs-product-list button>span:nth-child(2)>span{display:block;font-size:11px;line-height:1.5;color:var(--color-brand-muted);margin-top:8px}
.svs-workflow-art{position:relative;height:290px;max-width:400px;width:100%;margin:22px auto 15px;perspective:1000px;isolation:isolate}
.svs-art-sheet{position:absolute;width:235px;height:185px;left:50%;top:42px;border:1px solid #d5c36d70;transform:translateX(-50%) rotateX(48deg) rotateZ(-28deg);transform-style:preserve-3d;box-shadow:20px 30px 45px #011b1866;background:#153b2b}
.svs-art-sheet-back{top:102px;background:#355b38;border-color:#74946b80}
.svs-art-sheet-mid{top:74px;background:#726834;border-color:#ccad54}
.svs-art-sheet-front{background:linear-gradient(140deg,#edf1d7,#cbb958);color:#204431;padding:8px;box-shadow:15px 25px 40px #09231788;transition:transform .5s}
.svs-product-feature:hover .svs-art-sheet-front{transform:translateX(-50%) rotateX(44deg) rotateZ(-24deg) translateY(-10px)}
.svs-art-sheet svg{width:100%;height:100%}.svs-art-axis{position:absolute;bottom:15px;right:6%;font-size:9px;letter-spacing:.2em;color:#aabd86}
.svs-workflow-story{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:100px max(24px,calc((100vw - 1260px)/2));background:#e9eddd;color:#244735}
.svs-workflow-heading>p:last-child{margin-top:28px;color:#63745f;font-size:15px;line-height:1.9;max-width:440px}
.svs-workflow-steps article{display:grid;grid-template-columns:36px 1fr 22px;gap:16px;padding:28px 0;border-bottom:1px solid #bbcbb1}
.svs-workflow-steps article>span{font-size:11px;color:#78936f}.svs-workflow-steps h3{font-size:23px;font-weight:550;letter-spacing:-.02em;margin:0 0 10px}
.svs-workflow-steps p{font-size:14px;line-height:1.7;color:#63745f;margin:0}
.svs-showcase-closing{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center;padding:90px max(24px,calc((100vw - 1260px)/2));background:#d9b638;color:#163f2c}
.svs-showcase-closing h2{font-size:clamp(38px,4.8vw,70px)}.svs-showcase-closing p:not(.svs-eyebrow){font-size:15px;line-height:1.8;max-width:480px;margin-top:24px}
.svs-showcase-closing>div:last-child{display:flex;flex-direction:column;gap:18px;max-width:360px;width:100%;justify-self:end}
.svs-showcase-closing .svs-button-gold{background:#143f2b;color:#f6e3a6;border-color:#244735;box-shadow:none}
.svs-showcase-closing .svs-button-line{color:#244735;border-color:#55703b90}
.svs-promotion{padding:45px max(24px,calc((100vw - 1260px)/2));background:#fff0bb;color:#4b421c;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.svs-promotion h2{font-size:24px}.svs-promotion p{font-size:13px;line-height:1.7}.svs-promotion summary{display:flex;justify-content:space-between;cursor:pointer;padding:15px;border-bottom:1px solid #ba9f46}.svs-promotion details h3{font-size:15px;margin-top:20px}
.svs-product-introduction{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;padding:65px max(24px,calc((100vw - 1260px)/2)) 80px;background:linear-gradient(140deg,#09362b,#224b30);color:#f5efd5;align-items:center}
.svs-back-link{display:inline-flex;align-items:center;gap:10px;color:#b1c49b;font-size:12px;text-decoration:none;margin-bottom:35px}
.svs-product-introduction h1{font-size:clamp(40px,4.7vw,70px);font-weight:550;letter-spacing:-.055em;line-height:1.07;margin:0 0 25px;overflow-wrap:anywhere}
.svs-product-introduction h2{font-size:25px;font-weight:500;letter-spacing:-.025em;color:#e8c65e;margin:0 0 18px}
.svs-product-introduction>div>p:not(.svs-eyebrow){font-size:16px;line-height:1.85;max-width:640px;color:#c9d3b8}
.svs-product-introduction .svs-eyebrow{color:#bec28d}.svs-product-introduction .svs-showcase-actions{justify-content:start}
.svs-product-introduction .svs-workflow-art{transform:scale(1.2);max-width:330px}
.svs-product-capabilities{padding:60px max(24px,calc((100vw - 1260px)/2));background:var(--svs-paper);color:var(--color-brand-text)}
.svs-product-capabilities>div{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.svs-product-capabilities article{border-top:1px solid var(--svs-line);padding-top:25px;display:grid;grid-template-columns:24px 1fr 20px;gap:10px}
.svs-product-capabilities article>span{font-size:11px;color:var(--color-brand-muted)}.svs-product-capabilities h3{font-size:18px;font-weight:550;margin:0;line-height:1.4}
.svs-product-guide{margin:0 auto 65px;width:min(1260px,calc(100% - 48px));border:1px solid var(--svs-line);background:var(--svs-surface);color:var(--color-brand-text);scroll-margin-top:120px}
.svs-product-guide>summary{display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;padding:30px}.svs-product-guide>summary small{display:block;font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px;color:var(--color-brand-muted)}.svs-product-guide>summary strong{font-size:24px;font-weight:550;letter-spacing:-.02em}.svs-product-guide[open]>summary{border-bottom:1px solid var(--svs-line)}.svs-guide-intro{font-size:14px;line-height:1.8;padding:20px 30px;margin:0}
.svs-product-guide [id$="hero"]{padding-block:24px!important}.svs-product-guide [id$="hero-title"],.svs-product-guide [id$="hero-text"],.svs-product-guide [id$="hero-icon-container"]{display:none}.svs-product-guide [id$="hero-content"]{gap:0}.svs-product-guide [id$="hero-buttons"]{margin-top:10px}
.svs-product-guide [id="svs-coordination-manager-container"]>section:first-child{padding-block:30px}
#app-footer{background:#062b22!important}#footer-autodesk-showcase{background:#164331!important;border-color:#4f7045}
#admin-dashboard-view{overflow:clip;background:var(--color-brand-bg)}
#admin-dashboard-view>div:first-child{background:#123f31!important;border-color:#547347;padding-block:25px}
#admin-dashboard-view>div:first-child>div:first-child{display:none}
#admin-dashboard-view>div:first-child h1{font-size:clamp(23px,2.7vw,34px);line-height:1.15;color:#f4edcb!important}
#admin-dashboard-view>div:first-child p{color:#c0d0ac!important}
#admin-dashboard-view>div:first-child [class*="rounded-full"]{border-radius:3px;background:#285638;color:#e5d071;border-color:#5b743f;font-size:9px}
#admin-dashboard-view #admin-session-timer-widget{width:215px!important;background:#234a30!important;border-color:#577444;color:#efe7bf}
#admin-dashboard-view #admin-session-timer-widget span{color:#d7e1ba!important}
#admin-dashboard-view #admin-session-lock-btn{color:#ffe6c3;background:#836528;border-color:#aa9145;min-height:43px;white-space:normal}
#admin-dashboard-view>div:nth-child(2){padding-block:24px;max-width:1420px}
.svs-admin-overview{background:var(--svs-surface);border:1px solid var(--svs-line);border-radius:8px;padding:0;margin-bottom:24px}
.svs-admin-overview>summary{padding:18px 22px;cursor:pointer;font-size:13px;font-weight:650;list-style:none;display:flex;justify-content:space-between;align-items:center}.svs-admin-overview>summary::after{content:'+';font-size:24px;font-weight:400}.svs-admin-overview[open]>summary::after{content:'−'}.svs-admin-overview>div{padding:20px}
.svs-admin-workspace{display:grid;grid-template-columns:220px minmax(0,1fr)!important;align-items:start;gap:28px!important}
.svs-admin-workspace aside{position:sticky;top:135px}.svs-admin-workspace #admin-main-tabs{background:#103f2d!important;border:1px solid #48693b;border-radius:7px;padding:10px}
.svs-admin-workspace #admin-main-tabs button{white-space:normal;justify-content:flex-start;text-align:left;min-width:0;font-size:11px;line-height:1.5;color:#d5dfba;padding:12px 11px;border-radius:4px}
.svs-admin-workspace #admin-main-tabs button[aria-current="page"]{background:#e4c356!important;color:#203d25!important}.svs-admin-workspace #admin-main-tabs button[aria-current="page"] svg{color:#203d25!important}
.svs-admin-content{min-width:0}.svs-admin-card{border-radius:8px}#admin-dashboard-view table{font-size:12px}#admin-dashboard-view #admin-mfa-setup-required-banner{border-radius:7px}
html.dark .svs-workflow-story{background:#1e3928;color:#f0edd3}html.dark .svs-workflow-heading>p:last-child,html.dark .svs-workflow-steps p{color:#c0caae}
@media(min-width:1440px){#app-navbar:not(.svs-is-admin) #nav-desktop-menu{display:flex!important}#app-navbar:not(.svs-is-admin) #nav-actions-container{display:flex!important}}
@media(min-width:1600px){#app-navbar.svs-is-admin #nav-desktop-menu,#app-navbar.svs-is-admin #nav-actions-container{display:flex!important}}
@media(max-width:1023px){.svs-section-intro,.svs-product-explorer,.svs-workflow-story,.svs-showcase-closing{gap:32px}.svs-showcase-copy h1{font-size:clamp(45px,8vw,77px)}#svs-showcase-home .svs-bim-experience{grid-template-columns:1fr 285px;margin-inline:20px}#svs-showcase-home .svs-bim-render-shell{height:440px}#svs-showcase-home .svs-bim-controls{padding:28px 20px}.svs-product-introduction{gap:35px}.svs-product-introduction .svs-workflow-art{transform:scale(1)}.svs-admin-workspace{grid-template-columns:190px minmax(0,1fr)!important;gap:20px!important}}
@media(max-width:767px){.svs-hero-edition{padding-inline:20px;font-size:8px}#svs-showcase-home .svs-showcase-copy{padding:44px 22px 30px}.svs-showcase-copy h1{font-size:clamp(39px,8.8vw,64px)}.svs-showcase-intro{font-size:14px;line-height:1.8;margin-top:22px}.svs-eyebrow{font-size:9px;margin-bottom:16px;letter-spacing:.12em}.svs-showcase-actions{gap:10px}.svs-button-gold,.svs-button-line{font-size:12px;gap:16px;min-height:47px;padding:12px 18px}.svs-platform-strip{gap:14px;padding:28px 20px;font-size:8px;flex-wrap:wrap}.svs-strip-caption{width:100%;text-align:center;margin:0}
 #svs-showcase-home .svs-bim-experience{display:block;margin-inline:16px}#svs-showcase-home .svs-bim-caption{display:block;padding-inline:6px}#svs-showcase-home .svs-bim-caption h2{font-size:18px}#svs-showcase-home .svs-bim-caption p{font-size:10px;margin-top:8px}#svs-showcase-home .svs-bim-render-shell{height:360px;border-right:0}#svs-showcase-home .svs-bim-controls{padding:20px 15px;gap:22px;border:1px solid #718b5240}#svs-showcase-home .svs-bim-disciplines{grid-template-columns:repeat(2,1fr)}#svs-showcase-home .svs-bim-assembly{display:grid;grid-template-columns:auto 1fr 35px;gap:10px;font-size:10px}#svs-showcase-home .svs-bim-actions>span{width:auto;max-width:46%}#svs-showcase-home .svs-bim-controls button{font-size:10px;min-height:39px}#svs-showcase-home .svs-bim-number{font-size:35px;right:15px}
 .svs-collection,.svs-workflow-story,.svs-showcase-closing{padding:55px 22px}.svs-section-intro,.svs-product-explorer,.svs-workflow-story,.svs-showcase-closing,.svs-product-introduction{grid-template-columns:1fr}.svs-section-intro{gap:22px;margin-bottom:27px}.svs-section-intro h2,.svs-workflow-heading h2{font-size:39px}.svs-section-intro>p{font-size:14px}.svs-product-list{order:0}.svs-product-feature{order:1;padding:24px}.svs-product-list button{padding:18px 12px}.svs-product-list strong{font-size:16px}.svs-product-feature h3{font-size:27px}.svs-workflow-art{height:245px;max-width:310px}.svs-art-sheet{width:205px;height:163px}.svs-workflow-story{gap:20px}.svs-workflow-steps article{padding:22px 0}.svs-showcase-closing{gap:28px}.svs-showcase-closing>div:last-child{justify-self:start;max-width:none}.svs-promotion{grid-template-columns:1fr;padding:35px 22px}
 .svs-product-introduction{padding:35px 24px 45px;gap:10px}.svs-product-introduction h1{font-size:43px}.svs-product-introduction h2{font-size:22px}.svs-product-introduction>div>p:not(.svs-eyebrow){font-size:14px}.svs-product-introduction .svs-workflow-art{max-width:280px;height:230px}.svs-product-capabilities{padding:40px 24px}.svs-product-capabilities>div{grid-template-columns:1fr;gap:22px}.svs-product-guide{width:calc(100% - 32px)}.svs-product-guide>summary{padding:23px}.svs-product-guide>summary strong{font-size:21px}.svs-product-guide .svs-guide-intro{padding:16px 23px}
 .svs-admin-workspace{display:block!important}.svs-admin-workspace aside{position:static}.svs-admin-workspace #admin-main-tabs>div{display:grid;grid-template-columns:1fr 1fr}.svs-admin-workspace #admin-main-tabs button{min-width:0;justify-content:start}.svs-admin-workspace #admin-main-tabs{margin-bottom:22px}#admin-dashboard-view #admin-session-timer-widget{width:100%!important}#admin-dashboard-view>div:first-child>div:nth-child(2){align-items:stretch}#admin-dashboard-view>div:first-child>div:nth-child(2)>div:last-child{align-self:stretch;width:100%}}
@media(prefers-reduced-motion:reduce){.svs-button-gold:hover,.svs-button-line:hover{transform:none}.svs-product-feature:hover .svs-art-sheet-front{transform:translateX(-50%) rotateX(48deg) rotateZ(-28deg)}.svs-art-sheet-front{transition:none}}
/* Original SVS adaptation of an architectural portfolio: quiet silver surfaces, image-led work. */
:root{--color-brand-navy:#203e35;--color-brand-navy-sec:#3b524b;--color-brand-teal:#176450;--color-brand-gold:#c2a24b;--color-brand-bg:#f7f8f9;--color-brand-text:#212122;--color-brand-muted:#636966;--svs-surface:#fff;--svs-soft:#edf0ee;--svs-line:#dce1de;--svs-paper:#f7f8f9}
:root{--color-brand-navy:#063d47;--color-brand-navy-sec:#066b72;--color-brand-teal:#007f78;--color-brand-gold:#ffc323;--color-brand-bg:#f5f9fb;--color-brand-text:#0c2538;--color-brand-muted:#526879;--svs-soft:#e6f7f5;--svs-line:#cbdde4;--svs-paper:#f5f9fb}
html.dark{--color-brand-bg:#181e1b;--color-brand-text:#f1f3ef;--color-brand-muted:#aebbb3;--svs-surface:#242d27;--svs-soft:#303b33;--svs-line:#46554a;--svs-paper:#181e1b;--color-brand-teal:#94c7b3}
body{background:var(--color-brand-bg)}
#app-navbar{background:var(--svs-paper)!important;color:var(--color-brand-text)!important;border-color:var(--svs-line);box-shadow:none;backdrop-filter:none!important;z-index:80}
#app-navbar>div:first-child{display:none}
#app-navbar>div:nth-child(2){max-width:none;padding-inline:30px}
#app-navbar>div:nth-child(2)>div{height:82px}
#app-navbar #nav-logo-container{outline-offset:5px}
#app-navbar #nav-logo-container span:first-child{color:var(--color-brand-text)!important;font-size:18px;font-weight:550}
#app-navbar #nav-logo-container span:last-child{color:var(--color-brand-muted)!important;font-size:8px;letter-spacing:.04em}
#app-navbar :is(#nav-desktop-menu,#nav-actions-container,#nav-desktop-search-container,#nav-mobile-bar){display:none!important}
#app-navbar:not(.svs-is-admin) #nav-desktop-menu,#app-navbar:not(.svs-is-admin) #nav-actions-container,#app-navbar.svs-is-admin #nav-desktop-menu,#app-navbar.svs-is-admin #nav-actions-container{display:none!important}
#app-navbar.svs-is-admin #nav-mobile-bar,#app-navbar:not(.svs-is-admin) #nav-mobile-bar{display:none!important}
#app-navbar>div:nth-child(2){padding-block:0!important}
#app-navbar>div:nth-child(2)>div{flex-wrap:nowrap!important;padding-block:0!important;gap:8px}
#app-navbar #nav-logo-container{flex-basis:auto!important;flex-shrink:0;width:auto}
#app-navbar #nav-mobile-controls{width:auto!important;justify-content:flex-end}
#app-navbar #nav-mobile-controls{display:flex!important;gap:11px!important}
#app-navbar #nav-mobile-controls>div:has(button){display:block!important}
#app-navbar #nav-mobile-controls>button{color:var(--color-brand-text)!important;border:0;background:transparent!important;box-shadow:none;border-radius:0;padding:12px;min-height:44px;min-width:44px}
#app-navbar #nav-mobile-controls>button svg{color:currentColor!important}
#app-navbar #nav-mobile-cta{border-bottom:1px solid var(--svs-line)!important;margin-right:12px}
#app-navbar #nav-mobile-cta span{display:inline!important;font-size:11px;letter-spacing:.04em;color:var(--color-brand-text)!important}
#app-navbar #nav-mobile-menu-toggle-btn{display:flex;align-items:center;gap:9px;border-left:1px solid var(--svs-line);padding-left:20px}
#app-navbar #nav-mobile-menu-toggle-btn .svs-menu-label{display:inline;font-size:13px}
#app-navbar #navbar-mobile-drawer-root{display:flex!important}
#app-navbar #navbar-mobile-drawer-content{max-width:740px;width:min(740px,100%);background:var(--svs-paper)!important;color:var(--color-brand-text)!important;border-color:var(--svs-line);box-shadow:none}
#app-navbar #navbar-mobile-drawer-content :is([class*="bg-brand-navy"],[class*="bg-[#"]){background:var(--svs-surface)!important;border-color:var(--svs-line)}
#app-navbar #navbar-mobile-drawer-content :is(.text-white,[class*="text-gray-"],[class*="text-slate-"]){color:var(--color-brand-text)!important}
#app-navbar #navbar-mobile-drawer-content button{border-color:var(--svs-line);border-radius:2px}
#app-navbar #navbar-mobile-drawer-content :is(.text-brand-teal){color:var(--color-brand-teal)!important}
#app-navbar #navbar-mobile-drawer-content>div:nth-child(2){padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-content:start}
#app-navbar #navbar-mobile-drawer-content>div:nth-child(2)>div:first-child{grid-column:1/-1;margin:0}
#app-navbar #navbar-mobile-drawer-content>div:nth-child(2)>div{margin-top:0}
#app-navbar #navbar-mobile-drawer-content h3{font-weight:550;font-size:19px}
#app-navbar #navbar-mobile-drawer-content button:focus-visible{outline:2px solid var(--color-brand-teal);outline-offset:3px}
.svs-portfolio-opening{display:grid;grid-template-columns:47% minmax(0,1fr);min-height:calc(100svh - 82px);color:var(--color-brand-text)}
.svs-portfolio-manifesto{position:relative;isolation:isolate;overflow:hidden;min-height:690px;background:#354a42;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:32px}
.svs-portfolio-manifesto>.svs-architectural-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.svs-intro-mask{position:absolute;inset:0;overflow:hidden;z-index:-3;background:#253d35}
.svs-intro-mask video{position:absolute;top:0;left:0;width:125%;max-width:none;height:125%;object-fit:cover;filter:saturate(.5) contrast(.8);opacity:.6;pointer-events:none}
.svs-manifesto-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#152b2266,#10281b99 65%,#14291cc4)}
.svs-manifesto-top{display:flex;justify-content:space-between;align-items:start;font-size:9px;letter-spacing:.16em;color:#e3e9e1;gap:24px}
.svs-manifesto-top>span:first-child{font-size:clamp(65px,8vw,120px);font-weight:450;line-height:.82;letter-spacing:-.08em;color:#fff}
.svs-manifesto-wordmark{display:block;font-size:clamp(65px,8vw,120px);font-weight:450;line-height:.82;letter-spacing:-.08em;color:#fff}
.svs-studio-name{display:block;font-size:14px;letter-spacing:.005em;line-height:1.5;color:#fff;margin-top:17px;font-weight:500}
.svs-studio-tagline{display:block;font-size:10px;letter-spacing:.12em;line-height:1.5;color:#ffdc55;margin-top:5px}
.svs-manifesto-top>span:first-child{font-size:9px;letter-spacing:.12em;line-height:1.5}
#svs-products{scroll-margin-top:88px}
.svs-manifesto-bottom>span:first-child{font-size:9px;letter-spacing:.07em;line-height:1.8;max-width:300px}
@media(max-width:767px){.svs-manifesto-wordmark{font-size:78px}.svs-studio-name{font-size:13px}.svs-manifesto-top>span:first-child{font-size:8px}#svs-products{scroll-margin-top:70px}.svs-manifesto-bottom>span:first-child{max-width:230px;font-size:8px}.svs-manifesto-top>div{min-width:0}}
.svs-manifesto-top>span:last-child{padding-top:4px;text-align:right}
.svs-manifesto-copy{padding-block:60px 45px}
.svs-manifesto-copy>p{font-size:9px;letter-spacing:.2em;margin-bottom:22px;color:#e3e9e1}
.svs-manifesto-copy h1{font-size:clamp(58px,5.7vw,100px);font-weight:450;line-height:1.04;letter-spacing:-.063em;margin:0;overflow-wrap:anywhere}
.svs-manifesto-copy h1 span{display:block}
.svs-manifesto-copy>a{display:inline-flex;gap:24px;align-items:center;border-bottom:1px solid #d0d9cf80;padding-block:12px;margin-top:25px;color:#fff;text-decoration:none;font-size:12px}
.svs-manifesto-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;color:#e3e9e1;padding-right:40px}
.svs-intro-pause{position:absolute;bottom:21px;right:20px;width:38px;height:38px;display:grid;place-items:center;z-index:3;color:#fff;border:1px solid #fff8;background:#142a2177;border-radius:50%;cursor:pointer}
.svs-portfolio-browser{min-width:0;display:flex;flex-direction:column;justify-content:end;padding:35px 0 18px 28px;overflow:hidden}
.svs-portfolio-intro{padding:0 32px 24px 0;margin-bottom:auto;max-width:680px}
.svs-portfolio-intro>p{font-size:9px;letter-spacing:.17em;color:var(--color-brand-muted);margin:0 0 14px}
.svs-portfolio-intro h2{font-size:clamp(25px,2.4vw,40px);line-height:1.15;letter-spacing:-.04em;font-weight:450;margin:0 0 20px}
.svs-portfolio-intro>div{display:flex;align-items:center;justify-content:space-between;gap:25px}
.svs-portfolio-intro>div>span{font-size:13px;line-height:1.7;max-width:370px;color:var(--color-brand-muted)}
.svs-portfolio-intro a{border:1px solid var(--svs-line);border-radius:50%;min-width:44px;width:44px;height:44px;display:grid;place-items:center;color:var(--color-brand-text)}
.svs-portfolio-toolbar{display:flex;justify-content:space-between;gap:12px;padding:0 28px 20px 0}
.svs-portfolio-toolbar>div{display:flex;align-items:center;gap:8px}
.svs-portfolio-toolbar button{background:transparent;color:var(--color-brand-muted);border:1px solid transparent;font-size:11px;min-height:40px;padding:8px 10px;cursor:pointer;white-space:nowrap}
.svs-portfolio-toolbar button[aria-pressed="true"]{color:var(--color-brand-text);border-bottom-color:var(--color-brand-text)}
.svs-portfolio-toolbar small{font-size:8px;margin-left:8px;opacity:.7}
.svs-portfolio-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:5px;min-width:0}
.svs-portfolio-rail::-webkit-scrollbar{display:none}
.svs-portfolio-tile{flex:0 0 81%;scroll-snap-align:start;min-width:0;text-decoration:none;color:var(--color-brand-text);outline-offset:-3px}
.svs-portfolio-image{height:clamp(290px,44svh,470px);position:relative;overflow:hidden;background:#dde4df}
.svs-portfolio-image>svg,.svs-portfolio-image>img{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.65,.3,1);display:block}
.svs-portfolio-image>svg{transform:scale(1.04)}
.svs-portfolio-image{background:radial-gradient(circle at 50% 35%,#fff 0,#e1f8f3 55%,#cdeae9 100%);display:grid;place-items:center}
.svs-portfolio-image>.svs-product-app-icon{width:72%;height:88%;object-fit:contain;filter:drop-shadow(0 18px 15px #004f462e)}
.svs-portfolio-image::after{content:'';position:absolute;inset:20px;border:1px solid #007d7520;pointer-events:none}
.svs-index-image .svs-product-app-icon{padding:3px;background:#ddf6ef}
.svs-manifesto-shade{background:linear-gradient(180deg,#031d3466,#004d54b0 60%,#002d44df)}
.svs-manifesto-copy h1 span:last-child{color:#ffe05a}
.svs-portfolio-toolbar button[aria-pressed="true"]{color:#007f78;border-bottom-color:#00a69b}
.svs-gallery-controls button:not(:disabled):hover{background:#007f78;color:#fff;border-color:#007f78}
.svs-portfolio-statement h2 span{color:#007f78}
#luna-chatbot-trigger{background:linear-gradient(120deg,#087dff,#3656f2,#743cff)!important;border:1px solid #81d4ff!important;box-shadow:0 0 0 4px #0b83ff14,0 0 28px #2d7fff77,0 8px 25px #073d8844!important}
#luna-chatbot-trigger :is(span,svg){color:#fff!important}
#luna-chatbot-window{border-color:#60adff!important;box-shadow:0 0 45px #2389ff44,0 18px 60px #072e6c44}
#luna-chatbot-window>div:first-child{background:linear-gradient(120deg,#063b92,#2953c8,#5739b8)!important}
#luna-chatbot-window>div:first-child :is(h3,p,span,svg){color:#eef7ff!important}
.svs-admin-content{container-type:inline-size}
.svs-admin-workspace #admin-main-tabs>div{display:flex!important;flex-direction:column!important;align-items:stretch;gap:4px!important}
.svs-admin-workspace #admin-main-tabs button{display:grid!important;grid-template-columns:16px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}
.svs-admin-workspace #admin-main-tabs button>svg{width:16px;min-width:16px}
.svs-admin-workspace #admin-main-tabs button>span:nth-child(2){min-width:0}
.svs-admin-workspace #admin-main-tabs button>span:nth-child(3){margin:0!important;max-width:65px;font-size:9px;white-space:normal}
.svs-admin-workspace #admin-main-tabs button[aria-current="page"]{background:#007f78!important;color:#fff!important;border-left-color:#ffc323}
.svs-admin-workspace #admin-main-tabs button[aria-current="page"] svg{color:#ffdb49!important}
.svs-tickets-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
.svs-tickets-primary{min-width:0}
.svs-tickets-sidebar{display:contents}
.svs-tickets-sidebar>div{grid-column:1/-1;min-width:0;margin:0!important}
.svs-release-version-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:15px}
.svs-release-version-grid>div{min-width:0;min-height:90px;overflow-wrap:anywhere;padding:15px}
.svs-release-version-grid>div>span:first-child{flex-wrap:wrap;gap:6px;line-height:1.6}
.svs-tickets-workspace :is(input,select,textarea){min-width:0;max-width:100%;box-sizing:border-box;font-size:12px;min-height:41px}
.svs-tickets-workspace label{line-height:1.7;overflow-wrap:anywhere}
.svs-tickets-workspace .grid>div{min-width:0}
.svs-tickets-sidebar>div:has(form) form>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}
@container(min-width:1050px){.svs-tickets-workspace{grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr)}.svs-tickets-primary{grid-column:1;grid-row:1}.svs-tickets-sidebar>div:first-child{grid-column:2;grid-row:1}}
@container(max-width:700px){.svs-tickets-sidebar>div:has(form) form>.grid{grid-template-columns:minmax(0,1fr)}.svs-tickets-primary>div>div:first-child{flex-wrap:wrap}.svs-tickets-primary>div>div:nth-child(2){display:flex;flex-wrap:wrap}.svs-tickets-primary>div>div:nth-child(2)>div{flex:1 1 190px;min-width:0}.svs-tickets-sidebar>div>div[class*="xl:grid-cols-6"]{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}}
@media(max-width:1023px){.svs-admin-workspace{display:block!important}.svs-admin-workspace aside{position:static!important;margin-bottom:25px}.svs-admin-workspace #admin-main-tabs>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.svs-admin-workspace #admin-main-tabs button{min-height:52px}}
@media(max-width:379px){.svs-admin-workspace #admin-main-tabs>div{grid-template-columns:minmax(0,1fr)!important}}
.svs-portfolio-image>img{filter:saturate(.65);object-position:55% 50%}
.svs-portfolio-tile:hover .svs-portfolio-image>:is(svg,img){transform:scale(1.075)}
.svs-tile-number{position:absolute;top:14px;left:16px;color:#fff;background:#19352ed9;border:1px solid #ffffff35;font-size:10px;padding:7px 9px;letter-spacing:.12em}
.svs-tile-arrow{position:absolute;bottom:16px;right:16px;display:grid;place-items:center;width:40px;height:40px;background:#f7f8f9e8;color:#212122;border-radius:50%}
.svs-tile-caption{display:flex;flex-direction:column;gap:9px;padding:18px 0 10px}
.svs-tile-caption>span:first-child{display:flex;align-items:baseline;gap:13px}
.svs-tile-caption small{font-size:9px;color:var(--color-brand-muted)}
.svs-tile-caption strong{font-size:19px;line-height:1.3;font-weight:500;letter-spacing:-.025em}
.svs-tile-caption>span:last-child{font-size:11px;color:var(--color-brand-muted)}
.svs-gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 28px 0 0;margin-top:12px;border-top:1px solid var(--svs-line);font-size:11px}
.svs-gallery-controls>span>span{color:var(--color-brand-muted);margin-left:6px}
.svs-gallery-controls>p{color:var(--color-brand-muted);font-size:10px;margin:0}
.svs-gallery-controls>div{display:flex;gap:8px}
.svs-gallery-controls button{background:transparent;color:var(--color-brand-text);border:1px solid var(--svs-line);border-radius:50%;width:39px;height:39px;display:grid;place-items:center;cursor:pointer}
.svs-gallery-controls button:disabled{opacity:.3;cursor:default}
.svs-portfolio-index{padding-right:28px}
.svs-portfolio-index>a{display:grid;grid-template-columns:18px 64px minmax(0,1fr) 20px;gap:14px;align-items:center;padding:13px 0;border-top:1px solid var(--svs-line);text-decoration:none;color:var(--color-brand-text)}
.svs-portfolio-index>a>span:first-child{font-size:9px;color:var(--color-brand-muted)}
.svs-index-image{height:68px;overflow:hidden;background:var(--svs-soft)}
.svs-index-image svg{width:100%;height:100%;object-fit:cover}
.svs-portfolio-index strong{font-size:15px;line-height:1.35;font-weight:550;display:block;letter-spacing:-.02em;margin-block:4px}
.svs-portfolio-index small,.svs-portfolio-index>a>span:nth-child(3)>span{font-size:10px;color:var(--color-brand-muted);display:block;line-height:1.5}
.svs-portfolio-statement{display:grid;grid-template-columns:1.3fr 1fr;gap:30px 9vw;padding:115px 7vw 95px;border-bottom:1px solid var(--svs-line)}
.svs-portfolio-statement>.svs-eyebrow{grid-column:1/-1}
.svs-portfolio-statement h2{font-size:clamp(40px,5.4vw,80px);font-weight:450;line-height:1.07;letter-spacing:-.05em;margin:0}
.svs-portfolio-statement h2 span{color:var(--color-brand-muted)}
.svs-portfolio-statement>div{padding-top:10px;font-size:15px;line-height:1.85}
.svs-portfolio-statement>div>p{color:var(--color-brand-muted);margin-bottom:30px;max-width:400px}
.svs-portfolio-statement a{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px;text-decoration:none;max-width:400px;border-bottom:1px solid var(--svs-line);padding-bottom:15px}
.svs-portfolio-model{padding:80px 5vw 35px;background:#e7ece8;color:#253c32;scroll-margin-top:100px}
.svs-portfolio-model>div:first-child{display:grid;grid-template-columns:1fr 2fr;padding:0 2vw 40px;gap:30px;align-items:start}
.svs-portfolio-model h2{font-size:clamp(30px,3.3vw,48px);line-height:1.12;letter-spacing:-.04em;white-space:pre-line;font-weight:450;margin:0}
.svs-portfolio-model .svs-assembly-story{display:block;padding:0;min-height:820px;max-width:1400px;margin:auto}
.svs-portfolio-model .svs-bim-experience{top:95px;width:100%;max-width:none;margin:0;background:#f4f6f1;border:1px solid #c8d1c7;box-shadow:none;border-radius:0;color:#243c30}
.svs-portfolio-model .svs-bim-caption{background:transparent;box-shadow:none;border-color:#c8d1c7;border-radius:0}
.svs-portfolio-model .svs-bim-caption h2{font-size:20px;color:#253c32;letter-spacing:-.02em}
.svs-portfolio-model .svs-bim-caption p{color:#657567}
.svs-portfolio-model .svs-bim-caption .svs-metal-label{color:#617c6a}
.svs-portfolio-model .svs-bim-render-shell{height:440px;background:radial-gradient(ellipse,#d9e3d5,transparent 65%)}
.svs-portfolio-model .svs-bim-controls{background:#e9ede5;border-color:#c8d1c7}
.svs-portfolio-model .svs-bim-controls button{background:#f8faf5;border:1px solid #b9c6b6;color:#354b39;border-radius:2px;box-shadow:none}
.svs-portfolio-model .svs-bim-controls button[aria-pressed="true"]{background:#304b3b;color:#fff;border-color:#304b3b}
.svs-portfolio-model .svs-bim-demo,.svs-portfolio-model .svs-bim-actions>span,.svs-portfolio-model .svs-bim-stage{color:#596d5a;background:transparent}
.svs-portfolio-model .svs-bim-number{color:#9cae9988}
.svs-portfolio-process{padding:70px 7vw 85px;border-bottom:1px solid var(--svs-line)}
.svs-portfolio-process>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:40px}
.svs-portfolio-process article{border-top:1px solid var(--svs-line);padding-top:20px}
.svs-portfolio-process article>span{font-size:10px;color:var(--color-brand-muted)}
.svs-portfolio-process h3{font-size:23px;font-weight:450;letter-spacing:-.03em;line-height:1.3;margin-block:22px 17px}
.svs-portfolio-process p{font-size:13px;line-height:1.8;color:var(--color-brand-muted);max-width:370px}
.svs-portfolio-contact{padding:100px 7vw;background:var(--svs-surface)}
.svs-portfolio-contact h2{white-space:pre-line;font-size:clamp(42px,6vw,86px);font-weight:450;line-height:1.06;letter-spacing:-.05em;margin:25px 0 45px;max-width:1000px}
.svs-portfolio-contact>div{display:flex;justify-content:space-between;gap:40px;max-width:1000px;align-items:center}
.svs-portfolio-contact>div>p{font-size:14px;line-height:1.8;color:var(--color-brand-muted);max-width:400px}
.svs-portfolio-contact a{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:16px 0;border-bottom:1px solid var(--color-brand-text);font-size:18px;min-width:200px;text-decoration:none}
.svs-product-introduction{background:var(--svs-paper);color:var(--color-brand-text);gap:80px;grid-template-columns:1.25fr 1fr;padding-block:50px 65px;align-items:center;border-bottom:1px solid var(--svs-line)}
.svs-product-introduction .svs-back-link{color:var(--color-brand-muted)}
.svs-product-introduction h1{font-weight:450;font-size:clamp(39px,4.6vw,69px)}
.svs-product-introduction h2{color:var(--color-brand-text);font-size:24px;font-weight:450}
.svs-product-introduction :is(.svs-eyebrow,div>p:not(.svs-eyebrow)){color:var(--color-brand-muted)}
.svs-product-art{height:440px;overflow:hidden;background:#d7dfd8}
.svs-product-art svg{width:100%;height:100%;display:block}
.svs-button-gold{background:#274a3a;color:#fff;box-shadow:none;border-color:#274a3a;border-radius:0}
.svs-button-line{color:var(--color-brand-text);border-color:var(--svs-line);border-radius:0}
.svs-product-capabilities h3{font-weight:500}
.svs-product-guide{border-color:var(--svs-line)}
#app-footer{background:#233b31!important;color:#eff2ea}
#footer-autodesk-showcase{background:#304d3e!important}
#admin-dashboard-view>div:first-child{background:var(--svs-surface)!important;border-color:var(--svs-line);padding-block:28px}
#admin-dashboard-view>div:first-child h1{color:var(--color-brand-text)!important;font-weight:500;font-size:30px;letter-spacing:-.04em}
#admin-dashboard-view>div:first-child p{color:var(--color-brand-muted)!important}
#admin-dashboard-view>div:first-child [class*="rounded-full"]{background:var(--svs-soft);color:var(--color-brand-teal);border-color:var(--svs-line);font-size:9px}
#admin-dashboard-view #admin-session-timer-widget{background:var(--svs-soft)!important;border-color:var(--svs-line);width:210px!important}
#admin-dashboard-view #admin-session-timer-widget span{color:var(--color-brand-text)!important}
#admin-dashboard-view #admin-session-lock-btn{background:#354c40;color:#fff;border-color:#354c40;border-radius:2px;min-height:43px}
.svs-admin-workspace aside{top:105px}
.svs-admin-workspace #admin-main-tabs{background:var(--svs-surface)!important;border-color:var(--svs-line);border-radius:0;padding:10px 0;box-shadow:none}
.svs-admin-workspace #admin-main-tabs button{color:var(--color-brand-text);background:transparent;font-size:11px;border-radius:0;padding:14px;border-left:2px solid transparent}
.svs-admin-workspace #admin-main-tabs button[aria-current="page"]{background:var(--svs-soft)!important;color:var(--color-brand-text)!important;border-left-color:var(--color-brand-teal)}
.svs-admin-workspace #admin-main-tabs button[aria-current="page"] svg{color:var(--color-brand-teal)!important}
.svs-admin-overview,.svs-admin-card{border-radius:2px;box-shadow:none}
#downloads-hero,#privacy-hero{background:var(--svs-paper)!important;border-color:var(--svs-line);padding:60px 5vw;color:var(--color-brand-text)}
#downloads-hero :is(#svs-banner-grid-overlay,#svs-banner-diagonal-sweeper),#privacy-hero :is(#svs-banner-grid-overlay,#svs-banner-diagonal-sweeper){display:none}
#downloads-hero>div:last-child,#privacy-hero>div:last-child{text-align:left;max-width:1260px}
#downloads-hero-title,#privacy-hero-title{font-size:clamp(36px,4.5vw,64px);line-height:1.08;font-weight:450;letter-spacing:-.05em;color:var(--color-brand-text)!important}
#downloads-hero-text,#privacy-hero-text{margin-left:0;color:var(--color-brand-muted)!important;font-size:15px;line-height:1.8;max-width:670px;margin-top:20px}
#downloads-hero [class*="rounded-full"]{border-radius:0;background:var(--svs-soft);color:var(--color-brand-muted);border-color:var(--svs-line)}
#downloads-hero>div:last-child>div:last-child{justify-content:flex-start;gap:12px;margin-top:24px}
#downloads-view-container :is(#downloads-control-bar,#downloads-section,#downloads-deployment-guide,#exporter-languages-marketplace-section){background:var(--svs-paper)!important;box-shadow:none;border-color:var(--svs-line)}
#downloads-grid>div{border-radius:2px;box-shadow:none!important;border-color:var(--svs-line);background:var(--svs-surface)}
#downloads-view-container :is(#download-all-consolidated-banner,#downloads-deployment-card,#downloads-table-container){border-radius:2px;box-shadow:none}
#contact-support-view>div{max-width:1260px;display:grid;grid-template-columns:.85fr 1.15fr;gap:30px 70px;margin:auto}
#contact-header-section{grid-column:1/-1;grid-row:1;text-align:left;margin:0!important;padding-block:20px 30px}
#contact-header-section h1{font-size:clamp(36px,4.6vw,64px);font-weight:450;line-height:1.1;letter-spacing:-.05em;color:var(--color-brand-text)}
#contact-header-section p{margin-left:0;font-size:14px;line-height:1.8;margin-top:20px}
#contact-header-section>div:first-child{border:0;background:transparent;padding:0;font-size:10px;letter-spacing:.15em;margin-bottom:18px;border-radius:0}
#top-direct-contact-card{grid-column:1;grid-row:2/4;align-self:start;margin:0!important;min-height:400px;border:0;border-radius:0;box-shadow:none;background:linear-gradient(#223d31c9,#223d31ed),url('/media/bim-workstation.jpg') center/cover;color:#fff;padding:32px}
#top-direct-contact-card>div:last-child{flex-direction:column;align-items:start;gap:35px}
#top-direct-contact-card svg{color:#d8bd65}
#top-direct-contact-card>div:last-child>div:last-child{flex-direction:column;align-items:stretch}
#top-direct-contact-card a{color:#f6f4e9;background:transparent;border-color:#ffffff40;font-size:12px;overflow-wrap:anywhere}
#contact-tab-switcher{grid-column:2;grid-row:2;max-width:none;width:100%;margin:0!important}
#contact-workspace-card{grid-column:2;grid-row:3;margin:0!important;border-radius:0;border-color:var(--svs-line);box-shadow:none;padding:30px;background:var(--svs-surface)}
#compatibility-faq-container{grid-column:1/-1;margin-top:25px!important;border:0;border-top:1px solid var(--svs-line);border-radius:0;box-shadow:none;background:var(--svs-paper);padding-inline:0}
@media(max-width:767px){#contact-support-view>div{display:flex;flex-direction:column;gap:25px}#contact-header-section{order:0;padding-top:0}#top-direct-contact-card{order:1;min-height:0;padding:24px}#contact-tab-switcher{order:2}#contact-workspace-card{order:3;padding:24px}#compatibility-faq-container{order:4}#downloads-hero,#privacy-hero{padding:40px 16px}}
.svs-private-preview-notice{padding:10px 30px;background:#fff2c9;color:#58431a;font-size:11px;line-height:1.6;border-bottom:1px solid #e3ce93;position:relative;z-index:81}
.svs-private-preview-notice strong{font-weight:650;margin-right:15px}
.svs-portfolio-menu-body{padding:30px!important;display:grid!important;grid-template-columns:1.4fr 1fr;gap:36px;overflow-y:auto;min-height:0;flex:1;align-content:start}
.svs-portfolio-menu-body nav>a{display:grid;grid-template-columns:20px minmax(0,1fr) 18px;gap:10px;padding:17px 0;border-top:1px solid var(--svs-line);text-decoration:none;color:var(--color-brand-text)}
.svs-portfolio-menu-body nav>a small{color:var(--color-brand-muted);font-size:9px;padding-top:4px}
.svs-portfolio-menu-body nav>a strong{font-size:17px;line-height:1.35;letter-spacing:-.025em;font-weight:500;display:block}
.svs-portfolio-menu-body nav>a>span>span{font-size:10px;line-height:1.6;color:var(--color-brand-muted);display:block;margin-top:6px}
.svs-portfolio-menu-utilities button{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;text-align:left;background:transparent!important;padding:15px 0;border-bottom:1px solid var(--svs-line);font-size:13px;line-height:1.4;cursor:pointer}
.svs-portfolio-menu-footer{background:var(--svs-paper)!important;padding:22px 30px;border-top:1px solid var(--svs-line);font-size:11px}
.svs-portfolio-menu-footer>a{display:flex;justify-content:space-between;text-decoration:none;gap:20px;padding:17px 0;color:var(--color-brand-text)}
.svs-portfolio-menu-footer>span{color:var(--color-brand-muted);font-size:9px;letter-spacing:.12em}
html.dark .svs-portfolio-model{background:#27372c;color:#e6ede1}
html.dark .svs-portfolio-model>div:first-child h2{color:#e6ede1}
@media(max-width:1023px){#app-navbar #navbar-user-portal-trigger-mobile span{max-width:110px;overflow:hidden;text-overflow:ellipsis}.svs-portfolio-opening{grid-template-columns:46% minmax(0,1fr)}.svs-portfolio-manifesto{padding:26px;min-height:680px}.svs-manifesto-copy h1{font-size:clamp(42px,5.5vw,72px)}.svs-portfolio-browser{padding-left:20px}.svs-portfolio-intro{padding-right:22px}.svs-portfolio-toolbar{padding-right:20px;gap:3px}.svs-portfolio-toolbar>div{gap:2px}.svs-portfolio-toolbar button{font-size:10px;padding:8px 7px}.svs-portfolio-toolbar small{display:none}.svs-portfolio-tile{flex-basis:90%}.svs-product-introduction{gap:30px}.svs-product-art{height:390px}}
@media(max-width:767px){#app-navbar>div:nth-child(2){padding-inline:16px}#app-navbar>div:nth-child(2)>div{height:70px}#app-navbar #nav-mobile-controls{gap:3px!important}#app-navbar #nav-mobile-controls>button{padding:9px;min-width:36px}#app-navbar #nav-theme-toggle-mobile,#app-navbar #navbar-user-portal-trigger-mobile,#app-navbar #nav-mobile-cta{display:none!important}#app-navbar #nav-mobile-menu-toggle-btn{padding-left:9px;gap:6px}#app-navbar #nav-mobile-menu-toggle-btn .svs-menu-label{display:none}#app-navbar #nav-logo-container span:last-child{display:none}#app-navbar #navbar-mobile-drawer-content>div:nth-child(2){padding:20px;display:block}#app-navbar #navbar-mobile-drawer-content>div:nth-child(2)>div{margin-bottom:18px}
 .svs-portfolio-opening{grid-template-columns:1fr}.svs-portfolio-manifesto{min-height:550px;padding:25px}.svs-manifesto-top>span:first-child{font-size:78px}.svs-manifesto-copy{padding:60px 0 40px}.svs-manifesto-copy h1{font-size:clamp(52px,12vw,82px)}.svs-portfolio-browser{padding:40px 0 23px 22px}.svs-portfolio-intro{margin:0;padding-bottom:30px}.svs-portfolio-intro h2{font-size:32px}.svs-portfolio-image{height:350px}.svs-portfolio-tile{flex-basis:86%}.svs-portfolio-toolbar{padding-bottom:20px;gap:8px}.svs-portfolio-toolbar button{font-size:10px}.svs-gallery-controls>p{font-size:9px}.svs-tile-caption strong{font-size:17px}.svs-portfolio-statement{grid-template-columns:1fr;padding:60px 24px;gap:20px}.svs-portfolio-statement h2{font-size:43px}.svs-portfolio-statement>div{font-size:14px}.svs-portfolio-model{padding:50px 18px 25px;scroll-margin-top:80px}.svs-portfolio-model>div:first-child{display:block;padding:0 5px 30px}.svs-portfolio-model h2{font-size:33px}.svs-portfolio-model .svs-assembly-story{min-height:850px}.svs-portfolio-model .svs-bim-experience{top:80px}.svs-portfolio-model .svs-bim-render-shell{height:340px}.svs-portfolio-process{padding:50px 24px}.svs-portfolio-process>div{grid-template-columns:1fr;gap:25px;margin-top:25px}.svs-portfolio-process h3{margin-top:15px}.svs-portfolio-contact{padding:60px 24px}.svs-portfolio-contact>div{display:block}.svs-portfolio-contact a{margin-top:25px;font-size:16px}.svs-product-introduction{gap:30px;grid-template-columns:1fr}.svs-product-art{height:320px}.svs-private-preview-notice{padding:9px 16px;font-size:10px}.svs-private-preview-notice strong{display:block}.svs-portfolio-index>a{grid-template-columns:15px 52px minmax(0,1fr) 18px;gap:9px}.svs-index-image{height:60px}.svs-portfolio-index strong{font-size:13px}}
@media(max-width:359px){#app-navbar #nav-logo-container span:first-child{font-size:14px}#app-navbar #nav-logo-container{gap:6px}.svs-portfolio-toolbar{gap:3px;padding-right:14px}.svs-portfolio-toolbar button{padding:7px 5px}.svs-portfolio-toolbar>div{gap:0}.svs-manifesto-copy h1{font-size:47px}.svs-portfolio-browser{padding-left:16px}.svs-gallery-controls>p{display:none}}
@media(max-width:767px){.svs-portfolio-menu-body{display:block!important;padding:24px!important}.svs-portfolio-menu-utilities{margin-top:35px}}
.svs-product-art{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#f8ffff,#d6f6ed);border:1px solid #bdeade}
.svs-product-art>.svs-product-app-icon{width:82%;height:88%;filter:drop-shadow(0 18px 15px #004f462e)}
.svs-manifesto-wordmark small{font-size:.31em;letter-spacing:-.025em;font-weight:500;vertical-align:baseline}
#app-navbar #nav-mobile-menu-toggle-btn{position:static!important;inset:auto!important;transform:none!important}
.svs-mailer-broadcast-footer>*{min-width:0;max-width:100%}
.svs-mailer-broadcast-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));flex:0 1 420px}
.svs-mailer-broadcast-actions>button{min-width:0!important;margin:0!important;white-space:normal;overflow-wrap:anywhere}
@container(max-width:500px){.svs-mailer-broadcast-actions{grid-template-columns:minmax(0,1fr);flex-basis:100%}.svs-mailer-broadcast-actions>button{width:100%}}
@media(max-width:479px){.svs-manifesto-top{display:block}.svs-manifesto-wordmark{white-space:nowrap}.svs-manifesto-top>span:last-child{display:block;text-align:left;margin-top:18px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.svs-portfolio-image>:is(img,svg){transition:none!important}.svs-portfolio-tile:hover .svs-portfolio-image>:is(img,svg){transform:none!important}}
/* Vertical page scrolling reveals the collection while each column stays in view. */
.svs-portfolio-opening{align-items:start;min-height:0}
.svs-gallery-track{min-width:0}
.svs-gallery-track[data-follow="true"]{height:calc(var(--svs-gallery-viewport) + var(--svs-gallery-distance))}
.svs-gallery-track[data-follow="true"]>.svs-portfolio-browser{position:sticky;top:var(--svs-header-height);height:var(--svs-gallery-viewport);padding-block:24px 12px;overflow:hidden}
.svs-portfolio-opening:has(.svs-gallery-track[data-follow="true"])>.svs-portfolio-manifesto{position:sticky;top:var(--svs-header-height,82px);height:calc(100svh - var(--svs-header-height,82px));min-height:0}
.svs-gallery-track[data-follow="true"] .svs-portfolio-image{height:clamp(190px,34svh,370px)}
.svs-gallery-track[data-follow="true"] .svs-portfolio-rail{scroll-snap-type:none;scroll-behavior:auto}
.svs-gallery-track[data-follow="true"] .svs-gallery-controls{padding-top:12px;margin-top:8px}
.svs-gallery-track[data-follow="true"] .svs-portfolio-intro{padding-bottom:18px}
.svs-gallery-track[data-follow="true"] .svs-portfolio-toolbar{padding-bottom:15px}
.svs-manifesto-copy h1{font-size:clamp(48px,7svh,88px)}
.svs-manifesto-copy{padding-block:clamp(25px,4svh,45px)}
.svs-toolkit-story{display:grid;grid-template-columns:1fr 1.5fr;gap:65px;padding:80px 7vw;background:var(--svs-soft);border-block:1px solid var(--svs-line)}
.svs-toolkit-story h2{font-size:clamp(32px,3.5vw,52px);font-weight:450;line-height:1.1;letter-spacing:-.04em;margin:24px 0}
.svs-toolkit-story>div>p:last-child{color:var(--color-brand-muted);font-size:14px;line-height:1.8;max-width:390px}
.svs-toolkit-path{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:start}
.svs-toolkit-path>a{display:grid;grid-template-columns:58px minmax(0,1fr) 16px;gap:13px;align-items:center;padding:18px 14px;background:var(--svs-surface);border:1px solid var(--svs-line);text-decoration:none;color:var(--color-brand-text)}
.svs-toolkit-path .svs-product-app-icon{width:58px;height:58px}
.svs-toolkit-path>a>span>*{display:block}
.svs-toolkit-path small{font-size:9px;color:var(--color-brand-muted);margin-bottom:5px}
.svs-toolkit-path strong{font-size:13px;font-weight:550;line-height:1.5}
.svs-toolkit-path>a>span>span{font-size:11px;line-height:1.6;margin-top:6px;color:var(--color-brand-muted)}
.svs-toolkit-path>a:hover{border-color:var(--color-brand-teal)}
.svs-download-lock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.svs-download-lock-grid>div{min-width:0!important;gap:20px;padding:22px!important}
.svs-download-lock-grid>div>div:first-child>div:first-child{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}
.svs-download-lock-grid>div>div:first-child>div:first-child>span:first-child{width:100%;word-break:normal!important;overflow-wrap:normal;line-height:1.5}
.svs-download-lock-grid>div>button{min-height:44px;line-height:1.5}
@container(max-width:520px){.svs-download-lock-grid{grid-template-columns:minmax(0,1fr)}}
#app-footer.svs-editorial-footer{background:var(--svs-paper)!important;color:var(--color-brand-text);padding:0;border-top:1px solid var(--svs-line)}
.svs-footer-inner{max-width:1500px;margin:auto;padding:0 7vw 32px}
#footer-autodesk-showcase.svs-footer-marketplace{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;padding:55px 0;background:transparent!important;border:0;border-bottom:1px solid var(--svs-line);border-radius:0;box-shadow:none}
.svs-footer-marketplace h2{font-size:clamp(23px,2.3vw,32px);font-weight:450;letter-spacing:-.03em;line-height:1.3;margin:15px 0}
.svs-footer-marketplace p:not(.svs-eyebrow){font-size:13px;line-height:1.8;color:var(--color-brand-muted);max-width:470px}
.svs-footer-marketplace>div>a{display:inline-flex;align-items:center;gap:24px;margin-top:18px;padding-bottom:8px;border-bottom:1px solid var(--svs-line);text-decoration:none;color:var(--color-brand-teal);font-size:12px}
.svs-footer-store-links{display:grid;gap:12px;align-content:center}
.svs-footer-store-links>a{display:grid;grid-template-columns:62px minmax(0,1fr) 20px;gap:18px;align-items:center;border:1px solid var(--svs-line);padding:16px;background:var(--svs-surface);text-decoration:none;color:var(--color-brand-text)}
.svs-footer-store-links .svs-product-app-icon{width:62px;height:62px}
.svs-footer-store-links small{display:block;font-size:9px;color:var(--color-brand-muted);letter-spacing:.08em;margin-bottom:8px}
.svs-footer-store-links strong{font-size:14px;font-weight:550;line-height:1.5}
.svs-footer-columns{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:70px;padding:50px 0}
.svs-footer-brand{display:flex!important;align-items:center;gap:14px;text-decoration:none;color:var(--color-brand-text)}
.svs-footer-brand>span>*{display:block}
.svs-footer-brand strong{font-size:21px;font-weight:550}
.svs-footer-brand span>span{font-size:12px;line-height:1.8;margin-top:5px}
.svs-footer-brand small{font-size:10px;color:var(--color-brand-teal);line-height:1.8}
#footer-branding>p{font-size:13px;line-height:1.8;color:var(--color-brand-muted);margin:25px 0;max-width:370px}
#footer-branding>a:last-child{display:flex;gap:8px;align-items:center;font-size:12px;text-decoration:none;color:var(--color-brand-text);overflow-wrap:anywhere}
.svs-footer-columns nav h3{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--color-brand-muted);margin:0 0 20px;font-weight:550}
.svs-footer-columns nav>a{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;line-height:1.8;padding:10px 0;text-decoration:none;color:var(--color-brand-text);border-bottom:1px solid var(--svs-line)}
.svs-editorial-footer a:hover{color:var(--color-brand-teal)}
.svs-footer-columns nav>a svg{flex-shrink:0}
.svs-footer-columns nav>div{margin-top:20px}
.svs-footer-columns nav>div>button{background:var(--svs-surface);color:var(--color-brand-text);border-color:var(--svs-line);border-radius:0;box-shadow:none}
.svs-footer-columns nav>div>div{background:var(--svs-surface);color:var(--color-brand-text);border-color:var(--svs-line)}
.svs-footer-columns nav>div>div button{color:var(--color-brand-text)}
#app-footer.svs-editorial-footer #footer-bottom{display:grid;grid-template-columns:1.5fr 1fr auto;gap:30px;align-items:center;border-top:1px solid var(--svs-line);padding-top:25px;padding-bottom:76px;font-size:10px;line-height:1.8;color:var(--color-brand-muted)}
#footer-bottom>a{display:flex;align-items:center;gap:15px;text-decoration:none;color:var(--color-brand-text);white-space:nowrap}
@media(max-width:1023px){.svs-toolkit-story{grid-template-columns:1fr;gap:30px;padding:60px 5vw}.svs-footer-columns{gap:35px;grid-template-columns:1fr 1fr}.svs-footer-columns>section{grid-column:1/-1}#footer-autodesk-showcase.svs-footer-marketplace{gap:30px}.svs-footer-inner{padding-inline:5vw}}
@media(max-width:767px){.svs-portfolio-opening:has(.svs-gallery-track[data-follow="true"])>.svs-portfolio-manifesto{position:relative;top:auto;height:auto;min-height:600px}.svs-gallery-track[data-follow="true"] .svs-portfolio-browser{padding-block:22px 12px}.svs-gallery-track[data-follow="true"] .svs-portfolio-intro h2{font-size:26px;margin-bottom:12px}.svs-gallery-track[data-follow="true"] .svs-portfolio-intro>div>span{font-size:12px;line-height:1.6}.svs-gallery-track[data-follow="true"] .svs-portfolio-image{height:clamp(180px,31svh,310px)}.svs-gallery-track[data-follow="true"] .svs-tile-caption{padding-block:14px;gap:12px}.svs-gallery-track[data-follow="true"] .svs-gallery-controls p{font-size:8px}.svs-toolkit-path{grid-template-columns:1fr}.svs-toolkit-story{padding:55px 24px}#footer-autodesk-showcase.svs-footer-marketplace{grid-template-columns:1fr;padding:40px 0}.svs-footer-columns{grid-template-columns:1fr;gap:35px;padding-block:40px}.svs-footer-columns>section{grid-column:auto}.svs-footer-inner{padding-inline:24px}#app-footer.svs-editorial-footer #footer-bottom{grid-template-columns:1fr;gap:15px}.svs-studio-tagline{letter-spacing:.04em}}
@media(max-height:700px) and (min-width:768px){.svs-manifesto-wordmark{font-size:65px}.svs-gallery-track[data-follow="true"] .svs-portfolio-image{height:180px}.svs-gallery-track[data-follow="true"] .svs-portfolio-intro h2{font-size:25px;margin-bottom:12px}.svs-gallery-track[data-follow="true"] .svs-portfolio-intro>div>span{font-size:12px}.svs-manifesto-copy{padding-block:20px}.svs-manifesto-copy h1{font-size:47px}}
/* Shared documentation palette and structure, based on the Exporter guide. */
.svs-product-guide{container-type:inline-size}
.svs-product-guide :is(section,article,aside,[class*="bg-slate-9"],[class*="bg-[#"],[class*="bg-gradient-to"]){background:var(--svs-paper)!important;background-image:none!important;color:var(--color-brand-text);border-color:var(--svs-line)!important;box-shadow:none!important}
.svs-product-guide :is([class*="text-white"],[class*="text-slate-9"],[class*="text-brand-navy"]){color:var(--color-brand-text)!important}
.svs-product-guide :is([class*="text-slate-2"],[class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-2"]){color:var(--color-brand-muted)!important}
.svs-product-guide :is([class*="text-cyan-"],[class*="text-emerald-"],[class*="text-teal-"]){color:var(--color-brand-teal)!important}
.svs-product-guide :is([class*="bg-white/"],[class*="bg-cyan-"],[class*="bg-emerald-"],[class*="bg-teal-"],[class*="bg-slate-50"]){background:var(--svs-soft)!important;border-color:var(--svs-line)!important}
.svs-product-guide :is(button,a)[class*="bg-cyan-"]{background:var(--color-brand-teal)!important;color:white!important}
.svs-product-guide :is([class*="rounded-xl"],[class*="rounded-2xl"]){border-radius:6px!important;box-shadow:none!important}
.svs-product-guide :is([id$="guide-header"],[id$="features-header"],.svs-guide-heading){padding:32px 24px!important;text-align:left!important;border-bottom:1px solid var(--svs-line);background:var(--svs-soft)!important}
.svs-product-guide [id$="guide-header"]>div{padding:0!important;text-align:left!important}
.svs-product-guide [id$="guide-header"] h2{justify-content:flex-start!important}
.svs-guide-heading>span{font:600 10px var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--color-brand-teal)}
.svs-guide-heading h2{font-size:26px;font-weight:600;letter-spacing:-.03em;line-height:1.35;margin:10px 0}
.svs-guide-heading p{font-size:13px;line-height:1.8;color:var(--color-brand-muted);max-width:650px}
.svs-documentation-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;padding:28px 24px;align-items:start}
.svs-guide-navigation{position:sticky;top:105px;border:1px solid var(--svs-line);padding:16px;border-radius:4px;background:var(--svs-surface)!important}
.svs-guide-navigation>strong{font-size:12px;display:block;margin-bottom:15px}
.svs-guide-navigation>a{display:grid;grid-template-columns:22px minmax(0,1fr) 14px;gap:8px;align-items:center;text-decoration:none;color:var(--color-brand-text);padding:12px 0;border-top:1px solid var(--svs-line);font-size:11px;line-height:1.6}
.svs-guide-navigation>a>span{color:var(--color-brand-teal);font:600 10px var(--font-mono)}
.svs-guide-stream{min-width:0;display:grid;gap:24px}
.svs-guide-stream>section{min-width:0;scroll-margin-top:110px;border:1px solid var(--svs-line);border-radius:4px;padding:28px 0!important}
.svs-product-guide :is(input,select,textarea){max-width:100%;background:var(--svs-surface)!important;color:var(--color-brand-text)!important;border-color:var(--svs-line)!important}
.svs-product-guide :is(article,[id$="cards-stream"]>article){background:var(--svs-surface)!important}
#coordination-manager-view>section:first-child{padding:28px 0!important}
#coordination-manager-view>section:first-child{display:none}
.svs-product-guide :is(button,a)[class*="bg-cyan-"] *{color:white!important}
#coordination-features>div>.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.svs-product-guide [class*="tracking-widest"]{overflow-wrap:anywhere}
.svs-product-guide table{color:var(--color-brand-text)!important}
.svs-product-guide :is(.grid,.flex)>*{min-width:0}
.svs-product-guide :is(p,h2,h3,h4){overflow-wrap:anywhere}
.svs-product-guide code{overflow-wrap:anywhere;white-space:pre-wrap}
.svs-product-guide [class*="overflow-y-auto"]:has(table){overflow-x:auto;max-width:100%}
.svs-product-guide :is(#svs-banner-grid-overlay,#svs-banner-diagonal-sweeper){display:none}
@container(max-width:520px){.svs-product-guide article .flex.items-center{flex-wrap:wrap}.svs-product-guide article{padding-inline:18px!important}.svs-product-guide [id$="sidebar-nav"] button{flex-wrap:wrap;gap:6px}.svs-product-guide [id$="sidebar-nav"] button span.truncate{white-space:normal}}
/* The marketplace is open and padded; product cards never meet a clipped edge. */
#footer-autodesk-showcase.svs-footer-marketplace{padding:42px 32px;margin:30px 0 0;border:1px solid var(--svs-line)!important;border-radius:18px!important;background:linear-gradient(125deg,var(--svs-soft),var(--svs-paper))!important;overflow:visible;gap:32px;align-items:center}
.svs-footer-store-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.svs-footer-store-links>a{display:grid!important;grid-template-columns:38px minmax(0,1fr) 14px!important;gap:10px!important;margin:0!important;padding:12px!important;border:1px solid var(--svs-line)!important;border-radius:9px;min-width:0;color:var(--color-brand-text)!important;background:var(--svs-surface)!important}
.svs-footer-store-links .svs-product-app-icon{width:38px;height:38px}
.svs-footer-store-links strong{font-size:11px!important;overflow-wrap:normal;line-height:1.5}
.svs-footer-store-links>a:hover{border-color:var(--color-brand-teal)!important;transform:translateY(-2px);transition:transform .18s}
@container(max-width:900px){.svs-documentation-layout{grid-template-columns:1fr}.svs-guide-navigation{position:static}.svs-guide-navigation>a{display:inline-flex;margin-right:18px}.svs-guide-navigation>a>span{margin-right:5px}}
@container(max-width:520px){#coordination-features>div>.grid{grid-template-columns:1fr!important}.svs-documentation-layout{padding:18px 12px;gap:18px}.svs-guide-stream>section{padding-block:20px!important}}
@media(max-width:767px){#footer-autodesk-showcase.svs-footer-marketplace{padding:26px 20px;gap:24px;margin-top:24px}.svs-footer-store-links{grid-template-columns:1fr}.svs-guide-heading h2{font-size:22px}}
.svs-gallery-track[data-follow="true"] .svs-gallery-controls{margin-bottom:80px}
@media(max-width:767px){.svs-manifesto-bottom{flex-wrap:wrap;gap:16px}.svs-manifesto-bottom>span:first-child{flex-basis:100%;max-width:none!important}}