/**
 *  =============================================================================
 * Unity Themes: Default Theme
 * =============================================================================
 *
 * @file        unity.css
 * @description Auto-generated CSS styles for Unity
 * @copyright   Copyright (c) 2025 PayFit. All rights reserved.
 *
 * =============================================================================
 * LINKS
 * =============================================================================
 *
 * GitHub Repository: https://github.com/PayFit/hr-apps/blob/master/libs/shared/unity/themes
 * Documentation:     https://unity-theme.payfit.io/?path=/docs/1-introduction-1-welcome--docs
 * Issues/Support:    https://payfit.atlassian.net/jira/software/c/projects/CEEFRE/boards/623
 *
 * =============================================================================
 * NOTICE
 * =============================================================================
 *
 * This file is auto-generated. Manual changes to this file will be overwritten
 * when the build process runs again. To customize styles, please refer to the
 * source files or documentation.
 *
 * Generated by: monorepo-root 0.0.0-use.local
 */

@import "@fontsource/inter";
@import "@fontsource/inter/500.css";
@import "@fontsource/inter/600.css";
@import "@fontsource/inter/700.css";
@import "@fontsource/source-serif-4";
@import "@fontsource/source-serif-4/500.css";
@import "@fontsource/source-serif-4/600.css";
@import "@fontsource/source-serif-4/700.css";
@import "@fontsource/roboto-mono";
@import "./generated/proprietary-fonts.css";
@import "tailwindcss" prefix(uy);

@layer base {
  :root,
  [data-uy-theme="legacy"] {
    --uy-animate-spin: 2s linear infinite spin;
    --uy-animate-arc-shrink: 2s ease-in-out infinite arc-shrink;
    --uy-animate-pulse: 2s cubic-bezier(0.4, 0, 0.6, 1) infinite pulse;
    --uy-animate-slide: 4s cubic-bezier(1, 0, 0.36, 0.71) infinite slide;
    --uy-animate-fade-in: 0.3s linear 1 fade-in;
    --uy-animate-fade-out: 0.3s linear 1 fade-out;
    --uy-animate-slide-right-fade-in: 0.3s ease-in 1 slide-right-fade-in;
    --uy-animate-slide-right-fade-out: 0.3s ease-out 1 slide-right-fade-out;
    --uy-animate-slide-up-fade-in: 0.3s ease-in 1 slide-up-fade-in;
    --uy-animate-slide-down-fade-out: 0.3s ease-out 1 slide-down-fade-out;
    --uy-animate-zoom-in: 0.3s ease-in 1 zoom-in;
    --uy-animate-zoom-out: 0.3s ease-out 1 zoom-out;
    --uy-aspect-video: 16 / 9;
    --uy-aspect-square: 1 / 1;
    --uy-breakpoint-sm: 490px;
    --uy-breakpoint-md: 768px;
    --uy-breakpoint-lg: 1280px;
    --uy-breakpoint-xl: 1440px;
    --uy-text-50: 12px;
    --uy-text-75: 14px;
    --uy-text-100: 16px;
    --uy-text-200: 18px;
    --uy-text-300: 20px;
    --uy-text-400: 22px;
    --uy-text-500: 24px;
    --uy-text-600: 28px;
    --uy-text-800: 30px;
    --uy-text-1000: 32px;
    --uy-text-1200: 38px;
    --uy-text-1400: 52px;
    --uy-text-1600: 66px;
    --uy-font-weight-regular: 400;
    --uy-font-weight-medium: 500;
    --uy-font-weight-semibold: 600;
    --uy-font-weight-bold: 700;
    --uy-grid-layout-columns--default: 6;
    --uy-grid-layout-columns--md: 12;
    --uy-grid-layout-columns--lg: 12;
    --uy-radius-0: 0;
    --uy-radius-25: 2px;
    --uy-radius-50: 4px;
    --uy-radius-75: 6px;
    --uy-radius-100: 8px;
    --uy-radius-125: 10px;
    --uy-radius-150: 12px;
    --uy-radius-200: 16px;
    --uy-radius-300: 24px;
    --uy-radius-400: 32px;
    --uy-radius-circle: 50%;
    --uy-radius-pill: 9999px;
    --uy-container-app-menu: 296px; /** Width of the main menu in global App layout */
    --uy-container-lg: 984px; /** Maximum width for layout containers at large resolutions */
    --uy-container-xl: 1360px; /** Maximum width for layout containers at extra-large resolutions */
    --uy-container-content: 523px; /** Maximum width for content containers */
    --uy-container-section: 703px; /** Maximum width for section containers */
    --uy-container-page: 1063px; /** Maximum width for page containers */
    --uy-container-app: 1439px; /** Maximum width for app containers */
    --uy-spacing-0: 0;
    --uy-spacing-25: 2px;
    --uy-spacing-50: 4px;
    --uy-spacing-75: 6px;
    --uy-spacing-100: 8px;
    --uy-spacing-125: 10px;
    --uy-spacing-150: 12px;
    --uy-spacing-200: 16px;
    --uy-spacing-250: 20px;
    --uy-spacing-300: 24px;
    --uy-spacing-400: 32px;
    --uy-spacing-500: 40px;
    --uy-spacing-600: 48px;
    --uy-spacing-800: 64px;
    --uy-spacing-1000: 80px;
    --uy-spacing: 8px; /** Base spacing value */
    --uy-color-grayscale-l1: oklch(99.059% 0.0017 247.84);
    --uy-color-grayscale-l2: oklch(98.22% 0.00412 271.37);
    --uy-color-grayscale-l3: oklch(97.323% 0.00413 271.37);
    --uy-color-grayscale-l4: oklch(95.128% 0.00745 260.73);
    --uy-color-grayscale-l5: oklch(91.982% 0.00977 252.82);
    --uy-color-grayscale-l6: oklch(86.339% 0.01521 251.17);
    --uy-color-grayscale-l7: oklch(76.254% 0.02353 254.43);
    --uy-color-grayscale-l8: oklch(65.823% 0.02505 252.27);
    --uy-color-grayscale-l9: oklch(53.625% 0.02834 252.08);
    --uy-color-grayscale-l10: oklch(49.112% 0.03033 253.74);
    --uy-color-grayscale-l11: oklch(37.463% 0.03027 254.19);
    --uy-color-grayscale-l12: oklch(16.172% 0.03703 253.15);
    --uy-color-grayscale-l0: oklch(100% 0 none);
    --uy-color-red-l1: oklch(98.894% 0.00534 17.247);
    --uy-color-red-l2: oklch(95.657% 0.02191 10.599);
    --uy-color-red-l3: oklch(89.102% 0.05813 11.703);
    --uy-color-red-l4: oklch(76.425% 0.14179 14.508);
    --uy-color-red-l5: oklch(66.039% 0.19306 18.401);
    --uy-color-red-l6: oklch(61.565% 0.23811 24.593);
    --uy-color-red-l7: oklch(57.968% 0.22848 25.303);
    --uy-color-red-l8: oklch(54.299% 0.21359 25.062);
    --uy-color-red-l9: oklch(49.786% 0.19508 24.828);
    --uy-color-red-l10: oklch(42.146% 0.1518 22.159);
    --uy-color-red-l11: oklch(31.984% 0.11081 21.252);
    --uy-color-red-l12: oklch(14.815% 0.03894 14.818);
    --uy-color-green-l1: oklch(99.09% 0.01311 159.93);
    --uy-color-green-l2: oklch(97.628% 0.03602 155.45);
    --uy-color-green-l3: oklch(93.032% 0.07653 156.15);
    --uy-color-green-l4: oklch(87.477% 0.11235 154.7);
    --uy-color-green-l5: oklch(82.183% 0.15332 152.92);
    --uy-color-green-l6: oklch(73.532% 0.21134 147.69);
    --uy-color-green-l7: oklch(69.453% 0.19894 147.76);
    --uy-color-green-l8: oklch(59.644% 0.17117 147.68);
    --uy-color-green-l9: oklch(50.681% 0.14238 148.18);
    --uy-color-green-l10: oklch(45.284% 0.12552 148.44);
    --uy-color-green-l11: oklch(38.135% 0.10324 148.99);
    --uy-color-green-l12: oklch(29.078% 0.08111 149.47);
    --uy-color-yellow-l1: oklch(99.339% 0.01073 95.159);
    --uy-color-yellow-l2: oklch(97.51% 0.03751 93.823);
    --uy-color-yellow-l3: oklch(94.386% 0.09476 96.118);
    --uy-color-yellow-l4: oklch(91.334% 0.13181 94.112);
    --uy-color-yellow-l5: oklch(88.467% 0.16439 92.595);
    --uy-color-yellow-l6: oklch(85.747% 0.17524 88.489);
    --uy-color-yellow-l7: oklch(78.825% 0.16326 80.005);
    --uy-color-yellow-l8: oklch(70.863% 0.14874 76.185);
    --uy-color-yellow-l9: oklch(65.58% 0.13871 74.43);
    --uy-color-yellow-l10: oklch(57.086% 0.12081 74.308);
    --uy-color-yellow-l11: oklch(44.005% 0.09353 73.415);
    --uy-color-yellow-l12: oklch(19.304% 0.03947 87.228);
    --uy-color-cyan-l1: oklch(98.251% 0.01093 225.98);
    --uy-color-cyan-l2: oklch(96.793% 0.02117 223);
    --uy-color-cyan-l3: oklch(92.693% 0.04939 222.46);
    --uy-color-cyan-l4: oklch(88.175% 0.07902 224.08);
    --uy-color-cyan-l5: oklch(85.429% 0.09702 224.9);
    --uy-color-cyan-l6: oklch(81.492% 0.12112 226.94);
    --uy-color-cyan-l7: oklch(72.674% 0.124 228.51);
    --uy-color-cyan-l8: oklch(64.227% 0.11503 229.99);
    --uy-color-cyan-l9: oklch(52.482% 0.09504 229.3);
    --uy-color-cyan-l10: oklch(46.295% 0.08653 230.57);
    --uy-color-cyan-l11: oklch(39.485% 0.07503 230.8);
    --uy-color-cyan-l12: oklch(27.448% 0.05468 229.97);
    --uy-color-blue-l1: oklch(95.332% 0.02282 252.17);
    --uy-color-blue-l2: oklch(90.025% 0.04979 252.09);
    --uy-color-blue-l3: oklch(76.235% 0.11994 252.37);
    --uy-color-blue-l4: oklch(66.102% 0.17494 254.38);
    --uy-color-blue-l5: oklch(57.397% 0.20023 257.15);
    --uy-color-blue-l6: oklch(55.63% 0.18803 256.77);
    --uy-color-blue-l7: oklch(50.854% 0.17021 256.62);
    --uy-color-blue-l8: oklch(46.343% 0.15334 256.43);
    --uy-color-blue-l9: oklch(42.818% 0.13895 256.1);
    --uy-color-blue-l10: oklch(38.89% 0.12422 255.76);
    --uy-color-blue-l11: oklch(30.049% 0.09294 255.42);
    --uy-color-blue-l12: oklch(19.818% 0.05155 252.58);
    --uy-color-purple-l1: oklch(98.727% 0.00667 295.45);
    --uy-color-purple-l2: oklch(96.104% 0.02008 292.15);
    --uy-color-purple-l3: oklch(86.837% 0.07043 292.06);
    --uy-color-purple-l4: oklch(77.641% 0.12295 290.62);
    --uy-color-purple-l5: oklch(68.949% 0.1743 288.5);
    --uy-color-purple-l6: oklch(60.721% 0.22281 284.89);
    --uy-color-purple-l7: oklch(52.742% 0.21026 283.76);
    --uy-color-purple-l8: oklch(45.172% 0.19333 282.42);
    --uy-color-purple-l9: oklch(37.908% 0.1729 281.55);
    --uy-color-purple-l10: oklch(30.959% 0.14783 280.72);
    --uy-color-purple-l11: oklch(26.77% 0.13374 278.97);
    --uy-color-purple-l12: oklch(19.414% 0.10973 276.86);
    --uy-color-plum-l1: oklch(97.96% 0.01323 340.54);
    --uy-color-plum-l2: oklch(94.722% 0.03438 342.15);
    --uy-color-plum-l3: oklch(89.332% 0.05898 343.24);
    --uy-color-plum-l4: oklch(77.61% 0.13363 344.73);
    --uy-color-plum-l5: oklch(71.011% 0.17788 346.37);
    --uy-color-plum-l6: oklch(65.697% 0.21441 348.85);
    --uy-color-plum-l7: oklch(62.946% 0.23091 350.49);
    --uy-color-plum-l8: oklch(60.018% 0.2365 352.7);
    --uy-color-plum-l9: oklch(55.392% 0.21788 352.33);
    --uy-color-plum-l10: oklch(47.463% 0.17504 350.96);
    --uy-color-plum-l11: oklch(35.416% 0.11019 347.55);
    --uy-color-plum-l12: oklch(17.955% 0.04579 345.08);
    --uy-color-peach-l1: oklch(97.27% 0.01359 34.299);
    --uy-color-peach-l2: oklch(90.632% 0.04897 32.141);
    --uy-color-peach-l3: oklch(82.029% 0.10207 33.458);
    --uy-color-peach-l9: oklch(74.944% 0.15289 33.756);
    --uy-color-peach-l10: oklch(68.145% 0.20917 33.947);
    --uy-color-peach-l11: oklch(45.269% 0.14889 33.908);
    --uy-color-peach-l12: oklch(22.79% 0.07583 37.262);
    --uy-color-sunglow-l1: oklch(97.781% 0.02393 85.787);
    --uy-color-sunglow-l2: oklch(94.597% 0.05744 85.031);
    --uy-color-sunglow-l3: oklch(88.727% 0.12792 86.388);
    --uy-color-sunglow-l9: oklch(82.358% 0.16964 79.247);
    --uy-color-sunglow-l10: oklch(55.358% 0.10103 84.486);
    --uy-color-sunglow-l11: oklch(41.232% 0.07399 83.781);
    --uy-color-sunglow-l12: oklch(28.544% 0.05865 83.417);
    --uy-color-teal-l1: oklch(98.741% 0.01366 196.94);
    --uy-color-teal-l2: oklch(97.487% 0.01887 196.85);
    --uy-color-teal-l3: oklch(94.358% 0.04709 193.11);
    --uy-color-teal-l4: oklch(88.394% 0.07939 191.85);
    --uy-color-teal-l5: oklch(83.893% 0.09384 191.26);
    --uy-color-teal-l6: oklch(74.584% 0.12769 188.32);
    --uy-color-teal-l7: oklch(70.945% 0.12073 188.56);
    --uy-color-teal-l8: oklch(64.559% 0.11068 188.59);
    --uy-color-teal-l9: oklch(53.208% 0.09099 187.88);
    --uy-color-teal-l10: oklch(46.647% 0.07467 189.94);
    --uy-color-teal-l11: oklch(39.345% 0.06605 190.42);
    --uy-color-teal-l12: oklch(25.346% 0.04379 189.82);
    --uy-color-orange-l1: oklch(99.087% 0.00448 34.309);
    --uy-color-orange-l2: oklch(95.249% 0.02398 33.548);
    --uy-color-orange-l3: oklch(89.762% 0.05397 32.365);
    --uy-color-orange-l4: oklch(83.646% 0.0914 33.222);
    --uy-color-orange-l5: oklch(74.944% 0.15289 33.756);
    --uy-color-orange-l6: oklch(68.776% 0.18707 34.151);
    --uy-color-orange-l7: oklch(65.542% 0.20292 33.582);
    --uy-color-orange-l8: oklch(54.399% 0.19025 33.476);
    --uy-color-orange-l9: oklch(47.762% 0.15857 33.832);
    --uy-color-orange-l10: oklch(42.172% 0.12494 33.8);
    --uy-color-orange-l11: oklch(28.891% 0.10112 35.093);
    --uy-color-orange-l12: oklch(16.65% 0.04887 43.496);
    --uy-color-utility-backdrop: oklch(16.172% 0.03703 253.15 / 0.6);
    --uy-color-utility-shadow-100: oklch(0% 0 none / 0.05882);
    --uy-color-utility-shadow-200: oklch(0% 0 none / 0.07843);
    --uy-color-utility-shadow-300: oklch(0% 0 none / 0.07843);
    --uy-color-utility-shadow-400: oklch(0% 0 none / 0.10196);
    --uy-color-utility-shadow-500: oklch(0% 0 none / 0.12157);
    --uy-color-utility-shadow-600: oklch(0% 0 none / 0.12157);
    --uy-shadow-canvas: none;
    --uy-font-serif: "Source Serif 4", serif;
    --uy-font-sans: Inter, sans-serif;
    --uy-font-mono: "Roboto Mono", monospace;
    --uy-grid-layout-gutter--default: calc(var(--uy-spacing) * 2);
    --uy-grid-layout-margin--default: calc(var(--uy-spacing) * 2);
    --uy-grid-layout-gutter--md: calc(var(--uy-spacing) * 2);
    --uy-grid-layout-margin--md: calc(var(--uy-spacing) * 3);
    --uy-grid-layout-gutter--lg: calc(var(--uy-spacing) * 2);
    --uy-grid-layout-margin--lg: calc(var(--uy-spacing) * 5);
    --uy-radius-xs: var(--uy-radius-50);
    --uy-radius-sm: var(--uy-radius-75);
    --uy-radius-md: var(--uy-radius-100);
    --uy-radius-lg: var(--uy-radius-200);
    --uy-radius-xl: var(--uy-radius-300);
    --uy-color-canvas: var(--uy-color-grayscale-l2);
    --uy-color-surface-primary-highest: var(--uy-color-blue-l10);
    --uy-color-surface-primary-high: var(--uy-color-blue-l8);
    --uy-color-surface-primary: var(--uy-color-blue-l5);
    --uy-color-surface-primary-enabled: var(--uy-color-blue-l5);
    --uy-color-surface-primary-hover: var(--uy-color-blue-l7);
    --uy-color-surface-primary-pressed: var(--uy-color-blue-l8);
    --uy-color-surface-primary-focus: var(--uy-color-blue-l5);
    --uy-color-surface-primary-active: var(--uy-color-blue-l5);
    --uy-color-surface-primary-disabled: var(--uy-color-grayscale-l3);
    --uy-color-surface-primary-low: var(--uy-color-blue-l3);
    --uy-color-surface-primary-lowest: var(--uy-color-blue-l1);
    --uy-color-surface-primary-lowest-enabled: var(--uy-color-blue-l1);
    --uy-color-surface-primary-lowest-hover: var(--uy-color-blue-l1);
    --uy-color-surface-primary-lowest-pressed: var(--uy-color-blue-l2);
    --uy-color-surface-primary-lowest-focus: var(--uy-color-blue-l4);
    --uy-color-surface-primary-lowest-active: var(--uy-color-blue-l1);
    --uy-color-surface-primary-lowest-disabled: var(--uy-color-grayscale-l2);
    --uy-color-surface-neutral: var(--uy-color-grayscale-l0);
    --uy-color-surface-neutral-enabled: var(--uy-color-grayscale-l0);
    --uy-color-surface-neutral-hover: var(--uy-color-grayscale-l3);
    --uy-color-surface-neutral-pressed: var(--uy-color-grayscale-l4);
    --uy-color-surface-neutral-focus: var(--uy-color-grayscale-l2);
    --uy-color-surface-neutral-active: var(--uy-color-grayscale-l4);
    --uy-color-surface-neutral-selected: var(--uy-color-grayscale-l3);
    --uy-color-surface-neutral-disabled: var(--uy-color-grayscale-l4);
    --uy-color-surface-neutral-low: var(--uy-color-grayscale-l3);
    --uy-color-surface-neutral-low-enabled: var(--uy-color-grayscale-l3);
    --uy-color-surface-neutral-low-hover: var(--uy-color-grayscale-l4);
    --uy-color-surface-neutral-low-pressed: var(--uy-color-grayscale-l5);
    --uy-color-surface-neutral-low-focus: var(--uy-color-grayscale-l4);
    --uy-color-surface-neutral-low-active: var(--uy-color-grayscale-l5);
    --uy-color-surface-neutral-low-disabled: var(--uy-color-grayscale-l3);
    --uy-color-surface-neutral-low-selected: var(--uy-color-grayscale-l4);
    --uy-color-surface-neutral-lowest: var(--uy-color-grayscale-l4);
    --uy-color-surface-neutral-lowest-enabled: var(--uy-color-grayscale-l4);
    --uy-color-surface-neutral-lowest-hover: var(--uy-color-grayscale-l5);
    --uy-color-surface-neutral-lowest-pressed: var(--uy-color-grayscale-l6);
    --uy-color-surface-neutral-lowest-focus: var(--uy-color-grayscale-l5);
    --uy-color-surface-neutral-lowest-active: var(--uy-color-grayscale-l6);
    --uy-color-surface-neutral-lowest-disabled: var(--uy-color-grayscale-l4);
    --uy-color-surface-neutral-lowest-selected: var(--uy-color-grayscale-l5);
    --uy-color-surface-danger: var(--uy-color-red-l7);
    --uy-color-surface-danger-enabled: var(--uy-color-red-l7);
    --uy-color-surface-danger-hover: var(--uy-color-red-l8);
    --uy-color-surface-danger-pressed: var(--uy-color-red-l9);
    --uy-color-surface-danger-focus: var(--uy-color-red-l7);
    --uy-color-surface-danger-active: var(--uy-color-red-l7);
    --uy-color-surface-danger-disabled: var(--uy-color-grayscale-l8);
    --uy-color-surface-danger-low: var(--uy-color-red-l3);
    --uy-color-surface-danger-lowest: var(--uy-color-red-l2);
    --uy-color-surface-danger-lowest-enabled: var(--uy-color-red-l1);
    --uy-color-surface-danger-lowest-hover: var(--uy-color-red-l2);
    --uy-color-surface-danger-lowest-pressed: var(--uy-color-red-l3);
    --uy-color-surface-danger-lowest-focus: var(--uy-color-grayscale-l0);
    --uy-color-surface-danger-lowest-active: var(--uy-color-red-l2);
    --uy-color-surface-danger-lowest-disabled: var(--uy-color-grayscale-l8);
    --uy-color-surface-warning: var(--uy-color-yellow-l6);
    --uy-color-surface-warning-enabled: var(--uy-color-yellow-l6);
    --uy-color-surface-warning-hover: var(--uy-color-yellow-l7);
    --uy-color-surface-warning-pressed: var(--uy-color-yellow-l8);
    --uy-color-surface-warning-focus: var(--uy-color-yellow-l6);
    --uy-color-surface-warning-active: var(--uy-color-yellow-l6);
    --uy-color-surface-warning-disabled: var(--uy-color-grayscale-l8);
    --uy-color-surface-warning-low: var(--uy-color-yellow-l3);
    --uy-color-surface-warning-lowest: var(--uy-color-yellow-l2);
    --uy-color-surface-warning-lowest-enabled: var(--uy-color-yellow-l2);
    --uy-color-surface-warning-lowest-hover: var(--uy-color-yellow-l2);
    --uy-color-surface-warning-lowest-pressed: var(--uy-color-yellow-l3);
    --uy-color-surface-warning-lowest-focus: var(--uy-color-grayscale-l0);
    --uy-color-surface-warning-lowest-active: var(--uy-color-yellow-l2);
    --uy-color-surface-warning-lowest-disabled: var(--uy-color-grayscale-l8);
    --uy-color-surface-success: var(--uy-color-green-l8);
    --uy-color-surface-success-low: var(--uy-color-green-l3);
    --uy-color-surface-success-lowest: var(--uy-color-green-l2);
    --uy-color-surface-success-lowest-enabled: var(--uy-color-green-l2);
    --uy-color-surface-success-lowest-hover: var(--uy-color-green-l2);
    --uy-color-surface-success-lowest-pressed: var(--uy-color-green-l3);
    --uy-color-surface-success-lowest-focus: var(--uy-color-green-l4);
    --uy-color-surface-success-lowest-active: var(--uy-color-green-l2);
    --uy-color-surface-success-lowest-disabled: var(--uy-color-grayscale-l8);
    --uy-color-surface-info: var(--uy-color-cyan-l6);
    --uy-color-surface-info-low: var(--uy-color-cyan-l3);
    --uy-color-surface-info-lowest: var(--uy-color-cyan-l2);
    --uy-color-surface-info-lowest-enabled: var(--uy-color-cyan-l2);
    --uy-color-surface-info-lowest-hover: var(--uy-color-cyan-l3);
    --uy-color-surface-info-lowest-pressed: var(--uy-color-cyan-l3);
    --uy-color-surface-info-lowest-focus: var(--uy-color-cyan-l9);
    --uy-color-surface-info-lowest-active: var(--uy-color-cyan-l11);
    --uy-color-surface-info-lowest-disabled: var(--uy-color-grayscale-l8);
    --uy-color-surface-promo: var(--uy-color-plum-l6);
    --uy-color-surface-promo-low: var(--uy-color-plum-l3);
    --uy-color-surface-promo-lowest: var(--uy-color-plum-l2);
    --uy-color-surface-ai-low: var(--uy-color-purple-l6);
    --uy-color-surface-form-enabled: var(--uy-color-grayscale-l0);
    --uy-color-surface-form-hover: var(--uy-color-grayscale-l0);
    --uy-color-surface-form-pressed: var(--uy-color-grayscale-l0);
    --uy-color-surface-form-focus: var(--uy-color-grayscale-l0);
    --uy-color-surface-form-active: var(--uy-color-blue-l5);
    --uy-color-surface-form-selected: var(--uy-color-blue-l1);
    --uy-color-surface-form-disabled: var(--uy-color-grayscale-l3);
    --uy-color-surface-form-read-only: var(--uy-color-grayscale-l8);
    --uy-color-surface-form-error: var(--uy-color-red-l2);
    --uy-color-surface-form-high-enabled: var(--uy-color-grayscale-l3);
    --uy-color-surface-form-high-hover: var(--uy-color-grayscale-l4);
    --uy-color-surface-form-high-pressed: var(--uy-color-grayscale-l5);
    --uy-color-surface-form-high-focus: var(--uy-color-grayscale-l3);
    --uy-color-surface-form-high-active: var(--uy-color-grayscale-l0);
    --uy-color-surface-form-high-selected: var(--uy-color-blue-l2);
    --uy-color-surface-form-high-disabled: var(--uy-color-grayscale-l2);
    --uy-color-surface-form-high-read-only: var(--uy-color-grayscale-l2);
    --uy-color-surface-form-high-error: var(--uy-color-red-l2);
    --uy-color-surface-inverted: var(--uy-color-grayscale-l12);
    --uy-color-surface-inverted-enabled: var(--uy-color-grayscale-l12);
    --uy-color-surface-inverted-hover: var(--uy-color-grayscale-l10);
    --uy-color-surface-inverted-pressed: var(--uy-color-grayscale-l11);
    --uy-color-surface-inverted-focus: var(--uy-color-grayscale-l12);
    --uy-color-surface-inverted-active: var(--uy-color-grayscale-l11);
    --uy-color-surface-decorative-teal: var(--uy-color-teal-l6);
    --uy-color-surface-decorative-teal-high: var(--uy-color-teal-l9);
    --uy-color-surface-decorative-teal-low: var(--uy-color-teal-l3);
    --uy-color-surface-decorative-teal-lowest: var(--uy-color-teal-l2);
    --uy-color-surface-decorative-purple-high: var(--uy-color-purple-l9);
    --uy-color-surface-decorative-purple: var(--uy-color-purple-l6);
    --uy-color-surface-decorative-purple-low: var(--uy-color-purple-l3);
    --uy-color-surface-decorative-purple-lowest: var(--uy-color-purple-l2);
    --uy-color-surface-decorative-plum: var(--uy-color-plum-l6);
    --uy-color-surface-decorative-plum-high: var(--uy-color-plum-l9);
    --uy-color-surface-decorative-plum-low: var(--uy-color-plum-l3);
    --uy-color-surface-decorative-plum-lowest: var(--uy-color-plum-l2);
    --uy-color-surface-decorative-orange: var(--uy-color-orange-l6);
    --uy-color-surface-decorative-orange-high: var(--uy-color-orange-l9);
    --uy-color-surface-decorative-orange-low: var(--uy-color-orange-l3);
    --uy-color-surface-decorative-orange-lowest: var(--uy-color-orange-l2);
    --uy-color-content-primary: var(--uy-color-blue-l6);
    --uy-color-content-primary-enabled: var(--uy-color-blue-l7);
    --uy-color-content-primary-hover: var(--uy-color-blue-l10);
    --uy-color-content-primary-pressed: var(--uy-color-blue-l11);
    --uy-color-content-primary-focus: var(--uy-color-blue-l7);
    --uy-color-content-primary-active: var(--uy-color-blue-l6);
    --uy-color-content-primary-disabled: var(--uy-color-grayscale-l8);
    --uy-color-content-primary-high: var(--uy-color-blue-l10);
    --uy-color-content-neutral: var(--uy-color-grayscale-l12);
    --uy-color-content-neutral-enabled: var(--uy-color-grayscale-l12);
    --uy-color-content-neutral-hover: var(--uy-color-grayscale-l12);
    --uy-color-content-neutral-pressed: var(--uy-color-grayscale-l12);
    --uy-color-content-neutral-focus: var(--uy-color-grayscale-l12);
    --uy-color-content-neutral-active: var(--uy-color-grayscale-l12);
    --uy-color-content-neutral-disabled: var(--uy-color-grayscale-l8);
    --uy-color-content-neutral-low: var(--uy-color-grayscale-l11);
    --uy-color-content-neutral-lowest: var(--uy-color-grayscale-l9);
    --uy-color-content-neutral-lowest-enabled: var(--uy-color-grayscale-l9);
    --uy-color-content-neutral-lowest-hover: var(--uy-color-grayscale-l10);
    --uy-color-content-neutral-lowest-pressed: var(--uy-color-grayscale-l11);
    --uy-color-content-neutral-lowest-focus: var(--uy-color-grayscale-l9);
    --uy-color-content-neutral-lowest-active: var(--uy-color-grayscale-l12);
    --uy-color-content-neutral-lowest-disabled: var(--uy-color-grayscale-l8);
    --uy-color-content-danger: var(--uy-color-red-l8);
    --uy-color-content-danger-enabled: var(--uy-color-red-l9);
    --uy-color-content-danger-hover: var(--uy-color-red-l10);
    --uy-color-content-danger-pressed: var(--uy-color-red-l11);
    --uy-color-content-danger-focus: var(--uy-color-red-l9);
    --uy-color-content-danger-active: var(--uy-color-red-l10);
    --uy-color-content-danger-disabled: var(--uy-color-grayscale-l8);
    --uy-color-content-danger-high: var(--uy-color-red-l11);
    --uy-color-content-warning: var(--uy-color-yellow-l7);
    --uy-color-content-warning-enabled: var(--uy-color-yellow-l11);
    --uy-color-content-warning-hover: var(--uy-color-yellow-l11);
    --uy-color-content-warning-pressed: var(--uy-color-yellow-l12);
    --uy-color-content-warning-focus: var(--uy-color-yellow-l1);
    --uy-color-content-warning-active: var(--uy-color-yellow-l11);
    --uy-color-content-warning-disabled: var(--uy-color-grayscale-l8);
    --uy-color-content-warning-high: var(--uy-color-yellow-l11);
    --uy-color-content-success: var(--uy-color-green-l8);
    --uy-color-content-success-enabled: var(--uy-color-green-l9);
    --uy-color-content-success-hover: var(--uy-color-green-l10);
    --uy-color-content-success-pressed: var(--uy-color-green-l11);
    --uy-color-content-success-focus: var(--uy-color-green-l9);
    --uy-color-content-success-active: var(--uy-color-green-l10);
    --uy-color-content-success-disabled: var(--uy-color-grayscale-l8);
    --uy-color-content-success-high: var(--uy-color-green-l11);
    --uy-color-content-info: var(--uy-color-cyan-l7);
    --uy-color-content-info-enabled: var(--uy-color-cyan-l9);
    --uy-color-content-info-hover: var(--uy-color-cyan-l10);
    --uy-color-content-info-pressed: var(--uy-color-cyan-l11);
    --uy-color-content-info-focus: var(--uy-color-cyan-l9);
    --uy-color-content-info-active: var(--uy-color-cyan-l10);
    --uy-color-content-info-disabled: var(--uy-color-grayscale-l8);
    --uy-color-content-info-high: var(--uy-color-cyan-l11);
    --uy-color-content-promo: var(--uy-color-plum-l6);
    --uy-color-content-promo-high: var(--uy-color-plum-l10);
    --uy-color-content-form-enabled: var(--uy-color-grayscale-l12);
    --uy-color-content-form-hover: var(--uy-color-grayscale-l12);
    --uy-color-content-form-pressed: var(--uy-color-grayscale-l12);
    --uy-color-content-form-focus: var(--uy-color-grayscale-l12);
    --uy-color-content-form-active: var(--uy-color-grayscale-l12);
    --uy-color-content-form-selected: var(--uy-color-blue-l6);
    --uy-color-content-form-disabled: var(--uy-color-grayscale-l8);
    --uy-color-content-form-read-only: var(--uy-color-grayscale-l12);
    --uy-color-content-form-invalid: var(--uy-color-red-l8);
    --uy-color-content-inverted: var(--uy-color-grayscale-l0);
    --uy-color-content-inverted-enabled: var(--uy-color-grayscale-l0);
    --uy-color-content-inverted-hover: var(--uy-color-grayscale-l2);
    --uy-color-content-inverted-pressed: var(--uy-color-grayscale-l4);
    --uy-color-content-inverted-focus: var(--uy-color-grayscale-l0);
    --uy-color-content-inverted-active: var(--uy-color-grayscale-l0);
    --uy-color-content-inverted-disabled: var(--uy-color-grayscale-l7);
    --uy-color-content-decorative-teal: var(--uy-color-teal-l6);
    --uy-color-content-decorative-teal-high: var(--uy-color-teal-l10);
    --uy-color-content-decorative-purple: var(--uy-color-purple-l6);
    --uy-color-content-decorative-purple-high: var(--uy-color-purple-l10);
    --uy-color-content-decorative-plum: var(--uy-color-plum-l6);
    --uy-color-content-decorative-plum-high: var(--uy-color-plum-l10);
    --uy-color-content-decorative-orange: var(--uy-color-orange-l6);
    --uy-color-content-decorative-orange-high: var(--uy-color-orange-l10);
    --uy-color-border-primary: var(--uy-color-blue-l5);
    --uy-color-border-primary-enabled: var(--uy-color-blue-l5);
    --uy-color-border-primary-hover: var(--uy-color-blue-l6);
    --uy-color-border-primary-pressed: var(--uy-color-blue-l7);
    --uy-color-border-primary-focus: var(--uy-color-blue-l5);
    --uy-color-border-primary-active: var(--uy-color-blue-l8);
    --uy-color-border-primary-disabled: var(--uy-color-grayscale-l4);
    --uy-color-border-primary-lowest: var(--uy-color-blue-l2);
    --uy-color-border-neutral-high: var(--uy-color-grayscale-l7);
    --uy-color-border-neutral-high-enabled: var(--uy-color-grayscale-l8);
    --uy-color-border-neutral-high-hover: var(--uy-color-grayscale-l9);
    --uy-color-border-neutral-high-pressed: var(--uy-color-grayscale-l10);
    --uy-color-border-neutral-high-focus: var(--uy-color-grayscale-l8);
    --uy-color-border-neutral-high-active: var(--uy-color-grayscale-l8);
    --uy-color-border-neutral-high-disabled: var(--uy-color-grayscale-l5);
    --uy-color-border-neutral: var(--uy-color-grayscale-l5);
    --uy-color-border-neutral-enabled: var(--uy-color-grayscale-l6);
    --uy-color-border-neutral-hover: var(--uy-color-grayscale-l6);
    --uy-color-border-neutral-active: var(--uy-color-blue-l5);
    --uy-color-border-neutral-pressed: var(--uy-color-grayscale-l7);
    --uy-color-border-neutral-selected: var(--uy-color-grayscale-l6);
    --uy-color-border-neutral-disabled: var(--uy-color-grayscale-l5);
    --uy-color-border-neutral-low: var(--uy-color-grayscale-l4);
    --uy-color-border-danger: var(--uy-color-red-l4);
    --uy-color-border-danger-lowest: var(--uy-color-red-l2);
    --uy-color-border-warning: var(--uy-color-yellow-l4);
    --uy-color-border-warning-lowest: var(--uy-color-yellow-l2);
    --uy-color-border-success: var(--uy-color-green-l8);
    --uy-color-border-success-low: var(--uy-color-green-l4);
    --uy-color-border-success-lowest: var(--uy-color-green-l2);
    --uy-color-border-info: var(--uy-color-cyan-l4);
    --uy-color-border-info-lowest: var(--uy-color-cyan-l2);
    --uy-color-border-promo: var(--uy-color-plum-l4);
    --uy-color-border-promo-lowest: var(--uy-color-plum-l3);
    --uy-color-border-form-enabled: var(--uy-color-grayscale-l8);
    --uy-color-border-form-hover: var(--uy-color-grayscale-l9);
    --uy-color-border-form-pressed: var(--uy-color-grayscale-l10);
    --uy-color-border-form-focus: var(--uy-color-grayscale-l8);
    --uy-color-border-form-active: var(--uy-color-blue-l5);
    --uy-color-border-form-selected: var(--uy-color-blue-l5);
    --uy-color-border-form-disabled: var(--uy-color-grayscale-l5);
    --uy-color-border-form-read-only: var(--uy-color-grayscale-l5);
    --uy-color-border-form-error: var(--uy-color-red-l8);
    --uy-color-border-inverted: var(--uy-color-grayscale-l2);
    --uy-color-border-inverted-enabled: var(--uy-color-grayscale-l2);
    --uy-color-border-inverted-hover: var(--uy-color-grayscale-l3);
    --uy-color-border-inverted-pressed: var(--uy-color-grayscale-l4);
    --uy-color-border-inverted-focus: var(--uy-color-grayscale-l2);
    --uy-color-border-inverted-active: var(--uy-color-grayscale-l1);
    --uy-color-border-inverted-disabled: var(--uy-color-grayscale-l7);
    --uy-color-border-inverted-high: var(--uy-color-grayscale-l0);
    --uy-color-utility-focus-ring: var(--uy-color-blue-l4);
    --uy-color-utility-inverted-focus-ring: var(--uy-color-yellow-l4);
    --uy-shadow-100: 0px 1px 4px 1px var(--uy-color-utility-shadow-100);
    --uy-shadow-200: 0px 2px 8px 1px var(--uy-color-utility-shadow-200);
    --uy-shadow-300: 0px 5px 10px 1px var(--uy-color-utility-shadow-300);
    --uy-shadow-400: 0px 8px 18px 2px var(--uy-color-utility-shadow-400);
    --uy-shadow-500: 0px 8px 24px 4px var(--uy-color-utility-shadow-500);
    --uy-shadow-600: 0px 15px 30px 5px var(--uy-color-utility-shadow-600);
    --uy-typography-default-display-heading: var(--uy-font-weight-semibold) var(--uy-text-1000)/1.25 var(--uy-font-sans);
    --uy-typography-sm-display-heading: var(--uy-font-weight-semibold) var(--uy-text-1000)/1.25 var(--uy-font-sans);
    --uy-typography-default-h1: var(--uy-font-weight-semibold) var(--uy-text-800)/1.2 var(--uy-font-sans);
    --uy-typography-sm-h1: var(--uy-font-weight-semibold) var(--uy-text-600)/1.286 var(--uy-font-sans);
    --uy-typography-default-h2: var(--uy-font-weight-semibold) var(--uy-text-400)/1.273 var(--uy-font-sans);
    --uy-typography-sm-h2: var(--uy-font-weight-semibold) var(--uy-text-500)/1.333 var(--uy-font-sans);
    --uy-typography-default-h3: var(--uy-font-weight-semibold) var(--uy-text-200)/1.333 var(--uy-font-sans);
    --uy-typography-sm-h3: var(--uy-font-weight-semibold) var(--uy-text-300)/1.2 var(--uy-font-sans);
    --uy-typography-default-h4: var(--uy-font-weight-semibold) var(--uy-text-100)/1.125 var(--uy-font-sans);
    --uy-typography-sm-h4: var(--uy-font-weight-semibold) var(--uy-text-200)/1.333 var(--uy-font-sans);
    --uy-typography-default-overline: var(--uy-font-weight-medium) var(--uy-text-100)/1.5 var(--uy-font-sans);
    --uy-typography-sm-overline: var(--uy-font-weight-medium) var(--uy-text-100)/1.5 var(--uy-font-sans);
    --uy-typography-default-subtitle: var(--uy-font-weight-regular) var(--uy-text-100)/1.5 var(--uy-font-sans);
    --uy-typography-sm-subtitle: var(--uy-font-weight-regular) var(--uy-text-100)/1.333 var(--uy-font-sans);
    --uy-typography-default-display-title: var(--uy-font-weight-semibold) var(--uy-text-300)/1.4 var(--uy-font-sans);
    --uy-typography-sm-display-title: var(--uy-font-weight-semibold) var(--uy-text-500)/1.333 var(--uy-font-sans);
    --uy-typography-default-display-body: var(--uy-font-weight-regular) var(--uy-text-100)/1.5 var(--uy-font-sans);
    --uy-typography-sm-display-body: var(--uy-font-weight-regular) var(--uy-text-200)/1.556 var(--uy-font-sans);
    --uy-typography-default-body: var(--uy-font-weight-regular) var(--uy-text-100)/1.5 var(--uy-font-sans);
    --uy-typography-sm-body: var(--uy-font-weight-regular) var(--uy-text-75)/1.571 var(--uy-font-sans);
    --uy-typography-default-body-strong: var(--uy-font-weight-medium) var(--uy-text-100)/1.5 var(--uy-font-sans);
    --uy-typography-sm-body-strong: var(--uy-font-weight-medium) var(--uy-text-75)/1.571 var(--uy-font-sans);
    --uy-typography-default-body-small: var(--uy-font-weight-regular) var(--uy-text-50)/1.667 var(--uy-font-sans);
    --uy-typography-sm-body-small: var(--uy-font-weight-regular) var(--uy-text-50)/1.667 var(--uy-font-sans);
    --uy-typography-default-body-small-strong: var(--uy-font-weight-medium) var(--uy-text-50)/1.667 var(--uy-font-sans);
    --uy-typography-sm-body-small-strong: var(--uy-font-weight-medium) var(--uy-text-50)/1.667 var(--uy-font-sans);
    --uy-typography-default-body-large: var(--uy-font-weight-regular) var(--uy-text-200)/1.556 var(--uy-font-sans);
    --uy-typography-sm-body-large: var(--uy-font-weight-regular) var(--uy-text-100)/1.5 var(--uy-font-sans);
    --uy-typography-default-body-large-strong: var(--uy-font-weight-medium) var(--uy-text-200)/1.556 var(--uy-font-sans);
    --uy-typography-sm-body-large-strong: var(--uy-font-weight-medium) var(--uy-text-100)/1.5 var(--uy-font-sans);
    --uy-typography-default-action: var(--uy-font-weight-medium) var(--uy-text-100)/1.5 var(--uy-font-sans);
    --uy-typography-sm-action: var(--uy-font-weight-medium) var(--uy-text-75)/1.571 var(--uy-font-sans);
    --uy-typography-default-action-small: var(--uy-font-weight-medium) var(--uy-text-50)/1.667 var(--uy-font-sans);
    --uy-typography-sm-action-small: var(--uy-font-weight-medium) var(--uy-text-50)/1.667 var(--uy-font-sans);
    --uy-typography-default-action-large: var(--uy-font-weight-medium) var(--uy-text-200)/1.556 var(--uy-font-sans);
    --uy-typography-sm-action-large: var(--uy-font-weight-medium) var(--uy-text-100)/1.5 var(--uy-font-sans);
    --uy-shadow-raising: var(--uy-shadow-100);
    --uy-shadow-floating: var(--uy-shadow-200);
    --uy-shadow-levitating: var(--uy-shadow-300);
    --uy-shadow-flying: var(--uy-shadow-400);
    --uy-shadow-soaring: var(--uy-shadow-500);
    --uy-shadow-summit: var(--uy-shadow-600);
  }

  [data-uy-theme="rebrand"] {
    --uy-animate-spin: 2s linear infinite spin;
    --uy-animate-arc-shrink: 2s ease-in-out infinite arc-shrink;
    --uy-animate-pulse: 2s cubic-bezier(0.4, 0, 0.6, 1) infinite pulse;
    --uy-animate-slide: 4s cubic-bezier(1, 0, 0.36, 0.71) infinite slide;
    --uy-animate-fade-in: 0.3s linear 1 fade-in;
    --uy-animate-fade-out: 0.3s linear 1 fade-out;
    --uy-animate-slide-right-fade-in: 0.3s ease-in 1 slide-right-fade-in;
    --uy-animate-slide-right-fade-out: 0.3s ease-out 1 slide-right-fade-out;
    --uy-animate-slide-up-fade-in: 0.3s ease-in 1 slide-up-fade-in;
    --uy-animate-slide-down-fade-out: 0.3s ease-out 1 slide-down-fade-out;
    --uy-animate-zoom-in: 0.3s ease-in 1 zoom-in;
    --uy-animate-zoom-out: 0.3s ease-out 1 zoom-out;
    --uy-aspect-video: 16 / 9;
    --uy-aspect-square: 1 / 1;
    --uy-breakpoint-sm: 490px;
    --uy-breakpoint-md: 768px;
    --uy-breakpoint-lg: 1280px;
    --uy-breakpoint-xl: 1440px;
    --uy-text-50: 12px;
    --uy-text-75: 14px;
    --uy-text-100: 16px;
    --uy-text-200: 18px;
    --uy-text-300: 20px;
    --uy-text-400: 22px;
    --uy-text-500: 24px;
    --uy-text-600: 28px;
    --uy-text-800: 30px;
    --uy-text-1000: 32px;
    --uy-text-1200: 38px;
    --uy-text-1400: 52px;
    --uy-text-1600: 66px;
    --uy-font-weight-regular: 400;
    --uy-font-weight-medium: 500;
    --uy-font-weight-semibold: 600;
    --uy-font-weight-bold: 700;
    --uy-grid-layout-columns--default: 6;
    --uy-grid-layout-columns--md: 12;
    --uy-grid-layout-columns--lg: 12;
    --uy-radius-0: 0;
    --uy-radius-25: 2px;
    --uy-radius-50: 4px;
    --uy-radius-75: 6px;
    --uy-radius-100: 8px;
    --uy-radius-125: 10px;
    --uy-radius-150: 12px;
    --uy-radius-200: 16px;
    --uy-radius-300: 24px;
    --uy-radius-400: 32px;
    --uy-radius-circle: 50%;
    --uy-radius-pill: 9999px;
    --uy-container-app-menu: 296px; /** Width of the main menu in global App layout */
    --uy-container-lg: 984px; /** Maximum width for layout containers at large resolutions */
    --uy-container-xl: 1360px; /** Maximum width for layout containers at extra-large resolutions */
    --uy-container-content: 523px; /** Maximum width for content containers */
    --uy-container-section: 703px; /** Maximum width for section containers */
    --uy-container-page: 1063px; /** Maximum width for page containers */
    --uy-container-app: 1439px; /** Maximum width for app containers */
    --uy-spacing-0: 0;
    --uy-spacing-25: 2px;
    --uy-spacing-50: 4px;
    --uy-spacing-75: 6px;
    --uy-spacing-100: 8px;
    --uy-spacing-125: 10px;
    --uy-spacing-150: 12px;
    --uy-spacing-200: 16px;
    --uy-spacing-250: 20px;
    --uy-spacing-300: 24px;
    --uy-spacing-400: 32px;
    --uy-spacing-500: 40px;
    --uy-spacing-600: 48px;
    --uy-spacing-800: 64px;
    --uy-spacing-1000: 80px;
    --uy-spacing: 8px; /** Base spacing value */
    --uy-color-grayscale-l1: oklch(99.107% 0 none);
    --uy-color-grayscale-l2: oklch(98.483% 0.00132 106.42);
    --uy-color-grayscale-l3: oklch(96.987% 0.00132 106.42);
    --uy-color-grayscale-l4: oklch(95.563% 0.00172 67.802);
    --uy-color-grayscale-l5: oklch(92.515% 0.0029 84.559);
    --uy-color-grayscale-l6: oklch(87.71% 0.00351 67.778);
    --uy-color-grayscale-l7: oklch(76.698% 0.00304 84.561);
    --uy-color-grayscale-l8: oklch(66.489% 0.00564 67.728);
    --uy-color-grayscale-l9: oklch(53.906% 0.00524 78.28);
    --uy-color-grayscale-l10: oklch(46.613% 0.00504 56.284);
    --uy-color-grayscale-l11: oklch(32.073% 0.00174 106.5);
    --uy-color-grayscale-l12: oklch(15.864% 0.00207 106.63);
    --uy-color-grayscale-l0: oklch(100% 0 none);
    --uy-color-red-l1: oklch(97.792% 0.01075 17.34);
    --uy-color-red-l2: oklch(94.381% 0.02876 9.7161);
    --uy-color-red-l3: oklch(89.492% 0.04856 14.944);
    --uy-color-red-l4: oklch(78.582% 0.1152 16.001);
    --uy-color-red-l5: oklch(71.886% 0.16053 17.784);
    --uy-color-red-l6: oklch(65.708% 0.19759 21.046);
    --uy-color-red-l7: oklch(59.25% 0.21355 24.137);
    --uy-color-red-l8: oklch(57.879% 0.20845 23.228);
    --uy-color-red-l9: oklch(50.925% 0.17633 22.089);
    --uy-color-red-l10: oklch(43.341% 0.14894 22.251);
    --uy-color-red-l11: oklch(35.625% 0.12118 22.019);
    --uy-color-red-l12: oklch(17.535% 0.05614 18.19);
    --uy-color-green-l1: oklch(98.871% 0.00744 164.95);
    --uy-color-green-l2: oklch(96.38% 0.02223 160.23);
    --uy-color-green-l3: oklch(92.126% 0.05504 160.67);
    --uy-color-green-l4: oklch(86.028% 0.09651 159.64);
    --uy-color-green-l5: oklch(81.721% 0.12618 158.13);
    --uy-color-green-l6: oklch(77.692% 0.15338 156.44);
    --uy-color-green-l7: oklch(73.847% 0.17437 153.87);
    --uy-color-green-l8: oklch(57.61% 0.14966 151.64);
    --uy-color-green-l9: oklch(47.424% 0.11597 153.14);
    --uy-color-green-l10: oklch(39.675% 0.09458 153.9);
    --uy-color-green-l11: oklch(31.845% 0.0735 154.83);
    --uy-color-green-l12: oklch(24.608% 0.05225 158.42);
    --uy-color-yellow-l1: oklch(99.339% 0.01073 95.159);
    --uy-color-yellow-l2: oklch(97.915% 0.03037 98.851);
    --uy-color-yellow-l3: oklch(95.518% 0.06994 99.662);
    --uy-color-yellow-l4: oklch(92.557% 0.1141 100.74);
    --uy-color-yellow-l5: oklch(89.595% 0.13091 97.032);
    --uy-color-yellow-l6: oklch(84.352% 0.16318 90.591);
    --uy-color-yellow-l7: oklch(77.818% 0.15947 85.077);
    --uy-color-yellow-l8: oklch(69.416% 0.14464 76.061);
    --uy-color-yellow-l9: oklch(63.915% 0.13445 73.481);
    --uy-color-yellow-l10: oklch(54.002% 0.11336 74.267);
    --uy-color-yellow-l11: oklch(30.395% 0.06335 78.023);
    --uy-color-yellow-l12: oklch(22.149% 0.0459 79.81);
    --uy-color-cyan-l1: oklch(97.886% 0.00986 267.36);
    --uy-color-cyan-l2: oklch(95.134% 0.02342 256.1);
    --uy-color-cyan-l3: oklch(88.875% 0.0523 253.72);
    --uy-color-cyan-l4: oklch(84.58% 0.07513 252.94);
    --uy-color-cyan-l5: oklch(77.464% 0.10865 254.47);
    --uy-color-cyan-l6: oklch(61.837% 0.19835 264.1);
    --uy-color-cyan-l7: oklch(49.463% 0.23537 263.16);
    --uy-color-cyan-l8: oklch(45.699% 0.23019 263.15);
    --uy-color-cyan-l9: oklch(37.762% 0.18821 262.89);
    --uy-color-cyan-l10: oklch(34.112% 0.16828 262.78);
    --uy-color-cyan-l11: oklch(26.594% 0.12371 262.08);
    --uy-color-cyan-l12: oklch(17.635% 0.07085 259.71);
    --uy-color-blue-l1: oklch(97.952% 0.01094 225.98);
    --uy-color-blue-l2: oklch(96.382% 0.02364 223.67);
    --uy-color-blue-l3: oklch(93.309% 0.03781 224.26);
    --uy-color-blue-l4: oklch(86.944% 0.07387 225.17);
    --uy-color-blue-l5: oklch(79.937% 0.09849 228.77);
    --uy-color-blue-l6: oklch(73.171% 0.11492 230.76);
    --uy-color-blue-l7: oklch(64.991% 0.13865 236.58);
    --uy-color-blue-l8: oklch(54.305% 0.12243 240.11);
    --uy-color-blue-l9: oklch(48.504% 0.11745 244.2);
    --uy-color-blue-l10: oklch(41.431% 0.11515 250.54);
    --uy-color-blue-l11: oklch(31.396% 0.08821 251.58);
    --uy-color-blue-l12: oklch(20.128% 0.05254 250.57);
    --uy-color-purple-l1: oklch(98.727% 0.00667 295.45);
    --uy-color-purple-l2: oklch(93.912% 0.03693 306.42);
    --uy-color-purple-l3: oklch(86.42% 0.08356 305.11);
    --uy-color-purple-l4: oklch(80.045% 0.12523 304.54);
    --uy-color-purple-l5: oklch(70.598% 0.18751 302.64);
    --uy-color-purple-l6: oklch(59.606% 0.25733 298.62);
    --uy-color-purple-l7: oklch(50.521% 0.27523 292.38);
    --uy-color-purple-l8: oklch(39.992% 0.22552 290.56);
    --uy-color-purple-l9: oklch(34.128% 0.19137 291.48);
    --uy-color-purple-l10: oklch(28.003% 0.15567 292.93);
    --uy-color-purple-l11: oklch(21.779% 0.11996 294.49);
    --uy-color-purple-l12: oklch(19.414% 0.10973 276.86);
    --uy-color-plum-l1: oklch(98.074% 0.01687 325.7);
    --uy-color-plum-l2: oklch(95.054% 0.0442 325.92);
    --uy-color-plum-l3: oklch(89.634% 0.09612 326.34);
    --uy-color-plum-l4: oklch(84.63% 0.14779 326.78);
    --uy-color-plum-l5: oklch(77.951% 0.22327 327.45);
    --uy-color-plum-l6: oklch(70.055% 0.26778 327.97);
    --uy-color-plum-l7: oklch(66.973% 0.30481 328.34);
    --uy-color-plum-l8: oklch(60.393% 0.27757 328.36);
    --uy-color-plum-l9: oklch(55.799% 0.25645 328.36);
    --uy-color-plum-l10: oklch(41.854% 0.19236 328.36);
    --uy-color-plum-l11: oklch(28.707% 0.13194 328.36);
    --uy-color-plum-l12: oklch(21.133% 0.09713 328.36);
    --uy-color-peach-l1: oklch(97.27% 0.01359 34.299);
    --uy-color-peach-l2: oklch(90.632% 0.04897 32.141);
    --uy-color-peach-l3: oklch(82.029% 0.10207 33.458);
    --uy-color-peach-l9: oklch(74.944% 0.15289 33.756);
    --uy-color-peach-l10: oklch(68.145% 0.20917 33.947);
    --uy-color-peach-l11: oklch(45.269% 0.14889 33.908);
    --uy-color-peach-l12: oklch(22.79% 0.07583 37.262);
    --uy-color-sunglow-l1: oklch(97.781% 0.02393 85.787);
    --uy-color-sunglow-l2: oklch(94.597% 0.05744 85.031);
    --uy-color-sunglow-l3: oklch(88.727% 0.12792 86.388);
    --uy-color-sunglow-l9: oklch(82.358% 0.16964 79.247);
    --uy-color-sunglow-l10: oklch(55.358% 0.10103 84.486);
    --uy-color-sunglow-l11: oklch(41.232% 0.07399 83.781);
    --uy-color-sunglow-l12: oklch(28.544% 0.05865 83.417);
    --uy-color-teal-l1: oklch(98.684% 0.01389 185.97);
    --uy-color-teal-l2: oklch(96.544% 0.02736 188.32);
    --uy-color-teal-l3: oklch(94.626% 0.05078 185.69);
    --uy-color-teal-l4: oklch(93.062% 0.07454 184.48);
    --uy-color-teal-l5: oklch(89.504% 0.09816 184.34);
    --uy-color-teal-l6: oklch(83.729% 0.13003 182.66);
    --uy-color-teal-l7: oklch(81.175% 0.14302 180.05);
    --uy-color-teal-l8: oklch(75.655% 0.13859 178.63);
    --uy-color-teal-l9: oklch(64.039% 0.11735 178.57);
    --uy-color-teal-l10: oklch(53.68% 0.09858 178.28);
    --uy-color-teal-l11: oklch(39.29% 0.07141 179.75);
    --uy-color-teal-l12: oklch(25.219% 0.04499 182.68);
    --uy-color-orange-l1: oklch(98.951% 0.00901 78.283);
    --uy-color-orange-l2: oklch(96.593% 0.02201 63.21);
    --uy-color-orange-l3: oklch(91.294% 0.06104 66.137);
    --uy-color-orange-l4: oklch(84.141% 0.11341 63.98);
    --uy-color-orange-l5: oklch(78.942% 0.14833 59.584);
    --uy-color-orange-l6: oklch(74.813% 0.1758 55.368);
    --uy-color-orange-l7: oklch(70.436% 0.18901 48.977);
    --uy-color-orange-l8: oklch(62.422% 0.17068 47.739);
    --uy-color-orange-l9: oklch(52.276% 0.14176 48.278);
    --uy-color-orange-l10: oklch(41.774% 0.1105 49.961);
    --uy-color-orange-l11: oklch(31.978% 0.08201 52.207);
    --uy-color-orange-l12: oklch(22.532% 0.05418 57.579);
    --uy-color-utility-backdrop: oklch(16.172% 0.03703 253.15 / 0.6);
    --uy-color-utility-shadow-100: oklch(0% 0 none / 0.05882);
    --uy-color-utility-shadow-200: oklch(0% 0 none / 0.07843);
    --uy-color-utility-shadow-300: oklch(0% 0 none / 0.07843);
    --uy-color-utility-shadow-400: oklch(0% 0 none / 0.10196);
    --uy-color-utility-shadow-500: oklch(0% 0 none / 0.12157);
    --uy-color-utility-shadow-600: oklch(0% 0 none / 0.12157);
    --uy-shadow-canvas: none;
    --uy-font-serif: "Heartbreak Eighties", serif;
    --uy-font-sans: Inter, sans-serif;
    --uy-font-mono: "Roboto Mono", monospace;
    --uy-grid-layout-gutter--default: calc(var(--uy-spacing) * 2);
    --uy-grid-layout-margin--default: calc(var(--uy-spacing) * 2);
    --uy-grid-layout-gutter--md: calc(var(--uy-spacing) * 2);
    --uy-grid-layout-margin--md: calc(var(--uy-spacing) * 3);
    --uy-grid-layout-gutter--lg: calc(var(--uy-spacing) * 2);
    --uy-grid-layout-margin--lg: calc(var(--uy-spacing) * 5);
    --uy-radius-xs: var(--uy-radius-50);
    --uy-radius-sm: var(--uy-radius-75);
    --uy-radius-md: var(--uy-radius-100);
    --uy-radius-lg: var(--uy-radius-200);
    --uy-radius-xl: var(--uy-radius-300);
    --uy-color-canvas: var(--uy-color-grayscale-l2);
    --uy-color-surface-primary-highest: var(--uy-color-plum-l10);
    --uy-color-surface-primary-high: var(--uy-color-plum-l8);
    --uy-color-surface-primary: var(--uy-color-plum-l6);
    --uy-color-surface-primary-enabled: var(--uy-color-plum-l6);
    --uy-color-surface-primary-hover: var(--uy-color-plum-l7);
    --uy-color-surface-primary-pressed: var(--uy-color-plum-l8);
    --uy-color-surface-primary-focus: var(--uy-color-plum-l6);
    --uy-color-surface-primary-active: var(--uy-color-plum-l6);
    --uy-color-surface-primary-disabled: var(--uy-color-grayscale-l5);
    --uy-color-surface-primary-low: var(--uy-color-plum-l3);
    --uy-color-surface-primary-lowest: var(--uy-color-plum-l1);
    --uy-color-surface-primary-lowest-enabled: var(--uy-color-plum-l1);
    --uy-color-surface-primary-lowest-hover: var(--uy-color-grayscale-l1);
    --uy-color-surface-primary-lowest-pressed: var(--uy-color-plum-l1);
    --uy-color-surface-primary-lowest-focus: var(--uy-color-plum-l4);
    --uy-color-surface-primary-lowest-active: var(--uy-color-plum-l1);
    --uy-color-surface-primary-lowest-disabled: var(--uy-color-grayscale-l2);
    --uy-color-surface-neutral: var(--uy-color-grayscale-l0);
    --uy-color-surface-neutral-enabled: var(--uy-color-grayscale-l0);
    --uy-color-surface-neutral-hover: var(--uy-color-grayscale-l3);
    --uy-color-surface-neutral-pressed: var(--uy-color-plum-l2);
    --uy-color-surface-neutral-focus: var(--uy-color-grayscale-l2);
    --uy-color-surface-neutral-active: var(--uy-color-plum-l2);
    --uy-color-surface-neutral-selected: var(--uy-color-grayscale-l3);
    --uy-color-surface-neutral-disabled: var(--uy-color-grayscale-l4);
    --uy-color-surface-neutral-low: var(--uy-color-grayscale-l3);
    --uy-color-surface-neutral-low-enabled: var(--uy-color-grayscale-l3);
    --uy-color-surface-neutral-low-hover: var(--uy-color-grayscale-l4);
    --uy-color-surface-neutral-low-pressed: var(--uy-color-plum-l3);
    --uy-color-surface-neutral-low-focus: var(--uy-color-grayscale-l3);
    --uy-color-surface-neutral-low-active: var(--uy-color-grayscale-l3);
    --uy-color-surface-neutral-low-disabled: var(--uy-color-grayscale-l5);
    --uy-color-surface-neutral-low-selected: var(--uy-color-grayscale-l3);
    --uy-color-surface-neutral-lowest: var(--uy-color-grayscale-l4);
    --uy-color-surface-neutral-lowest-enabled: var(--uy-color-grayscale-l4);
    --uy-color-surface-neutral-lowest-hover: var(--uy-color-grayscale-l5);
    --uy-color-surface-neutral-lowest-pressed: var(--uy-color-grayscale-l6);
    --uy-color-surface-neutral-lowest-focus: var(--uy-color-grayscale-l4);
    --uy-color-surface-neutral-lowest-active: var(--uy-color-grayscale-l5);
    --uy-color-surface-neutral-lowest-disabled: var(--uy-color-grayscale-l4);
    --uy-color-surface-neutral-lowest-selected: var(--uy-color-grayscale-l6);
    --uy-color-surface-neutral-highest: var(--uy-color-grayscale-l12);
    --uy-color-surface-neutral-highest-enabled: var(--uy-color-grayscale-l12);
    --uy-color-surface-neutral-highest-hover: var(--uy-color-grayscale-l11);
    --uy-color-surface-neutral-highest-pressed: var(--uy-color-plum-l5);
    --uy-color-surface-neutral-highest-active: var(--uy-color-grayscale-l12);
    --uy-color-surface-neutral-highest-focus: var(--uy-color-grayscale-l12);
    --uy-color-surface-neutral-highest-disabled: var(--uy-color-grayscale-l5);
    --uy-color-surface-neutral-highest-selected: var(--uy-color-grayscale-l12);
    --uy-color-surface-danger: var(--uy-color-red-l7);
    --uy-color-surface-danger-enabled: var(--uy-color-red-l7);
    --uy-color-surface-danger-hover: var(--uy-color-red-l8);
    --uy-color-surface-danger-pressed: var(--uy-color-red-l9);
    --uy-color-surface-danger-focus: var(--uy-color-red-l7);
    --uy-color-surface-danger-active: var(--uy-color-red-l7);
    --uy-color-surface-danger-disabled: var(--uy-color-grayscale-l8);
    --uy-color-surface-danger-low: var(--uy-color-red-l3);
    --uy-color-surface-danger-lowest: var(--uy-color-red-l2);
    --uy-color-surface-danger-lowest-enabled: var(--uy-color-red-l1);
    --uy-color-surface-danger-lowest-hover: var(--uy-color-red-l2);
    --uy-color-surface-danger-lowest-pressed: var(--uy-color-red-l3);
    --uy-color-surface-danger-lowest-focus: var(--uy-color-grayscale-l0);
    --uy-color-surface-danger-lowest-active: var(--uy-color-red-l2);
    --uy-color-surface-danger-lowest-disabled: var(--uy-color-grayscale-l8);
    --uy-color-surface-warning: var(--uy-color-yellow-l6);
    --uy-color-surface-warning-enabled: var(--uy-color-yellow-l6);
    --uy-color-surface-warning-hover: var(--uy-color-yellow-l7);
    --uy-color-surface-warning-pressed: var(--uy-color-yellow-l8);
    --uy-color-surface-warning-focus: var(--uy-color-yellow-l6);
    --uy-color-surface-warning-active: var(--uy-color-yellow-l6);
    --uy-color-surface-warning-disabled: var(--uy-color-grayscale-l8);
    --uy-color-surface-warning-low: var(--uy-color-yellow-l3);
    --uy-color-surface-warning-lowest: var(--uy-color-yellow-l2);
    --uy-color-surface-warning-lowest-enabled: var(--uy-color-yellow-l2);
    --uy-color-surface-warning-lowest-hover: var(--uy-color-yellow-l2);
    --uy-color-surface-warning-lowest-pressed: var(--uy-color-yellow-l3);
    --uy-color-surface-warning-lowest-focus: var(--uy-color-grayscale-l0);
    --uy-color-surface-warning-lowest-active: var(--uy-color-yellow-l2);
    --uy-color-surface-warning-lowest-disabled: var(--uy-color-grayscale-l8);
    --uy-color-surface-success: var(--uy-color-green-l8);
    --uy-color-surface-success-low: var(--uy-color-green-l3);
    --uy-color-surface-success-lowest: var(--uy-color-green-l2);
    --uy-color-surface-success-lowest-enabled: var(--uy-color-green-l2);
    --uy-color-surface-success-lowest-hover: var(--uy-color-green-l2);
    --uy-color-surface-success-lowest-pressed: var(--uy-color-green-l3);
    --uy-color-surface-success-lowest-focus: var(--uy-color-green-l4);
    --uy-color-surface-success-lowest-active: var(--uy-color-green-l2);
    --uy-color-surface-success-lowest-disabled: var(--uy-color-grayscale-l8);
    --uy-color-surface-info: var(--uy-color-blue-l4);
    --uy-color-surface-info-low: var(--uy-color-blue-l3);
    --uy-color-surface-info-lowest: var(--uy-color-blue-l2);
    --uy-color-surface-info-lowest-enabled: var(--uy-color-blue-l2);
    --uy-color-surface-info-lowest-hover: var(--uy-color-blue-l3);
    --uy-color-surface-info-lowest-pressed: var(--uy-color-blue-l3);
    --uy-color-surface-info-lowest-focus: var(--uy-color-blue-l2);
    --uy-color-surface-info-lowest-active: var(--uy-color-blue-l2);
    --uy-color-surface-info-lowest-disabled: var(--uy-color-grayscale-l8);
    --uy-color-surface-promo: var(--uy-color-plum-l6);
    --uy-color-surface-promo-low: var(--uy-color-plum-l3);
    --uy-color-surface-promo-lowest: var(--uy-color-plum-l2);
    --uy-color-surface-ai-low: var(--uy-color-purple-l6);
    --uy-color-surface-form-enabled: var(--uy-color-grayscale-l0);
    --uy-color-surface-form-hover: var(--uy-color-grayscale-l0);
    --uy-color-surface-form-pressed: var(--uy-color-grayscale-l0);
    --uy-color-surface-form-focus: var(--uy-color-grayscale-l0);
    --uy-color-surface-form-active: var(--uy-color-plum-l6);
    --uy-color-surface-form-selected: var(--uy-color-plum-l2);
    --uy-color-surface-form-disabled: var(--uy-color-grayscale-l3);
    --uy-color-surface-form-read-only: var(--uy-color-grayscale-l9);
    --uy-color-surface-form-error: var(--uy-color-red-l2);
    --uy-color-surface-form-high-enabled: var(--uy-color-grayscale-l3);
    --uy-color-surface-form-high-hover: var(--uy-color-grayscale-l4);
    --uy-color-surface-form-high-pressed: var(--uy-color-grayscale-l2);
    --uy-color-surface-form-high-focus: var(--uy-color-grayscale-l3);
    --uy-color-surface-form-high-active: var(--uy-color-grayscale-l0);
    --uy-color-surface-form-high-selected: var(--uy-color-plum-l2);
    --uy-color-surface-form-high-disabled: var(--uy-color-grayscale-l2);
    --uy-color-surface-form-high-read-only: var(--uy-color-grayscale-l2);
    --uy-color-surface-form-high-error: var(--uy-color-red-l2);
    --uy-color-surface-inverted: var(--uy-color-grayscale-l12);
    --uy-color-surface-inverted-enabled: var(--uy-color-grayscale-l12);
    --uy-color-surface-inverted-hover: var(--uy-color-grayscale-l10);
    --uy-color-surface-inverted-pressed: var(--uy-color-grayscale-l11);
    --uy-color-surface-inverted-focus: var(--uy-color-grayscale-l12);
    --uy-color-surface-inverted-active: var(--uy-color-grayscale-l11);
    --uy-color-surface-inverted-low-enabled: var(--uy-color-grayscale-l11);
    --uy-color-surface-inverted-low-hover: var(--uy-color-grayscale-l10);
    --uy-color-surface-inverted-low-pressed: var(--uy-color-grayscale-l11);
    --uy-color-surface-inverted-low-active: var(--uy-color-grayscale-l11);
    --uy-color-surface-inverted-low-focus: var(--uy-color-grayscale-l11);
    --uy-color-surface-inverted-low-disabled: var(--uy-color-grayscale-l10);
    --uy-color-surface-decorative-teal: var(--uy-color-teal-l6);
    --uy-color-surface-decorative-teal-high: var(--uy-color-teal-l9);
    --uy-color-surface-decorative-teal-low: var(--uy-color-teal-l3);
    --uy-color-surface-decorative-teal-lowest: var(--uy-color-teal-l2);
    --uy-color-surface-decorative-purple-high: var(--uy-color-purple-l9);
    --uy-color-surface-decorative-purple: var(--uy-color-purple-l6);
    --uy-color-surface-decorative-purple-low: var(--uy-color-purple-l3);
    --uy-color-surface-decorative-purple-lowest: var(--uy-color-purple-l2);
    --uy-color-surface-decorative-plum: var(--uy-color-plum-l6);
    --uy-color-surface-decorative-plum-high: var(--uy-color-plum-l9);
    --uy-color-surface-decorative-plum-low: var(--uy-color-plum-l3);
    --uy-color-surface-decorative-plum-lowest: var(--uy-color-plum-l2);
    --uy-color-surface-decorative-orange: var(--uy-color-orange-l6);
    --uy-color-surface-decorative-orange-high: var(--uy-color-orange-l9);
    --uy-color-surface-decorative-orange-low: var(--uy-color-orange-l3);
    --uy-color-surface-decorative-orange-lowest: var(--uy-color-orange-l2);
    --uy-color-content-primary: var(--uy-color-plum-l6);
    --uy-color-content-primary-enabled: var(--uy-color-plum-l8);
    --uy-color-content-primary-hover: var(--uy-color-plum-l9);
    --uy-color-content-primary-pressed: var(--uy-color-plum-l10);
    --uy-color-content-primary-focus: var(--uy-color-plum-l8);
    --uy-color-content-primary-active: var(--uy-color-plum-l8);
    --uy-color-content-primary-disabled: var(--uy-color-grayscale-l7);
    --uy-color-content-primary-high: var(--uy-color-plum-l10);
    --uy-color-content-neutral: var(--uy-color-grayscale-l12);
    --uy-color-content-neutral-enabled: var(--uy-color-grayscale-l12);
    --uy-color-content-neutral-hover: var(--uy-color-grayscale-l12);
    --uy-color-content-neutral-pressed: var(--uy-color-grayscale-l12);
    --uy-color-content-neutral-focus: var(--uy-color-grayscale-l12);
    --uy-color-content-neutral-active: var(--uy-color-grayscale-l12);
    --uy-color-content-neutral-disabled: var(--uy-color-grayscale-l7);
    --uy-color-content-neutral-low: var(--uy-color-grayscale-l11);
    --uy-color-content-neutral-lowest: var(--uy-color-grayscale-l9);
    --uy-color-content-neutral-lowest-enabled: var(--uy-color-grayscale-l9);
    --uy-color-content-neutral-lowest-hover: var(--uy-color-grayscale-l10);
    --uy-color-content-neutral-lowest-pressed: var(--uy-color-grayscale-l12);
    --uy-color-content-neutral-lowest-focus: var(--uy-color-grayscale-l9);
    --uy-color-content-neutral-lowest-active: var(--uy-color-grayscale-l9);
    --uy-color-content-neutral-lowest-disabled: var(--uy-color-grayscale-l7);
    --uy-color-content-danger: var(--uy-color-red-l8);
    --uy-color-content-danger-enabled: var(--uy-color-red-l9);
    --uy-color-content-danger-hover: var(--uy-color-red-l10);
    --uy-color-content-danger-pressed: var(--uy-color-red-l11);
    --uy-color-content-danger-focus: var(--uy-color-red-l9);
    --uy-color-content-danger-active: var(--uy-color-red-l9);
    --uy-color-content-danger-disabled: var(--uy-color-grayscale-l8);
    --uy-color-content-danger-high: var(--uy-color-red-l10);
    --uy-color-content-warning: var(--uy-color-yellow-l7);
    --uy-color-content-warning-enabled: var(--uy-color-yellow-l11);
    --uy-color-content-warning-hover: var(--uy-color-yellow-l11);
    --uy-color-content-warning-pressed: var(--uy-color-yellow-l12);
    --uy-color-content-warning-focus: var(--uy-color-yellow-l11);
    --uy-color-content-warning-active: var(--uy-color-yellow-l11);
    --uy-color-content-warning-disabled: var(--uy-color-grayscale-l8);
    --uy-color-content-warning-high: var(--uy-color-yellow-l11);
    --uy-color-content-success: var(--uy-color-green-l8);
    --uy-color-content-success-enabled: var(--uy-color-green-l9);
    --uy-color-content-success-hover: var(--uy-color-green-l10);
    --uy-color-content-success-pressed: var(--uy-color-green-l11);
    --uy-color-content-success-focus: var(--uy-color-green-l9);
    --uy-color-content-success-active: var(--uy-color-green-l10);
    --uy-color-content-success-disabled: var(--uy-color-grayscale-l8);
    --uy-color-content-success-high: var(--uy-color-green-l11);
    --uy-color-content-info: var(--uy-color-blue-l7);
    --uy-color-content-info-enabled: var(--uy-color-blue-l9);
    --uy-color-content-info-hover: var(--uy-color-blue-l10);
    --uy-color-content-info-pressed: var(--uy-color-blue-l11);
    --uy-color-content-info-focus: var(--uy-color-blue-l9);
    --uy-color-content-info-active: var(--uy-color-blue-l10);
    --uy-color-content-info-disabled: var(--uy-color-grayscale-l8);
    --uy-color-content-info-high: var(--uy-color-blue-l11);
    --uy-color-content-promo: var(--uy-color-plum-l6);
    --uy-color-content-promo-high: var(--uy-color-plum-l10);
    --uy-color-content-form-enabled: var(--uy-color-grayscale-l12);
    --uy-color-content-form-hover: var(--uy-color-grayscale-l12);
    --uy-color-content-form-pressed: var(--uy-color-grayscale-l12);
    --uy-color-content-form-focus: var(--uy-color-grayscale-l12);
    --uy-color-content-form-active: var(--uy-color-grayscale-l12);
    --uy-color-content-form-selected: var(--uy-color-grayscale-l12);
    --uy-color-content-form-disabled: var(--uy-color-grayscale-l8);
    --uy-color-content-form-read-only: var(--uy-color-grayscale-l8);
    --uy-color-content-form-invalid: var(--uy-color-red-l8);
    --uy-color-content-inverted: var(--uy-color-grayscale-l0);
    --uy-color-content-inverted-enabled: var(--uy-color-grayscale-l0);
    --uy-color-content-inverted-hover: var(--uy-color-grayscale-l0);
    --uy-color-content-inverted-pressed: var(--uy-color-grayscale-l0);
    --uy-color-content-inverted-focus: var(--uy-color-grayscale-l0);
    --uy-color-content-inverted-active: var(--uy-color-grayscale-l0);
    --uy-color-content-inverted-disabled: var(--uy-color-grayscale-l7);
    --uy-color-content-decorative-teal: var(--uy-color-teal-l6);
    --uy-color-content-decorative-teal-high: var(--uy-color-teal-l10);
    --uy-color-content-decorative-purple: var(--uy-color-purple-l6);
    --uy-color-content-decorative-purple-high: var(--uy-color-purple-l10);
    --uy-color-content-decorative-plum: var(--uy-color-plum-l6);
    --uy-color-content-decorative-plum-high: var(--uy-color-plum-l10);
    --uy-color-content-decorative-orange: var(--uy-color-orange-l6);
    --uy-color-content-decorative-orange-high: var(--uy-color-orange-l10);
    --uy-color-border-primary: var(--uy-color-plum-l7);
    --uy-color-border-primary-enabled: var(--uy-color-plum-l7);
    --uy-color-border-primary-hover: var(--uy-color-plum-l8);
    --uy-color-border-primary-pressed: var(--uy-color-plum-l9);
    --uy-color-border-primary-focus: var(--uy-color-plum-l7);
    --uy-color-border-primary-active: var(--uy-color-plum-l7);
    --uy-color-border-primary-disabled: var(--uy-color-grayscale-l4);
    --uy-color-border-primary-lowest: var(--uy-color-plum-l3);
    --uy-color-border-neutral-high: var(--uy-color-grayscale-l7);
    --uy-color-border-neutral-high-enabled: var(--uy-color-grayscale-l8);
    --uy-color-border-neutral-high-hover: var(--uy-color-grayscale-l9);
    --uy-color-border-neutral-high-pressed: var(--uy-color-grayscale-l10);
    --uy-color-border-neutral-high-focus: var(--uy-color-grayscale-l8);
    --uy-color-border-neutral-high-active: var(--uy-color-grayscale-l8);
    --uy-color-border-neutral-high-disabled: var(--uy-color-grayscale-l5);
    --uy-color-border-neutral: var(--uy-color-grayscale-l5);
    --uy-color-border-neutral-enabled: var(--uy-color-grayscale-l6);
    --uy-color-border-neutral-hover: var(--uy-color-grayscale-l6);
    --uy-color-border-neutral-active: var(--uy-color-grayscale-l7);
    --uy-color-border-neutral-pressed: var(--uy-color-grayscale-l6);
    --uy-color-border-neutral-selected: var(--uy-color-grayscale-l6);
    --uy-color-border-neutral-disabled: var(--uy-color-grayscale-l5);
    --uy-color-border-neutral-low: var(--uy-color-grayscale-l4);
    --uy-color-border-neutral-highest: var(--uy-color-grayscale-l12);
    --uy-color-border-neutral-highest-enabled: var(--uy-color-grayscale-l12);
    --uy-color-border-neutral-highest-hover: var(--uy-color-grayscale-l11);
    --uy-color-border-neutral-highest-pressed: var(--uy-color-grayscale-l12);
    --uy-color-border-neutral-highest-active: var(--uy-color-grayscale-l12);
    --uy-color-border-neutral-highest-focus: var(--uy-color-grayscale-l12);
    --uy-color-border-neutral-highest-disabled: var(--uy-color-grayscale-l4);
    --uy-color-border-danger: var(--uy-color-red-l4);
    --uy-color-border-danger-lowest: var(--uy-color-red-l2);
    --uy-color-border-warning: var(--uy-color-yellow-l4);
    --uy-color-border-warning-lowest: var(--uy-color-yellow-l2);
    --uy-color-border-success: var(--uy-color-green-l8);
    --uy-color-border-success-low: var(--uy-color-green-l4);
    --uy-color-border-success-lowest: var(--uy-color-green-l2);
    --uy-color-border-info: var(--uy-color-blue-l4);
    --uy-color-border-info-lowest: var(--uy-color-blue-l2);
    --uy-color-border-promo: var(--uy-color-plum-l4);
    --uy-color-border-promo-lowest: var(--uy-color-plum-l3);
    --uy-color-border-form-enabled: var(--uy-color-grayscale-l8);
    --uy-color-border-form-hover: var(--uy-color-grayscale-l9);
    --uy-color-border-form-pressed: var(--uy-color-grayscale-l10);
    --uy-color-border-form-focus: var(--uy-color-grayscale-l8);
    --uy-color-border-form-active: var(--uy-color-grayscale-l12);
    --uy-color-border-form-selected: var(--uy-color-plum-l6);
    --uy-color-border-form-disabled: var(--uy-color-grayscale-l5);
    --uy-color-border-form-read-only: var(--uy-color-grayscale-l5);
    --uy-color-border-form-error: var(--uy-color-red-l8);
    --uy-color-border-inverted: var(--uy-color-grayscale-l0);
    --uy-color-border-inverted-enabled: var(--uy-color-grayscale-l2);
    --uy-color-border-inverted-hover: var(--uy-color-grayscale-l3);
    --uy-color-border-inverted-pressed: var(--uy-color-grayscale-l4);
    --uy-color-border-inverted-focus: var(--uy-color-grayscale-l2);
    --uy-color-border-inverted-active: var(--uy-color-grayscale-l1);
    --uy-color-border-inverted-disabled: var(--uy-color-grayscale-l7);
    --uy-color-border-inverted-high: var(--uy-color-grayscale-l2);
    --uy-color-utility-focus-ring: var(--uy-color-blue-l7);
    --uy-color-utility-inverted-focus-ring: var(--uy-color-yellow-l4);
    --uy-shadow-100: 0px 1px 4px 1px var(--uy-color-utility-shadow-100);
    --uy-shadow-200: 0px 2px 8px 1px var(--uy-color-utility-shadow-200);
    --uy-shadow-300: 0px 5px 10px 1px var(--uy-color-utility-shadow-300);
    --uy-shadow-400: 0px 8px 18px 2px var(--uy-color-utility-shadow-400);
    --uy-shadow-500: 0px 8px 24px 4px var(--uy-color-utility-shadow-500);
    --uy-shadow-600: 0px 15px 30px 5px var(--uy-color-utility-shadow-600);
    --uy-typography-default-display-heading: var(--uy-font-weight-regular) var(--uy-text-1200)/1.1578
      var(--uy-font-serif);
    --uy-typography-sm-display-heading: var(--uy-font-weight-regular) var(--uy-text-1200)/1.1578 var(--uy-font-serif);
    --uy-typography-default-h1: var(--uy-font-weight-regular) var(--uy-text-1000)/1.125 var(--uy-font-serif);
    --uy-typography-sm-h1: var(--uy-font-weight-regular) var(--uy-text-1000)/1.125 var(--uy-font-serif);
    --uy-typography-default-h2: var(--uy-font-weight-semibold) var(--uy-text-400)/1.273 var(--uy-font-sans);
    --uy-typography-sm-h2: var(--uy-font-weight-semibold) var(--uy-text-500)/1.333 var(--uy-font-sans);
    --uy-typography-default-h3: var(--uy-font-weight-semibold) var(--uy-text-200)/1.333 var(--uy-font-sans);
    --uy-typography-sm-h3: var(--uy-font-weight-semibold) var(--uy-text-300)/1.2 var(--uy-font-sans);
    --uy-typography-default-h4: var(--uy-font-weight-semibold) var(--uy-text-100)/1.125 var(--uy-font-sans);
    --uy-typography-sm-h4: var(--uy-font-weight-semibold) var(--uy-text-200)/1.333 var(--uy-font-sans);
    --uy-typography-default-overline: var(--uy-font-weight-medium) var(--uy-text-100)/1.5 var(--uy-font-sans);
    --uy-typography-sm-overline: var(--uy-font-weight-medium) var(--uy-text-100)/1.5 var(--uy-font-sans);
    --uy-typography-default-subtitle: var(--uy-font-weight-regular) var(--uy-text-100)/1.5 var(--uy-font-sans);
    --uy-typography-sm-subtitle: var(--uy-font-weight-regular) var(--uy-text-100)/1.333 var(--uy-font-sans);
    --uy-typography-default-display-title: var(--uy-font-weight-semibold) var(--uy-text-300)/1.4 var(--uy-font-sans);
    --uy-typography-sm-display-title: var(--uy-font-weight-semibold) var(--uy-text-500)/1.333 var(--uy-font-sans);
    --uy-typography-default-display-body: var(--uy-font-weight-regular) var(--uy-text-100)/1.5 var(--uy-font-sans);
    --uy-typography-sm-display-body: var(--uy-font-weight-regular) var(--uy-text-200)/1.556 var(--uy-font-sans);
    --uy-typography-default-body: var(--uy-font-weight-regular) var(--uy-text-100)/1.5 var(--uy-font-sans);
    --uy-typography-sm-body: var(--uy-font-weight-regular) var(--uy-text-75)/1.571 var(--uy-font-sans);
    --uy-typography-default-body-strong: var(--uy-font-weight-medium) var(--uy-text-100)/1.5 var(--uy-font-sans);
    --uy-typography-sm-body-strong: var(--uy-font-weight-medium) var(--uy-text-75)/1.571 var(--uy-font-sans);
    --uy-typography-default-body-small: var(--uy-font-weight-regular) var(--uy-text-50)/1.667 var(--uy-font-sans);
    --uy-typography-sm-body-small: var(--uy-font-weight-regular) var(--uy-text-50)/1.667 var(--uy-font-sans);
    --uy-typography-default-body-small-strong: var(--uy-font-weight-medium) var(--uy-text-50)/1.667 var(--uy-font-sans);
    --uy-typography-sm-body-small-strong: var(--uy-font-weight-medium) var(--uy-text-50)/1.667 var(--uy-font-sans);
    --uy-typography-default-body-large: var(--uy-font-weight-regular) var(--uy-text-200)/1.556 var(--uy-font-sans);
    --uy-typography-sm-body-large: var(--uy-font-weight-regular) var(--uy-text-100)/1.5 var(--uy-font-sans);
    --uy-typography-default-body-large-strong: var(--uy-font-weight-medium) var(--uy-text-200)/1.556 var(--uy-font-sans);
    --uy-typography-sm-body-large-strong: var(--uy-font-weight-medium) var(--uy-text-100)/1.5 var(--uy-font-sans);
    --uy-typography-default-action: var(--uy-font-weight-medium) var(--uy-text-100)/1.5 var(--uy-font-sans);
    --uy-typography-sm-action: var(--uy-font-weight-medium) var(--uy-text-75)/1.571 var(--uy-font-sans);
    --uy-typography-default-action-small: var(--uy-font-weight-medium) var(--uy-text-50)/1.667 var(--uy-font-sans);
    --uy-typography-sm-action-small: var(--uy-font-weight-medium) var(--uy-text-50)/1.667 var(--uy-font-sans);
    --uy-typography-default-action-large: var(--uy-font-weight-medium) var(--uy-text-200)/1.556 var(--uy-font-sans);
    --uy-typography-sm-action-large: var(--uy-font-weight-medium) var(--uy-text-100)/1.5 var(--uy-font-sans);
    --uy-shadow-raising: var(--uy-shadow-100);
    --uy-shadow-floating: var(--uy-shadow-200);
    --uy-shadow-levitating: var(--uy-shadow-300);
    --uy-shadow-flying: var(--uy-shadow-400);
    --uy-shadow-soaring: var(--uy-shadow-500);
    --uy-shadow-summit: var(--uy-shadow-600);
  }
}

@theme {
  --color-*: initial;
  --animate-spin: var(--uy-animate-spin);
  --animate-arc-shrink: var(--uy-animate-arc-shrink);
  --animate-pulse: var(--uy-animate-pulse);
  --animate-slide: var(--uy-animate-slide);
  --animate-fade-in: var(--uy-animate-fade-in);
  --animate-fade-out: var(--uy-animate-fade-out);
  --animate-slide-right-fade-in: var(--uy-animate-slide-right-fade-in);
  --animate-slide-right-fade-out: var(--uy-animate-slide-right-fade-out);
  --animate-slide-up-fade-in: var(--uy-animate-slide-up-fade-in);
  --animate-slide-down-fade-out: var(--uy-animate-slide-down-fade-out);
  --animate-zoom-in: var(--uy-animate-zoom-in);
  --animate-zoom-out: var(--uy-animate-zoom-out);
  --aspect-video: var(--uy-aspect-video);
  --aspect-square: var(--uy-aspect-square);
  --breakpoint-sm: 490px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1280px;
  --breakpoint-xl: 1440px;
  --text-50: var(--uy-text-50);
  --text-75: var(--uy-text-75);
  --text-100: var(--uy-text-100);
  --text-200: var(--uy-text-200);
  --text-300: var(--uy-text-300);
  --text-400: var(--uy-text-400);
  --text-500: var(--uy-text-500);
  --text-600: var(--uy-text-600);
  --text-800: var(--uy-text-800);
  --text-1000: var(--uy-text-1000);
  --text-1200: var(--uy-text-1200);
  --text-1400: var(--uy-text-1400);
  --text-1600: var(--uy-text-1600);
  --font-weight-regular: var(--uy-font-weight-regular);
  --font-weight-medium: var(--uy-font-weight-medium);
  --font-weight-semibold: var(--uy-font-weight-semibold);
  --font-weight-bold: var(--uy-font-weight-bold);
  --grid-layout-columns--default: var(--uy-grid-layout-columns--default);
  --grid-layout-gutter--default: var(--uy-grid-layout-gutter--default);
  --grid-layout-margin--default: var(--uy-grid-layout-margin--default);
  --grid-layout-columns--md: var(--uy-grid-layout-columns--md);
  --grid-layout-gutter--md: var(--uy-grid-layout-gutter--md);
  --grid-layout-margin--md: var(--uy-grid-layout-margin--md);
  --grid-layout-columns--lg: var(--uy-grid-layout-columns--lg);
  --grid-layout-gutter--lg: var(--uy-grid-layout-gutter--lg);
  --grid-layout-margin--lg: var(--uy-grid-layout-margin--lg);
  --radius-0: var(--uy-radius-0);
  --radius-25: var(--uy-radius-25);
  --radius-50: var(--uy-radius-50);
  --radius-75: var(--uy-radius-75);
  --radius-100: var(--uy-radius-100);
  --radius-125: var(--uy-radius-125);
  --radius-150: var(--uy-radius-150);
  --radius-200: var(--uy-radius-200);
  --radius-300: var(--uy-radius-300);
  --radius-400: var(--uy-radius-400);
  --radius-circle: var(--uy-radius-circle);
  --radius-pill: var(--uy-radius-pill);
  --radius-xs: var(--uy-radius-xs);
  --radius-sm: var(--uy-radius-sm);
  --radius-md: var(--uy-radius-md);
  --radius-lg: var(--uy-radius-lg);
  --radius-xl: var(--uy-radius-xl);
  --container-app-menu: 296px;
  --container-lg: 984px;
  --container-xl: 1360px;
  --container-content: 523px;
  --container-section: 703px;
  --container-page: 1063px;
  --container-app: 1439px;
  --spacing-0: var(--uy-spacing-0);
  --spacing-25: var(--uy-spacing-25);
  --spacing-50: var(--uy-spacing-50);
  --spacing-75: var(--uy-spacing-75);
  --spacing-100: var(--uy-spacing-100);
  --spacing-125: var(--uy-spacing-125);
  --spacing-150: var(--uy-spacing-150);
  --spacing-200: var(--uy-spacing-200);
  --spacing-250: var(--uy-spacing-250);
  --spacing-300: var(--uy-spacing-300);
  --spacing-400: var(--uy-spacing-400);
  --spacing-500: var(--uy-spacing-500);
  --spacing-600: var(--uy-spacing-600);
  --spacing-800: var(--uy-spacing-800);
  --spacing-1000: var(--uy-spacing-1000);
  --spacing: var(--uy-spacing);
  --color-grayscale-l1: var(--uy-color-grayscale-l1);
  --color-grayscale-l2: var(--uy-color-grayscale-l2);
  --color-grayscale-l3: var(--uy-color-grayscale-l3);
  --color-grayscale-l4: var(--uy-color-grayscale-l4);
  --color-grayscale-l5: var(--uy-color-grayscale-l5);
  --color-grayscale-l6: var(--uy-color-grayscale-l6);
  --color-grayscale-l7: var(--uy-color-grayscale-l7);
  --color-grayscale-l8: var(--uy-color-grayscale-l8);
  --color-grayscale-l9: var(--uy-color-grayscale-l9);
  --color-grayscale-l10: var(--uy-color-grayscale-l10);
  --color-grayscale-l11: var(--uy-color-grayscale-l11);
  --color-grayscale-l12: var(--uy-color-grayscale-l12);
  --color-grayscale-l0: var(--uy-color-grayscale-l0);
  --color-red-l1: var(--uy-color-red-l1);
  --color-red-l2: var(--uy-color-red-l2);
  --color-red-l3: var(--uy-color-red-l3);
  --color-red-l4: var(--uy-color-red-l4);
  --color-red-l5: var(--uy-color-red-l5);
  --color-red-l6: var(--uy-color-red-l6);
  --color-red-l7: var(--uy-color-red-l7);
  --color-red-l8: var(--uy-color-red-l8);
  --color-red-l9: var(--uy-color-red-l9);
  --color-red-l10: var(--uy-color-red-l10);
  --color-red-l11: var(--uy-color-red-l11);
  --color-red-l12: var(--uy-color-red-l12);
  --color-green-l1: var(--uy-color-green-l1);
  --color-green-l2: var(--uy-color-green-l2);
  --color-green-l3: var(--uy-color-green-l3);
  --color-green-l4: var(--uy-color-green-l4);
  --color-green-l5: var(--uy-color-green-l5);
  --color-green-l6: var(--uy-color-green-l6);
  --color-green-l7: var(--uy-color-green-l7);
  --color-green-l8: var(--uy-color-green-l8);
  --color-green-l9: var(--uy-color-green-l9);
  --color-green-l10: var(--uy-color-green-l10);
  --color-green-l11: var(--uy-color-green-l11);
  --color-green-l12: var(--uy-color-green-l12);
  --color-yellow-l1: var(--uy-color-yellow-l1);
  --color-yellow-l2: var(--uy-color-yellow-l2);
  --color-yellow-l3: var(--uy-color-yellow-l3);
  --color-yellow-l4: var(--uy-color-yellow-l4);
  --color-yellow-l5: var(--uy-color-yellow-l5);
  --color-yellow-l6: var(--uy-color-yellow-l6);
  --color-yellow-l7: var(--uy-color-yellow-l7);
  --color-yellow-l8: var(--uy-color-yellow-l8);
  --color-yellow-l9: var(--uy-color-yellow-l9);
  --color-yellow-l10: var(--uy-color-yellow-l10);
  --color-yellow-l11: var(--uy-color-yellow-l11);
  --color-yellow-l12: var(--uy-color-yellow-l12);
  --color-cyan-l1: var(--uy-color-cyan-l1);
  --color-cyan-l2: var(--uy-color-cyan-l2);
  --color-cyan-l3: var(--uy-color-cyan-l3);
  --color-cyan-l4: var(--uy-color-cyan-l4);
  --color-cyan-l5: var(--uy-color-cyan-l5);
  --color-cyan-l6: var(--uy-color-cyan-l6);
  --color-cyan-l7: var(--uy-color-cyan-l7);
  --color-cyan-l8: var(--uy-color-cyan-l8);
  --color-cyan-l9: var(--uy-color-cyan-l9);
  --color-cyan-l10: var(--uy-color-cyan-l10);
  --color-cyan-l11: var(--uy-color-cyan-l11);
  --color-cyan-l12: var(--uy-color-cyan-l12);
  --color-blue-l1: var(--uy-color-blue-l1);
  --color-blue-l2: var(--uy-color-blue-l2);
  --color-blue-l3: var(--uy-color-blue-l3);
  --color-blue-l4: var(--uy-color-blue-l4);
  --color-blue-l5: var(--uy-color-blue-l5);
  --color-blue-l6: var(--uy-color-blue-l6);
  --color-blue-l7: var(--uy-color-blue-l7);
  --color-blue-l8: var(--uy-color-blue-l8);
  --color-blue-l9: var(--uy-color-blue-l9);
  --color-blue-l10: var(--uy-color-blue-l10);
  --color-blue-l11: var(--uy-color-blue-l11);
  --color-blue-l12: var(--uy-color-blue-l12);
  --color-purple-l1: var(--uy-color-purple-l1);
  --color-purple-l2: var(--uy-color-purple-l2);
  --color-purple-l3: var(--uy-color-purple-l3);
  --color-purple-l4: var(--uy-color-purple-l4);
  --color-purple-l5: var(--uy-color-purple-l5);
  --color-purple-l6: var(--uy-color-purple-l6);
  --color-purple-l7: var(--uy-color-purple-l7);
  --color-purple-l8: var(--uy-color-purple-l8);
  --color-purple-l9: var(--uy-color-purple-l9);
  --color-purple-l10: var(--uy-color-purple-l10);
  --color-purple-l11: var(--uy-color-purple-l11);
  --color-purple-l12: var(--uy-color-purple-l12);
  --color-plum-l1: var(--uy-color-plum-l1);
  --color-plum-l2: var(--uy-color-plum-l2);
  --color-plum-l3: var(--uy-color-plum-l3);
  --color-plum-l4: var(--uy-color-plum-l4);
  --color-plum-l5: var(--uy-color-plum-l5);
  --color-plum-l6: var(--uy-color-plum-l6);
  --color-plum-l7: var(--uy-color-plum-l7);
  --color-plum-l8: var(--uy-color-plum-l8);
  --color-plum-l9: var(--uy-color-plum-l9);
  --color-plum-l10: var(--uy-color-plum-l10);
  --color-plum-l11: var(--uy-color-plum-l11);
  --color-plum-l12: var(--uy-color-plum-l12);
  --color-peach-l1: var(--uy-color-peach-l1);
  --color-peach-l2: var(--uy-color-peach-l2);
  --color-peach-l3: var(--uy-color-peach-l3);
  --color-peach-l9: var(--uy-color-peach-l9);
  --color-peach-l10: var(--uy-color-peach-l10);
  --color-peach-l11: var(--uy-color-peach-l11);
  --color-peach-l12: var(--uy-color-peach-l12);
  --color-sunglow-l1: var(--uy-color-sunglow-l1);
  --color-sunglow-l2: var(--uy-color-sunglow-l2);
  --color-sunglow-l3: var(--uy-color-sunglow-l3);
  --color-sunglow-l9: var(--uy-color-sunglow-l9);
  --color-sunglow-l10: var(--uy-color-sunglow-l10);
  --color-sunglow-l11: var(--uy-color-sunglow-l11);
  --color-sunglow-l12: var(--uy-color-sunglow-l12);
  --color-teal-l1: var(--uy-color-teal-l1);
  --color-teal-l2: var(--uy-color-teal-l2);
  --color-teal-l3: var(--uy-color-teal-l3);
  --color-teal-l4: var(--uy-color-teal-l4);
  --color-teal-l5: var(--uy-color-teal-l5);
  --color-teal-l6: var(--uy-color-teal-l6);
  --color-teal-l7: var(--uy-color-teal-l7);
  --color-teal-l8: var(--uy-color-teal-l8);
  --color-teal-l9: var(--uy-color-teal-l9);
  --color-teal-l10: var(--uy-color-teal-l10);
  --color-teal-l11: var(--uy-color-teal-l11);
  --color-teal-l12: var(--uy-color-teal-l12);
  --color-orange-l1: var(--uy-color-orange-l1);
  --color-orange-l2: var(--uy-color-orange-l2);
  --color-orange-l3: var(--uy-color-orange-l3);
  --color-orange-l4: var(--uy-color-orange-l4);
  --color-orange-l5: var(--uy-color-orange-l5);
  --color-orange-l6: var(--uy-color-orange-l6);
  --color-orange-l7: var(--uy-color-orange-l7);
  --color-orange-l8: var(--uy-color-orange-l8);
  --color-orange-l9: var(--uy-color-orange-l9);
  --color-orange-l10: var(--uy-color-orange-l10);
  --color-orange-l11: var(--uy-color-orange-l11);
  --color-orange-l12: var(--uy-color-orange-l12);
  --color-canvas: var(--uy-color-canvas);
  --color-surface-primary-highest: var(--uy-color-surface-primary-highest);
  --color-surface-primary-high: var(--uy-color-surface-primary-high);
  --color-surface-primary: var(--uy-color-surface-primary);
  --color-surface-primary-enabled: var(--uy-color-surface-primary-enabled);
  --color-surface-primary-hover: var(--uy-color-surface-primary-hover);
  --color-surface-primary-pressed: var(--uy-color-surface-primary-pressed);
  --color-surface-primary-focus: var(--uy-color-surface-primary-focus);
  --color-surface-primary-active: var(--uy-color-surface-primary-active);
  --color-surface-primary-disabled: var(--uy-color-surface-primary-disabled);
  --color-surface-primary-low: var(--uy-color-surface-primary-low);
  --color-surface-primary-lowest: var(--uy-color-surface-primary-lowest);
  --color-surface-primary-lowest-enabled: var(--uy-color-surface-primary-lowest-enabled);
  --color-surface-primary-lowest-hover: var(--uy-color-surface-primary-lowest-hover);
  --color-surface-primary-lowest-pressed: var(--uy-color-surface-primary-lowest-pressed);
  --color-surface-primary-lowest-focus: var(--uy-color-surface-primary-lowest-focus);
  --color-surface-primary-lowest-active: var(--uy-color-surface-primary-lowest-active);
  --color-surface-primary-lowest-disabled: var(--uy-color-surface-primary-lowest-disabled);
  --color-surface-neutral: var(--uy-color-surface-neutral);
  --color-surface-neutral-enabled: var(--uy-color-surface-neutral-enabled);
  --color-surface-neutral-hover: var(--uy-color-surface-neutral-hover);
  --color-surface-neutral-pressed: var(--uy-color-surface-neutral-pressed);
  --color-surface-neutral-focus: var(--uy-color-surface-neutral-focus);
  --color-surface-neutral-active: var(--uy-color-surface-neutral-active);
  --color-surface-neutral-selected: var(--uy-color-surface-neutral-selected);
  --color-surface-neutral-disabled: var(--uy-color-surface-neutral-disabled);
  --color-surface-neutral-low: var(--uy-color-surface-neutral-low);
  --color-surface-neutral-low-enabled: var(--uy-color-surface-neutral-low-enabled);
  --color-surface-neutral-low-hover: var(--uy-color-surface-neutral-low-hover);
  --color-surface-neutral-low-pressed: var(--uy-color-surface-neutral-low-pressed);
  --color-surface-neutral-low-focus: var(--uy-color-surface-neutral-low-focus);
  --color-surface-neutral-low-active: var(--uy-color-surface-neutral-low-active);
  --color-surface-neutral-low-disabled: var(--uy-color-surface-neutral-low-disabled);
  --color-surface-neutral-low-selected: var(--uy-color-surface-neutral-low-selected);
  --color-surface-neutral-lowest: var(--uy-color-surface-neutral-lowest);
  --color-surface-neutral-lowest-enabled: var(--uy-color-surface-neutral-lowest-enabled);
  --color-surface-neutral-lowest-hover: var(--uy-color-surface-neutral-lowest-hover);
  --color-surface-neutral-lowest-pressed: var(--uy-color-surface-neutral-lowest-pressed);
  --color-surface-neutral-lowest-focus: var(--uy-color-surface-neutral-lowest-focus);
  --color-surface-neutral-lowest-active: var(--uy-color-surface-neutral-lowest-active);
  --color-surface-neutral-lowest-disabled: var(--uy-color-surface-neutral-lowest-disabled);
  --color-surface-neutral-lowest-selected: var(--uy-color-surface-neutral-lowest-selected);
  --color-surface-neutral-highest: var(--uy-color-surface-neutral-highest);
  --color-surface-neutral-highest-enabled: var(--uy-color-surface-neutral-highest-enabled);
  --color-surface-neutral-highest-hover: var(--uy-color-surface-neutral-highest-hover);
  --color-surface-neutral-highest-pressed: var(--uy-color-surface-neutral-highest-pressed);
  --color-surface-neutral-highest-active: var(--uy-color-surface-neutral-highest-active);
  --color-surface-neutral-highest-focus: var(--uy-color-surface-neutral-highest-focus);
  --color-surface-neutral-highest-disabled: var(--uy-color-surface-neutral-highest-disabled);
  --color-surface-neutral-highest-selected: var(--uy-color-surface-neutral-highest-selected);
  --color-surface-danger: var(--uy-color-surface-danger);
  --color-surface-danger-enabled: var(--uy-color-surface-danger-enabled);
  --color-surface-danger-hover: var(--uy-color-surface-danger-hover);
  --color-surface-danger-pressed: var(--uy-color-surface-danger-pressed);
  --color-surface-danger-focus: var(--uy-color-surface-danger-focus);
  --color-surface-danger-active: var(--uy-color-surface-danger-active);
  --color-surface-danger-disabled: var(--uy-color-surface-danger-disabled);
  --color-surface-danger-low: var(--uy-color-surface-danger-low);
  --color-surface-danger-lowest: var(--uy-color-surface-danger-lowest);
  --color-surface-danger-lowest-enabled: var(--uy-color-surface-danger-lowest-enabled);
  --color-surface-danger-lowest-hover: var(--uy-color-surface-danger-lowest-hover);
  --color-surface-danger-lowest-pressed: var(--uy-color-surface-danger-lowest-pressed);
  --color-surface-danger-lowest-focus: var(--uy-color-surface-danger-lowest-focus);
  --color-surface-danger-lowest-active: var(--uy-color-surface-danger-lowest-active);
  --color-surface-danger-lowest-disabled: var(--uy-color-surface-danger-lowest-disabled);
  --color-surface-warning: var(--uy-color-surface-warning);
  --color-surface-warning-enabled: var(--uy-color-surface-warning-enabled);
  --color-surface-warning-hover: var(--uy-color-surface-warning-hover);
  --color-surface-warning-pressed: var(--uy-color-surface-warning-pressed);
  --color-surface-warning-focus: var(--uy-color-surface-warning-focus);
  --color-surface-warning-active: var(--uy-color-surface-warning-active);
  --color-surface-warning-disabled: var(--uy-color-surface-warning-disabled);
  --color-surface-warning-low: var(--uy-color-surface-warning-low);
  --color-surface-warning-lowest: var(--uy-color-surface-warning-lowest);
  --color-surface-warning-lowest-enabled: var(--uy-color-surface-warning-lowest-enabled);
  --color-surface-warning-lowest-hover: var(--uy-color-surface-warning-lowest-hover);
  --color-surface-warning-lowest-pressed: var(--uy-color-surface-warning-lowest-pressed);
  --color-surface-warning-lowest-focus: var(--uy-color-surface-warning-lowest-focus);
  --color-surface-warning-lowest-active: var(--uy-color-surface-warning-lowest-active);
  --color-surface-warning-lowest-disabled: var(--uy-color-surface-warning-lowest-disabled);
  --color-surface-success: var(--uy-color-surface-success);
  --color-surface-success-low: var(--uy-color-surface-success-low);
  --color-surface-success-lowest: var(--uy-color-surface-success-lowest);
  --color-surface-success-lowest-enabled: var(--uy-color-surface-success-lowest-enabled);
  --color-surface-success-lowest-hover: var(--uy-color-surface-success-lowest-hover);
  --color-surface-success-lowest-pressed: var(--uy-color-surface-success-lowest-pressed);
  --color-surface-success-lowest-focus: var(--uy-color-surface-success-lowest-focus);
  --color-surface-success-lowest-active: var(--uy-color-surface-success-lowest-active);
  --color-surface-success-lowest-disabled: var(--uy-color-surface-success-lowest-disabled);
  --color-surface-info: var(--uy-color-surface-info);
  --color-surface-info-low: var(--uy-color-surface-info-low);
  --color-surface-info-lowest: var(--uy-color-surface-info-lowest);
  --color-surface-info-lowest-enabled: var(--uy-color-surface-info-lowest-enabled);
  --color-surface-info-lowest-hover: var(--uy-color-surface-info-lowest-hover);
  --color-surface-info-lowest-pressed: var(--uy-color-surface-info-lowest-pressed);
  --color-surface-info-lowest-focus: var(--uy-color-surface-info-lowest-focus);
  --color-surface-info-lowest-active: var(--uy-color-surface-info-lowest-active);
  --color-surface-info-lowest-disabled: var(--uy-color-surface-info-lowest-disabled);
  --color-surface-promo: var(--uy-color-surface-promo);
  --color-surface-promo-low: var(--uy-color-surface-promo-low);
  --color-surface-promo-lowest: var(--uy-color-surface-promo-lowest);
  --color-surface-ai-low: var(--uy-color-surface-ai-low);
  --color-surface-form-enabled: var(--uy-color-surface-form-enabled);
  --color-surface-form-hover: var(--uy-color-surface-form-hover);
  --color-surface-form-pressed: var(--uy-color-surface-form-pressed);
  --color-surface-form-focus: var(--uy-color-surface-form-focus);
  --color-surface-form-active: var(--uy-color-surface-form-active);
  --color-surface-form-selected: var(--uy-color-surface-form-selected);
  --color-surface-form-disabled: var(--uy-color-surface-form-disabled);
  --color-surface-form-read-only: var(--uy-color-surface-form-read-only);
  --color-surface-form-error: var(--uy-color-surface-form-error);
  --color-surface-form-high-enabled: var(--uy-color-surface-form-high-enabled);
  --color-surface-form-high-hover: var(--uy-color-surface-form-high-hover);
  --color-surface-form-high-pressed: var(--uy-color-surface-form-high-pressed);
  --color-surface-form-high-focus: var(--uy-color-surface-form-high-focus);
  --color-surface-form-high-active: var(--uy-color-surface-form-high-active);
  --color-surface-form-high-selected: var(--uy-color-surface-form-high-selected);
  --color-surface-form-high-disabled: var(--uy-color-surface-form-high-disabled);
  --color-surface-form-high-read-only: var(--uy-color-surface-form-high-read-only);
  --color-surface-form-high-error: var(--uy-color-surface-form-high-error);
  --color-surface-inverted: var(--uy-color-surface-inverted);
  --color-surface-inverted-enabled: var(--uy-color-surface-inverted-enabled);
  --color-surface-inverted-hover: var(--uy-color-surface-inverted-hover);
  --color-surface-inverted-pressed: var(--uy-color-surface-inverted-pressed);
  --color-surface-inverted-focus: var(--uy-color-surface-inverted-focus);
  --color-surface-inverted-active: var(--uy-color-surface-inverted-active);
  --color-surface-inverted-low-enabled: var(--uy-color-surface-inverted-low-enabled);
  --color-surface-inverted-low-hover: var(--uy-color-surface-inverted-low-hover);
  --color-surface-inverted-low-pressed: var(--uy-color-surface-inverted-low-pressed);
  --color-surface-inverted-low-active: var(--uy-color-surface-inverted-low-active);
  --color-surface-inverted-low-focus: var(--uy-color-surface-inverted-low-focus);
  --color-surface-inverted-low-disabled: var(--uy-color-surface-inverted-low-disabled);
  --color-surface-decorative-teal: var(--uy-color-surface-decorative-teal);
  --color-surface-decorative-teal-high: var(--uy-color-surface-decorative-teal-high);
  --color-surface-decorative-teal-low: var(--uy-color-surface-decorative-teal-low);
  --color-surface-decorative-teal-lowest: var(--uy-color-surface-decorative-teal-lowest);
  --color-surface-decorative-purple-high: var(--uy-color-surface-decorative-purple-high);
  --color-surface-decorative-purple: var(--uy-color-surface-decorative-purple);
  --color-surface-decorative-purple-low: var(--uy-color-surface-decorative-purple-low);
  --color-surface-decorative-purple-lowest: var(--uy-color-surface-decorative-purple-lowest);
  --color-surface-decorative-plum: var(--uy-color-surface-decorative-plum);
  --color-surface-decorative-plum-high: var(--uy-color-surface-decorative-plum-high);
  --color-surface-decorative-plum-low: var(--uy-color-surface-decorative-plum-low);
  --color-surface-decorative-plum-lowest: var(--uy-color-surface-decorative-plum-lowest);
  --color-surface-decorative-orange: var(--uy-color-surface-decorative-orange);
  --color-surface-decorative-orange-high: var(--uy-color-surface-decorative-orange-high);
  --color-surface-decorative-orange-low: var(--uy-color-surface-decorative-orange-low);
  --color-surface-decorative-orange-lowest: var(--uy-color-surface-decorative-orange-lowest);
  --color-content-primary: var(--uy-color-content-primary);
  --color-content-primary-enabled: var(--uy-color-content-primary-enabled);
  --color-content-primary-hover: var(--uy-color-content-primary-hover);
  --color-content-primary-pressed: var(--uy-color-content-primary-pressed);
  --color-content-primary-focus: var(--uy-color-content-primary-focus);
  --color-content-primary-active: var(--uy-color-content-primary-active);
  --color-content-primary-disabled: var(--uy-color-content-primary-disabled);
  --color-content-primary-high: var(--uy-color-content-primary-high);
  --color-content-neutral: var(--uy-color-content-neutral);
  --color-content-neutral-enabled: var(--uy-color-content-neutral-enabled);
  --color-content-neutral-hover: var(--uy-color-content-neutral-hover);
  --color-content-neutral-pressed: var(--uy-color-content-neutral-pressed);
  --color-content-neutral-focus: var(--uy-color-content-neutral-focus);
  --color-content-neutral-active: var(--uy-color-content-neutral-active);
  --color-content-neutral-disabled: var(--uy-color-content-neutral-disabled);
  --color-content-neutral-low: var(--uy-color-content-neutral-low);
  --color-content-neutral-lowest: var(--uy-color-content-neutral-lowest);
  --color-content-neutral-lowest-enabled: var(--uy-color-content-neutral-lowest-enabled);
  --color-content-neutral-lowest-hover: var(--uy-color-content-neutral-lowest-hover);
  --color-content-neutral-lowest-pressed: var(--uy-color-content-neutral-lowest-pressed);
  --color-content-neutral-lowest-focus: var(--uy-color-content-neutral-lowest-focus);
  --color-content-neutral-lowest-active: var(--uy-color-content-neutral-lowest-active);
  --color-content-neutral-lowest-disabled: var(--uy-color-content-neutral-lowest-disabled);
  --color-content-danger: var(--uy-color-content-danger);
  --color-content-danger-enabled: var(--uy-color-content-danger-enabled);
  --color-content-danger-hover: var(--uy-color-content-danger-hover);
  --color-content-danger-pressed: var(--uy-color-content-danger-pressed);
  --color-content-danger-focus: var(--uy-color-content-danger-focus);
  --color-content-danger-active: var(--uy-color-content-danger-active);
  --color-content-danger-disabled: var(--uy-color-content-danger-disabled);
  --color-content-danger-high: var(--uy-color-content-danger-high);
  --color-content-warning: var(--uy-color-content-warning);
  --color-content-warning-enabled: var(--uy-color-content-warning-enabled);
  --color-content-warning-hover: var(--uy-color-content-warning-hover);
  --color-content-warning-pressed: var(--uy-color-content-warning-pressed);
  --color-content-warning-focus: var(--uy-color-content-warning-focus);
  --color-content-warning-active: var(--uy-color-content-warning-active);
  --color-content-warning-disabled: var(--uy-color-content-warning-disabled);
  --color-content-warning-high: var(--uy-color-content-warning-high);
  --color-content-success: var(--uy-color-content-success);
  --color-content-success-enabled: var(--uy-color-content-success-enabled);
  --color-content-success-hover: var(--uy-color-content-success-hover);
  --color-content-success-pressed: var(--uy-color-content-success-pressed);
  --color-content-success-focus: var(--uy-color-content-success-focus);
  --color-content-success-active: var(--uy-color-content-success-active);
  --color-content-success-disabled: var(--uy-color-content-success-disabled);
  --color-content-success-high: var(--uy-color-content-success-high);
  --color-content-info: var(--uy-color-content-info);
  --color-content-info-enabled: var(--uy-color-content-info-enabled);
  --color-content-info-hover: var(--uy-color-content-info-hover);
  --color-content-info-pressed: var(--uy-color-content-info-pressed);
  --color-content-info-focus: var(--uy-color-content-info-focus);
  --color-content-info-active: var(--uy-color-content-info-active);
  --color-content-info-disabled: var(--uy-color-content-info-disabled);
  --color-content-info-high: var(--uy-color-content-info-high);
  --color-content-promo: var(--uy-color-content-promo);
  --color-content-promo-high: var(--uy-color-content-promo-high);
  --color-content-form-enabled: var(--uy-color-content-form-enabled);
  --color-content-form-hover: var(--uy-color-content-form-hover);
  --color-content-form-pressed: var(--uy-color-content-form-pressed);
  --color-content-form-focus: var(--uy-color-content-form-focus);
  --color-content-form-active: var(--uy-color-content-form-active);
  --color-content-form-selected: var(--uy-color-content-form-selected);
  --color-content-form-disabled: var(--uy-color-content-form-disabled);
  --color-content-form-read-only: var(--uy-color-content-form-read-only);
  --color-content-form-invalid: var(--uy-color-content-form-invalid);
  --color-content-inverted: var(--uy-color-content-inverted);
  --color-content-inverted-enabled: var(--uy-color-content-inverted-enabled);
  --color-content-inverted-hover: var(--uy-color-content-inverted-hover);
  --color-content-inverted-pressed: var(--uy-color-content-inverted-pressed);
  --color-content-inverted-focus: var(--uy-color-content-inverted-focus);
  --color-content-inverted-active: var(--uy-color-content-inverted-active);
  --color-content-inverted-disabled: var(--uy-color-content-inverted-disabled);
  --color-content-decorative-teal: var(--uy-color-content-decorative-teal);
  --color-content-decorative-teal-high: var(--uy-color-content-decorative-teal-high);
  --color-content-decorative-purple: var(--uy-color-content-decorative-purple);
  --color-content-decorative-purple-high: var(--uy-color-content-decorative-purple-high);
  --color-content-decorative-plum: var(--uy-color-content-decorative-plum);
  --color-content-decorative-plum-high: var(--uy-color-content-decorative-plum-high);
  --color-content-decorative-orange: var(--uy-color-content-decorative-orange);
  --color-content-decorative-orange-high: var(--uy-color-content-decorative-orange-high);
  --color-border-primary: var(--uy-color-border-primary);
  --color-border-primary-enabled: var(--uy-color-border-primary-enabled);
  --color-border-primary-hover: var(--uy-color-border-primary-hover);
  --color-border-primary-pressed: var(--uy-color-border-primary-pressed);
  --color-border-primary-focus: var(--uy-color-border-primary-focus);
  --color-border-primary-active: var(--uy-color-border-primary-active);
  --color-border-primary-disabled: var(--uy-color-border-primary-disabled);
  --color-border-primary-lowest: var(--uy-color-border-primary-lowest);
  --color-border-neutral-high: var(--uy-color-border-neutral-high);
  --color-border-neutral-high-enabled: var(--uy-color-border-neutral-high-enabled);
  --color-border-neutral-high-hover: var(--uy-color-border-neutral-high-hover);
  --color-border-neutral-high-pressed: var(--uy-color-border-neutral-high-pressed);
  --color-border-neutral-high-focus: var(--uy-color-border-neutral-high-focus);
  --color-border-neutral-high-active: var(--uy-color-border-neutral-high-active);
  --color-border-neutral-high-disabled: var(--uy-color-border-neutral-high-disabled);
  --color-border-neutral: var(--uy-color-border-neutral);
  --color-border-neutral-enabled: var(--uy-color-border-neutral-enabled);
  --color-border-neutral-hover: var(--uy-color-border-neutral-hover);
  --color-border-neutral-active: var(--uy-color-border-neutral-active);
  --color-border-neutral-pressed: var(--uy-color-border-neutral-pressed);
  --color-border-neutral-selected: var(--uy-color-border-neutral-selected);
  --color-border-neutral-disabled: var(--uy-color-border-neutral-disabled);
  --color-border-neutral-low: var(--uy-color-border-neutral-low);
  --color-border-neutral-highest: var(--uy-color-border-neutral-highest);
  --color-border-neutral-highest-enabled: var(--uy-color-border-neutral-highest-enabled);
  --color-border-neutral-highest-hover: var(--uy-color-border-neutral-highest-hover);
  --color-border-neutral-highest-pressed: var(--uy-color-border-neutral-highest-pressed);
  --color-border-neutral-highest-active: var(--uy-color-border-neutral-highest-active);
  --color-border-neutral-highest-focus: var(--uy-color-border-neutral-highest-focus);
  --color-border-neutral-highest-disabled: var(--uy-color-border-neutral-highest-disabled);
  --color-border-danger: var(--uy-color-border-danger);
  --color-border-danger-lowest: var(--uy-color-border-danger-lowest);
  --color-border-warning: var(--uy-color-border-warning);
  --color-border-warning-lowest: var(--uy-color-border-warning-lowest);
  --color-border-success: var(--uy-color-border-success);
  --color-border-success-low: var(--uy-color-border-success-low);
  --color-border-success-lowest: var(--uy-color-border-success-lowest);
  --color-border-info: var(--uy-color-border-info);
  --color-border-info-lowest: var(--uy-color-border-info-lowest);
  --color-border-promo: var(--uy-color-border-promo);
  --color-border-promo-lowest: var(--uy-color-border-promo-lowest);
  --color-border-form-enabled: var(--uy-color-border-form-enabled);
  --color-border-form-hover: var(--uy-color-border-form-hover);
  --color-border-form-pressed: var(--uy-color-border-form-pressed);
  --color-border-form-focus: var(--uy-color-border-form-focus);
  --color-border-form-active: var(--uy-color-border-form-active);
  --color-border-form-selected: var(--uy-color-border-form-selected);
  --color-border-form-disabled: var(--uy-color-border-form-disabled);
  --color-border-form-read-only: var(--uy-color-border-form-read-only);
  --color-border-form-error: var(--uy-color-border-form-error);
  --color-border-inverted: var(--uy-color-border-inverted);
  --color-border-inverted-enabled: var(--uy-color-border-inverted-enabled);
  --color-border-inverted-hover: var(--uy-color-border-inverted-hover);
  --color-border-inverted-pressed: var(--uy-color-border-inverted-pressed);
  --color-border-inverted-focus: var(--uy-color-border-inverted-focus);
  --color-border-inverted-active: var(--uy-color-border-inverted-active);
  --color-border-inverted-disabled: var(--uy-color-border-inverted-disabled);
  --color-border-inverted-high: var(--uy-color-border-inverted-high);
  --color-utility-focus-ring: var(--uy-color-utility-focus-ring);
  --color-utility-inverted-focus-ring: var(--uy-color-utility-inverted-focus-ring);
  --color-utility-backdrop: var(--uy-color-utility-backdrop);
  --color-utility-shadow-100: var(--uy-color-utility-shadow-100);
  --color-utility-shadow-200: var(--uy-color-utility-shadow-200);
  --color-utility-shadow-300: var(--uy-color-utility-shadow-300);
  --color-utility-shadow-400: var(--uy-color-utility-shadow-400);
  --color-utility-shadow-500: var(--uy-color-utility-shadow-500);
  --color-utility-shadow-600: var(--uy-color-utility-shadow-600);
  --shadow-100: var(--uy-shadow-100);
  --shadow-200: var(--uy-shadow-200);
  --shadow-300: var(--uy-shadow-300);
  --shadow-400: var(--uy-shadow-400);
  --shadow-500: var(--uy-shadow-500);
  --shadow-600: var(--uy-shadow-600);
  --shadow-canvas: var(--uy-shadow-canvas);
  --shadow-raising: var(--uy-shadow-raising);
  --shadow-floating: var(--uy-shadow-floating);
  --shadow-levitating: var(--uy-shadow-levitating);
  --shadow-flying: var(--uy-shadow-flying);
  --shadow-soaring: var(--uy-shadow-soaring);
  --shadow-summit: var(--uy-shadow-summit);
  --font-serif: var(--uy-font-serif);
  --font-sans: var(--uy-font-sans);
  --font-mono: var(--uy-font-mono);
  --typography-default-display-heading: var(--uy-typography-default-display-heading);
  --typography-sm-display-heading: var(--uy-typography-sm-display-heading);
  --typography-default-h1: var(--uy-typography-default-h1);
  --typography-sm-h1: var(--uy-typography-sm-h1);
  --typography-default-h2: var(--uy-typography-default-h2);
  --typography-sm-h2: var(--uy-typography-sm-h2);
  --typography-default-h3: var(--uy-typography-default-h3);
  --typography-sm-h3: var(--uy-typography-sm-h3);
  --typography-default-h4: var(--uy-typography-default-h4);
  --typography-sm-h4: var(--uy-typography-sm-h4);
  --typography-default-overline: var(--uy-typography-default-overline);
  --typography-sm-overline: var(--uy-typography-sm-overline);
  --typography-default-subtitle: var(--uy-typography-default-subtitle);
  --typography-sm-subtitle: var(--uy-typography-sm-subtitle);
  --typography-default-display-title: var(--uy-typography-default-display-title);
  --typography-sm-display-title: var(--uy-typography-sm-display-title);
  --typography-default-display-body: var(--uy-typography-default-display-body);
  --typography-sm-display-body: var(--uy-typography-sm-display-body);
  --typography-default-body: var(--uy-typography-default-body);
  --typography-sm-body: var(--uy-typography-sm-body);
  --typography-default-body-strong: var(--uy-typography-default-body-strong);
  --typography-sm-body-strong: var(--uy-typography-sm-body-strong);
  --typography-default-body-small: var(--uy-typography-default-body-small);
  --typography-sm-body-small: var(--uy-typography-sm-body-small);
  --typography-default-body-small-strong: var(--uy-typography-default-body-small-strong);
  --typography-sm-body-small-strong: var(--uy-typography-sm-body-small-strong);
  --typography-default-body-large: var(--uy-typography-default-body-large);
  --typography-sm-body-large: var(--uy-typography-sm-body-large);
  --typography-default-body-large-strong: var(--uy-typography-default-body-large-strong);
  --typography-sm-body-large-strong: var(--uy-typography-sm-body-large-strong);
  --typography-default-action: var(--uy-typography-default-action);
  --typography-sm-action: var(--uy-typography-sm-action);
  --typography-default-action-small: var(--uy-typography-default-action-small);
  --typography-sm-action-small: var(--uy-typography-sm-action-small);
  --typography-default-action-large: var(--uy-typography-default-action-large);
  --typography-sm-action-large: var(--uy-typography-sm-action-large);
}

@utility grid-layout {
  display: grid;
  grid-template-columns: repeat(var(--uy-grid-layout-columns--default), 1fr);
  grid-gap: var(--uy-grid-layout-gutter--default);
  margin: 0 var(--uy-grid-layout-margin--default);
  @media screen and (min-width: 768px) {
    grid-template-columns: repeat(var(--uy-grid-layout-columns--md), 1fr);
    grid-gap: var(--uy-grid-layout-gutter--md);
    margin: 0 var(--uy-grid-layout-margin--md);
  }
  @media screen and (min-width: 1280px) {
    grid-template-columns: repeat(var(--uy-grid-layout-columns--lg), 1fr);
    grid-gap: var(--uy-grid-layout-gutter--lg);
    margin: 0 var(--uy-grid-layout-margin--lg);
  }
}

@utility typography-* {
  font: --value(--typography-default-*);
  @media screen and (min-width: 490px) {
    font: --value(--typography-sm- *);
  }
}

@custom-variant theme-legacy (&:where([data-uy-theme="legacy"], [data-uy-theme="legacy"] *));
@custom-variant theme-rebrand (&:where([data-uy-theme="rebrand"], [data-uy-theme="rebrand"] *));


@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes arc-shrink {
  0% {
    stroke-dasharray: calc(2 * var(--1deg, 1rad)) calc(358 * var(--1deg, 1rad));
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: calc(290 * var(--1deg, 1rad))
      calc(358 * var(--1deg, 1rad));
    stroke-dashoffset: calc(-35 * var(--1deg, 1rad));
  }
  100% {
    stroke-dasharray: calc(2 * var(--1deg, 1rad)) calc(358 * var(--1deg, 1rad));
    stroke-dashoffset: calc(-358 * var(--1deg, 1rad));
  }
}

@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes slide-right-fade-in {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slide-right-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slide-down-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slide {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  25% {
    opacity: 0.2;
    transform: translate3d(-100%, 0, 0);
  }

  50% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  100% {
    opacity: 0.2;
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes zoom-in {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes zoom-out {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0);
  }
}


/* this is Midnight css reset */
@layer base {
  html {
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -moz-osx-font-smoothing: grayscale;
  }

  /* Set core body defaults */
  body {
    font-family: var(--uy-font-sans);
    font-size: 100%;
    line-height: 1.5;

    color: var(--uy-color-content-neutral);
    background-color: var(--uy-color-canvas);

    min-height: 100vh;
    margin: 0;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    -webkit-text-size-adjust: 100%;
  }

  /* Remove default margin */
  h1,
  h2,
  h3,
  h4,
  figure,
  figcaption,
  blockquote {
    margin: 0;
  }

  /* Make images easier to work with */
  img {
    max-width: 100%;
    display: block;
  }

  svg:not(:root) {
    overflow: visible;
  }

  a {
    text-decoration: none;
  }

  table {
    border-spacing: 0;
  }

  iframe {
    border: 0;
  }

  /* Inherit fonts for inputs and buttons */
  input,
  button,
  textarea,
  select {
    font: inherit;
  }

  b,
  strong {
    font-weight: var(--uy-font-weight-bold);
  }

  ol {
    list-style-type: decimal;
  }

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